:root {
    --color1: #009EE0;
    --color2: #65a599;
    --color3: #5075be;
    --color4: #ed2b00;
    --color5: rgb(255 255 255 / 15%);
    --container-width: min(161.5rem, calc(100vw - 20rem));
    --bn-height: 90rem;
    --head-height: 8.4rem;
    --shrinkhead-height: 6.5rem;
    --bodypadding: 8rem;
    --sctpadding: 0;
    --smenuheight: 7rem
}

html {
    font-size: 0.5208vw
}

html {
    scroll-behavior: smooth
}

.container {
    width: var(--container-width);
    max-width: 100%
}

.mobileonly {
    display: none !important
}

video {
    object-fit: cover
}

.waponly {
    display: none
}

.withicon1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: .5rem
}

.withicon1 span {}

.withicon1 i {
    display: inline-flex;
    align-items: center
}

.withicon1 i svg {
    fill: inherit;
    width: auto;
    height: 100%
}

.bggray1 {
    background: #fafafa
}

.flex {
    display: flex
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-w {
    display: flex;
    flex-wrap: wrap
}

.flex-c {
    display: flex;
    flex-direction: column
}

.i_ttl {
    display: block;
    margin: auto;
    margin-bottom: 4rem;
    text-align: center
}

.i_ttl .l {}

.i_ttl .l p {
    height: 4.6rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: var(--color1);
    line-height: 4.2rem
}

.i_ttl .h2 {}

.i_ttl .r {}

.i_ttl .r a:hover span {
    color: var(--color1)
}

.i_ttl .r a i {
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    background: transparent url(../images/right-btn-fill.png) no-repeat center/cover;
    opacity: 0.4;
    vertical-align: middle;
    transform: translateY(-0.2rem);
    margin-left: 0.6rem
}

.i_ttl .r a span {
    color: #073963;
    font-size: 1.6rem
}

.h2_sct_ttl {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    font-weight: bold;
    position: relative;
    font-size: 3.6rem;
    color: #222;
    line-height: 4.2rem
}

.h2_sct_ttl+p {
    margin-top: 1.6rem;
    margin-bottom: 0;
    color: #7b7b7b;
    font-size: 1.8rem
}

.h2_sct_ttl:after {
    background-position: right 1.1rem
}

.h2_sct_ttl+.fbt {
    color: #c3c3c3;
    font-size: 2rem;
    font-weight: bold;
    line-height: 6rem;
    padding: 0 2.5rem;
    text-transform: uppercase
}

.white .h2_sct_ttl {
    color: #fff
}

.white .h2_sct_ttl:after {
    background-position: right -15.9rem
}

.white .fbt {
    color: #fff
}

.ban img {
    visibility: hidden;
    width: 100%;
    max-width: none
}

.text-color1 {
    color: var(--color1)
}

.py-4 {
    padding-top: 1rem
}

.py-4 {
    padding-bottom: 1rem
}

.py-6rem {
    padding-top: 6rem
}

.py-6rem {
    padding-bottom: 6rem
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lines-1 {
    white-space: nowrap;
    text-overflow: ellipsis
}

.lines-2 {
    -webkit-line-clamp: 2
}

.lines-3 {
    -webkit-line-clamp: 3
}

.lines-4 {
    -webkit-line-clamp: 4
}

.lines-5 {
    -webkit-line-clamp: 5
}

.lines-6 {
    -webkit-line-clamp: 6
}

.bggray3 {
    background: #f7f8fc
}

.content_main_img {
    display: block;
    margin: 4rem auto;
    width: 100%
}

#location {
    padding: 0 3rem 0 2.3rem;
    background: url(../images/bg_lct.png) no-repeat left
}

#location * {
    font-size: 1.6rem;
    color: #666;
    font-weight: 400
}

#location a:hover {
    color: #b41017
}

#submenu {
    margin: 0 0;
    padding: 0
}

#submenu .box>a {
    display: none
}

#submenu ul {
    width: 100%;
    text-align: center;
    margin-top: 0
}

.submenu_search #submenu ul {
    text-align: left
}

.submenu_search #submenu {
    display: inline-block;
    margin: 0 auto;
    text-align: left
}

.submenu_search {
    text-align: center
}

.submenu_search #submenu li:first-child {
    margin-left: 0
}

.submenu_search #submenu li {
    text-align: center;
    padding: 0 1rem
}

#submenu.submenu_yx {
    border: none;
    top: 28.7rem;
    position: relative;
    background: transparent;
    z-index: 999
}

#submenu.submenu_yx ul {
    border-radius: 0.6rem;
    box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.06);
    background: #fff;
    justify-content: space-between;
    display: flex;
    overflow: hidden
}

#submenu.submenu_yx ul li {
    flex: 1 0 auto;
    margin: 0;
    transition: all 0.3s
}

#submenu.submenu_yx ul li.active,
#submenu.submenu_yx ul li:hover {
    background: #0052d9;
    border: none
}

#submenu.submenu_yx ul li.active a,
#submenu.submenu_yx ul li:hover a {
    color: #fff
}

#submenu ul li.active a,
#submenu ul li a:hover {
    color: #fff;
    background: var(--color1)
}

#submenu ul li.active a img,
#submenu ul a:hover img {
    filter: brightness(100)
}

#submenu ul li a {
    font-size: 1.6rem
}

#submenu ul li a i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -0.2rem;
    margin-right: 1.8rem;
    height: 3.2rem
}

#submenu ul li a i img {
    height: 100%;
    width: auto
}

#submenu ul li a {
    padding: 0;
    transition: all 0.3s
}

#menu_left {
    width: 27rem;
    border: 0.1rem solid rgba(240, 240, 240, 1);
    padding: 0 2.5rem 4.5rem;
    margin-bottom: 6rem;
    position: relative
}

#menu_left .h2 {
    margin: 0 -2.5rem 1rem;
    line-height: 6.4rem;
    font-size: 1.8rem;
    color: #030303;
    position: relative;
    padding: 0 2.5rem;
    border-bottom: 0.1rem solid rgba(223, 229, 234, 1)
}

#menu_left .a_collapse {
    position: absolute;
    right: 2.5rem;
    top: 2.6rem;
    z-index: 99
}

#menu_left .a_collapse span {
    display: block;
    width: 1.6rem;
    height: 0.1rem;
    background: #999;
    margin-bottom: 0.4rem
}

#menu_left .menu_depth1 li {
    padding-left: 1.3rem
}

#menu_left .menu_depth1 li a {
    line-height: 3.6rem;
    position: relative;
    color: #535353;
    user-select: none
}

#menu_left .menu_depth1 li a:hover {
    color: #0052d9
}

#menu_left .menu_depth1 li {
    min-height: 3.6rem
}

#menu_left .menu_depth1>li ul {
    display: none
}

#menu_left .menu_depth1 li.open>ul {
    display: block
}

#menu_left .menu_depth1>li>a {
    font-size: 1.6rem
}

#menu_left li.haschild>a:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0rem;
    top: 0.5rem;
    left: -1.5rem;
    border: 0.5rem solid transparent;
    border-left-color: #848484
}

#menu_left li.haschild.open>a:before {
    border-left-color: transparent;
    border-top-color: #848484;
    top: 0.8rem;
    left: -1.7rem
}

#menu_left a:hover {
    color: #0052d9
}

#menu_left .haschild {
    position: relative
}

#menu_left .haschild>a {
    color: var(--color1)
}

#menu_left .menu_depth2>li>a {
    font-size: 1.4rem
}

#menu_left .menu_depth2 {
    margin-bottom: 1.5rem
}

#menu_left .active>a {
    color: #0052d9 !important
}

#menu_pop {
    position: absolute;
    top: 0;
    left: calc(100% - 5rem);
    padding-left: 5rem;
    padding-bottom: 3rem;
    padding-right: 2rem;
    z-index: 88;
    display: none;
    background: #fff
}

#menu_pop .in {
    width: 84.4rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0.6rem 1.2rem 0.7rem 0rem rgba(71, 71, 71, 0.1);
    padding: 3.6rem 5.2rem;
    padding-right: 0;
    margin-left: 0.1rem;
    border: 0.1rem solid #d4d4d4
}

#menu_pop .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 60rem;
    overflow-y: scroll;
    color: rgba(0, 0, 0, 0.051);
    transition: all 0.3s
}

#menu_pop .items::-webkit-scrollbar,
#menu_pop .items::-webkit-scrollbar-thumb {
    width: 2.6rem;
    border-radius: 1.3rem;
    background-clip: padding-box;
    border: 1rem solid transparent
}

#menu_pop .items::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1rem
}

#menu_pop .items:hover {
    color: rgba(0, 0, 0, 0.1)
}

#menu_pop .item {
    flex: 0 0 calc(33%);
    padding-right: 5rem
}

#menu_pop .item .h3 {
    font-size: 1.6rem;
    color: #333;
    padding-bottom: 1.2rem;
    border-bottom: 0.1rem solid #dbdbdb;
    margin-bottom: 2rem
}

#menu_pop li {
    min-height: 2.8rem
}

#menu_pop a {
    color: #7b7b7b
}

#menu_pop a:hover {
    color: #0052d9
}

#pagelist {
    margin: 5rem auto 5rem;
    text-align: center
}

.body_news #pagelist {
    margin: 3rem auto 5rem;
    text-align: center
}

.body_soft #pagelist {
    margin-top: 3rem
}

#pagelist a:hover,
#pagelist .current {
    color: #fff;
    border-color: var(--color1);
    background: var(--color1)
}

#pagelist>span.pageinfo {
    display: none
}

#pagelist>span,
#pagelist a {
    line-height: 4.5rem;
    display: inline-block;
    min-width: 1.2rem;
    margin: 0 0.5rem;
    padding: 0px 1.8rem;
    transition: all 0.2s;
    color: #666;
    font-size: 1.6rem;
    border: 0.1rem solid rgba(213, 213, 213, 1);
    background: #fff;
    text-align: center
}

#footer {
    background: url(../images/bg7.jpg) no-repeat center/cover;
    padding: 6rem 0 0
}

#footer .footcontact {
    flex: 0 0 30rem;
    margin-right: 11rem
}

#footer .footcontact .sitelogo img {
    filter: brightness(0) invert(1);
    height: auto;
    width: 20rem;
    margin-bottom: 3rem;
    margin-top: -1rem
}

#footer .footcontact .item {
    display: flex;
    align-items: flex-start;
    column-gap: 1rem;
    margin-bottom: 2rem
}

#footer .footcontact .item i {
    flex: 0 0 2.5rem;
    fill: #83C4DF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0
}

#footer .footcontact .item i * {}

#footer .footcontact .item span {
    color: #83C4DF;
    font-size: 1.6rem
}

#footer .footcontact .item_phone {
    align-items: center
}

#footer .footcontact .item_phone i {
    flex: 0 0 3.9rem;
    fill: #fff
}

#footer .footcontact .item_phone i * {}

#footer .footcontact .item_phone span {
    font-size: 3.6rem;
    font-weight: 700;
    color: #fff
}

#footer .in1,
#footer .in2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6rem 0 2.5rem;
    border-bottom: 1px solid rgb(255 255 255 / 10%)
}

#footer .in2 {
    border: none;
    border-top: 1px solid rgb(255 255 255 / 10%);
    padding: 2.6rem 0 0rem;
    font-size: 1.6rem
}

#footer .in2 * {
    color: #83C4DF
}

#footer .in2 a:hover {
    color: #fff
}

#footer .in2 .l {
    display: flex;
    column-gap: 5rem;
    order: 3
}

.friendslinks .con>span {
    font-size: 1.4rem;
    color: #fff;
    margin-right: 1rem
}

.friendslinks .con>span~a {
    color: #717171;
    display: inline-block;
    margin: 0 0 1.2rem;
    margin-right: 3rem
}

.friendslinks .con>span~a:hover {
    color: #fff
}

.copyright {
    padding: 0 0 2.8rem
}

.copyright * {}

.copyright a:hover {
    color: #fff
}

.copyright .pp {
    margin-top: 1.5rem
}

.copyright .pp * {
    font-size: 1.6rem
}

.copyright .pp span {
    color: #fff;
    margin-right: 1.4rem
}

.copyright .pp a {
    display: inline-block;
    margin-right: 3.5rem;
    color: #717171
}

.copyright .pp a:hover {
    color: #fff
}

.hdl_submenu ul {
    margin-top: 1.5rem;
    text-align: center
}

.hdl_submenu li {
    display: inline-block;
    font-size: 1.6rem;
    margin: 0 2.5rem -0.1rem;
    line-height: 6rem;
    color: #666666;
    cursor: pointer
}

.hdl_submenu .slick-active,
.hdl_submenu .active {
    color: #0052d9;
    border-bottom: 0.3rem solid #0052d9
}

#searchbar {
    height: 15rem;
    padding-top: 0;
    background: #454545;
    width: 100%;
    margin: 0 auto;
    padding-left: 3rem;
    padding-right: 3rem
}

#searchbar.searchbar3 {
    background: transparent;
    padding-left: 0;
    padding-top: 1rem
}

#searchbar.searchbar3 form {
    padding-left: 0
}

#searchbar.searchbar3 .reci,
#searchbar.searchbar3 .reci * {
    color: #666;
    line-height: 1.9
}

#searchbar.searchbar3 .reci a:hover {
    color: #0052d9
}

.resultlist .searchresult {
    padding: 1.5rem 0
}

.searchresult:last-child {
    border-bottom: 0.1rem solid rgba(229, 229, 229, 1)
}

.resultlist .searchresult>a {
    font-size: 1.8rem;
    line-height: 1.8
}

.resultlist .sinfo {
    margin-top: 1rem
}

.resultlist .kw {
    color: #ff0000
}

.resultlist .source1 {
    color: #999
}

.resultlist .source1 a {
    color: #999
}

.resultlist .pagelists {
    text-align: left
}

.ban #searchbar {
    height: auto;
    background: transparent;
    display: block;
    margin-top: 1.3rem
}

.reci {
    font-size: 1.3rem;
    color: #fff;
    margin-top: 2rem
}

.reci a {
    color: #fff;
    margin-right: 1.5rem
}

.ban #searchbar .form_search {
    padding: 0;
    width: 72rem;
    margin: 0 auto
}

#site-map {
    height: 40rem
}

.pagelists {
    text-align: center;
    margin: 5rem auto
}

.pagelists .all {
    padding-left: 2rem
}

.pagelists .grp {
    display: inline-block
}

.pagelists .pagelink {
    transition: all 0.3s;
    color: #333;
    outline: 0rem;
    border: 0.1rem solid #d4d6dd;
    border-radius: 0.2rem;
    margin-right: 0.8rem;
    display: inline-block;
    padding: 0.6rem 1.2rem;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pagelists .pagelink.active,
.pagelists .pagelink:hover {
    background: #0052d9;
    color: #fff;
    border-color: #0052d9
}

#searchbar p.fl {
    margin: 0;
    margin-top: 0;
    color: #fff;
    background: #363636;
    display: flex;
    height: 15rem;
    width: 23rem;
    align-items: center;
    justify-content: center
}

#searchbar .t {
    width: 13rem;
    height: 3.9rem;
    background: rgba(0, 82, 217, 1);
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    line-height: 3.9rem
}

#searchbar .inp02 {
    border: none;
    background: #0052d9;
    color: #fff;
    height: 5rem;
    margin-left: -0.5rem;
    width: 17rem;
    text-align: center;
    letter-spacing: 0.2rem;
    font-size: 1.6rem
}

#searchbar.searchbar3 .inp02 {
    width: 10rem
}

#searchbar .inp01 {
    line-height: 4.7rem;
    border: none;
    padding-left: 1.2rem;
    width: calc(100% - 17rem);
    font-size: 1.6rem
}

#searchbar.searchbar3 .inp01 {
    border: 0.1rem solid rgba(236, 236, 236, 1)
}

.ban #searchbar .inp01 {
    font-size: 1.4rem;
    width: calc(100% - 9.4rem)
}

.ban #searchbar .inp02 {
    width: 9.4rem;
    font-size: 1.4rem
}

#searchbar .form_search {
    width: calc(100% - 23rem);
    padding-top: 3rem;
    padding-left: 3.3rem
}

#searchbar .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#searchbar+.sct_num {
    padding-top: 0rem
}

.crumbs {
    color: #7b7b7b;
    height: 9rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    border-bottom: #eee 1px solid;
    margin-bottom: 4.5rem
}

.body_contact .crumbs {
    display: none
}

.body_products .crumbs {
    display: none
}

.body_products.body_detail .crumbs {
    display: block;
    height: auto;
    padding: 5rem 0 0;
    border: 0;
    margin: 0 0 3rem
}

.body_detail .crumbs {
    margin-bottom: 4.5rem
}

.body_p_1 .crumbs {
    display: none
}

.crumbs a {
    color: inherit;
    display: inline-block
}

.body_detail .crumbs,
.body_detail .crumbs * {
    color: #fff
}

.body_detail.body_news .crumbs,
.body_detail.body_news .crumbs * {
    color: #333
}

.body_detail.body_news .crumbs a:first-child {
    background: url(../images/lct2.png) left center/auto 1.7rem no-repeat
}

.crumbs a:hover {
    color: var(--color1)
}

.crumbs * {}

.crumbs * {}

.crumbs * {}

.crumbs span {
    display: inline-block;
    margin: 0.7rem
}

.crumbs a:first-child {
    padding-left: 4rem;
    background: url(../images/lct.png) left center/auto 2.2rem no-repeat
}

.body_products .crumbs a:first-child {
    background: url(../images/lct.png) left top 0.2rem/auto 1.7rem no-repeat;
    filter: brightness(0) invert(1);
    padding-left: 3rem
}

.body_index {}

.body_index:before {
    content: "";
    height: calc((90 / 192) * 100vw);
    width: 100%;
    display: block;
    background: var(--color1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.linkmore_3 {
    display: flex;
    width: 17.6rem;
    height: 4.8rem;
    color: #fff;
    border: 0.2rem solid #fff;
    align-items: center;
    padding: 0 3rem;
    transition: all 0.3s;
    border-radius: 10rem;
    font-size: 1.8rem;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 1
}

.linkmore_3 span {
    font-size: 1.8rem
}

.linkmore_3:hover {
    background: var(--color1);
    border-color: var(--color1);
    color: #fff
}

.linkmore_3 i {
    display: flex;
    justify-content: center;
    align-items: center
}

.linkmore_3 i svg {
    height: 1.8rem;
    width: auto
}

#ban_index .a1:hover {
    background: #0052d9;
    color: #fff;
    border-color: #0052d9
}

#ban_index:hover .dots li.slick-active:after {
    animation-play-state: paused
}

#ban_index .txt {
    position: absolute;
    top: 50%;
    width: 120rem;
    left: 50%;
    min-height: 20rem;
    margin-left: -60rem;
    top: 50%;
    margin-top: -8.5rem
}

#ban_index .a1 {
    display: inline-block;
    width: 14.2rem;
    border: 0.1rem solid #fff;
    line-height: 4rem;
    margin: 2.5rem auto 0;
    font-size: 1.5rem;
    transition: all 0.3s;
    text-align: center
}

#ban_index {
    background: #181c28;
    position: relative;
    z-index: 66
}

#ban_index .con {
    position: relative
}

#ban_index .inner {
    position: relative;
    height: 50rem;
    width: 100%;
    overflow: hidden
}

#ban_index .img {
    display: inline-block;
    background: transparent no-repeat center;
    top: 1.5rem
}

#ban_index .img img {
    width: auto;
    height: auto
}

#ban_index .in {
    transform: translateY(-50rem);
    height: 100%
}

#ban_index .in * {
    color: #fff;
    border-color: #fff
}

#ban_index .con2 {
    height: 50rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start
}

#ban_index .con2 .txt {}

#ban_index .con2>p {
    flex: auto;
    width: 100%
}

#ban_index .in .t {
    font-size: 4rem;
    line-height: 1.4;
    font-weight: bold
}

#ban_index .s {
    font-size: 2.6rem;
    line-height: 1.6
}

#ban_index .s2 {
    font-size: 1.8rem;
    display: inline-block;
    padding-top: 7.7rem;
    position: relative
}

#ban_index .s2:before {
    content: "";
    width: 7rem;
    height: 0.1rem;
    background: #fff;
    opacity: 0.4;
    display: block;
    position: absolute;
    left: 0;
    top: 3rem
}

#ban_index .linkmore {
    border-radius: 0;
    font-size: 1.5rem
}

#ban_index .linkmore:hover {
    border-color: #0052d9
}

#ban_index .dots {
    position: absolute;
    left: 50%;
    top: 39rem;
    transform: translateX(-50%)
}

#ban_index .dots li {
    width: 3.4rem;
    height: 0.3rem;
    background: #fff;
    display: inline-block;
    margin: 0;
    margin-right: 0.8rem;
    cursor: pointer;
    opacity: 0.5
}

#ban_index .dots li.slick-active {
    position: relative;
    opacity: 1
}

#ban_index .dots li.slick-active:after {
    animation: move 5s;
    content: "";
    display: block;
    position: absolute;
    width: 0rem;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff
}

#ban_index .p1 {
    font-size: 3.8rem;
    font-weight: 400
}

#ban_index .ban2 .p1 {
    text-align: center
}

#ban_index .p1 {
    font-size: 1.6rem;
    margin-top: 0
}

#ban_index .p2 {
    line-height: 3rem
}

#ban_index .ban2 .p2 {
    text-align: center
}

#ban_index .p2 .t a {
    color: #c6c9ce;
    font-size: 1.2rem;
    margin-right: 1rem
}

#ban_index .p2 .t a:hover {
    color: #fff
}

#ban_index .nav2 .p2 a:hover {
    color: #fff
}

#ban_index .ban {
    position: relative
}

#ban_index img {
    visibility: hidden;
    width: 100%;
    max-width: none
}

#ban_index h4 img {
    visibility: visible;
    width: auto;
    min-width: 0.1rem
}

#ban_index .sname {
    font-family: Microsoft YaHei UI;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    z-index: 4;
    top: 24%;
    right: 0;
    display: inline-block;
    width: fit-content;
    width: 100%;
    text-align: center;
    white-space: normal;
    letter-spacing: 0.7rem;
    text-transform: uppercase;
    word-break: break-word;
    color: #fff
}

#ban_index h2 {
    font-size: 4.8rem;
    font-weight: 400;
    font-weight: 400;
    position: absolute;
    top: 10rem;
    left: 50%;
    width: 120rem;
    margin-left: -60rem;
    text-align: center;
    letter-spacing: 0.4rem;
    color: #333
}

#ban_index h4 {
    font-size: 3rem;
    font-weight: 100;
    position: absolute;
    top: 20.2rem;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    letter-spacing: 0.4rem
}

#ban_index h4 .dot {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 1.1rem 0.2rem 1rem;
    vertical-align: middle;
    border-radius: 10rem;
    background: #b41017
}

#ban_index .txt {
    margin-top: -15rem
}

#ban_index .ban2 .p1 {
    margin: 3rem 0 0
}

#ban_index .ban {
    margin-top: -6.2rem
}

#ban_index .txt {
    margin-top: -11rem
}

#pageban .a1:hover {
    background: #0052d9;
    color: #fff;
    border-color: #0052d9
}

#pageban .txt {
    width: 100%
}

#pageban .ban_left .txt {}

#pageban.ban3 .txt {
    position: absolute;
    left: 50%;
    width: 50vw;
    text-align: left;
    margin-top: -12rem;
    padding-left: 4rem;
    background: url(../images/frame1.png) no-repeat left center;
    padding-top: 6rem;
    padding-bottom: 6rem
}

.body_quyu #pageban .txt {
    top: 27rem
}

#pageban .ban2 .txt {
    padding-top: 4rem
}

#pageban .a1 {
    display: inline-block;
    width: 14.2rem;
    border: 0.1rem solid #fff;
    line-height: 4rem;
    margin: 2.5rem auto 0;
    font-size: 1.5rem;
    transition: all 0.3s;
    text-align: center
}

#pageban .ban {
    min-height: 40rem;
    background: var(--color1)
}

#pageban .con {
    position: relative
}

#pageban .inner {
    position: relative;
    height: 43rem
}

#pageban .img {
    display: inline-block;
    background: transparent no-repeat center;
    position: absolute;
    right: 0;
    top: 1.5rem
}

#pageban .img img {
    width: auto;
    height: auto;
    max-width: none;
    min-width: 0
}

#pageban .in {
    width: 44rem;
    position: absolute;
    top: 7rem;
    left: 29rem;
    text-align: left
}

#pageban .in * {
    color: #fff;
    border-color: #fff
}

#pageban .t {
    font-size: 4.2rem;
    color: #fff
}

#pageban .s {
    font-size: 2.6rem;
    color: #fff;
    line-height: 4.2rem;
    margin-bottom: 0
}

#pageban .linkmore {
    border-radius: 0;
    font-size: 1.5rem
}

#pageban .linkmore:hover {
    border-color: #0052d9
}

#pageban .dots {
    position: absolute;
    left: 29rem;
    top: 31rem
}

#pageban .dots li {
    width: 3.4rem;
    height: 0.3rem;
    background: #fff;
    display: inline-block;
    margin: 0;
    margin-right: 0.8rem;
    cursor: pointer
}

#pageban .dots li.slick-active {
    position: relative
}

#pageban .dots li.slick-active:after {
    animation: move 5s;
    content: "";
    display: block;
    position: absolute;
    width: 0rem;
    height: 100%;
    top: 0;
    left: 0;
    background: #0052d9
}

#pageban .nav2 {
    position: absolute;
    top: 2.9rem;
    left: 0
}

#pageban .nav2 .p1 span {
    color: #fff
}

#pageban .nav2 li {
    width: 24rem;
    height: 8.6rem;
    margin-bottom: 1rem;
    padding: 1.8rem 1.8rem 0;
    background: #242a37 no-repeat right bottom
}

#pageban .nav2 li:nth-child(1) {
    background-image: url(../images/nva2bg_1.png)
}

#pageban .nav2 li:nth-child(2) {
    background-image: url(../images/nva2bg_2.png)
}

#pageban .nav2 li:nth-child(3) {
    background-image: url(../images/nva2bg_3.png)
}

#pageban .nav2 li:nth-child(4) {
    background-image: url(../images/nva2bg_4.png)
}

#pageban .p1 {
    font-size: 6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: 0.3rem;
    margin-top: -3rem
}

.body_p_67 #pageban .p1 {
    font-size: 5rem;
    margin-bottom: 0.6rem
}

#pageban.ban3 .p1 {
    margin-bottom: 0.4rem
}

#pageban.ban3 .p2 {
    margin-bottom: 2rem
}

#pageban .ban2 .p1 {
    text-align: center
}

#pageban .p2 {
    font-size: 3rem;
    font-weight: 400
}

#pageban.new0822 .txt {
    margin-top: -2.5rem
}

#pageban .p2.lh40 {
    line-height: 4rem
}

#pageban .ban2 .p2 {
    text-align: center
}

#pageban .nav2 .p2 span {
    color: #c6c9ce;
    font-size: 1.2rem;
    margin-right: 1rem
}

#pageban .nav2 .p2 a:hover {
    color: #fff
}

#pageban .ban {
    position: relative
}

#pageban img {
    visibility: hidden;
    width: 100%;
    max-width: none
}

#pageban .container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

#pageban .ban_left .container {
    width: var(--container-width);
    left: 50%;
    transform: translateX(-50%);
    justify-content: flex-start;
    text-align: left
}

#pageban .ban_detail .container {
    background: transparent;
    padding-top: 10rem;
    color: #fff;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: center
}

#pageban .ban_detail .mainpic img {
    visibility: visible
}

#pageban .ban_detail .mainpic img {}

#pageban .ban_detail .mainpic {
    width: 60rem;
    padding: 8rem;
    background: #fff;
    border-radius: 3rem;
    min-height: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%
}

#pageban .ban_detail .cs {
    padding-left: 4rem
}

#pageban .ban_detail .cs h1 {
    border-bottom: 1px solid #ffffff4d;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    position: relative;
    font-size: 4.1rem
}

#pageban .ban_detail .cs h1:after {
    content: "";
    display: block;
    height: 0.4rem;
    width: 3em;
    background: #fff;
    bottom: -.2rem;
    left: 0;
    position: absolute
}

#pageban .ban_detail .fea {
    font-size: 1.8rem;
    line-height: 2.6
}

#pageban .ban_detail .morepics {
    column-gap: 1.8rem;
    margin-top: 10.8rem
}

#pageban .ban_detail .morepics .simg {
    width: 16rem;
    height: 11.8rem;
    border-radius: .8rem;
    background: #fff;
    padding: 2rem 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: .3rem solid transparent;
    margin-right: 1.5rem;
    vertical-align: middle
}

#pageban .ban_detail .morepics img {
    visibility: visible;
    max-width: 100%;
    max-height: 100%
}

#pageban .ban_detail .morepics .active {
    border-color: var(--color1);
    width: 16.3rem;
    height: 12.1rem
}

#pageban h4 img {
    visibility: visible;
    width: auto;
    min-width: 0.1rem
}

#pageban .sname {
    font-family: Microsoft YaHei UI;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    z-index: 4;
    top: 24%;
    right: 0;
    display: inline-block;
    width: fit-content;
    width: 100%;
    text-align: center;
    white-space: normal;
    letter-spacing: 0.7rem;
    text-transform: uppercase;
    word-break: break-word;
    color: #fff
}

#pageban h2 {
    font-size: 4.8rem;
    font-weight: 400;
    font-weight: 400;
    position: absolute;
    top: 10rem;
    left: 50%;
    width: 120rem;
    margin-left: -60rem;
    text-align: center;
    letter-spacing: 0.4rem;
    color: #333
}

#pageban h4 {
    font-size: 3rem;
    font-weight: 100;
    position: absolute;
    top: 20.2rem;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    letter-spacing: 0.4rem
}

#pageban h4 .dot {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 1.1rem 0.2rem 1rem;
    vertical-align: middle;
    border-radius: 10rem;
    background: #b41017
}

#newsitems {}

#newsitems .item {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    border-bottom: 0.1rem solid #e7e7e7
}

#newsitems .item:first-child {
    margin-top: -2rem
}

#newsitems .item h3 {
    margin-top: 0
}

#newsitems .item h3 a {
    font-size: 2rem
}

#newsitems .item h3 a:hover {
    font-weight: bold;
    color: #0052d9
}

#newsitems .infotime {
    color: #7b7b7b;
    line-height: 2.6rem;
    font-size: 1.4rem
}

#newsitems .sinfo {
    line-height: 2.6rem
}

.sct_youshi1 {
    padding: 8rem 0;
    background: url(../images/bg1.jpg) no-repeat center bottom/cover;
}

.sct_youshi1 .on .img2 SPAN {
    background: url(../images/6bx.png) no-repeat center;
    width: 12rem;
    height: 12rem;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    display: none
}

.sct_youshi1 P {}

.sct_youshi1 IMG {
    margin: 0 auto
}

.sct_youshi1 .hovercard {
    display: flex;
    column-gap: 1.2rem;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    padding: 1.6rem 0 1rem
}

.sct_youshi1 .hovercard * {
    transform-origin: center bottom
}

.sct_youshi1 .t {
    font-size: 3rem;
    margin: 2rem auto
}

.sct_youshi1 .on .t {
    font-weight: bold;
    font-size: 4rem
}

.sct_youshi1 .sitettl {}

.sct_youshi1 .sinfo {
    display: none;
    opacity: 0;
    width: 68rem;
    transition: all .3s
}

.sct_youshi1 .item {
    background: no-repeat center/cover;
    color: #fff;
    width: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.4s;
    min-height: 63rem;
    cursor: pointer;
    position: relative;
    filter: grayscale(0.9);
    z-index: 33;
    border-radius: 1rem;
    overflow: hidden
}

.sct_youshi1 .item:nth-child(1) {
    background-image: url(../images/ysbg_1.jpg)
}

.sct_youshi1 .item:nth-child(2) {
    background-image: url(../images/ysbg_2.jpg)
}

.sct_youshi1 .item:nth-child(3) {
    background-image: url(../images/ysbg_3.jpg)
}

.sct_youshi1 .item:nth-child(4) {
    background-image: url(../images/ysbg_4.jpg)
}

.sct_youshi1 .item:nth-child(5) {
    background-image: url(../images/ysbg_5.jpg)
}

.sct_youshi1 .item:nth-child(6) {
    background-image: url(../images/ysbg_6.jpg)
}

.sct_youshi1 .item.on {
    width: 93.4rem;
    min-height: 63rem;
    filter: none
}

.sct_youshi1 .item:after {
    content: "";
    display: block;
    width: 0;
    height: 0.5rem;
    bottom: -8rem;
    left: 0;
    background: var(--color1);
    position: absolute;
    z-index: 55;
    transition: all 0.5s;
    opacity: 0
}

.sct_youshi1 .item.on:after {
    width: 100%;
    opacity: 1;
    z-index: 45
}

.sct_youshi1 .img2 {
    margin-top: 1rem;
    position: relative;
    z-index: 99
}

.sct_youshi1 .on .img2 {
    padding: 0rem 6rem;
    text-align: left
}

.sct_youshi1 .img1 {
    position: relative;
    z-index: 10;
    width: 5.8rem;
    height: 6rem
}

.sct_youshi1 .on .img1 {
    width: 8.5rem
}

.sct_youshi1 .on .img1 {
    margin-left: 6rem;
    display: block;
    justify-self: flex-start;
    margin-right: auto
}

.sct_youshi1 .on .img1 {
    display: block;
    margin-top: 0rem;
    margin-bottom: 2rem
}

.sct_youshi1 .h2 {}

.sct_youshi1 .container {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 * {}

.sct_youshi1 .s0 {
    display: inline-block;
    width: 4rem;
    height: 3rem
}

.sct_youshi1 .linkmore_3:hover {
    background: var(--color1);
    width: 17.6rem;
    border-color: var(--color1)
}

.sct_youshi1 .linkmore_3 {
    margin-top: 8rem;
    display: none
}

.sct_youshi1 .on .linkmore_3 {
    display: flex
}

.sct_youshi1 .on .mask1 {
    opacity: 0.7;
    background: var(--color1)
}

.sct_youshi1 .mask1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #0800379e;
    transition: initial
}

.sct_youshi1 .on .sinfo {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    font-size: 2rem;
    line-height: 1.8;
    opacity: 1
}

.sct_quyu_t {
    padding: 0;
    height: 10rem;
    border-bottom: 0.1rem solid #e9e9e9
}

.sct_quyu_t .h2 {
    line-height: 10rem;
    margin: 0
}

.sct_jieshao {}

.sct_jieshao .h2 {
    margin-top: 1rem;
    margin-bottom: 2rem
}

.sct_jieshao .con {
    padding: 4rem;
    background: url(../images/quyu/bg1.jpg) no-repeat center/cover;
    color: #fff
}

.sct_jieshao .sinfo {
    color: #fff
}

#content_right h1 {
    margin: 0rem 0 1rem;
    line-height: 1.1;
    font-size: 2.4rem;
    color: #333
}

#content_right h1+.infotime {
    border-bottom: 0.1rem solid #e7e7e7;
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

#content_right #detail {
    color: #7b7b7b;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem
}

#content_right .prev_next {
    padding-bottom: 3.5rem;
    border-bottom: 0.1rem solid #e7e7e7;
    margin-bottom: 4rem
}

#content_right .prev_next>div span {
    display: inline-block;
    color: #7b7b7b;
    font-size: 1.6rem;
    text-decoration: underline
}

#content_right .prev_next>div a {
    color: #7b7b7b;
    font-size: 1.6rem;
    display: inline-block;
    margin-top: 0.6rem;
    text-decoration: underline
}

#content_right .prev_next>div a:hover {
    color: #0052d9
}

#content_right .p3 a {
    color: #0052d9
}

#content_right .xiangguan li {
    width: 100%;
    float: none
}

#content_right .xiangguan .h4 {
    margin-bottom: 2rem
}

#content_right .xiangguan ul {}

#content_right .xiangguan li {
    display: inline-block;
    width: 50%;
    float: left;
    padding-right: 3rem;
    padding-left: 1.8rem;
    position: relative
}

.bluedot>li {
    position: relative;
    padding-left: 4rem
}

.bluedot>li:before {
    content: "";
    display: block;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 1.7rem;
    left: 0.2rem;
    background: #0052d9
}

#content_right .xiangguan li a {
    font-size: 1.6rem;
    color: #666666;
    line-height: 4rem;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#content_right .xiangguan li a:hover {
    color: #0052d9
}

#top_lang {
    position: relative;
    transform: translateY(0.9rem)
}

.header .line {
    width: 0.1rem;
    height: 2rem;
    display: block;
    background: #fff;
    flex: 0 0 0.1rem;
    margin: 0 2rem;
    transform: translateY(1.9rem);
    opacity: 0.3
}

#top_search {
    margin-left: 2rem;
    padding-left: 2rem;
    position: relative
}

.searchLayer {}

.searchLayer {
    transform: translateY(-0.9rem)
}

#top_search:before {
    content: "";
    display: block;
    height: 2.1rem;
    width: 0.1rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0
}

#top_lang:before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/earth.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    top: 0.65rem;
    transition: all 0.1s
}

#top_lang.open:before {
    opacity: 0
}

#top_lang.open {
    background: rgb(255 255 255 / 16%);
    border-radius: 1rem;
    position: relative
}

#top_lang.open:after {
    content: "";
    height: 0.1rem;
    width: 80%;
    background: #fff;
    display: block;
    position: absolute;
    left: 10%;
    top: 50%;
    opacity: 0.2
}

.language-select:hover {}

.language-select {
    display: inline-flex;
    flex-direction: column;
    height: 3.86rem;
    cursor: pointer;
    -moz-border-radius: 0.4rem;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin: 0 auto;
    font-size: 1.6rem;
    font-family: PingFang;
    font-weight: 500;
    color: #ba914a;
    width: 10rem;
    line-height: 3.6rem;
    border: none;
    border-radius: 0.5rem !important;
    text-align: center;
    margin-left: 1rem;
    overflow: hidden;
    background: url(../images/caret-down.png) no-repeat right 1.3rem top 1.1rem/1.4rem auto
}

.language-select li {
    vertical-align: middle;
    text-align: center;
    justify-content: left;
    order: 2;
    min-height: 3.6rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    text-indent: -0.8rem
}

.language-select li:hover {
    cursor: pointer
}

.language-select li span {
    vertical-align: middle;
    display: inline-block;
    color: #fff
}

.open .language-select {
    height: auto
}

.language-select li.active {
    order: 1;
    pointer-events: none
}

.searchicon {
    width: 3.5rem;
    height: 3.5rem;
    background: transparent url(../images/fdj.png) no-repeat center/2.5rem auto;
    display: block;
    flex: 1;
    overflow: hidden;
    text-indent: -10rem;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.7rem
}

.search_index {
    flex: auto;
    width: 100%;
    height: 3.5rem;
    display: inline-block;
    position: relative
}

form.search_index .input-group {
    display: flex;
    justify-content: center
}

form.search_index .input-group>* {
    flex: 0 0 auto
}

form.search_index .input-group>* {}

.search_index div {
    margin: 0
}

.sct_part_2 {
    background: url(../images/bg2.jpg) no-repeat center top/cover;
    padding: 6rem 0 6rem
}

.sct_part_2 * {
    color: #fff !important;
    text-align: center
}

.sct_part_2 .num4 i {
    display: block;
    margin: 0 auto 3rem;
    height: 6rem
}

.sct_part_2 .num4 img {
    height: 6rem;
    width: auto
}

.sct_part_2 .con * {}

.sct_part_2 a i {
    order: -1
}

.sct_part_2 .linkmore_3 i svg {
    fill: var(--color1)
}

.sct_part_2 .linkmore_3:hover * {
    color: #fff;
    fill: #fff !important
}

.sct_part_2 .linkmore_3:hover {
    padding-left: 3rem
}

.sct_part_2 .i_ttl {
    margin-top: 4rem
}

.sct_part_2 .i_ttl p {}

.sct_part_2 .i_ttl h2 {
    margin-bottom: 0.5rem
}

.sct_part_2 .con {}

.sct_part_2 .p1 {}

.sct_part_2 .p2 {
    margin: -1rem 0 4rem;
    font-size: 2rem;
    color: #555;
    width: 59rem
}

.sct_part_2 .linkmore_3 {
    padding: 0;
    border: 0;
    color: var(--color1);
    justify-content: flex-start;
    column-gap: 0.6rem
}

.sct_part_2 .linkmore_3:hover {}

.sct_part_2 .row2 {
    margin-top: 4rem
}

.sct_part_2 .in {
    height: 37rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 20rem;
    opacity: 1;
    border: 1px solid #ffffff;
    background: rgb(255, 255, 255);
    background: linear-gradient(171deg, rgba(255, 255, 255, 0.7665660014005602) 7%, rgba(255, 255, 255, 0) 100%);
    transition: all 0.3s
}

.sct_part_2 .in:hover {
    border-color: var(--color1);
    background: rgb(217, 24, 17);
    background: linear-gradient(171deg, rgba(217, 24, 17, 1) 7%, rgba(255, 255, 255, 0) 100%)
}

.sct_part_2 .in:hover * {
    border-color: #fff !important;
    color: #fff !important;
    fill: #fff !important
}

.sct_part_2 .in .img {
    display: block;
    margin: 2rem auto
}

.sct_part_2 .in .img img {
    height: 7rem
}

.sct_part_2 .in .s1 {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    order: -2
}

.sct_part_2 .in .arrow_1 {
    border: 2px solid #c7c7c7e3;
    width: 3.7rem;
    height: 3.7rem;
    fill: #c7c7c7e3
}

.sct_part_2 .in .arrow_1 svg {}

.sct_part_2 .in .s1 i {
    font-style: normal;
    margin-right: 0.3rem
}

.sct_part_2 .in .s1+.s1 {
    font-size: 2.4rem;
    font-weight: 400;
    color: #333
}

.sct_part_2 .in .s2 {}

.sct_part_2 .in .sinfo {
    font-size: 1.5rem;
    line-height: 2.1;
    margin: 2rem auto 1.5rem;
    color: #666
}

.sct_part_4 {
    background: url(../images/bg3.jpg) no-repeat center bottom/100% auto;
    padding-bottom: 12rem
}

.sct_part_4 .con {
    margin: 0 -8rem
}

.indexsolutions {
    padding: 0 0 1rem;
    transform: scale(1.16);
    margin-top: 4rem
}

.sct_part_4 .swiper-container {
    padding: 5rem 0
}

.sct_part_4 .swiper-button {
    width: 5rem;
    height: 5rem;
    margin-top: -2.9rem;
    background: var(--color1) url(../images/left.png) no-repeat center/2rem;
    border-radius: 10rem
}

.sct_part_4 .swiper-button-prev {
    left: 2rem
}

.sct_part_4 .swiper-button-next {
    right: 2rem;
    left: auto;
    background: var(--color1) url(../images/right.png) no-repeat center/2rem
}

.slt_pics .cover {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 13rem;
    width: 100%;
    text-align: left;
    color: #fff;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 68%);
    padding: 3rem;
    opacity: 0;
    transition: all
}

.slt_pics .cover .l1 {}

.slt_pics .cover span {}

.sct_news1 {
    padding: 8rem 0 8rem;
    background: url(../images/bg5.jpg) no-repeat center /cover
}

.sct_news1 .i_ttl {
    display: flex;
    justify-content: space-between;
    column-gap: 6rem;
    align-items: center;
    margin: 0
}

.sct_news1 .i_ttl .l {}

.sct_news1 .i_ttl .l h2 {}

.sct_news1 .i_ttl .r {
    position: relative
}

.sct_news1 .row2 {
    padding-top: 1.5rem
}

.sct_news1 .in.toutiao {
    display: flex;
    margin-bottom: 7rem
}

.sct_news1 .in.toutiao .a_img {
    flex: 1 0 59rem;
    max-width: 59rem;
    height: 37rem;
    border-radius: 1rem;
    overflow: hidden;
    display: block
}

.sct_news1 .in.toutiao .img {}

.sct_news1 .in.toutiao .img img {}

.sct_news1 .in.toutiao .bd {
    padding: 1.7rem 0 0 6rem;
    text-align: left
}

.sct_news1 .in.toutiao .h3 {
    font-size: 3.8rem;
    color: #333;
    line-height: 1.6;
    padding-bottom: 8rem;
    background: url(../images/line.png) no-repeat left bottom/auto .4rem
}

.sct_news1 .in.toutiao .sinfo {
    font-size: 1.8rem;
    line-height: 1.9;
    color: #666;
    margin-bottom: 2rem
}

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

.sct_news1 .newst .ft {}

.sct_news1 .in.toutiao .date {
    color: #999;
    font-size: 1.6rem
}

.sct_ptn {
    padding: 7rem 0 9rem;
    background: url(../images/bg4.jpg) no-repeat center bottom/cover
}

.sct_ptn2 {
    padding: 4rem 0 9rem
}

.sct_ptn .indexptns {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
    margin-top: 1.5rem
}

.sct_ptn .indexptns .item {
    max-width: 33rem;
    height: 16.5rem;
    flex: 1 0 30rem;
    background: #FFFFFF;
    box-shadow: 0rem 0px 1rem 0px #c2c2c229;
    border-radius: .6rem;
    opacity: 1;
    border: 1px solid #EDEDED;
    display: flex;
    justify-content: center;
    align-items: center
}

.sct_ptn .indexptns .item img {
    max-width: 19rem;
    max-height: 9rem;
}

.hdl_1.hdl_2 {}

.hdl_1.hdl_2 div {}

.hdl_1.hdl_2 ul {
    display: flex !important;
    column-gap: 5rem
}

.hdl_1.hdl_2 li {}

.hdl_1.hdl_2 li a {}

.hdl_1.hdl_2 li span {
    font-size: 2rem;
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 2px solid transparent;
    padding-bottom: 0.7rem;
    color: #222
}

.hdl_1.hdl_2 li.slick-active span {
    font-weight: bold;
    color: var(--color1)
}

.hdl_1.hdl_2 li span:hover {
    color: var(--color1)
}

.hdl_1.hdl_2 * {}

.hdl_1.hdl_2 * {}

.hdl_1.hdl_2 * {}

.sct_news1 .con {}

.sct_news1 .inner {
    border-color: var(--color1);
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #eaeaea;
    margin-left: -1px;
    position: relative;
    height: 40rem
}

.sct_news1 .inner:hover {
    background: var(--color1)
}

.sct_news1 .inner:hover * {
    color: #fff !important;
    fill: #fff !important;
    border-color: #fff !important
}

.sct_news1 .row>div:last-child {}

.sct_news1 .inner:hover .bd {
    transition: all 0.3s
}

.sct_news1 .newsslider {}

.sct_news1 .row_in {
    padding: 0 0.2rem
}

.sct_news1 .row_in .item {}

.sct_news1 .row_in .item:last-child .inner {}

.sct_news1 .row_in .inner .a_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s all
}

.sct_news1 .row_in .inner:hover .a_img {
    opacity: 0.25;
    filter: brightness(1.1)
}

.sct_news1 .row_in .img {}

.sct_news1 .row_in .img img {
    width: 100%
}

.sct_news1 .row_in .bd {
    padding: 4rem 4.5rem 1rem;
    text-align: left;
    position: relative;
    z-index: 3;
    height: 100%
}

.sct_news1 .row_in .date {
    display: block;
    color: #888;
    margin-bottom: 1.5rem;
    font-family: arial
}

.sct_news1 .row_in .date .d {
    font-size: 4.8rem;
    line-height: 1;
    color: #999
}

.sct_news1 .row_in .date .ym {
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    color: #999;
    line-height: 1.1;
    margin-top: 0.7rem;
    margin-left: 0.5rem
}

.sct_news1 .row_in .h3 {
    font-size: 2.6rem;
    overflow: hidden;
    font-weight: bold;
    max-width: 100%;
    display: inline-block;
    transition: all 0.3s;
    margin: 1rem 0 2rem;
    line-height: 1.5;
    height: 7.2rem;
    overflow: hidden;
    transition: none
}

.sct_news1 .row_in .h3:hover {
    color: var(--color1)
}

.sct_news1 .row_in .sinfo {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 2rem
}

.sct_news1 .row_in .ft {
    display: flex;
    justify-content: space-between
}

.sct_news1 .row_in .ft a {
    font-size: 1.6rem;
    color: #666;
    display: inline-flex;
    align-items: center;
    column-gap: 1rem;
    margin-top: 1rem;
    font-size: 1.8rem
}

.sct_news1 .row_in .toutiao .ft a {
    font-size: 2rem;
    color: var(--color1);
    fill: var(--color1)
}

.sct_news1 a:hover {
    color: var(--color1) !important
}

.sct_news1 .row_in .ft a i {
    border: 1px solid #d9d9d9;
    fill: #d9d9d991;
    margin-right: 0.8rem;
    width: 3.4rem;
    height: 3.4rem;
    margin-top: 0
}

.sct_news1 .toutiao .ft a i * {
    fill: var(--color1)
}

.sct_news1 .toutiao .ft a i {
    border-color: var(--color1)
}

.sct_news1 .row_in .inner:hover a {
    color: var(--color1)
}

.sct_news1 .row_in .inner:hover a i {
    fill: var(--color1);
    border-color: var(--color1);
    transform: rotate(-45deg)
}

.sct_news1 .morenews {
    width: 25rem;
    height: 5.2rem;
    background: #ffffff;
    border-radius: 10rem;
    opacity: 1;
    border: 2px solid var(--color1);
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    column-gap: 0.9rem;
    transition: all 0.3s
}

.sct_news1 .morenews * {}

.sct_news1 .morenews span {
    color: var(--color1);
    font-weight: bold
}

.sct_news1 .morenews i {
    fill: var(--color1)
}

.sct_news1 .morenews i svg {
    width: 1.8rem;
    height: 1.8rem;
    opacity: 1;
    fill: var(--color1);
    position: relative;
    top: 0.2rem
}

.sct_news1 .morenews:hover {
    border-color: var(--color1);
    background: var(--color1);
    color: #fff
}

.sct_news1 .morenews:hover span {
    color: #fff
}

.sct_news1 .morenews:hover i {}

.sct_news1 .morenews:hover i svg {
    fill: #fff
}

.sct_form1 {
    background: url(../images/bg6.jpg) no-repeat center/cover;
    padding: 11rem 0 !important
}

.sct_form1 .i_ttl p {
    flex: 0 0 100%;
    margin-top: 2rem;
    order: 5;
    font-size: 2.1rem
}

.sct_form1 .i_ttl {
    flex-wrap: wrap;
    text-align: left
}

.sct_form1 .i_ttl * {
    color: #ffffff;
    text-align: left;
    flex: 0 0 min-content;
    white-space: nowrap;
    margin: 0
}

.sct_form1 .d2 {
    padding: 4rem 0 0
}

.sct_form1 .d1 input {
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    padding: 0 2.4rem;
    font-size: 1.6rem;
    border: 0;
    border-radius: 10.7rem;
    margin-right: 1.4rem;
    width: auto;
    flex: 1
}

.sct_form1 .d1 {
    display: flex;
    justify-content: space-between
}

.sct_form1 .d1 input:nth-child(3) {
    flex: 1.4 1 auto
}

.sct_form1 .d2 input {
    height: 5.5rem;
    display: block;
    align-items: center;
    padding: 0 2.4rem;
    font-size: 1.8rem;
    letter-spacing: .2rem;
    border: 0;
    border-radius: 0.7rem;
    margin-right: 1.4rem;
    width: 30rem;
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-weight: bold;
    transition: all .3s
}

.sct_form1 .d2 input:hover {
    background: #fff;
    color: var(--color1)
}

.ftlink .items {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    column-gap: 4rem;
    padding-left: 2rem
}

.ftlink .item {
    flex: 1 1;
    height: 4rem;
    background: transparent;
    border-radius: 0;
    margin-right: 0;
    line-height: 4rem
}

.ftlink {
    display: flex;
    align-items: center;
    height: 100%;
    width: 22rem
}

.ftlink .btn {
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 1.4rem;
    background: transparent;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 10%);
    height: 4.1rem;
    border-radius: 0
}

.ftlink .dropdown-menu {
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0rem;
    background: #013779;
    contain: content;
    border-color: rgb(255 255 255 / 10%)
}

.ftlink .dropdown-menu a:hover {
    background: transparent
}

.ftlink .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent
}

.ftlink .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.ftlink .dropdown-item:hover {
    background: transparent
}

#submenuwrap {
    background: #f7f7fb;
    border-bottom: 1px solid #ededed
}

#submenuwrap #submenu {}

#submenuwrap .box {}

#submenuwrap .box>a {
    display: none
}

#submenuwrap .box ul {
    display: flex;
    width: 100% !important;
    align-items: center;
    justify-content: flex-start;
    height: 8rem
}

#submenuwrap .box ul li {
    flex: 0 0 auto;
    text-align: center;
    border-right: 1px solid #ededed;
    height: 100%
}

#submenuwrap .box ul li:last-child {
    border: none
}

#submenuwrap .box ul li a {
    font-size: 2rem;
    display: block;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 7rem;
    transition: all 0.3s
}

#submenuwrap .box ul li.on {
    border: none
}

#submenuwrap .box ul li.on a {
    font-weight: bold;
    background: #df201d;
    color: #fff
}

.site_slick_hdl {
    display: block;
    position: relative;
    top: 18rem;
    z-index: 333
}

.site_slick_hdl>a {
    transition: all .3s;
    width: 4.8rem;
    height: 4.8rem;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color1);
    border-radius: 20rem;
    fill: var(--color1);
    margin-right: 3rem;
    background: #fff;
    position: absolute;
    left: 18rem
}

.site_slick_hdl>a.next {
    left: auto;
    right: 18rem
}

.site_slick_hdl>a svg {
    fill: inherit;
    width: 1.9rem
}

.site_slick_hdl>a:hover {
    background: var(--color1);
    fill: white;
    border-color: var(--color1)
}

#develop {}

#develop .h2_ttl_3 {}

#develop .row2 {}

#develop .years {
    position: relative
}

#develop .years:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.1rem;
    top: 4rem;
    left: 0;
    background: #D9D9D9;
    z-index: 0
}

.events .arr {
    background: transparent url(../images/ab/4tu3.png) no-repeat center;
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 10rem;
    border: 1px solid #e6e6e6;
    position: absolute;
    top: 25rem;
    left: 18rem;
    cursor: pointer;
    transition: background-color 0.3s;
    background: #fff url(../images/caret-left.png) no-repeat center left 0rem/2.1rem;
    transition: all 0.3s;
    z-index: 33
}

.events .arr:hover {
    border-color: var(--color1)
}

.events .arr.next {
    left: auto;
    right: 18rem;
    background: #fff url(../images/caret-right.png) no-repeat center left 0.4rem/2.1rem
}

#develop .slick-silder {}

#develop .slick-list {}

#develop .slick-track {}

#develop a {}

#develop #slk1 {
    padding: 0 2.7rem;
    position: relative;
    left: -0.5rem
}

#develop #slk2 {}

#develop .event {
    padding-bottom: 3rem;
    min-height: 40rem
}

#develop .event li {
    background: #fff;
    width: 96%;
    margin: 1rem auto 0;
    padding: 3rem;
    padding-left: 7rem;
    font-size: 1.6rem;
    line-height: 1.8;
    position: relative
}

#develop .event li:hover {
    box-shadow: 1px 1px 10px 1px #e6e6e6
}

#develop .event li:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    top: 3.8rem;
    left: 4rem;
    background: white;
    border-radius: 50%;
    border: .2rem solid #ccc
}

#develop .year.slick-current {
    color: var(--color1)
}

#develop .year.slick-current:before {
    border-color: var(--color1)
}

#develop .year.slick-current:after {
    background: var(--color1)
}

#develop .year {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding-top: 6.6rem;
    position: relative
}

#develop .year a span {}

#develop .year:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    top: 3.2rem;
    left: calc(50% - .8rem);
    z-index: 3;
    background: #808080;
    transition: all 0.3s
}

#develop .year:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10rem;
    top: 2.8rem;
    left: calc(50% - 1.2rem);
    z-index: 2;
    border: #808080 .1rem solid;
    transition: all 0.3s
}

#develop .year span {
    display: inline-block;
    padding: 0.2rem 1.5rem;
    border-radius: 2rem;
    color: #333;
    border: 0.2rem solid transparent
}

#develop .year.slick-current span {
    color: var(--color1)
}

#develop .slick-slide.slick-current.slick-active {}

#develop .slick-slide.slick-active {}

.events .arr.next.slick-arrow {}

#develop .events {
    padding: 0 0 3rem;
    margin-top: 2rem;
    position: relative
}

#develop .slick-slider.slick-initialized {}

#develop div.slick-slide li {}

#develop li {}

#develop .slick-active li {}

.h2_ttl_3 {
    font-size: 4rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 2rem
}

.h2_ttl_3:after {
    content: "";
    display: block;
    width: 1.4em;
    height: 0.3rem;
    background: var(--color1);
    position: absolute;
    bottom: 3.6rem;
    display: none
}

.h2_ttl_3 .s2 {
    font-size: 1.8rem;
    margin-left: 2rem;
    color: #888;
    letter-spacing: 0.3rem;
    display: block;
    margin-top: 2rem
}

.sct_guanyu1 {
    padding-top: 1rem;
    padding-bottom: 8rem;
    background: #fff
}

.sct_guanyu1 .remark {
    padding-right: 2rem;
    line-height: 2.2;
    margin-top: 2rem
}

.sct_guanyu1 .remark * {
    color: #666;
    font-size: 1.6rem;
    line-height: 2.2
}

.sct_guanyu1 .con1 {}

.sct_guanyu1 .companyname {
    color: var(--color1);
    font-size: 3.6rem;
    font-weight: bold;
    padding-bottom: 2rem;
    position: relative;
    margin: 0 0 4rem
}

.sct_guanyu1 .companyname:after {
    content: "";
    background: var(--color1);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.4rem;
    width: 2em
}

.sct_guanyu1 .img {
    margin-top: 5rem
}

.sct_guanyu1 .con h2 {}

.remark {
    font-size: 1.6rem;
    line-height: 1.98
}

.articletitle_page+.remark {
    padding: 0 0 5rem
}

.remark * {
    font: inherit;
    color: inherit
}

.sct_guanyu1 .img {
    margin-bottom: 2rem;
    text-align: right;
    max-width: 68rem;
    border-radius: 1rem;
    overflow: hidden;
    height: 61rem;
    margin-left: auto
}

.sct_guanyu1 .row2 {
    margin-top: 3rem
}

.sct_guanyu1 .img img {}

.sct_guanyu1 .num4 {}

.sct_guanyu1 .num4 ul {
    display: flex;
    justify-content: space-between;
    padding: 1.4rem 0;
    border-top: 1px solid #dddd;
    border-bottom: 1px solid #dddd;
    margin-top: 2rem
}

.sct_guanyu1 .num4 li {
    display: flex;
    align-items: center;
    column-gap: 7rem
}

.sct_guanyu1 .num4 .d1 {}

.sct_guanyu1 .num4 .count,
.sct_guanyu1 .num4 .dw {
    font-size: 5.8rem;
    color: var(--color1)
}

.sct_guanyu1 .num4 .dw {
    font-size: 4.4rem;
    position: relative;
    top: -0.4rem
}

.sct_guanyu1 .num4 .d1+div {
    font-size: 1.8rem;
    position: relative
}

.sct_guanyu1 .num4 .d1+div:before {
    content: "";
    display: block;
    width: 1px;
    height: 3rem;
    background: #ccc;
    transform: rotate(32deg);
    position: absolute;
    left: -3.5rem;
    top: 1.4rem
}

.sct_guanyu2 {
    background: #fff;
    padding: 5rem 0 10rem;
    text-align: center;
    background: url(../images/bg13.jpg) no-repeat center/cover
}

.sct_guanyu2 .h2 {
    color: #fff;
    margin-bottom: 3rem
}

.sct_guanyu2 .con5 {
    display: flex;
    column-gap: 2.5rem
}

.sct_guanyu2 .part2 {
    margin-top: 2rem
}

.sct_guanyu2 .row2 {
    padding-top: 0
}

.sct_guanyu2 .in {
    text-align: center;
    background: #fff;
    border-radius: 0;
    padding: 4rem 3rem 3rem;
    border-left: 1px solid #ffffff42;
    border-right: 1px solid #ffffff42;
    margin-left: -1px;
    padding: 5rem 1rem 4rem;
    border-radius: 1.2rem;
    flex: 1
}

.sct_guanyu2 .in i {
    display: flex;
    width: 20.4rem;
    height: 19rem;
    border: 2px solid #ffffff9e;
    border-radius: 100rem;
    margin: 0 auto 0.3rem;
    align-items: flex-start;
    justify-content: center;
    background: url(../images/bg14.png) no-repeat center/100% auto
}

.sct_guanyu2 .in img {
    max-height: 6.9rem;
    width: auto;
    transform: translateY(4.1rem)
}

.sct_guanyu2 .p1 {
    font-size: 2.4rem;
    font-weight: bold
}

.sct_guanyu2 .p2 {
    font-size: 1.8rem;
    line-height: 1.8;
    height: 6rem;
    color: #777;
    margin: 2rem 2rem 0
}

.sct_guanyu3 {
    text-align: center;
    padding: 7rem 0 9rem;
    background: url(../images/bg15.png) center bottom/cover no-repeat
}

.sct_guanyu3 .events {}

.sct_guanyu3 .event {}

.sct_guanyu3 .w {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8rem;
    width: 82rem;
    background: #ffffff91;
    box-shadow: 0rem 0rem 5rem 0px #00000014;
    padding: 6rem;
    margin: 3rem auto;
    min-height: 34rem
}

.sct_guanyu3 .theyear {
    font-size: 4.3rem;
    font-weight: bold;
    letter-spacing: .2rem;
    padding: 0 6rem 0rem 0;
    border-right: 0.3rem solid #ccc
}

.sct_guanyu3 .rr {}

.sct_guanyu3 .rr .txt {
    font-size: 2rem;
    width: 40rem;
    line-height: 1.8;
    text-align: left
}

.sct_guanyu3 .rr .pic {
    width: 40rem;
    margin-top: 3rem;
    border-radius: 0.7rem;
    overflow: hidden
}

.sct_guanyu3 .rr .pic img {
    width: 100%;
    height: AUTO !IMPORTANT
}

.sct_guanyu3 .d1 {
    font-size: 2.6rem;
    color: #fff;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
    background: var(--color1);
    padding: 0.7rem 7rem;
    border-radius: 30rem
}

.sct_guanyu3 .d2 {
    position: relative;
    z-index: 3;
    font-size: 2rem;
    line-height: 2;
    color: #fff
}

.sct_guanyu3 .d3 {
    font-size: 7rem;
    font-family: arial;
    font-weight: normal;
    color: #edeff39e;
    line-height: 1.05;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
    order: -1
}

.sct_guanyu3 .years {}

.sct_guanyu3 .arr {}

.sct_guanyu3 .arr.next {}

.sct_guanyu1_jidi {
    text-align: center;
    padding: 5rem 0 3rem;
    background: #F6F9FE
}

.sct_guanyu1_jidi .h2_ttl_3 {
    margin-bottom: 1.5rem
}

.sct_guanyu1_jidi .imgs {
    display: block;
    position: relative;
    height: 65rem
}

.sct_guanyu1_jidi .img {
    overflow: hidden;
    position: absolute;
    border-radius: 1rem
}

.sct_guanyu1_jidi img:hover {
    transform: scale(1.5)
}

.sct_guanyu1_jidi .img img {
    width: 100%;
    transition: all 1s
}

.sct_guanyu1_jidi .img_1 {
    width: 57.8rem;
    height: 60rem;
    left: 0rem;
    top: 0rem
}

.sct_guanyu1_jidi .img~.img {
    top: 0rem;
    width: 33rem;
    height: 29.4rem
}

.sct_guanyu1_jidi .img~.img_2 {
    left: calc(57.8rem + 1rem)
}

.sct_guanyu1_jidi .img~.img_3 {
    left: calc(57.8rem + 1rem + 33rem + 1rem)
}

.sct_guanyu1_jidi .img~.img_4 {
    left: calc(57.8rem + 1rem + 33rem + 1rem + 33rem + 1rem)
}

.sct_guanyu1_jidi .img~.img_5 {
    left: calc(57.8rem + 1rem);
    top: 30.6rem
}

.sct_guanyu1_jidi .img~.img_6 {
    left: calc(57.8rem + 1rem + 33rem + 1rem);
    top: 30.6rem
}

.sct_guanyu1_jidi .img~.img_7 {
    left: calc(57.8rem + 1rem + 33rem + 1rem + 33rem + 1rem);
    top: 30.6rem
}

.sct_guanyu1_jidi .img_2 {}

.sct_guanyu1_jidi .img_3,
.sct_guanyu1_jidi .img_4 {
    width: calc(28% - 1rem);
    height: 16.5rem;
    right: 0rem;
    top: 0rem
}

.sct_guanyu1_jidi .img_4 {
    top: 17.6rem
}

.sct_guanyu1_jidi .p_s_first .img img {
    width: auto;
    min-height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.6s
}

.sct_guanyu1_jidi .p_s_first .img:hover img {
    transform: translateX(-50%) translateY(-50%) scale(1.2)
}

.sct_huoban {
    height: 55rem;
    text-align: center;
    background: url(../images/bg16.jpg) no-repeat center/cover;
    color: #fff
}

.sct_huoban .h2 {
    margin-top: 4rem
}

.sct_huoban .p1 {
    font-size: 3rem;
    margin: 2rem auto 2rem;
    letter-spacing: 0.7rem
}

.sct_huoban .p2 {
    font-size: 2.4rem
}

.sct_huoban a {
    display: flex;
    width: 24rem;
    height: 6.4rem;
    background: var(--color1);
    border-radius: 1rem;
    margin: 5rem auto;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    transition: all .3s
}

.sct_huoban a:hover {
    opacity: .8;
    background: #54c8f5
}

.picslist {
    padding: 7rem 0
}

.picslist .in {
    border: 1px solid #EAEAEA;
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 48.5rem;
    width: 96%;
    margin: 2rem auto;
    position: relative;
    padding: 5rem 5rem;
    text-align: center;
    border-radius: 1rem
}

.picslist .img {
    height: 26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem
}

.picslist .img img {}

.picslist .txt {
    margin-top: 5.6rem;
    font-size: 1.6rem;
    position: relative
}

.picslist .in:before {
    content: "";
    display: block;
    width: 80%;
    height: 0.1rem;
    background: #ddd;
    position: absolute;
    margin: 0 auto;
    left: 10%;
    top: -10rem;
    opacity: 0
}

.sct_lingyu1 .hdls a:before {
    display: none
}

.sct_product .hdls a.on:before,
.sct_product .hdls a:hover:before {
    opacity: 1
}

.sct_product .logoimg {}

.sct_product .item {
    flex: 1 1 33%;
    height: 56rem;
    max-width: 33%
}

.sct_product .item a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
    text-align: center;
    background: #F2F6F9;
    border-radius: 1rem;
    position: relative
}

.sct_product .item a:after {
    content: "";
    opacity: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url(../images/bg001.png) no-repeat center/cover;
    transition: all 0.53s;
    transform: scale(1.37)
}

.sct_product .item a:hover:after {
    opacity: 1;
    transform: scale(1)
}

.sct_product .item a:hover .arrow {
    transform: none;
    fill: #fff;
    border-color: #fff
}

.sct_product .item a .arrow svg {
    width: 60%
}

.sct_product .item a:hover {}

.sct_product .item a:hover * {
    color: #fff
}

.sct_product .img {
    width: 75%;
    height: 30rem;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    margin-top: 2rem
}

.sct_product .hdls {
    flex: 0 0;
    min-width: 25rem;
    color: #ccc;
    font-size: 1.8rem;
    margin: 0 auto 5rem;
    border-top: 1px solid #D6DFE4;
    padding-top: 2.9rem
}

.sct_product1 .hdls {}

.sct_product .h3 {
    margin-bottom: 0;
    max-width: 87%
}

.sct_product .h3 .s1 {
    font-size: 2.4rem;
    display: block;
    margin-top: 1rem
}

.sct_product .h3 .s2 {
    font-size: 1.8rem;
    color: #999;
    margin-top: 2rem;
    display: block;
    font-weight: 400
}

.sct_product .h2 {}

.sct_product .wp {
    justify-content: space-between;
    display: none
}

.sct_product .wp.on {
    display: flex;
    width: 100%;
    padding: 0;
    gap: 3rem
}

.sct_product .c {
    flex: 1 1 auto
}

.sct_product .container {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.sct_product * {}

.body_products .products_list {
    padding-top: 3.5rem
}

.products_list .sct_product {
    padding: 0;
    background: transparent
}

.products_list .wp.on {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.products_list .item {
    flex: 1;
    max-width: calc(25% - 9rem / 4);
    min-width: calc(25% - 9rem / 4);
    border: 1px solid #E9E9E9;
    border-radius: 1rem;
    height: 51rem
}

.products_list .item a {
    background: #fff
}

.products_list .item .con {}

.products_list .item .img {
    margin-top: 4rem;
    width: 80%
}

.products_list .item img {}

.products_list .item .txt {}

.products_list .item .h3 {
    margin: 0 auto
}

.products_list .item .s1 {
    padding-top: 4rem
}

.products_list .item .h3:before {
    content: "";
    display: block;
    height: 1px;
    background: #E9E9E9;
    width: 150%;
    margin-left: -30%
}

.products_list .item .h3 a {}

#products_detail {
    padding-bottom: 4rem
}

#products_detail .detail {}

#products_detail .detail_hd {}

#products_detail .detail_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6rem auto 4rem;
    border-bottom: 1px solid #DDDDDD
}

#products_detail .hdls4 div {}

#products_detail .hdls4 .slick-active {
    background: var(--color1);
    color: #fff;
    border-radius: 1rem 1rem 0 0;
    cursor: pointer
}

#products_detail .btns {}

#products_detail .btns a {
    width: 20.6rem;
    height: 5.2rem;
    color: var(--color1);
    border-radius: .5rem;
    opacity: 1;
    border: 1px solid var(--color1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    letter-spacing: 0.1rem;
    margin-left: 2.5rem;
    position: relative;
    top: -0.7rem
}

#products_detail .btns a:last-child i {
    background-image: url(../images/inq.png)
}

#products_detail .btns a span {}

#products_detail .btns a i {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/download.png) no-repeat center/auto 100%;
    margin-left: 1.2rem
}

#products_detail .btns a:hover {}

#products_detail .detail_bd {}

#products_detail .remark img {
    display: unset;
}

#products_detail .remark strong {
    font-weight: bold;
    font-size: 2.8rem;
    margin: 3rem 0
}

#products_detail .hdls4 li {
    display: inline-flex;
    width: 22rem;
    height: 7.6rem;
    align-items: center;
    font-size: 2.6rem;
    cursor: pointer;
    justify-content: center
}

#products_detail .hdls4 {}

#products_detail .remark {
    font-size: 2rem
}

#products_detail .remark table {
    border: 1px solid #E2E9EE;
    border-collapse: collapse;
    width: 100%;
    margin: 3rem 0
}

#products_detail .remark table td:first-child,
#products_detail .remark table th {
    border: 1px solid #E2E9EE;
    padding: 1.2rem 4rem;
    width: 21rem;
    background: #F2F6F9
}

#products_detail .remark table td {
    border: 1px solid #E2E9EE;
    padding: 1.2rem 2rem;
    line-height: 1.88
}

#products_detail .slick-dots {
    display: flex
}

.xiangguan .ttl {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3rem;
    margin-bottom: 5rem;
    position: relative;
    font-size: 3.6rem;
    font-weight: bold
}

.xiangguan .ttl:after {
    content: "";
    display: block;
    height: 0.4rem;
    width: 4em;
    background: var(--color1);
    bottom: -.2rem;
    left: 0;
    position: absolute
}

.xiangguan {
    background: #F2F6F9;
    padding: 5rem 0 7rem
}

#products_detail #products_list {
    padding: 6rem 0 4rem
}

#products_detail #products_list .r {
    margin-top: 4rem;
    margin-bottom: 3rem
}

#products_detail #products_list .t {
    align-items: center
}

#products_detail #products_list .t i {
    display: inline-block;
    margin-right: 1rem;
    background: url(../images/link.png) center/auto 2.4rem no-repeat;
    width: 4rem;
    border: 0.2rem solid #333;
    height: 4rem;
    border-radius: 50rem
}

#products_detail #products_list .t .h2 {
    display: inline-block;
    margin: 0;
    font-weight: 400
}

#products_detail #products_list .item {}

#products_detail #products_list .item .p_ico {
    margin: 0 auto;
    width: 100%;
    height: 26rem
}

#products_detail #products_list .txt {
    margin: -2rem 0 0;
    padding: 1rem 3.5rem 0.4rem
}

#slt_list {}

#slt_list .w_a {}

#slt_list .w_a .p_ico {}

#slt_list .w_a .txt {}

#slt_list .w_a .txt .t {}

#slt_list .w_a .txt .info {
    line-height: 2;
    height: 12rem
}

.article_list1 {}

.body_ptn {}

.body_ptn #submenuwrap,
.body_ptn .crumbs {
    display: none
}

.body_ptn .in {}

.ttl_5 {}

.ttl_5 .h2 {
    font-weight: 400;
    margin-top: 5rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #e9f3fb;
    position: relative
}

.ttl_5 .h2:after {
    content: "";
    display: block;
    height: 3px;
    background: var(--color1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2em
}

.ourclients .ttl_5 .h2:after {
    display: none
}

.body_ptn .content {
    padding-bottom: 3rem
}

.sec_contact_1 .in1 {
    padding-right: 5rem
}

.sec_contact_1 {
    padding-top: 6rem
}

.sec_contact_1 .container {
    border-bottom: 1px solid #eee
}

.sec_contact_1 .ttl_5 {}

.sec_contact_1 .ttl_5 .h2 {
    margin-top: 0
}

.ul_contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 3rem
}

.ul_contact li {
    display: flex;
    align-items: center;
    column-gap: 2rem;
    margin-bottom: 5rem;
    flex: 0 0 50%
}

.ul_contact li i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    background: #EFEFEF;
    border: 1px solid #f0f0f0;
    border-radius: 10rem
}

.ul_contact li img {
    height: 2.4rem;
    width: auto
}

.ul_contact li .c {}

.ul_contact li .t {
    color: #656565;
    font-size: 1.8rem
}

.ul_contact li .d {
    color: #212121;
    font-size: 2.3rem;
    margin-top: -0.1rem
}

.ul_contact .li_1 {}

.ul_contact .li_1 i {}

.ul_contact .li_2 {}

.ul_contact .li_2 i {}

.ul_contact .li_3 {}

.ul_contact .li_3 i {}

.ul_contact .li_4 {}

.ul_contact .li_4 i {}

.ul_contact .li_5 {}

.ul_contact .li_5 i {}

.company_map {}

.company_map #map1 {}

.sec_contact_2 {}

.sec_contact_3 {}

#mapContainer {
    height: 60rem;
    margin: 6rem auto 0rem;
    padding-top: 6rem
}

.sec_contact_2 .inner {}

.sec_contact_2 .ttl_5 {
    font-size: 3rem;
    margin-bottom: 1.5rem
}

.sec_contact_2 .finfo {
    font-size: 1.6rem;
    color: #666;
    margin-bottom: 5rem
}

.sec_contact_2 .form {}

.sec_contact_2 .form .frm_ipt {}

.sec_contact_2 textarea.frm_ipt {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 1rem;
    height: 20rem
}

.sec_contact_2 .frm_ipt {
    height: 65px;
    background: #ffffff;
    opacity: 1;
    border: 1px solid #D9D9D9;
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 100%;
    padding: 0 2rem;
    font-size: 1.6rem;
    border-radius: 1rem
}

.sec_contact_2 .msg_form {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
    padding-top: 2rem
}

.sec_contact_2 input.ipt_submit {
    display: flex !important;
    max-width: 18rem;
    height: 5rem;
    background: #d91711;
    font-size: 1.8rem;
    color: #fff;
    border: none;
    border-radius: 0.7rem;
    margin: 2rem 0 0;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    letter-spacing: 0.2rem
}

.culture_c {}

.culture_c .in {
    text-align: center;
    border: 1px solid #eee;
    padding: 6rem;
    margin-bottom: 5rem
}

.culture_c .img {}

.culture_c img {}

.culture_c .t {
    font-size: 2.5rem;
    margin: 3rem auto 1rem
}

.culture_c .c {}

#footer .social {
    width: min-content;
    flex: 0 0 100% !important
}

#footer .social img {
    width: 16rem;
    margin: 1.5rem 0 1rem
}

#footer .social span {
    font-size: 1.4rem
}

.arrow_1 {
    width: 5rem;
    height: 5rem;
    display: flex;
    border: 1px solid #B8B8B8;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    fill: #B8B8B8;
    padding: 0.5rem;
    margin: 4rem auto 0
}

.arrow_1 svg {
    fill: inherit;
    width: 67%
}

a:hover .arrow_1 {
    transform: rotate(-45deg)
}

.sct_product .item .arrow {
    position: static;
    bottom: 3.6rem;
    left: 50%
}

.sct_product .item .arrow svg {
    width: 26%;
    transition: none
}

.sct_product1.sct_product li a.on {
    color: var(--color1)
}

.sct_product1.sct_product li a.on * {
    fill: var(--color1)
}

.sct_product1.sct_product li a.on i {
    background: #fff
}

.sct_product {
    padding: 6rem 0 9.5rem;
    background: url(../images/bg0.jpg) no-repeat center bottom
}

.sct_product1.sct_product LI {
    justify-content: space-between;
    display: inline-block
}

.sct_product1.sct_product .hdls>ul {
    text-align: center
}

.sct_product1.sct_product LI * {
    transition: all 0.3s
}

.sct_product1.sct_product li a {
    display: flex;
    height: auto;
    align-items: center;
    min-width: 100%;
    justify-content: space-between;
    padding: 0 2rem;
    position: relative
}

.sct_product1.sct_product li a:before {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border: .2rem solid transparent;
    border-radius: 10rem;
    position: absolute;
    top: -3.8rem;
    left: 50%;
    transform: translateX(-50%);
    transition: border .53s
}

.sct_product1.sct_product li a.on:before {
    border-color: var(--color1);
    background: #fff
}

.sct_product1.sct_product li a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 10rem
}

.sct_product1.sct_product li a i svg {
    fill: #c1c7cb;
    width: 1rem;
    height: 1rem
}

.sct_product1.sct_product LI a span {
    font-size: 1.8rem
}

.sct_product .item a div {
    position: relative;
    z-index: 2;
    background: transparent
}

.sct_product .item a div * {}

.sct_product .item a:hover .img {
    transform: scale(1.1)
}

.sct_product .con {
    margin-top: 4.6rem
}

.sct_product .h3+i {
    font-style: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 27rem;
    font-family: "Swiss"
}

#sct_about_index {
    position: relative;
    overflow: hidden;
    height: auto;
    margin-bottom: 0;
    background: url(../images/bg3.jpg) no-repeat center top/cover;
    padding: 11rem 0 10rem
}

#sct_about_index .img2 {
    border: .8rem solid #fff;
    border-radius: 5rem;
    display: inline-block;
    overflow: hidden
}

#sct_about_index:before {
    content: "";
    display: block;
    position: absolute;
    width: 87rem;
    height: 52rem;
    top: 11rem;
    left: 50%
}

#sct_about_index .con {}

#sct_about_index .p1 {
    font-size: 3rem;
    font-family: Arial;
    color: #aaaaaa;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 3.2rem;
    display: block;
    margin-top: 4rem;
    display: block
}

#sct_about_index .companyname {
    font-size: 1.8rem;
    color: #333333;
    display: inline-block;
    margin-top: 0.3rem;
    margin-bottom: 2.5rem;
    font-weight: bold
}

#sct_about_index .sinfo {
    color: #666;
    line-height: 2.2;
    font-size: 1.8rem;
    padding-right: 2rem;
    margin-bottom: 7rem
}

#siteimg {
    margin: 1rem auto 0;
    font-size: 1.8rem;
    font-weight: bold
}

#siteimg img {
    margin-bottom: 10px
}

#sct_about_index .sinfo br {
    content: "";
    display: block;
    height: 13px
}

.sct_part_2 .num4 {
    padding: 2rem 0 2rem
}

.sct_part_2 .num4 ul {
    display: flex
}

.sct_part_2 .num4 ul li {
    flex: 0 0 25%;
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 2rem;
    border: 1px solid rgb(255 255 255 / 20%);
    padding: 6rem;
    margin-left: -1px;
    border-right-color: transparent
}

.sct_part_2 .num4 ul li:last-child {
    border-right-color: rgb(255 255 255 / 20%)
}

.sct_part_2 .num4 .count {
    font-size: 4.8rem;
    color: var(--color1);
    font-weight: bold;
    font-family: arial
}

.sct_part_2 .num4 .s2 {
    font-size: 2.5rem;
    margin-left: 1rem
}

#sct_about_index .i_ttl {
    text-align: left
}

#sct_about_index .i_ttl p {
    font-size: 2rem;
    color: #888;
    margin-bottom: 2rem
}

#sct_about_index .info0 {
    font-size: 4rem;
    font-weight: bold;
    color: var(--color1);
    padding-right: 0;
    margin-bottom: 4rem;
    padding-left: 2.2rem;
    border-left: 0.4rem solid
}

.sct_part_2 .num4 p {
    font-size: 2.6rem;
    margin: 1rem auto 0
}

#sct_about_index .linkmore_3 {
    color: var(--color1);
    border-color: var(--color1);
    fill: var(--color1)
}

#sct_about_index .linkmore_3:hover {
    color: #fff
}

#sct_about_index .linkmore_3 i {}

#sct_about_index .linkmore_3 svg {
    fill: #fff
}

.sct_honor {
    padding: 6rem 0 3rem
}

.sct_honor .picslist .in {
    padding-left: 0;
    padding-right: 0
}

.sct_honor .hdl_2 {}

.sct_honor .hdl_3 {}

.sct_honor .picslist {
    padding: 0
}

.sct_honor .picslist .pn {
    display: flex;
    justify-content: end;
    gap: 2rem;
    flex: 1;
    position: relative;
    top: 1rem
}

.sct_honor .picslist .pn a:hover * {
    fill: var(--color1);
    border-color: var(--color1)
}

.sct_honor .picslist .pn a.next {}

.sct_honor .picslist .pn a i {
    display: flex;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    align-items: center;
    border: 1px solid #ccc;
    fill: #ccc
}

.sct_honor .picslist .pn a svg {
    width: 2rem;
    height: 2rem
}

.sct_honor .picslist .pn a.next i {}

.sct_honor .picslist .hdl_wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
    align-items: flex-end;
    padding-bottom: 1rem
}

.sct_honor .picslist .hdl_wrap .currentdot {
    font-size: 2rem;
    color: var(--color1);
    line-height: 1.1;
    position: relative;
    top: -0.1rem
}

.sct_honor .picslist .hdl_3 {
    position: relative
}

.sct_honor .picslist .hdl_wrap:before {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 13rem);
    background: #eee;
    position: absolute;
    bottom: 0;
    left: 0
}

.sct_honor .picslist .hdl_3 li {
    display: none
}

.sct_honor .picslist .hdl_3 li:last-child {
    display: block !important;
    position: relative;
    padding-left: 2rem;
    color: #999
}

.sct_honor .picslist .hdl_3 li:last-child:before {
    content: "";
    display: block;
    width: 1px;
    height: 1.5rem;
    background: #ccc;
    transform: rotate(32deg);
    position: absolute;
    left: 1.1rem;
    top: 0.1rem
}

.sct_honor .picslist .hdl_3 ul {
    display: flex !important
}

.sct_honor .picslist .hdl_3 .slick-active {
    position: relative
}

.sct_honor .picslist .slider_honors .slick-slide {
    margin-left: 2.2rem
}

.sct_honor .picslist .slider_honors .slick-list {
    margin-left: -2.2rem
}

.sct_honor .hndots {
    text-align: center
}

.sct_honor .hndots {
    width: 100%;
    text-align: center;
    margin: 4rem auto 0
}

.sct_honor .hndots ul.slick-dots li {
    display: inline-block;
    width: 6.6rem;
    height: .5rem;
    margin: 10px 5px;
    border-radius: 15px;
    background: #eee;
    cursor: pointer;
    transition: all .3s
}

.sct_honor .hndots ul.slick-dots li.slick-active {
    background-color: var(--color1)
}

.sct_honor .hndots ul.slick-dots li span {
    display: none
}

.sct_honor .picslist .img {
    background: url(../images/frame.png) no-repeat center;
    padding: 2.5rem;
    width: 23.7rem;
    height: 33.3rem;
    margin: 0 auto;
    image-rendering: -webkit-optimize-contrast
}

.sct_honor .picslist .txt:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #EAEAEA;
    position: relative;
    top: -2rem;
    left: 0%
}

.sct_honor .i_ttl .r {
    position: relative;
    top: -3.5rem
}

.sct_honor .row2 {
    position: relative;
    top: -1.5rem
}

#sort_nav_pro {
    margin-bottom: 3rem;
    position: relative
}

#sort_nav_pro:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0.8rem;
    background: linear-gradient(to bottom, rgb(0 0 0 / 14%) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.45
}

#sort_nav_pro .row {}

#sort_nav_pro .con {}

#sort_nav_pro ul {
    display: flex;
    justify-content: center
}

.body_slt #sort_nav_pro ul {
    justify-content: center
}

.body_news #sort_nav_pro ul {
    justify-content: center
}

#sort_nav_pro li {
    padding: 0;
    flex: 0 1 auto;
    position: relative;
    margin-bottom: -1px;
    text-align: center;
    width: min-content
}

.body_news #sort_nav_pro li {
    flex: 0
}

#sort_nav_pro li::after {
    content: "";
    display: block;
    width: 2px;
    height: 2.9rem;
    background: rgb(203 203 203 / 50%);
    transform: rotate(25deg);
    position: absolute;
    top: 2.3rem;
    right: 4.9rem;
    opacity: 0
}

#sort_nav_pro li:last-child:after {
    display: none
}

#sort_nav_pro li a {
    color: #222;
    display: block;
    padding: 0 3rem
}

.body_page #sort_nav_pro li a {
    padding: 0 4.5rem
}

.body_slt #sort_nav_pro li a {
    padding: 0 4.2rem
}

#sort_nav_pro li span {
    font-size: 1.8rem;
    line-height: 7.5rem;
    display: inline-block;
    padding: 0 1.2rem;
    position: relative;
    white-space: nowrap
}

#sort_nav_pro .active,
#sort_nav_pro li:hover {
    background: var(--color1);
    transition: all .3s
}

#sort_nav_pro .active *,
#sort_nav_pro li:hover * {
    color: #fff !important;
    transition: all .3s
}

#sort_nav_pro .active span {
    font-weight: bold;
    color: var(--color1)
}

.body_p_66 #sort_nav_pro {
    margin-bottom: 0.7rem;
}

.body_p_66 #sort_nav_pro .depth1 {
    /* justify-content: flex-start; */
}

.body_p_66 #sort_nav_pro .depth2 {
    display: none;
}

.body_p_66 .ctype .depth2 {
    /* position: absolute; */
    width: var(--container-width);
    justify-content: center;
    /* background: var(--color1); */
    display: flex;
}

.body_p_66 #sort_nav_pro .ctype ul {
    display: flex;
}

.body_p_66  .depth3 {
    display: none;
}
.body_p_66 .ctype2 .depth3 {
    display: flex;
    /* position: absolute; */
    width: var(--container-width);
    /* background: goldenrod; */
    justify-content: center;
    flex-wrap: wrap;
}

.body_p_66 #sort_nav_pro .li_depth1 {}

.body_p_66 .ctype .li_depth3{}
.body_p_66 .ctype .a_depth2{
    font-size: 1.6rem;
}

.body_p_66 .ctype .a_depth2.nextulisshow {
    color: var(--color1) !important;
}
.body_p_66 .ctype .a_depth3{
    font-size: 1.5rem;
    height: 5rem;
}

.body_p_66 .ctype .a_depth3:hover {
    color: var(--color1) !important;
}
.body_p_66 .ctype .li_depth2 {
    color: #333;
}

.body_p_66 #sort_nav_pro .li_depth3 {}

.body_p_66 #sort_nav_pro .li_depth3 a {
    display: flex;
    height: 7rem;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
}


.body_p_66 #sort_nav_pro .a_depth1.nextulisshow {
    color: var(--color1);
    font-weight: bold;
    background: var(--color1);
    color: #fff;
}

.body_p_66 .ctype a {
    color: #333 !important;
    white-space: nowrap;
    padding: 0 3rem;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7rem;
}

.body_p_66 #sort_nav_pro .a_depth3 {
    white-space: nowrap;
    color: #333 !important;
}


.body_p_66 #sort_nav_pro * {}

.body_p_66 #sort_nav_pro * {}

.body_p_66 #sort_nav_pro * {}

.body_p_66 #sort_nav_pro * {}

.body_p_66 #sort_nav_pro * {}

.body_p_66 #sort_nav_pro .nextulisshow+ul {
    /* display: flex; */
}


.productdetail {}

.productdetail .left {}

.productdetail .bor {
    border: 1px #f5f5f5 solid;
    padding: 2rem;
    width: 42rem
}

.productdetail .left .item {
    background: #f5f5f5;
    margin: 0 2rem 4rem;
    padding: 3rem;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
    transition: all 0.3s;
    color: #444
}

.productdetail .left .item:hover {
    color: var(--color1);
    border-color: var(--color1)
}

.productdetail .left .item:hover {}

.productdetail .left .img {
    position: relative;
    z-index: 2
}

.productdetail .left .img img {}

.productdetail .left i {
    font-style: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-57%) translateX(-50%);
    z-index: 1;
    font-size: 20rem;
    font-family: "Swiss";
    left: 50%
}

.productdetail .left .txt {
    font-size: 1.8rem;
    color: inherit;
    font-weight: bold;
    margin: 2rem auto 0;
    position: relative;
    z-index: 3
}

.productdetail .rightcontent {
    padding-top: 2rem
}

.productdetail .rightcontent .flex2 {
    margin-bottom: 4rem
}

.productdetail .rightcontent .pic {
    background: #e6e7e9
}

.productdetail .rightcontent .pic img {}

.productdetail .rightcontent .fea {
    padding-left: 6rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #727272
}

.btn_2 {
    width: 23rem;
    max-width: 100%;
    height: 5.4rem;
    background: #e4223c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin: auto;
    margin-top: 5rem;
    column-gap: 2rem;
    border: 0
}

.btn_2:hover {
    color: #fff
}

.productdetail .rightcontent .btn_2 i {}

.productdetail .rightcontent .btn_2 img {}

.productdetail .rightcontent .btn_2 span {}

.productdetail .pagecontent {}

.productdetail .h3.t {
    width: 14.2rem;
    line-height: 4.8rem;
    background: #e4223c;
    color: #fff;
    text-align: center;
    font-size: 1.8rem
}

.productdetail .remark {
    border-top: 1px solid #ddd;
    margin-top: 2.4rem;
    padding-top: 2.5rem
}

.productdetail .remark * {}

.sitettl2 {}

.sitettl2>div {
    font-size: 2.4rem;
    color: #222;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    position: relative;
    margin-bottom: 3.5rem
}

.site_ttl_4 {
    text-align: center
}

.site_ttl_4 .h2 {
    font-size: 4rem;
    font-weight: bold
}

.site_ttl_4 .h2+.sinfo {
    font-size: 1.8rem;
    color: #666666;
    line-height: 1.8;
    margin: 2rem 0 5rem
}

.bggray3 {
    background-color: #eaedf4
}

.msg_form {
    flex-wrap: wrap;
    justify-content: space-between
}

.msg_form input,
.msg_form textarea {
    font-size: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.msg_form input::-moz-placeholder,
.msg_form textarea::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

.sct_form1 .msg_form input::placeholder,
.sct_form1 .msg_form textarea::placeholder {
    color: #ddd
}

.msg_form input::placeholder,
.msg_form textarea::placeholder {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

.msg_form input[type="submit"],
.msg_form button {
    --tw-bg-opacity: 1;
    background-color: var(--color1);
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    flex: 0.7
}

.siteform1 {}

.siteform1 .label1 {
    font-size: 1.4rem
}

.siteform1 .label1 {
    margin-bottom: 0.5rem;
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.siteform1 .h3 {
    font-size: 1.8rem
}

.siteform1 .h3 {
    margin-bottom: 0px;
    padding-top: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(216 37 56 / var(--tw-text-opacity))
}

.siteform1 .input1 {
    font-size: 1.6rem
}

.siteform1 .input1 {
    margin: 0px;
    display: block;
    width: 100%;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-clip: padding-box;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #eaeaea
}

.siteform1 .input1:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.siteform1 .flex00 {
    align-items: flex-end;
    gap: 1rem
}

.grid {
    display: grid
}

.gap-4 {
    gap: 1rem
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.mb-6 {
    margin-bottom: 1.5rem
}

.site_ttl_4 {}

.site_ttl_4 .h2 {}

.site_ttl_4 .sinfo {}

.slt_detail {
    padding: 5rem 0 0
}

.slt_detail .content {}

.slt_detail .content>.txtc {}

.slt_detail .content .h2 {
    font-weight: bold;
    font-size: 4rem
}

.slt_detail .content .sinfo {}

.slt_detail .remark {}

.slt_detail .lc2 {
    display: none
}

.slt_page_part2 {
    background: #f7f7f7;
    margin-top: 6rem;
    padding: 5rem 0 7rem
}

.slt_page_part2 .yangpin_form_wrap {}

.slt_page_part2 .h3 {
    margin-bottom: 1.6rem
}

.slt_page_part2 .grid {}

.slt_page_part2 .label {}

.slt_page_part2 .input {}

.slt_list {}

.slt_list .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5rem;
    margin-bottom: 3rem;
    padding-top: 7rem
}

.slt_list .item {
    flex: 0 0 70rem
}

.slt_list .item>a {}

.slt_list .item .img {
    border-radius: 1rem;
    overflow: hidden
}

.slt_list .item .img img {
    width: 100%;
    height: auto
}

.slt_list .h3 {
    margin: 3rem 0 0
}

.slt_list .s1 {
    font-size: 3rem
}

.slt_list .s2 {
    font-size: 1.8rem;
    color: #666;
    font-weight: 400;
    margin: 2rem auto 0
}

.article_list1 .item .txt {
    padding-left: 5rem;
    padding-top: 1rem;
    padding-right: 0
}

.article_list1 .item {
    padding: 0rem 0 4rem;
    margin-bottom: 4rem;
    opacity: 1;
    border-top: 1px solid #F1F1F1;
    padding: 5rem 0 2rem;
    transition: all .3s
}

.article_list1 .item:hover {}

.article_list1 .row>div:last-child .item {
    margin-bottom: 0
}

.article_list1 .item h3 {
    margin-top: 0;
    margin-bottom: 2.1rem;
    font-size: 3rem;
    font-weight: 400;
    color: #333
}

.article_list1 .item h3+div {
    line-height: 2;
    margin-bottom: 2.6rem
}

.article_list1 .item .sinfo {
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 1.5rem;
    margin-bottom: 4rem
}

.article_list1 .btn_more {
    margin-top: 3rem;
    background: transparent;
    color: #333;
    padding: 0
}

.article_list1 .btn_more span {
    font-size: 2rem;
    color: #555
}

.article_list1 a:hover .btn_more span {
    color: var(--color1)
}

.article_list1 .item .time {
    font-size: 1.6rem;
    color: #aaa;
    display: block;
    margin-bottom: 2rem;
    padding-left: 2.5rem;
    background: url(../images/time.png) no-repeat left center/auto 1em
}

.article_list1 .bor {
    display: flex;
    position: relative;
    padding: 0
}

.article_list1 .item .bor * {
    position: relative
}

.article_list1 .item h3:hover {
    color: var(--color1)
}

.article_list1 .img {
    max-height: 45rem
}

.article_list1 .img {
    overflow: hidden
}

.article_list1 .item .more {
    color: #333;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ECEEF2;
    width: 19rem;
    padding: 0.6rem 3rem;
    transition: all 0.3s;
    column-gap: 1rem
}

.article_list1 .item .more:hover {
    color: #fff;
    background: var(--color1);
    fill: #fff
}

.article_list1 .item .more i {
    top: 0.2rem
}

.article_list1 .item .more i svg {
    height: 3rem;
    top: .2rem
}

.article_list1 .item .img {
    flex: 0 0 45rem;
    margin: 0;
    border-radius: 0.5rem
}

.article_detail {
    padding-bottom: 7rem
}

.article_detail2 {
    padding: 0
}

.article_content {
    padding-right: 6rem;
    padding: 4.5rem;
    text-align: center;
    margin-bottom: 1.4rem;
    margin-right: 3rem;
    border-radius: 0.5rem;
    background: #f2f6f97a
}

.article_content .remark {
    font-size: 1.6rem
}

.articlenav {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 0.1rem solid #D3E4FA;
    text-align: left
}

.article_content .remark * {
    font-size: inherit;
    text-align: left
}

.article_content h1 {
    margin: 0 auto;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 2rem
}

.articletitle_page {
    padding: 5rem 0;
    text-align: center
}

.article_content.topgap1 {
    padding-top: 0rem
}

.article_content.topgap1:before {
    height: 0.2rem
}

.articleinfo {
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    border-bottom: 0.1rem solid #D3E4FA;
    text-align: center
}

.articleinfo * {
    color: #888;
    font-size: 1.6rem
}

.articleinfo span {
    display: inline-block;
    margin: 0 1rem
}

.articleinfo .fl * {
    color: #777
}

.articleinfo .fl a:hover {
    color: var(--color4)
}

.articleinfo .fl span {
    display: inline-block;
    margin-right: 2rem
}

.articleinfo .fl span i {
    display: inline-block;
    height: 1.3em;
    width: 1em;
    background: url(../images/i-clock.png) no-repeat center/auto 70%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: .7rem
}

.articleinfo .fl span.category i {
    background-image: url(../images/i-view.png);
    background-size: 100% auto
}

.articleinfo .fl span.source i {
    background-image: url(../images/newspaper.png);
    background-size: 100% auto
}

.articlenav .fl {
    font-size: 1.6rem
}

.articlenav .return1 i {
    vertical-align: middle;
    display: inline-block;
    width: 2.3rem;
    height: 1.4rem;
    background: url(../images/return.png) no-repeat center/auto 100%;
    position: relative;
    top: -0.2rem
}

.articlenav .return1 {
    display: block;
    width: 16rem;
    border: 0.1rem solid var(--color1);
    border-radius: 10rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.6rem;
    vertical-align: middle
}

.articlenav .return1 span {
    color: var(--color1)
}

.hotarticles {
    background: #fff;
    padding: 0;
    margin-top: 0;
    margin-bottom: 6.5rem;
    background: #f2f6f97a;
    padding: 4.5rem;
    margin-bottom: 1.4rem;
    border-radius: 0.5rem
}

.hotarticles .h4 {
    font-size: 2.2rem;
    margin: 1em 0 2em;
    font-weight: bold;
    border-bottom: 1px solid #eccc;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    margin-top: 0;
    border-bottom: 0.1rem solid #D3E4FA
}

.hotarticles h3 {
    margin: 0 0 1.5rem;
    padding: 1.5rem;
    font-size: 1.8rem;
    background: rgb(244, 241, 238)
}

.hotarticles a {
    line-height: 1.6;
    font-size: 1.8rem;
    font-weight: 400
}

.hotarticles .sinfo {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 2rem 0 1rem
}

.hotarticles li {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    padding-left: 0;
    border-bottom: 0.1rem solid #f3f1ee
}

.hotarticles li span {
    display: inline-block;
    margin-top: 0.8rem;
    color: #999;
    font-size: 1.6rem
}

.hotarticles li span i {
    display: inline-block;
    height: 1.3em;
    width: 1.4em;
    background: url(../images/time.png) no-repeat center/auto 80%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: .7rem
}

.hotarticles a+span {
    display: block;
    color: #666
}

.hotarticles a:hover {
    color: var(--color1)
}

.body_news_list .crumbs {
    display: none
}

.sct_news1_submenu {
    padding-top: 3rem;
    margin-bottom: 5rem;
    background: transparent
}

.body_news .sct_news1_submenu {
    margin-bottom: 1.3rem;
    padding-bottom: 2rem;
    padding-top: 5rem
}

.body_detail .sct_news1_submenu {}

.sct_news1 .i_ttl .r.hdl_3 {
    width: 50%
}

.sct_news1 .i_ttl .r.hdl_3 ul {
    justify-content: flex-end;
    column-gap: 2rem
}

.sct_news1 .hdl_3 ul {
    display: flex !important;
    column-gap: 5rem
}

.sct_news1 .hdl_3 li a {
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 5.5rem;
    padding: 0 2rem;
    border-radius: 10rem;
    color: #333
}

.sct_news1 .hdl_3 li.active a {
    color: var(--color1)
}

.sct_news1 .hdl_3 li span {
    font-size: 2rem;
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 2px solid transparent;
    padding-bottom: 1rem;
    color: #222;
    font-weight: 400;
    margin: 0 auto;
    padding: 0
}

.sct_news1 .hdl_3 li.on span {
    background-color: var(--color1)
}

.sct_news1 .hdl_3 li span:hover {
    color: var(--color1)
}

.ourclients {
    padding-bottom: 6rem
}

.ourclients .ttl_5 {}

.ourclients .ttl_5 .h2:after {
    display: none
}

.ourclients .ttl_5 .h2 {
    text-align: center;
    font-weight: bold;
    border: 0
}

.ourclients .bor {
    height: 17rem;
    border: 1px solid #d4d4d4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.2rem
}

.ourclients .bor img {}

.sec_contact_new_1 {
    padding: 7rem 0 5rem
}

.sec_contact_new_1 .row1 {}

.sec_contact_new_1 .bor {
    height: 27.7rem;
    border: 1px solid #eee;
    text-align: center;
    margin-bottom: 3rem;
    padding: 2.5rem
}

.sec_contact_new_1 .img {
    text-align: center;
    margin-top: 2rem
}

.sec_contact_new_1 .img img {
    height: 5.2rem
}

.sec_contact_new_1 .h3 {}

.sec_contact_new_1 .info {
    font-size: 1.6rem;
    color: #666;
    white-space: nowrap;
    margin: 1.5rem auto 2.6rem
}

.sec_contact_new_1 .info+p {
    font-weight: bold;
    font-size: 1.6rem
}

.sec_contact_new_1 .info+p a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.sec_contact_new_1 .info+p a span {}

.sec_contact_new_1 .info+p a i {
    display: block;
    width: 6rem;
    height: 2.4rem;
    background: url(../images/icon6/8.png) no-repeat center/cover
}

.sec_contact_new_2 {
    padding: 0 0 6rem;
    margin: 0 auto
}

.sec_contact_new_2 .company_map {}

.sec_contact_new_2 #map1 {}

.sec_contact_new_2 .inner {
    background: #f2f7fc;
    padding: 5.1rem 5rem
}

.sec_contact_new_2 .ttl_5 {}

.sec_contact_new_2 .finfo {}

.downloadlist {}

.downloadlist .items {}

.downloadlist .item {
    background: #fff;
    margin-bottom: 2.5rem
}

.downloadlist .item ul {
    transition: all .3s
}

.downloadlist .item ul {
    display: flex;
    align-items: center
}

.downloadlist .item li {
    flex: 1;
    padding: 2.7rem 0;
    text-align: center;
    font-size: 1.8rem;
    color: #666
}

.downloadlist .item li:hover {}

.downloadlist .item li:hover * {}

.downloadlist .item .li_1 {
    flex: 10
}

.downloadlist .item .li_2 {
    flex: 30;
    text-align: left
}

.downloadlist .item .li_2~li {
    flex: 10
}

.downloadlist .item .li_6 a {}

.downloadlist .item .li_1 i {
    width: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.downloadlist .item .li_6 i {
    display: flex;
    margin: 0 auto;
    width: 4.6rem;
    height: 4.6rem;
    background: var(--color1);
    border-radius: 10rem;
    justify-content: center;
    align-items: center;
    fill: #fff
}

.downloadlist .item .li_6 i svg {
    fill: inherit;
    width: 2.4rem
}

i {}

i {}

.downloadlist .item ul:hover {
    background: var(--color1)
}

.downloadlist .item ul:hover * {
    color: #fff
}

.downloadlist .item ul:hover .li_1 svg {
    fill: #fff
}

.downloadlist .item ul:hover .li_6 i {
    background: #fff;
    fill: var(--color1)
}

.downloadlist .item svg {
    fill: var(--color1);
    width: 100%
}

.body_search #header {
    background-color: #042766
}

.techsupport {}

.techsupport .row {}

.techsupport .h2_ttl_3 {
    text-align: center;
    margin-bottom: 4rem
}

.techsupport .items {
    margin-bottom: 8rem
}

.techsupport .item {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 2rem 0px rgb(120 133 147 / 16%);
    border-radius: 1rem;
    opacity: 1;
    position: relative;
    display: flex;
    margin-bottom: 3rem;
    padding: 4rem 6rem;
    padding-left: 9rem;
    overflow: hidden;
    column-gap: 4rem;
    align-items: flex-start
}

.techsupport .sub {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon4/5.png) no-repeat left top;
    width: 7.5rem;
    height: 7.1rem;
    color: #fff;
    font-size: 2.4rem;
    padding-left: 0.9rem;
    padding-top: 0.5rem
}

.techsupport .item i {
    display: block;
    width: 6.5rem;
    height: 6.5rem;
    min-width: 6.5rem;
    flex: 1;
    max-width: 6.5rem;
    margin-top: -0.2rem
}

.techsupport .item i img {
    width: 100%
}

.techsupport .item .txt {
    flex: auto
}

.techsupport .item .h3 {
    margin: 0px 0 2rem
}

.techsupport .item .info {
    font-size: 1.8rem;
    color: #666;
    line-height: 1.8
}

.techsupport .item ul {}

.techsupport .item ul li {
    display: list-item;
    list-style: disc;
    margin-left: 2rem
}

.link_zx {
    width: 20rem;
    height: 5rem;
    background: #FFFFFF;
    border-radius: 1rem;
    opacity: 1;
    border: 1px solid var(--color1);
    justify-content: center;
    color: var(--color1);
    font-size: 1.8rem
}

.link_zx span {}

.link_zx i {
    width: 2.6rem;
    fill: var(--color1)
}

.link_zx i * {}

.qrcode2 {
    width: min-content;
    margin: 5rem 0 6rem
}

.qrcode2 span {
    display: block;
    text-align: center;
    font-size: 1.6rem
}

.qrcode2 img {
    min-width: 15rem;
    border: 1px solid #ddd;
    margin: 0rem 0 1rem
}

.body_job {}

.body_job .in {
    padding: 2rem 4rem;
    padding-top: 2rem
}

.body_job .in .p1 {
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 2rem
}

.body_job .in .p2 {
    font-size: 2.2rem;
    line-height: 1.7
}

.body_job .in .p3 {
    font-size: 1.6rem
}

.body_job .img img {
    border-radius: 1rem;
    overflow: hidden
}

.body_job .img img {}

.jpart1 {
    padding: 4rem 0 7rem
}

.jpart1 .in {}

.jpart1 .p1 {}

.jpart1 .p2 {
    color: var(--color1)
}

.jpart1 .p3 {
    margin-top: 4rem;
    padding: 3rem;
    background: #f4f4f4;
    border-left: 2px solid #E1E1E1;
    line-height: 2
}

.jpart1 ul {}

.jpart1 ul li {}

.jpart1 ul li i {}

.jpart1 ul li i img {}

.jpart1 ul li i span {}

.jpart2 {
    padding: 10rem 0 7rem;
    background: url(../images/bg17.jpg) no-repeat center/cover;
    color: #fff
}

.jpart2 .in {
    padding-right: 7rem;
    margin-top: -2rem
}

.jpart2 .p1 {}

.jpart2 .p2 {
    margin-bottom: 5rem
}

.jpart2 .p3 {}

.jpart2 ul {}

.jpart2 ul li {
    display: inline-block;
    width: 20%;
    border: 1px solid #ffffff45;
    border-radius: 0.6rem;
    padding: 2rem;
    height: 13rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-right: 2rem
}

.jpart2 .img {
    padding-top: 1rem
}

.jpart2 ul li i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.6rem;
    height: 4.6rem;
    margin: 0 auto 1.5rem;
    padding: 0.1rem
}

.jpart2 ul li i img {}

.jpart2 ul li i span {}

.jpart3 {
    padding: 8rem 0 5rem
}

.body_job .sct_huoban {
    background: url(../images/bg18.jpg) no-repeat center/cover;
    margin-bottom: -0.2rem;
    height: 40rem;
    padding-top: 5rem
}

.jpart3 .in {}

.jpart3 .p1 {}

.jpart3 .p2 {
    color: var(--color1);
    margin-bottom: 5rem
}

.jpart3 .p3 {}

.jpart3 ul {}

.jpart3 ul li {
    margin: 3.5rem 0
}

.jpart3 ul li .d1 {
    font-size: 2.2rem;
    font-weight: bold;
    padding-left: 0.8em;
    margin-bottom: 1.4rem;
    border-left: 3px solid var(--color1);
    line-height: 1.1
}

.jpart3 ul li .d2 {
    color: #666
}

.jpart3 ul li d2 {}

.jpart3 ul li i {}

.jpart3 ul li i img {}

.jpart3 ul li i span {}



html body #header .li_66 .sub a {
    white-space: nowrap;
    text-align: left;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
    font-weight: 400;
}

html body #header .li_66 .nextulisshow {
    color: var(--color1) !important;
    font-weight: bolder !important;
}

html body #header .li_66 .a_depth1.nextulisshow {
    font-size: 2rem;
}

html body.fixhd #header .li_66 .nextulisshow {
    /* color: var(--color1) !important; */
    font-size: 1.95rem;
}

html body #header .li_66 .li_depth1 {
    display: block;
}

html body #header .li_66 .depth2,
html body #header .li_66 .depth3 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

html body #header .li_66 .a_depth1.nextulisshow+.depth2,
html body #header .li_66 .a_depth2.nextulisshow+.depth3 {
    display: block;
    padding: 3rem 6rem 3rem;
    padding-right: 0;
}


html body #header .li_66 .depth1 {
    width: auto;
    transform: translateX(-21rem);
    padding-bottom: 11.5rem;
    /* flex: auto; */
    margin: 0;
    margin-top: 3rem;
}

html body #header .navpic {
    display: none;
}

html body #header .li_66 .navpic {
    /* flex: 0 0 18rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-57%) translateX(calc(-50% + 71rem));
    left: 50%;
}

html body #header .li_66 .navpic img {
    max-height: 32rem;
    max-width: 32rem;
}

#header .li_66 .dropdown-menu {
    display: flex;
    justify-content: center;
    /* padding-top: 3rem; */
}

html body #header .li_66 .depth2 {}

html body #header .li_66 .depth2:before,
html body #header .li_66 .depth3:before {
    content: "";
    display: block;
    width: 1px;
    min-height: 37rem;
    max-height: 48rem;
    height: 100%;
    position: absolute;
    left: 3rem;
    top: 4rem;
    border-left: .1rem solid #fff;
    opacity: 0.3;
}

html body.fixhd #header .li_66 .depth2:before,
html body.fixhd #header .li_66 .depth3:before {
    border-color: #ddd;
}

html body #header .li_66 .depth3 {}

html body #header .li_66 .depth4 {}

#header .dropdown-menu .sub li.navpic {}

html body #header .li_66 .li_depth2 {
    display: block;
}

html body #header .li_66 .li_depth3 {
    display: block;
}

html body #header .li_66 .li_depth4 {}

html body #header .li_66 .a_depth1 {
    text-align: left;
    font-size: 1.8rem;
    font-weight: 700;
    /* padding: 1.7rem 1rem; */
}

html body #header .li_66 .a_depth2 {
    color: #2f2e2e;
}

html body #header .li_66 .sub a.a_depth3 {
    color: #3d3b3b;
    padding: 1.1rem;
}

html body #header .li_66 .a_depth3.on {
    color: var(--color1) !important;
}

html body #header .li_66 .a_depth4 {}