@font-face {
    font-family: 'DINCOND';
    src: url('../fonts/DINCOND-BLACK.OTF') format("opentype")
}

:root {
    /* --color1: #7030a0; */
    --color1: #1e90ff;
    --color2: #662e91;
    --color3: #5075be;
    --color4: #ed2b00;
    --color5: rgb(255 255 255 / 15%);
    --container-width: min(153.5rem, calc(100vw - 20rem));
    --container-big-width: min(123.7rem, calc(100vw - 20rem));
    --bn-height: 90rem;
    --head-height: 8.4rem;
    --shrinkhead-height: 6.5rem;
    --bodypadding: 8rem;
    --sctpadding: 0;
    --smenuheight: 7rem;
}
html,body{
    -webkit-text-size-adjust: 100%;
    max-width: 100%;
    overflow-x: hidden;}
html {
    position: relative
}

html:after,
html:before {
    content: "";
    display: block;
    height: 100%;
    z-index: -3;
    position: absolute;
    left: 50%;
    top: 0;
    /* width: 197rem; */
    background: #fff;
    margin-left: -98.5rem;
    box-shadow: 0 0 17px rgb(205 228 252 / 37%)
}

html:before {
    z-index: -5;
    background: #f3f3f3;
    width: 100vw;
    margin: 0 auto;
    left: 0
}

body {
    /* max-width: 1920px; */
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

body.body_products {
    background: #f8f8f8;
}

html {
    font-size: .5208vw;
    font-size: 62.5%
}

html {
    scroll-behavior: smooth;
    /* moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none */
}
p{
    margin: 0 0 10px;
}

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

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

.mobileonly {
    display: none !important
}

.wow {
    visibility: hidden;
}

video {
    object-fit: cover
}

.waponly {
    display: none
}

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

.withicon1 i {
    display: inline-flex;
    align-items: center;
    margin-left: 0.4rem
}

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

.pd15 {
    padding: 1.5rem;
}

.pd20 {
    padding: 2rem;
}

.bggray1 {
    background: #fafafa
}

.radius100 {
    border-radius: 100rem;
}

.fillfff {
    fill: #fff;
}

.cfff {
    color: #fff
}

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

.bgcolor1 {
    background: var(--color1);
}

.hovercolor1 {
    transition: all .3s;
}

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

.flex {
    display: flex
}

.flexc {
    justify-content: center;
    align-items: center;
}

.flexw {
    flex-wrap: wrap;
}

.flexl {
    justify-content: flex-start;
}

.flexr {
    justify-content: flex-end;
}

.flext {
    align-items: flex-start;
}

.flexb {
    align-items: flex-end;
}

.flexj {
    justify-content: space-between;
}

.flexm {
    display: flex;
    align-items: center;
}

.flexcl {
    flex-direction: column;
}

.gapx8 {
    column-gap: .8rem;
}

.gapx15 {
    column-gap: 1.5rem;
}

.gapx10 {
    column-gap: 1rem;
}

.gapx20 {
    column-gap: 2rem;
}

.gapx22 {
    column-gap: 2.2rem;
}

.gapx30 {
    column-gap: 3rem;
}

.gapx40 {
    column-gap: 4rem;
}

/* 两列网格布局 */
.grid-cols-2 {

    grid-template-columns: repeat(2, 1fr);
    /* 两列，每列宽度相等 */
}

/* 三列网格布局 */
.grid-cols-3 {

    grid-template-columns: repeat(3, 1fr);
    /* 三列，每列宽度相等 */
}

/* 四列网格布局 */
.grid-cols-4 {

    grid-template-columns: repeat(4, 1fr);
    /* 四列，每列宽度相等 */
}

/* 五列网格布局 */
.grid-cols-5 {

    grid-template-columns: repeat(5, 1fr);
    /* 五列，每列宽度相等 */
}

/* 六列网格布局 */
.grid-cols-6 {

    grid-template-columns: repeat(6, 1fr);
    /* 六列，每列宽度相等 */
}

.bor-ddd {
    border: 1px solid #ddd;
}

.bor-ccc {
    border: 1px solid #ccc;
}

.bor-666 {
    border: 1px solid #666;
}

.bor-eee {
    border: 1px solid #eee;
}

.bor-333 {
    border: 1px solid #333;
}

.bor-999 {
    border: 1px solid #999;
}

.bor-c-ddd>* {
    border: 1px solid #ddd;
}

.bor-c-ccc>* {
    border: 1px solid #ccc;
}

.bor-c-666>* {
    border: 1px solid #666;
}

.bor-c-eee>* {
    border: 1px solid #eee;
}

.bor-c-333>* {
    border: 1px solid #333;
}

.bor-c-999>* {
    border: 1px solid #999;
}

.bor-last-0>*:last-child {
    border: none;
}


.i_ttl {}

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

.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: .4;
    vertical-align: middle;
    transform: translateY(-.2rem);
    margin-left: .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: 700;
    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: 700;
    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%
}

.indexb {
    position: relative
}

.indexslider1 {
    width: 100%;
    overflow: hidden
}

.indexslider1 .slick-slide {
    position: relative;
    width: 100%;
    height: 100%
}

.indexslider1 .inner {
    position: relative;
    width: 100%;
    height: 100%
}

.indexslider1 .slide__body {
    position: absolute;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 50%;
    width: var(--container-width);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    color: #fff;
    justify-content: center;
    transform: translateX(-50%);
    align-items: flex-end
}

.indexslider1 .inner .box {
    content: "";
    display: block;
    height: 100%;
    width: 26rem;
    background: #000C58;
    right: 0;
    position: absolute;
    top: 0;
    opacity: 0
}

.indexslider1 .slide__body .txt1 {
    font-size: 6rem;
    font-weight: bold;
    margin-top: -13rem;
}

.indexslider1 .slide__body .txt2 {
    font-size: 7rem;
    margin: 1rem 0 2rem;
    line-height: 1.1;
    font-weight: bold;
    text-align: right
}

.indexslider1 .slide__body .txt3 {
    font-size: 1.6rem;
    margin: 0;
    text-align: right;
    line-height: 2;
    width: 60rem;
    margin-bottom: 4rem
}

.indexslider1 .slide__body .line {
    height: 4rem;
    width: 1px;
    background: #ffffffa8;
    display: block;
    /* opacity: 0.6; */
    position: relative;
    right: 0.2rem;
    top: 4rem;
}


.indexslider1 .slide__body .sitemore1 {
    gap: 1.5rem
}

.indexslider1 .slide__body .sitemore1 span {}

.indexslider1 [data-animation-in] {
    opacity: 0
}

.indexslider1 .slide__body .sitemore1 i {
    display: block;
    height: 1px;
    width: 2.5rem;
    background: #fff;
    line-height: 1;
    position: relative;
    top: -0.1rem
}

a.sitemore1 {
    width: 24rem;
    height: 4.6rem;
    background: #077FD2;
    box-shadow: 6px 0px 24px 0px #006edf57;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.6rem
}

.sitedot1 .dots1 {
    left: 50%;
    width: var(--container-width);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.7rem;
    transform: translateX(-50%);
    position: absolute;
    bottom: 6.5rem
}



.sitedot1 .dots1 ul {
    text-align: center;
    display: flex;
    align-items: center;
    width: 18rem
}

.sitedot1 .dots1 li {
    width: auto;
    height: .2rem;
    flex: 1;
    border-radius: 0;
    background: #ffffff40;
    display: inline-block;
    margin: 0;
    transition: all .3s;
    cursor: pointer
}

.sitedot1 .dots1 li.slick-active {
    background: #fff
}

.sitedot1 .dots1 li i {
    font-style: normal
}

.sitedot1 .pn {
    z-index: 4;
    left: 4rem;
    top: calc(50% - 2.5rem);
    fill: #fff;
    cursor: pointer;
    opacity: 0.6;
    transition: all .3s;
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.sitedot1 .pn.next {
    left: auto;
    right: 4rem
}

.sitedot1 .pn svg {
    max-width: 100%;
    max-height: 100%;
    width: 1.4rem;
    max-width: 100%;
    max-height: 100%;
    width: 1.6rem
}

.sitedot1 .dots1 .slick-active {
    display: inline-block
}

.sitedot1 .dots1 .pn:hover {
    opacity: 1
}

.sitedot1 .dots1 .d {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 1;
    margin-right: 1.5rem
}

.sitedot1 .dots1 .d span {
    font-weight: 400;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1
}

.sitedot1 .dots1 .d .c1 {
    font-size: 3.4rem;
    position: relative;
    top: 0.3rem
}

.sitedot1 .dots1 .d .c11 {
    padding: 0 0.5rem
}

.sitedot1 .dots1 .c2 {
    margin: 0 1rem 0 0.7rem
}

#pageban .p1 {
    font-size: 4.8rem;
    font-weight: 400;
    font-style: normal;
    margin-top: -7rem;
    font-family: 'DINCOND';
    position: relative;
}

#pageban .p1:after {
    content: "";
    display: block;
    background: #fff;
    height: .4rem;
    width: 4rem;
    margin-top: 1rem;
}

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

#pageban .p2 {
    line-height: 30px
}

#pageban.new0822 .txt {
    margin-top: -25px
}

#pageban .p2.lh40 {
    line-height: 40px
}

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

#pageban .nav2 .p2 span {
    color: #c6c9ce;
    font-size: 12px;
    margin-right: 10px
}

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

#pageban .ban {
    position: relative
}

#pageban img {
    /* visibility: hidden; */
    /* width: 100%; */
    width: 1920px;
    max-width: 100%;
}

#pageban .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start
}

#pageban h4 img {
    visibility: visible;
    width: auto;
    min-width: 1px
}

#pageban .sname {
    font-family: Microsoft YaHei UI;
    font-size: 40px;
    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: 7px;
    text-transform: uppercase;
    word-break: break-word;
    color: #fff
}

#pageban h2 {
    font-size: 48px;
    font-weight: 400;
    font-weight: 400;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    text-align: center;
    letter-spacing: 4px;
    color: #333
}

#pageban h4 {
    font-size: 30px;
    font-weight: 100;
    position: absolute;
    top: 202px;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    letter-spacing: 4px
}

#pageban h4 .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 11px 2px 10px;
    vertical-align: middle;
    border-radius: 100px;
    background: #b41017
}

#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: 0 0;
    z-index: 999
}

#submenu.submenu_yx ul {
    border-radius: .6rem;
    box-shadow: 0rem .2rem 1rem 0rem rgba(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 .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 a:hover,
#submenu ul li.active a {
    color: #fff;
    background: var(--color1)
}

#submenu ul a:hover img,
#submenu ul li.active a 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: -.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 .3s
}

#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 .current,
#pagelist a:hover {
    color: #fff;
    border-color: var(--color1);
    background: var(--color1)
}

#pagelist>span.pageinfo {
    display: none
}

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


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

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

.hdl_submenu .active,
.hdl_submenu .slick-active {
    color: #0052d9;
    border-bottom: .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: 0 0;
    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
}

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

.ban #searchbar {
    height: auto;
    background: 0 0;
    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 .3s;
    color: #333;
    outline: 0rem;
    border: .1rem solid #d4d6dd;
    border-radius: .2rem;
    margin-right: .8rem;
    display: inline-block;
    padding: .6rem 1.2rem;
    font-size: 1.4rem;
    font-weight: 400;
    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: -.5rem;
    width: 17rem;
    text-align: center;
    letter-spacing: .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: .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: 7rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    /* margin-bottom: 2rem; */
    border-bottom: 1px solid #eee;
}

#products_detail {
    margin-top: 5.4rem;
}

.body_contact .crumbs {
    display: none
}

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

.body_p_1 .crumbs {
    display: none
}

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

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

.crumbs * {
    font-size: 1.5rem;
    color: #888;
}

.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 span {
    display: inline-block;
    margin: .7rem
}

.crumbs a:first-child {}

.linkmore_3 {
    display: flex;
    width: 17.6rem;
    height: 4.8rem;
    color: #fff;
    border: .2rem solid #fff;
    align-items: center;
    padding: 0 3rem;
    transition: all .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
}

#newsitems .item {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    border-bottom: .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: 700;
    color: #0052d9
}

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

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

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

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

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

#content_right h1+.infotime {
    border-bottom: .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: .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: .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 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: .5rem;
    height: .5rem;
    top: 1.7rem;
    left: .2rem;
    background: #0052d9
}

#content_right .xiangguan li a {
    font-size: 1.6rem;
    color: #666;
    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(.9rem)
}

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

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

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

#top_search:before {
    content: "";
    display: block;
    height: 2.1rem;
    width: .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: .65rem;
    transition: all .1s
}

#top_lang.open:before {
    opacity: 0
}

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

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

.language-select {
    display: inline-flex;
    flex-direction: column;
    height: 3.86rem;
    cursor: pointer;
    -moz-border-radius: .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: .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: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
    text-indent: -.8rem
}

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

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

.open .language-select {
    height: auto
}

.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
}

.search_index div {
    margin: 0
}


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

.swiper-container {
    width: 100%;
    max-height: 500px;
}

.swiper-slide {
    min-width: 40rem;
    width: 40rem;
    height: 48.2rem;
    transition: transform 300ms;
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-slide img {
    transition: opacity 300ms;
    max-width: 100%;
    /* max-height: 100% */
}

.swiper-slide-prev img,
.swiper-slide-next img {
    opacity: 0.85
}

.swiper-slide-prev-prev img,
.swiper-slide-next-next img {
    opacity: 0.7
}

.swiper-slide-active img {
    opacity: 1
}

.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: #fff;
    box-shadow: 0rem 0 1rem 0 #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 ul {
    display: flex !important;
    column-gap: 5rem
}

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

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

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

.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: #fff;
    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: .7rem;
    margin-right: 1.4rem;
    width: 30rem;
    background: 0 0;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-weight: 700;
    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: 0 0;
    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: 0 0;
    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: 0 0
}

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

.ftlink .dropdown-item {
    display: block;
    width: 100%;
    padding: .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: 0 0
}

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

#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 .3s
}

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

#submenuwrap .box ul li.on a {
    font-weight: 700;
    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: #fff;
    border-color: var(--color1)
}

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

.h2_ttl_3:after {
    content: "";
    display: block;
    width: 1.4em;
    height: .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: .3rem;
    display: block;
    margin-top: 2rem
}

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

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

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

.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 .txt {
    margin-top: 5.6rem;
    font-size: 1.6rem;
    position: relative
}

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

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

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

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

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

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

.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
}

.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 .t {
    color: #656565;
    font-size: 1.8rem
}

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

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

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

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

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

#footer .social img {
    height: 2.4rem;
    margin: 0;
    filter: grayscale(1) brightness(0.9);
    transition: .4s cubic-bezier(0.25, 0.1, 0.74, 1.15);
}

#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 .3s;
    fill: #b8b8b8;
    padding: .5rem;
    margin: 4rem auto 0
}

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

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

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

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

#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: 700;
    color: var(--color1)
}

.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
}

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

.site_ttl_4 {
    text-align: center
}

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

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

.bggray3 {
    background-color: #eaedf4
}

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

.siteform1 .label1 {
    margin-bottom: .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: 0;
    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: 0;
    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(.4, 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
}

.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: .5rem;
    background: #f2f6f97a
}

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

.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: .2rem
}

.articleinfo {
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    border-bottom: .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
}

.body_news_list .crumbs {
    display: none
}

.ourclients {
    padding-bottom: 6rem
}

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

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

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

.body_search #header {
    background-color: #042766
}

.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
}

.i_ttl h2 {
    font-size: 3.6rem;
    font-weight: 400;
    margin: 7rem auto 5rem
}



.sitettl .h2 {
    margin: 8rem auto 4rem;
    text-align: center;
    font-size: 3.6rem;
    font-weight: 400
}

.msg_form {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 5rem
}

.msg_form .errortip {
    flex: 0 0 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #c3393d
}

.frm_ipt {
    font-size: 1.4rem;
    line-height: 2;
    padding: 1rem;
    border-radius: 4px;
    border: 0;
    box-sizing: border-box;
    flex: 1 1 calc(33.333% - 3.1rem);
    background: #f5f5f5;
    height: 7rem;
    font-size: 1.8rem;
    padding: 0 2rem;
    border: 1px solid transparent
}

.frm_ipt.error {
    border-color: #e6373d
}

.ipt_content {
    height: 20rem;
    padding: 2rem;
    flex: 0 0 100%
}

.ipt_submit {
    width: 100%;
    background: #5897fb;
    color: #fff;
    cursor: pointer
}

.ipt_submit:hover {
    background: #3875d7
}

.cpart1 {
    background: #f5f5f5;
    padding-bottom: 8rem
}

.cpart1 .c4 {
    display: flex;
    justify-content: space-between;
    gap: 2rem
}

.cpart1 .item {
    flex: 1;
    padding: 3rem 2rem;
    text-align: center;
    background: #fff
}

.cpart1 .item i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem
}

.cpart1 .item .h3 {
    font-size: 2.3rem;
    font-weight: 400
}

.cpart1 .item .h3+p {
    font-size: 1.8rem;
    margin: 2rem auto 0;
    color: #666
}

.cpart2 .ipt_submit {
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 0;
    border: 2px solid var(--color1);
    color: #ff6a00;
    font-size: 1.8rem;
    background: #fff;
    width: 11em
}

.error {
    border: 1px solid #e6373d;
    animation: blinkBorder .5s 2
}

.siteform1 {}

.siteform1 .item {
    flex: 1;
    margin-bottom: 2.5rem
}

.siteform1 label {
    display: block;
    font-size: 1.8rem;
    color: #333;
    width: 100%;
    margin-bottom: 1rem
}

.siteform1 label span {
    position: relative;
    top: 0.5rem;
    left: 0.4rem;
    color: #e84471
}

.siteform1 textarea,
.siteform1 input {
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 0;
    width: 100%;
    min-height: 5.6rem;
    padding: 1.4rem 1.2rem;
    font-size: 1.6rem
}

.siteform1 textarea {
    height: 14rem;
    margin-bottom: 3rem
}

.siteform1 input {
    padding: .4rem 1.2rem;
    font-size: 1.6rem
}

.siteform1 .tip {
    color: #888888;
    font-size: 1.3rem;
    margin: 0.7rem 0 0;
    display: block
}

.siteform1 input.submit,.siteform1 input.submit1 {
    width: 16.3rem;
    height: 4.6rem;
    background: var(--color1);
    border-radius: 7px 7px 7px 7px;
    color: #fff;
    font-size: 1.8rem;
    border: 0;
    transition: all .3s;
    padding: 0
}

.siteform1 input.submit:hover,.siteform1 input.submit1:hover {
    background: var(--color1)
}

.siteform1 .c2 {
    display: flex;
    column-gap: 3rem;
    justify-content: space-between
}

.pagecontent {
    padding: 7rem 0;
    min-height: 10rem
}


.contactpart1 {
    padding: 4rem 0 8rem
}

.contactpart1 .i_ttl {
    text-align: left
}

.contactpart1 .i_ttl+p {}

.contactpart1 .con {
    text-align: left
}

.contactpart1 .con2 {
    margin-top: 5rem
}

.contactpart1 .items {
}

.contactpart1 .item {
    /* flex: 0 0 calc(33.333% - .6rem);
    background: #F9F9F9;
    text-align: center;
    padding: 6rem 4rem */
}

.contactpart1 .item .i {
    margin-bottom: 3rem
}

.contactpart1 .item img {
    height: 4.4rem
}

.contactpart1 .item .h3 {
    font-family: 'DINCOND';
    color: var(--color1);
    font-size: 3rem
}

.contactpart1 .item .c {
    color: #666;
    font-size: 2rem;
    margin: 2rem 0 0
}

.contactpart2 {
    background: #F9F9F9;
    padding-top: 5rem
}

.contactpart2 .i_ttl {
    text-align: left;
    color: #333
}

.contactpart2 .i_ttl+p {
    font-size: 1.7rem;
    color: #666;
    margin-bottom: 6rem
}

.contactpart2 .c2 {
    column-gap: 1.6rem
}

.contactpart2 .c2 .item {
    flex: 1
}

.contactpart2 .con {}

.contactpart2 .form {
    padding-bottom: 6rem
}

.contactpart2 form {
    margin-top: 4rem;
}

.contactpart2 form .submit {
    width: 24rem;
    float: right
}

.index_products {
    background: #eee;
}


.index_products li>a {
    display: flex;
    padding: 6rem 5rem 4rem;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.index_products li a .content, .index_products li a h3,.index_products .more {
    transition: .4s cubic-bezier(0.25, 0.1, 0.76, 1.23);
}

.index_products li a:hover * {
    color: var(--color1);
}

.index_products li a:hover .more {
    background: var(--color1);
    fill: #fff;
    border-color: var(--color1);
}

.index_products li a:hover h3, .index_products li>a:hover p {
    color: var(--color1) !important;
}

.index_products .content1 * {
    font-size: 1.6rem;
    color: #666;
    line-height: 1.7;
}

.index_products .content1 a p {
    transition: .3s;
}

.index_products .content1 {
    height: 10rem;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.9;
    color: #666;
}

.index_products .hdls {
    /* width: 1200px; */
    width: 1560px;
    max-width: 100%;
    margin: 4rem auto 0;
}
.index_products .hdls a{
    display: block;
}

.index_products .hdls * {
    line-height: 1;
}

.index_products .hdls span {
    font-size: 1.8rem;
    padding: 0 4rem;
    border-right: 1px solid #666;
    color: #666;
    line-height: 1.1;
    font-weight: 700;
}

.index_products .hdls span:last-child {
    border: 0;
}

.index_products .hdls span a:hover {
    color: var(--color1);
    text-decoration: none;
}
.index_products .hdls_item{
    /* background: linear-gradient(0deg, rgb(202 239 253) 0%, rgb(222 237 243) 50%, rgba(255, 255, 255, 1) 100%); */
    display: inline-block;
    text-align: center;
    width: 19.2%;
    margin-right: 1%;
    border: 1px solid #cfcbcb;
    margin-bottom: 3.2rem;
    /* padding-top: 15px; */
}
.index_products .hdls_item a{
    
    background-size: cover;
    background-position: center;
    height: 300px;
}
.index_products .hdls_item:hover{
    transition: all .5s cubic-bezier(0.25, 0.1, 0.63, 1.05);
    transform: translateY(-25px);
}
.index_products .hdls_item:hover img{
    transition: all .5s cubic-bezier(0.25, 0.1, 0.63, 1.05);
    transform: scale(1.2);
}
.index_products .hdls_item:nth-child(5n){
    
    margin-right: 0;
}
.index_products .hdls_item img{
    max-height: 240px;
    margin-bottom: 30px;
    width: auto;
}

.index_products .hdls_item p{
    font-size: 2rem;
    font-weight: 700;
    padding-top: 25.5rem;
}
.index_products .hdls_item button{
    border: 1px solid #11e5fd;
    background: #11e5fd;
    height: 25px;
    border-radius: 20px;
    width: 80px;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: 600;
}
.index_intro1 {
}

.index_intro1 h2{
    text-align: center;
    font-size: 4rem;
    background: #fff;
    margin: 0;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.index_intro1 .c {
    float: right;
}

.index_intro1 .c .left {
    position: relative;
    /* padding-top: 12rem; */
}

.index_intro1 .c .left * {
    position: relative;
    z-index: 3;
    text-align: left;
}

.index_intro1 .c .more i {
    width: 2rem;
}

.index_intro1 .c .t {
    /* width: 898px; */
    /* height: 186px; */
    font-family: 'DINCOND';
    font-weight: 100;
    font-size: 25rem;
    color: #F9F9F9;
    /* line-height: 462px; */
    text-align: left;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    line-height: 1.1;
    letter-spacing: 0.1rem;
}

.index_intro1 .c .left .intro {
    line-height: 1.9;
    margin:3rem 0 4rem;
    /* top: 18rem; */
    padding-right: 2rem;
    height: 30rem;
    display: block;
    overflow: auto;
    font-size: 2rem;
}

.index_intro1 .c .left a {
    width: 16rem;
    height: 4rem;
    /* top: 18rem; */
    font-size: 1.4rem;
    margin-bottom: 4rem;
    transition: .3s;
}

.index_intro1 .c .left a:hover {
    background: var(--color2);
    color: #fff;
}

.index_intro1 .c .right {
    position: relative;
    overflow: visible;
}

.index_intro1 .c .right .con {
    width: 81.2rem;
    height: 66.7rem;
    position: absolute;
    left: 15rem;
    top: 0;
}


.index_intro1 .c {
    display: flex;
    max-width: 50%;
    background: #fff;
    padding-left: 30px;
    height: 48rem;
}

.index_intro1 .c>div {
    flex: 1;
}
.index_intro1_c .index_intro1_c_title{
    text-align: center;
    font-size: 4rem;
    margin: 0;
}
.index_intro1_c .index_intro1_c_des{

    text-align: center;
    font-size: 2rem;
}
.index_intro1_c .num4 li {
    position: relative;
    max-width: 25%;
}

.index_intro1_c .num4 li:after {
    content: "";
    display: block;
    /* background: red; */
    /* height: 100%; */
}

.index_intro1_c .num4 li i {
    width: 6.6rem;
    margin: 0 auto 2.5rem;
}

.index_intro1_c .num4 li .count {
    font-size: 3rem;
    margin-right: 6px;
}

.index_intro1_c .num4 li .count+em {
    font-size: 3rem;
    font-style: normal;
}

.index_intro1_c .num4 li h3 {
    color: #fff;
    font-size: 1.8rem;
    margin: 1rem auto 2rem;
}

.index_intro1_c .num4 li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -28rem;
    top: 50%;
    transform: translateY(-50%);
    height: 99.8%;
    /* 分割线的高度 */
    width: 1px;
    /* 分割线的宽度 */
    /* background-color: #ccc; */
    /* 分割线的颜色 */
}

.sitedot2 {
    position: relative;
}

.sitedot2 .dots1 {
    /* position: absolute; */
    /* bottom: 6rem; */
    /* width: 100%; */
    right: 10rem;
    width: 100%;
    /* display: flex; */
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    /* margin: 0 auto; */
}

.sitedot2 .dots1 ul {
    text-align: center;
    width: 100%;
    margin-top: 4rem;
}

.sitedot2 .dots1 li {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 10rem;
    background: 0 0;
    display: inline-block;
    transition: all .3s;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    margin: 0 1.7rem;
}

.sitedot2 .dots1 li i {
    font-style: normal
}

.sitedot2 .pn {
    z-index: 4;
    left: 4rem;
    top: calc(50% - 2.5rem);
    fill: #fff;
    cursor: pointer;
    opacity: 0.8;
    transition: all .3s
}

.sitedot2:hover .pn {}

.sitedot2 .pn.next {
    left: auto;
    right: 4rem
}

.sitedot2 .pn svg {
    max-width: 100%;
    max-height: 100%;
    width: 2.8rem
}

.sitedot2 .dots1 .slick-active {
    background: var(--color1);
}

.sitedot2 .dots1 {}

.sitedot2 .dots1 .pn:hover {
    opacity: 1
}

.sitedot2 .dots1 .d {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    margin: 0 1.6rem;
    margin-top: -0.5rem
}

.sitedot2 .dots1 .d span {
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff
}

.sitedot2 .dots1 .c1 {}

.sitedot2 .dots1 .c2 {
    margin: 0 1rem 0 0.7rem
}

.sitedot2 .dots1 .c3 {}


.index_news {
    padding-top: 4.5rem;
}

.index_news .items {
    gap: 5rem;
    margin: 5rem auto 7rem;
}

.index_news .img img {
    height: 32.2rem;
}

.index_news .sinfo {
    margin: 2.2rem 0 2.2rem;
    line-height: 1.8;
}

.index_news .seemore {
    font-size: 1.6rem;
    color: var(--color1);
}

.index_news .h3 {
    margin-top: 4.5rem;
}

.index_news .h3 a {
    font-size: 2.2rem;
    font-weight: 700;
    /* margin-bottom: 1rem; */
}

.indexcontact .flex .msg {
    flex: 1;
}

.indexcontact .flex .ct,
.indexcontact .flex .msg {
    flex: 1;
    height: 33rem;
    background: no-repeat center/cover;
    color: #fff;
}

.indexcontact .flex .ct {
}

.indexcontact .flex .h3 {}

.indexcontact .flex.more {
    border-radius: 100rem;
    padding: 1.2rem 5rem;
    border-color: #fff;
    margin-top: 4rem;
    font-size: 1.8rem;
    font-weight: bold;
}

.indexcontact .item:hover h2 {
    transform: scale(1.7);
    color: var(--color1) !important;
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
}

.indexcontact * {
    color: #fff !important;
}

.indexcontact .flex.more * {}

.indexcontact .flex.more * {}

.indexcontact .item {
    position: relative;
}

.indexcontact .item:hover a {
    background: var(--color1);
    /* border-color: var(--color1); */
}

.indexcontact .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    transition: .4s cubic-bezier(0.25, 0.1, 0.76, 1.1);
}

.indexcontact .item:hover:before {
    opacity: 0;
}

.indexcontact .item * {
    position: relative;
    z-index: 3;
}

.indexcontact .item h2 {
    transition: .4s cubic-bezier(0.25, 0.1, 0.83, 1.21);
    text-shadow:
        -1px -1px 0 rgba(255, 255, 255, 0.6),
        1px -1px 0 rgba(255, 255, 255, 0.6),
        -1px 1px 0 rgba(255, 255, 255, 0.6),
        1px 1px 0 rgba(255, 255, 255, 0.6);
}



#footer {
    background: #1a1a1a;
    padding: 6rem 0 0
}

#footer .footcontact {
    flex: 0 0 50rem;
    margin-right: 15rem;
}

.footcontact .sitettl1 {}

.footcontact .sitettl1 h2 {
    color: #8b8b8b;
    text-align: left;
    margin-bottom: 2.3rem;
    margin-top: 0.2rem;
    font-size: 3rem;
}

#footer .sitettl1 .fbt {
    color: #777;
    text-align: left;
    margin-bottom: 3rem;
    font-weight: 400;
}

#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.social {
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-top: 2.7rem;
}

#footer .footcontact .item i {
    flex: 0 0 1.9rem;
    fill: #8b8b8b;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0
}

#footer .footcontact .item i svg {
    fill: inherit;
}

#footer .footcontact .item span {
    color: #8b8b8b;
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative;
    top: -0.1rem;
}

#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; */
    top: 0.2rem;
}

#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 #a7a7a71a;
    padding: 3rem 0;
    font-size: 1.4rem;
}

#footer .in2 * {
    color: #d2d5db87;
}

#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;
}

.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
}

.companyprofile {
    padding: 4rem 0 4rem;
    text-align: left;
}

.companyprofile .inner {}

.companyprofile .inner>div {
    flex: 1;
}

.companyprofile .inner .l {
    padding-right: 0rem;
    min-width: 51.2%;
}

.companyprofile .inner .l .sitettl1 {}

.companyprofile .inner .l .sitettl1 h2 {
    text-align: left;
    margin-bottom: 3rem;
    font-size: 3.3rem !important;
    margin-top: 5rem;
    margin-bottom: 5rem;
    font-weight: 700;
}

.companyprofile .inner .info * {
    /* font-size: 1.6rem !important;
    line-height: 2.2 !important;
    color: #666 !important;
    font-weight: 400 !important; */
}

.companyprofile .inner .info * {
    font-size: 1.6rem;
    padding: 0;
    margin: 0;
}

.companyprofile .inner .info.c666 {}

.companyprofile .inner .info .img {
    float: left;
    /* margin-bottom: 3rem;
    margin-top: 1rem; */
}

.companyprofile .inner .r {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.culture {
    background: no-repeat center/cover;
    padding: 10rem 0 16rem;
}

.culture .sitettl1 {
    margin-bottom: 18rem;
}

.culture .sitettl1 h2 {
    color: #fff;
}

.culture .sitettl1 .fbt {
    color: #fff;
}

.culture .item i {
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4rem;
}

.culture .item img {
    max-height: 100%;
}

.culture .item .h3 {
    font-size: 3rem;
    font-family: 'DINCOND';
}

.culture .item .info {
    font-size: 1.8rem;
    max-width: 32rem;
    margin: 2rem auto 0;
    line-height: 1.7;
}

.environment .sitettl1 {
    margin-bottom: 5rem;
}



.certificates {
    background: #F5F5F5;
    padding: 7rem 0 8rem;
}

.certificates .in {}

.certificates .zsslider .slick-list {
    margin-left: -4rem;
}

.certificates .zsslider .item {
    background: #fff;
    padding: 4.5rem;
    text-align: center;
    margin-left: 2rem;
    float: left;
    margin-bottom: 2rem;
}

.certificates .zsslider .img {
    width: 100%;
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #eee;
}

.certificates .zsslider .img img {
    width: auto;
    max-height: 100%;
}

.certificates .zsslider .txt {}

.certificates .zsslider .span {}

.certificates .dots1 {
    padding-top: 1rem;
    display: block;
}

.certificates .dots1 ul {}

.certificates .dots1 ul li {
    background: #ccc;
}

.certificates .dots1 ul li.slick-active {}

.certificates .sitettl1 {
    margin-bottom: 5rem;
}

.certificates * {
    font-size: 1.6rem;
    color: #666;
}

.productslist {
    background: #f8f8f8;
}

.productslist .items {
    padding-top: 6rem;
}

.productslist .item {
    background: #F8F8F8;
    /* padding: 7rem; */
    margin-bottom: 4rem;
}

.productslist .item>a {
    display: block;
    padding: 6rem 5rem;
}

.body_products .productslist .item>a {
    background: #fff;
}

.productslist .item a:hover {}

.productslist .item a:hover * {
    color: var(--color1);
}

.productslist .img {
    /* height: 38rem; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.productslist .img img {}

.productslist .txt * {
    transition: .4s;
}

.productslist .h3 {
    text-align: center;
    margin: 2rem auto 0;
    line-height: 1.5;
    font-weight: bold;
    font-size: 2rem;
}

.productslist .h3 a {
    transition: .4s;
}
.productslist .h3 p{
    margin: 0;
}
.productslist .sinfo {
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    overflow: hidden;
    font-size: 1.8rem;
    border-bottom: 1px solid #EEE;
}

.productslist .productSpecial {
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px solid #EEE;
    color: #a7a7a7;
    font-size: 1.4rem;
}

#products_detail table.fea {
    margin: 4rem 0 6rem
}

#products_detail table.fea .t {
    font-size: 2rem
}

#products_detail table.fea td,
#products_detail table.fea th {
    padding: 1.3rem 2rem;
    font-size: 1.6rem;
    color: #666
}

#products_detail .mainpic {
    background: #fff;
    /* height: 60.5rem; */
    width: 60.5rem;
    padding: 7rem;
    background: #fff;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f8f8f8;
}

#products_detail .l {
    flex: 0 0 60.5rem;
}

#products_detail .mainpic.simg {
    height: auto;
    padding: 16rem 4rem;
}

#products_detail .mainpic img {
    max-height: 49.6rem;
    transition: all .4s cubic-bezier(0, 0.21, 0.19, 0.19);
}

#products_detail .mainpic img:hover {
    scale: 1.2;
}

#products_detail .infos {
    padding-left: 7rem;
    flex: 1;
    position: relative;
}

#products_detail .infos h1 {
    margin: 2rem 0 3.4rem;
    font-weight: 700;
    font-size: 3.4rem;
    /* color: var(--color1); */
    color:#1E90FF;
    line-height: 1.6;
}

#products_detail .fea {}

#products_detail .fea1 {
    font-size: 1.8rem;
    color: #666;
    line-height: 1.6;
}

#products_detail .p_ft {
    display: flex;
    margin-top: 7rem;
    gap: 9rem;
    align-items: center;
    width: 100%;
    /* position: absolute; */
    /* bottom: 4rem; */
}

#products_detail .p_ft .btn_zx {}

#products_detail .p_ft .btn_zx a {
    width: 22rem;
    height: 5rem;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    background-color: #1E90FF;
}

#products_detail .p_ft .btn_zx a i {
    display: block;
    height: 2rem;
    width: 3rem;
    background: url(../images/hand.png) no-repeat center/auto 100%;
    filter: brightness(100);
    margin-right: 0.4rem;
    margin-top: -.1rem;
}

#products_detail .p_ft .btn_zx a span {
    text-transform: uppercase;
    line-height: 1.1;
}

#products_detail .p_ft .phone {}

#products_detail .p_ft .phone .withicon1 {}

#products_detail .p_ft .phone .withicon1 i {
    width: 3.4rem;
    height: 3.4rem;
    padding: 0.8rem;
    /* background: var(--color1); */
    background: #1E90FF;
    
    fill: #fff;
    border-radius: 10rem;
    margin-right: 1rem;
}

#products_detail .p_ft .phone .withicon1 span {
    color: var(--color1);
    color: #1E90FF;
    font-size: 2.3rem;
    font-weight: bold;
}

#products_detail .fea2 {}

#products_detail .fea table {}

#products_detail .fea table td {
    padding: 1.4rem 0;
    font-size: 1.8rem !important;
    color: #666 !important;
    border-bottom: 1px solid #eee;
}

#products_detail .fea td:first-child,
#products_detail .fea th {
    /* color: var(--color1) !important; */
    color: #1E90FF !important;
    font-weight: bold;
    padding-right: 3rem;
    width: min-content;
    white-space: nowrap;
}

#products_detail .infos .sinfo3 {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #555;
    padding-bottom: 4rem
}

#products_detail .infos .sinfo2 {
    border-top: 0.2rem solid var(--color1);
    margin-bottom: 6rem
}

#products_detail .infos .sinfo2 table {
    width: 100%
}

#products_detail .infos .sinfo2 td,
#products_detail .infos .sinfo2 th {
    padding: 2.2rem 0;
    font-size: 1.8rem;
    border-bottom: #CDCDCD solid 1px
}

#products_detail .infos .sinfo2 td:first-child {
    padding-right: 5rem;
    white-space: nowrap;
    color: #666;
    font-size: 1.8rem;
    max-width: 8rem
}

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

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

#products_detail #products_list .t {
    display: flex;
    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 {
    background: #f1f7fb;
    padding: 4rem 2rem 2rem;
}

#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
}

#product_content {
    margin-top: 6rem
}

.fttl.h3 {
    height: 6rem;
    display: flex;
    align-items: center;
    /* background: #F4F4F4; */
    border-radius: 0;
    overflow: hidden
}

.fttl.h3 span {
    display: block;
    height: 100%;
    /* background: var(--color2); */
    color: #333;
    display: flex;
    align-items: center;
    padding: 0px 0 1.9rem;
    border-radius: 0;
    font-family: 'DINCOND';
    font-size: 3rem;
    border-bottom: .3rem solid var(--color1);
}

#product_content .remark {
    padding-bottom: 0.6rem;
    padding-top: 3rem;
    line-height: 2;
    color: #555;
}

#product_content .remark img {
    display: block;
    margin: 0 auto;
}

#products_detail .rela_products.mainproductslist {
    background: url(../images/bg9.jpg) no-repeat center/cover;
    padding: 1rem 0 2rem
}

#products_detail .rela_products.mainproductslist #products_list .t {
    font-size: 2.4rem;
    font-family: 'enfont-b';
    margin-bottom: 6rem;
    padding-bottom: 1rem;
    border-bottom: .4rem solid var(--color1);
    width: min-content;
    white-space: nowrap
}

#products_detail .rela_products.mainproductslist #products_list .col a:hover {
    color: var(--color1)
}

#products_detail .rela_products.mainproductslist #products_list .col .item {
    padding: 0 !important
}

#products_detail .rela_products.mainproductslist #products_list .col .txt {
    background: #fff;
    margin: 0 auto;
    padding: 0.5rem 0 3rem;
}

#products_detail .rela_products.mainproductslist #products_list .col .bg {
    background: transparent
}

.rela_products {
    background: #f8f8f8;
    padding-top: 0;
    margin-top: 6rem;
}

.rela_products .col {}

.rela_products .bg {}

.rela_products .img {}

.rela_products .h3 {
    margin-top: 6rem;
}

.rela_products img {}


.rela_products .items {
    padding: 4rem 0 5rem;
}

.news_list11 li>a {
    display: flex;
    align-items: center;
    height: 32.5rem;
}

.newsdetail .title h1 {
    margin: 0 0 1rem;
}

.newsdetail .title h6 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.body_news_detail .wrapper {
    background: #F1F1F1;
}

.contactpart1 {
    padding: 4rem 0 4rem;
}

.contactpart1 .i_ttl {
    text-align: left;
}

.contactpart1 .i_ttl+p {}

.contactpart1 .con {
    text-align: left;
}

.contactpart1 .con2 {
    margin-top: 5rem;
}

.contactpart1 .items {
}
.contactpart1 .items ul{
    
    display: flex;
    justify-content: space-between;
}
.contactpart1 .items li {
    
    text-align: center;
    width: 25rem;
}
.contactpart1 .items li img{
    display: block;
    margin: 10rem auto 0;
    width: 10rem;
}
.contactpart1 .items li h3{
    color: #1E90FF;
    font-size: 2.4rem;
}

.contactpart1 .items li p{
    font-size: 1.4rem;
}

.body_contact .sitettl1 *{
    text-align: left;
}

.body_contact .sitettl1 h2 {
    font-size: 4rem;
}
.contactpart1 .item_c{
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}
.contactpart1 .item {
    /* flex: 0 0 calc(25% - .6rem);
    background: #F9F9F9;
    padding: 6rem 3rem 6rem; */
    text-align: center;
    width: 40rem;
}

.contactpart1 .item .i {
    margin-bottom: 3rem;
}

.contactpart1 .item img {
    height: 20rem;
    width: 20rem;
}

.contactpart1 .item .h3 {
    font-family: 'DINCOND';
    color: #1E90FF;
    font-size: 3rem;
    margin-top: 40px;
}

.contactpart1 .item .c {
    color: #666;
    font-size: 1.8rem;
    margin: 2rem 0 0;
}

.contactpart2 {
    background: #eee;
    padding-top: 5rem;
}

.contactpart2 .i_ttl {
    text-align: left;
    color: #333;
}

.contactpart2 .i_ttl+p {
    font-size: 1.7rem;
    color: #666;
    margin-bottom: 6rem;
}

.contactpart2 .c2 {
    column-gap: 1.6rem;
}

.contactpart2 .c2 .item {
    flex: 1;
}

.contactpart2 .con {}

.contactpart2 .form {
    padding-bottom: 6rem;
}

.contactpart2 .item_submit {
    height: 6rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.contactpart2 .item_submit{}
.contactpart2 .item_submit .code_c{
    font-size: 1.8rem;
}
.contactpart2 .item_submit .code1{
    width: 16rem;
}
.contactpart2 .item_submit img {
    margin-right: 10rem;
    height: 5rem;
}

.contactpart2 form .submit {
    width: 24rem;
    float: right;
}
.morepics{
    margin: 1rem 0 0;
}

.morepics ul {
    display: flex;
    gap: 1rem;
}
.morepics li{
    flex: 1;
    background: #fff;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f8f8f8;
    transition: .4s;
    max-width: 25%;
    cursor: pointer;
}
.morepics .img{}
.morepics img{}
.morepics .on{
    border-color: var(--color1);
}
.news_list22{
    margin-top: 5rem;
}
.news_list22 li{
    background: #F7F7F7;
    padding: 2rem 4rem 3rem;
    margin-bottom: 3rem;
    overflow: hidden;
}

.news_list22 li:hover h2:after {
    background: var(--color1);
}
.news_list22 li h2{
    margin: 0 0 2rem;
    padding-bottom: 2rem;
    position: relative;
}

.news_list22 li h2:after {
    content: "";
    display: block;
    height: 1px;
    width: 200%;
    background: #e4e4e4;
    left: -5rem;
    bottom: 0;
    position: absolute;
    transition: .4s;
}
.news_list22 .q{
    font-size: 2rem;
    color: #da0404;
    margin-right: 1rem;
}
.news_list22 .t{
    font-size: 2rem;
    line-height: 1.8;
}
.news_list22 .info{
    color: #666;
    font-size: 1.6rem;
    line-height: 1.8;
}

.news_list22 .a{
    font-size: 2rem;
    color: var(--color1);
}
.news_list22 .inner{
    /* display: grid; */
}
.news_list22 *{}

.piclist1 {
    padding: 5.5rem 0 1rem;
    background: #f5f5f5;
}

.piclist1 .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    text-align: center;
    margin-bottom: 3rem;
}

.piclist1 .item {
    background: #fff;
    padding: 3rem 2rem 2.4rem;
}

.piclist1 .img {
    /* border: 1px solid #E5E5E5; */
    /* padding: 2rem; */
    height: 22.8rem;
    justify-content: center;
    align-items: center
}

.piclist1 .name {
    display: inline-block;
    padding: 2rem 0 0;
    font-size: 1.6rem;
}

.piclist1 .img img {
    max-height: 100%;
    height: 23rem;
}


/* @charset "utf-8"; */

.i_list1 {
    padding: 7.0rem 0 7rem
}

.i_list1 h2 {
    font-size: 5.0rem;
    color: #333;
    font-family: DINCOND;
    text-align: center;
    margin: 0 auto
}

.i_list1 h3 {
    font-size: 1.5rem;
    color: #888;
    text-align: center;
    margin-top: 1.1rem
}

.i_list1 h2 span {
    font-size: 5.0rem;
    color: var(--color1)
}

.i_list1 ul {
    margin-top: 6.0rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.3rem
}

.i_list1 li {
    width: 100%;
    box-shadow: #ddddddb5 0 0 .7rem 0
}

.i_list1 li .li_l {
    padding-right: 3rem;
    float: left
}

.i_list1 li .li_l h4 {
    font-size: 2.6rem;
    color: #494949;
    font-weight: 700;
    height: 2.8rem;
    line-height: 2.8rem;
    overflow: hidden
}

.i_list1 li .li_l h3 {
    font-size: 2.3rem;
    color: #494949;
    line-height: 1.5;
    height: auto;
    font-weight: 700;
    margin: 0 0 2.4rem;
    text-align: left;
    transition: all .3s
}

.i_list1 li .li_l h3:hover {
    color: var(--color1)
}

.i_list1 li .more svg {
    width: 1.9rem
}

.i_list1 li .li_l .more {
    width: 4.4rem;
    height: 3.2rem;
    margin-top: 3rem
}

.i_list1 li .li_r {
    flex: 0 0 31%
}

.i_list1 li .li_r img {
    max-width: 100%;
    max-height: 100%;
    transition: .4s;
    margin-top: -2rem
}

.i_list1 li:hover .li_r img {
    transform: scale(1.35);
    transition: all .36s cubic-bezier(0.25, 0.1, 0.63, 1.05);
}

.i_list2 {
    width: 100%;
    padding: 7.0rem 0 7.8rem;
    background-color: #070707
}

.i_list2 h2 {
    font-size: 4.8rem;
    color: #fff;
    font-family: DINCOND;
    text-align: center;
    margin-bottom: 6.6rem
}

.i_list2 h2 span {
    font-size: 4.8rem;
    color: #0062df
}

.i_list2 p {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, .82);
    margin-top: 6.0rem;
    text-align: left;
    padding: 0 18.5%;
    line-height: 3.2rem
}

.i_list2 .i_list2_c {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.i_list2 .i_list2_c img {
    max-width: 100%
}

.index_intro1 {
    width: 100%;
    padding: 0 0 6rem;
    background: no-repeat left center/calc(50% - 15rem) #eee;
    position: relative
}

.index_intro1 .bg:after {
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    content: attr(bg)
}

.sitettl1 h2 {
    font-size: 5rem;
    color: #333;
    font-family: DINCOND
}

.sitettl1 .fbt {
    font-size: 1.8rem;
    color: #666
}

.sitettl1 {
    text-align: center
}

.index_intro1 .left h3 {
    font-size: 2.0rem;
    color: #333;
    margin-top: 5rem;
    font-size: 3.3rem;
}

.index_intro1 .left p {
    font-size: 1.6rem;
    color: #666;
    line-height: 3.2rem;
    /* margin-top: 3.2rem; */
    margin: 0;
    padding: 0;
}

.index_intro1 .right {
    width: 44.375%;
    float: right;
    overflow: hidden
}

.index_intro1 .right img {
    max-width: 100%
}

.index_intro1_c {
    background: #f5f6f7;
    padding: 4rem 0;
    color: #fff;
}

.index_intro1_c .hf_1 {
    float: left
}

.index_intro1_c .hf_1:nth-child(4) {
    border-right: 0
}

.index_intro1_c .hf_1 span {
    color: var(--color1);
    font-size: 88.5rem;
    float: left;
    display: block;
    font-family: DINCOND
}

.index_intro1_c .hf_1 em {
    float: left;
    margin-top: 5.5rem;
    font-size: 30.2rem;
    font-weight: 700;
    color: var(--color1);
    padding-left: .5rem
}

.index_intro1_c .hf_1:nth-child(4) em {
    font-size: 4.1rem
}

.index_intro1_c .hf_1 h3 {
    font-size: 1.6rem;
    color: #666;
    margin-top: 1.0rem;
    line-height: 2.0rem
}

.index_intro1_c .hf_1 img {
    margin-top: 2.0rem;
    margin-left: 2.5rem
}

.index_intro1_c .hf_1:nth-child(1) {
    width: 12.18%;
    margin-right: 7%
}

.index_intro1_c .hf_1:nth-child(3) {
    width: 30.6%;
    padding-left: 12%
}

.index_intro1_c .hf_1:nth-child(5) {
    width: 28.4%;
    padding-left: 11.5%
}

.index_intro1_c .hf_1:nth-child(7) {
    width: 20%;
    padding-left: 8%
}

.index_intro1_c .hr {
    width: .1rem;
    height: 9.6rem;
    background-color: rgba(0, 0, 0, .05);
    float: left;
    margin-top: 3.0rem
}


.video {
    position: relative
}

.video #veImg {
    position: relative;
    z-index: 99;
    cursor: pointer;
    text-align: center
}

.video #ve {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 88
}

.page p {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 4rem 0 6rem;
    gap: 1rem
}

.page p a,
.page p span {
    padding: 1rem 1rem;
    line-height: 1;
    font-size: 1.6rem;
    color: #333;
    background-color: #fcfcfc;
    display: inline-block;
    min-width: 3.8rem
}

.page p em {
    font-style: normal;
    margin-bottom: -.4rem;
    font-size: 1.6rem
}

.page .current {
    color: #fff;
    background: #006eb9;
    border: 0;
}

.page p a:hover {
    color: #fff;
    padding: .4rem 1.0rem;
    background: #006eb9
}

.footer {
    width: 100%;
    background-color: #222
}

.social i{
    display: flex !important;
    justify-content: center;
    align-items: flex-end !important;
    height: 3rem;
    margin: 0 .5rem;
}
#footer .social img:hover{
    filter: grayscale(0);
}

.alertSuccessMessage {
    min-width: 400px;
    max-width: 800px;
    padding: 20px;
    color: #67c23a;
    z-index: 100000000;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 50%);
    border: 1px solid #e1f3d8;
    border-radius: 6px;
    box-shadow: 2px 2px 3px #ccc;
    background-color: #f0f9eb;
    font-size: 16px;
}
.alertWarningMessage {
    min-width: 400px;
    max-width: 800px;
    padding: 20px;
    color: #e6a23c;
    z-index: 100000000;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 50%);
    border: 1px solid #E6A23C;
    border-radius: 6px;
    box-shadow: 2px 2px 3px #faecd8;
    background-color: #fdf6ec;
    font-size: 16px;
}
.alertErrorMessage {
    font-size: 16px;
    min-width: 400px;
    max-width: 800px;
    padding: 20px;
    color: #f56c6c;
    z-index: 100000000;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 50%);
    border: 1px solid #fde2e2;
    border-radius: 6px;
    box-shadow: 2px 2px 3px #ccc;
    background-color: #fef0f0;
}

.loadingCss {
    position: relative;
}
.loadingCss::before {
    content: "loading...";
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000000;
}
.loadingCss::after {
    content: "";
    width: 20%;
    height: 0;
    padding-bottom: 20%;
    clear: both;
    display: block;
    border-left: 5px dashed #ccc;
    border-right: 5px dashed #ccc;
    border-top: 5px dashed #999;
    border-bottom: 5px dashed #999;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100000000;
    transform: translate(-50%, -50%) rotateZ(0deg);
    animation: rainbow 0.8s infinite;
}


.slider-container {
    width: 1560px;
    /* max-width: 1560px; */
    max-width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); */
    /* background: rgba(20, 20, 40, 0.3); */
    padding: 20px;
    margin: 0 auto 30px;
}

.slider-track {
    display: flex;
    width: 200%; /* 两组图片 */
    animation: slide 30s linear infinite;
}

.slider-container:hover .slider-track {
    animation-play-state: paused;
}

.slide {
    flex: 0 0 auto;
    width: 500px;
    height: 360px;
    margin: 0 15px;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    transition: transform 0.5s ease;
}

.slide:hover img {
    transform: scale(1.05) translateY(-5px);
    z-index: 2;
	animation: bounce-in-top 1.1s both;
    
}

@keyframes bounce-in-top {
    0% {
        transform: translateY(-360px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        transform: translateY(-65px);
        animation-timing-function: ease-in;
    }
    72% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    81% {
        transform: translateY(-28px);
        animation-timing-function: ease-in;
    }
    90% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    95% {
        transform: translateY(-8px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
}


.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.slide:hover .slide-caption {
    transform: translateY(0);
}

.controls {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.speed-control {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
    border-radius: 50px;
}

 .speed-control label {
    font-size: 0.9rem;
}

.speed-control input {
    width: 150px;
}

.info-panel {
    max-width: 800px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 25px;
    margin-top: 20px;
}

.info-panel h2 {
    color: #ffb347;
    margin-bottom: 15px;
    font-size: 1.5rem;
}

.info-panel p {
    line-height: 1.7;
    margin-bottom: 15px;
}

.features {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.feature {
    flex: 1;
    min-width: 200px;
    background: rgba(255, 255, 255, 0.08);
    padding: 15px;
    border-radius: 10px;
    border-left: 4px solid #ff7e5f;
}

.feature h3 {
    color: #feb47b;
    margin-bottom: 8px;
    font-size: 1.1rem;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* 移动一组图片的距离 */
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.2rem;
    }
    
    .slide {
        width: 200px;
        height: 144px;
    }
    
    .controls {
        flex-direction: column;
        align-items: center;
    }
}

footer {
    margin-top: 40px;
    text-align: center;
    color: #a0a0c0;
    font-size: 0.9rem;
    padding: 20px;
}

/* 悬浮按钮样式 */
.floating-buttons {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    z-index: 1000;
}

.floating-btn {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    color: white;
}

.floating-btn:hover {
    transform: scale(1.15);
}

.floating-btn:active {
    transform: scale(0.9);
}

.btn-1 {
    /* background: linear-gradient(135deg, #ff416c, #ff4b2b); */
    background: var(--color1);
}

.btn-2 {
    /* background: linear-gradient(135deg, #1e9600, #fff200, #ff0000); */
    background: var(--color1);
}

.btn-3 {
    /* background: linear-gradient(135deg, #2193b0, #6dd5ed); */
    background: var(--color1);
}
.btn-1 img,.btn-2 img,.btn-3 img{
    width: 75%;
}
.btn-2 a,.btn-3 a{
    text-align: center;
}

.btn-label {
    position: absolute;
    right: 8.5rem;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.floating-btn:hover .btn-label {
    opacity: 1;
}

.message-box{
    position: fixed;
    top: calc(50% - 33rem);
    width: 400px;
    left: calc(50% - 200px);
    background: #fff;
    height: auto;
    padding: 20px;
    z-index: 99999;
    display: none;
    border-radius: 10px;
    box-shadow: 0px 106px 42px rgba(0, 0, 0, 0.01), 0px 59px 36px rgba(0, 0, 0, 0.05), 0px 26px 26px rgba(0, 0, 0, 0.09), 0px 7px 15px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.message-box.show{
    display: block;
}


/* process */
.process-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem;
}

.header1 {
    text-align: center;
    margin-bottom: 5rem;
}
h1 {
    font-size: 48px;
    color: #5a6c7d;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.process_title{
    font-size: 4.8rem;
}


.subtitle {
    color: #7a8a9a;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 400;
}

.decorative-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.line-segment {
    height: 2px;
    width: 100px;
    background: #3b82f6;
}

.wave-icon {
    width: 50px;
    height: 20px;
}

.wave-icon svg {
    width: 100%;
    height: 100%;
}

.process-wrapper {
    width: 1400px;
    max-width: 100%;
    position: relative;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    row-gap: 8rem;
}

.process-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}


.process-item:hover {
    transform: translateY(-5px);
}

.step-number {
    position: absolute;
    top: -2.5rem;
    background: #3b82f6;
    color: white;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.8rem;
    z-index: 10;
}

/* .image-container {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px dashed #94c5ff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    position: relative;
} */
.image-container {
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    position: relative;
    /* 移除原边框（由伪元素实现） */
    border: none; 
}

/* 旋转边框的伪元素 */
.image-container::before {
    content: '';
    position: absolute;
    top: -10px;  /* 扩展覆盖padding区域 */
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px dashed #94c5ff;
    border-radius: 50%;
    /* 添加旋转动画 */
    animation: spin 6s linear infinite;
}

/* 白色背景层（确保内容不被旋转边框覆盖） */
.image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: white;
    z-index: 0;
}
/* 确保内容在背景层上方 */
.image-container > * {
    position: relative;
    z-index: 1;
}

/* 旋转动画定义 */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.process-image {
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e3f2ff 0%, #bbdefb 100%);
    position: relative;
}

.process-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    padding-top: 1rem;
}

.process-icon {
    font-size: 60px;
    color: #5a9fd8;
    /* opacity: 0.5; */
}

.process-label {
    margin-top: 2rem;
    font-size: 1.6rem;
    color: #5a6c7d;
    text-align: center;
    font-weight: 500;
}

.arrow-container {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 3px;
}

.arrow-right {
    right: -5rem;
}

.arrow-left {
    left: -5rem;
}

.arrow-line {
    width: 0.8rem;
    height: 0.2rem;
    background: #3b82f6;
}

.arrow-head {
    width: 0;
    height: 0;
    border-style: solid;
}

.arrow-right .arrow-head {
    border-width: 0.8rem 0 0.8rem 1.2rem;
    border-color: transparent transparent transparent #3b82f6;
}

.arrow-left .arrow-head {
    border-width: 0.8rem 1.2rem 0.8rem 0;
    border-color: transparent #3b82f6 transparent transparent;
}

/* closeButton */
#closeButton {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}
.companyInfo{
    margin: 3rem 0;
}
.companyInfo_div{
    display: flex;
    justify-content: center;
    width: 1560px;
    max-width: 100%;
}
.companyInfo_item{
    width: 25%;
    text-align: center;
    padding: 2rem 0;
    padding: 3.2rem 0 3rem;
    background: #fff;
}
.companyInfo_item span{
    font-size: 2.6rem;
}
.companyInfo_item em{
    font-size: 2.2rem;
}
.companyInfo_item p{
    font-size: 1.8rem;
}

.companyInfo_item1{
    background-color: #1f74fc;
    color: #fff;
}

.catalog{
    min-height: 400px;
}
.catalog ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.catalog li{
    width: 18.4%;
    float: left;
    margin: 0 1% 45px 0;
    text-align: center;
    position: relative;
}
.catalog li img{
    width: 270px;
    height: 270px;
    max-width: 100%;
}

.catalog ul li .icon{
    width: 100%;
    height: auto;
}
.catalog ul li .icon a{
    display: inline-block;
}
.catalog ul li .icon p{
    font-size: 1.8rem;
}
.catalog ul li .icon .downLoad {
    display: block;
    background: url(../images/download.png);
    width: 48px;
    height: 48px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.5s;
}

.catalog ul li:hover .icon .downLoad{
    opacity: 1;
    top: 50%;
}
.catalog ul li:nth-child(5n){
    margin-right: 0;
}