@font-face {
    font-family: Roboto;
    src: url('/sysjs/font/roboto/regular.eot');
    src: url('/sysjs/font/roboto/regular.eot?#iefix') format('embedded-opentype'), url('/sysjs/font/roboto/regular.woff2') format('woff2'), url('/sysjs/font/roboto/regular.woff') format('woff'), url('/sysjs/font/roboto/regular.ttf') format('truetype'), url('/sysjs/font/roboto/regular.svg#graphik') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: WorkSans;
    src: url('/sysjs/font/worksans/medium.eot');
    src: url('/sysjs/font/worksans/medium.eot?#iefix') format('embedded-opentype'), url('/sysjs/font/worksans/medium.woff2') format('woff2'), url('/sysjs/font/worksans/medium.woff') format('woff'), url('/sysjs/font/worksans/medium.ttf') format('truetype'), url('/sysjs/font/worksans/medium.svg#graphik') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: Regular;
    src: url('/sysjs/font/reemkufi/regular.eot');
    src: url('/sysjs/font/reemkufi/regular.eot?#iefix') format('embedded-opentype'), url('/sysjs/font/reemkufi/regular.woff2') format('woff2'), url('/sysjs/font/reemkufi/regular.woff') format('woff'), url('/sysjs/font/reemkufi/regular.ttf') format('truetype'), url('/sysjs/font/reemkufi/regular.svg#graphik') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    --bs-gutter-x: 35px;
    --color-default: #212121;
    --color-hover: #F55066;
    --font-default: Roboto;
    --font-medium: WorkSans;
    --font-bold: Regular;
    margin: 0;
    font-size: var(--fs16);
    color: var(--color-default);
    font-family: var(--font-default), Arial, "Microsoft YaHei", sans-serif
}

.chover {
    color: var(--color-hover)
}

.f1 {
    font-family: var(--font-medium)
}

.f2 {
    font-family: var(--font-bold)
}

b,
strong {
    font-family: var(--font-bold)
}

input,
textarea {
    font-family: var(--font-default)
}

.fcff {
    color: #fff
}

.fc21 {
    color: var(--color-default)
}

.fc66 {
    color: #666
}

.bgf8 {
    background-color: #F8F8F8
}

.bg00 {
    background-color: #000
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    transition: all .5s;
    color: #fff;
    background: var(--color-default);
    z-index: 11
}

.header .h_logo {
    display: block;
    text-align: center
}

.header .h_logo span {
    display: block;
    margin-top: 5px
}

.header .header_top {
    padding-top: 20px
}

.header .header_top .h_menu {
    display: flex
}

.header .header_top .h_menu a {
    display: block;
    font-size: var(--fs16);
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 32px;
    opacity: .3;
    margin-right: 50px
}

.header .header_top .h_menu a:hover {
    opacity: 1;
    text-decoration: underline
}

.header .header_top .h_search {
    width: 236px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: relative
}

.header .header_top .h_search input {
    width: 100%;
    background: none;
    border: 0;
    height: 30px;
    padding: 0 20px;
    color: #fff
}

.header .header_top .h_search a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px
}

.header .header_top .h_lg {
    width: 69px;
    line-height: 32px;
    text-align: center;
    font-size: var(--fs14);
    font-family: var(--font-medium);
    border: 1px solid #fff;
    opacity: .5;
    margin-left: 10px
}

.header .header_top .h_lg em {
    font-style: normal;
    padding-right: 20px;
    position: relative
}

.header .header_top .h_lg em::before {
    content: '';
    position: absolute;
    right: 0;
    top: 2px;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    transform: matrix(.71, .71, -0.71, .71, 0, 0)
}

.header .header_menu .fixbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    font-size: var(--fs16);
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: var(--fs18);
    background: var(--color-hover)
}

.header .header_menu .fixbtn:hover {
    opacity: .75
}

.header .header_menu_top .header_ul {
    display: none
}

.header .header_menu_top ul.menu {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.header .header_menu_top ul.menu>li>a {
    display: block;
    line-height: 64px;
    position: relative;
    font-size: var(--fs16);
    font-family: var(--font-medium);
    font-weight: 500;
    transition: all .5s;
    opacity: .6
}

.header .header_menu_top ul.menu>li>a:hover,
.header .header_menu_top ul.menu>li>a.on {
    opacity: 1;
    text-decoration: underline
}

.header .header_menu_top ul.menu>li>ul {
    display: none
}

.header .header_menu_top ul.menu>li .header_ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9;
    color: var(--color-default);
    background: rgba(229, 225, 220, 0.9)
}

.header .header_menu_top ul.menu>li .header_ul .tit {
    display: block;
    font-size: var(--fs18);
    font-weight: bold;
    font-family: var(--font-bold);
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999
}

.header .header_menu_top ul.menu>li .header_ul ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.header .header_menu_top ul.menu>li .header_ul ul>li {
    width: calc(33.33% - 20px);
    margin: 0 10px 5px
}

.header .header_menu_top ul.menu>li .header_ul ul>li>a {
    display: block;
    font-size: var(--fs14);
    font-weight: 400;
    color: #484848;
    padding: 5px 0;
    margin: 0;
    border: 0;
    line-height: 1;
    font-family: var(--font-default);
    text-transform: capitalize
}

.header .header_menu_top ul.menu>li .header_ul ul>li>a::before {
    display: none
}

.header .header_menu_top ul.menu>li .header_ul li {
    position: relative
}

.header .header_menu_top ul.menu>li .header_ul li a {
    display: block;
    line-height: 30px;
    font-size: var(--fs16);
    padding: 3px 20px;
    border-bottom: 1px solid #DCDCDC;
    position: relative
}

.header .header_menu_top ul.menu>li .header_ul li a::before {
    content: '';
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
    border: 2px solid #888;
    border-left-width: 0;
    border-bottom-width: 0;
    transform: matrix(.71, .71, -0.71, .71, 0, 0)
}

.header .header_menu_top ul.menu>li .header_ul li a:hover {
    color: var(--color-hover)
}

.header .header_menu_top ul.menu>li .header_ul li a:hover::before {
    border-color: var(--color-hover)
}

.header .header_menu_top ul.menu>li .header_ul li ul {
    display: none;
    left: 190px;
    top: 0
}

.header .header_menu_top ul.menu>li .header_ul li:hover>ul {
    display: block
}

.header .header_menu_top ul.menu>li:hover>a {
    opacity: 1;
    text-decoration: underline
}

.header .header_menu_top ul.menu>li:hover>.header_ul {
    display: block
}

.header .header_menu_top ul.menu>li#li30222>a::after,
.header .header_menu_top ul.menu>li#li30328>a::after,
.header .header_menu_top ul.menu>li#li30329>a::after {
    margin-left: 10px;
    content: url('/css/images/menu_down.png')
}

.header .header_menu_top ul.menu>li#li30222>.header_ul ul>li>a {
    font-size: var(--fs18);
    font-weight: bold;
    font-family: var(--font-bold);
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999
}

.header .header_menu_top ul.menu>li#li30222>.header_ul ul>li>a::before {
    display: none
}

.header .header_menu_top ul.menu>li#li30222>.header_ul ul>li>ul {
    display: block
}

.header .header_menu_top ul.menu>li#li30222>.header_ul ul>li>ul>li {
    width: 100%;
    margin: 0
}

.header .header_menu_top ul.menu>li#li30222>.header_ul ul>li>ul>li>a {
    display: block;
    font-size: var(--fs14);
    font-weight: 400;
    color: #484848;
    padding: 5px 0;
    margin: 0;
    border: 0;
    line-height: 1;
    font-family: var(--font-default)
}

.header .header_menu_top ul.menu>li#li30222>.header_ul ul>li>ul>li>a:hover {
    color: var(--color-hover)
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li {
    position: relative
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li a {
    display: block;
    line-height: 30px;
    font-size: var(--fs16);
    padding: 3px 20px;
    border-bottom: 1px solid #DCDCDC;
    position: relative
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li a::before {
    content: '';
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
    border: 2px solid #888;
    border-left-width: 0;
    border-bottom-width: 0;
    transform: matrix(.71, .71, -0.71, .71, 0, 0)
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li a:hover {
    color: var(--color-hover)
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li a:hover::before {
    border-color: var(--color-hover)
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li ul {
    display: none;
    left: 190px;
    top: 0
}

.header .header_menu_top ul.menu>li#li30222>.header_ul li:hover>ul {
    display: block
}

.header.header_fix {
    box-shadow: 0 4px 14px 2px rgba(0, 0, 0, 0.3)
}

.header.header_fix .logo {
    height: 35px
}

.header.header_fix .header_top {
    display: none
}

.header.header_fix ul.menu>li>a {
    line-height: 53px
}

.header.header_fix ul.menu>li ul {
    top: 53px
}

.header.header_fix ul.menu>li ul li ul {
    top: 0
}

.header.header_fix .header_menu .header-body-menu {
    top: 53px
}

.bannerindex,
.bannerin,
.productitem{
    margin-top: 117px
}

.bannerindex {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.bannerindex img {
    width: 100%
}

.bannerindex .swiper_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 80px;
    color: #fff;
    transition: all 1s;
    z-index: 5
}

.bannerindex .swiper_txt .ban_tit {
    font-size: var(--fs48)
}

.bannerindex .swiper_txt .ban_p {
    font-size: var(--fs24)
}

.bannerindex .swiper_exlore {
    text-align: center;
    height: 80px;
    transition: all 1s;
    padding-top: 40px;
    animation: jump .5s ease-in-out infinite alternate
}

.bannerindex .swiper_exlore img {
    width: auto
}

@keyframes jump {
    from {
        padding-top: 60px
    }

    to {
        padding-top: 40px
    }
}

.footer-expert {
    display: flex;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-size: contain;
    z-index: 3
}

.footer-expert .exp_line {
    width: 43px;
    height: 7px;
    background: #FFFFFF;
    transform: skew(-30deg, 0)
}

.footer-expert .index_more2 a {
    background: none;
    border-color: #fff
}

.footer {
    color: #fff;
    background: #302f2f;
    position: relative;
    z-index: 2
}

.footer .f_logo {
    margin-bottom: 40px
}

.footer .f_ul .f_li {
    font-size: var(--fs18);
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 30px;
    position: relative;
    padding-left: 44px
}

.footer .f_ul .f_li img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer .f_ul .f_li a {
    text-decoration: underline
}

.footer .f_ols {
    display: flex
}

.footer .f_ols a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: var(--color-hover);
    border-radius: 100%;
    margin-left: 25px
}

.footer .f_ols a:hover {
    opacity: .8
}

.footer .f_ols a:first-child {
    margin: 0
}

.footer ul.qulink li a,
.footer ul.footnav li a {
    display: flex;
    align-items: flex-end;
    font-size: var(--fs20);
    font-family: var(--font-bold);
    text-transform: uppercase;
    height: 35px;
    line-height: 1;
    margin-bottom: 40px;
    position: relative
}

.footer ul.qulink li ul,
.footer ul.footnav li ul {
    display: block
}

.footer ul.qulink li ul li,
.footer ul.footnav li ul li {
    margin-top: 15px
}

.footer ul.qulink li ul li a,
.footer ul.footnav li ul li a {
    display: block;
    font-size: var(--fs17);
    font-family: var(--font-default);
    font-weight: 400;
    line-height: 30px;
    height: auto;
    opacity: .5;
    margin: 0;
    text-transform: none
}

.footer ul.qulink li ul li a:hover,
.footer ul.footnav li ul li a:hover {
    opacity: 1;
    text-decoration: underline
}

.footer ul.qulink li ul li ul,
.footer ul.footnav li ul li ul {
    display: none
}

.footer ul.footnav {
    display: flex
}

.footer ul.footnav>li {
    flex: 1
}

.footer .copy {
    text-align: center;
    line-height: 1;
    opacity: .5;
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

.footer .copy a {
    padding: 0 20px
}

.footer.foot_stnd {
    margin-top: -150px;
    padding-top: 150px
}

.foot_menu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--color-default);
    z-index: 11;
    display: flex;
    padding: 10px 0;
    padding-bottom: calc(10px + constant(safe-area-inset-bottom));
    padding-bottom: calc(10px + env(safe-area-inset-bottom))
}

.foot_menu a {
    display: block;
    flex: 1;
    text-align: center
}

.foot_menu a img {
    width: 27px
}

.foot_menu a span {
    display: block;
    margin-top: 5px
}

.fixTop {
    bottom: 100px
}

.index_tit {
    font-size: var(--fs42);
    font-family: var(--font-bold);
    letter-spacing: 1px
}

.index_name {
    font-size: var(--fs18)
}

.index_txt {
    font-size: var(--fs18);
    font-weight: 400;
    color: #706F6F
}

.index_txt2 {
    font-size: var(--fs16);
    font-weight: 400;
    color: #706F6F
}

.index_tip {
    font-size: var(--fs30);
    font-weight: 400
}

.index_more a {
    font-size: var(--fs16);
    font-weight: 400;
    color: var(--color-hover);
    text-decoration: underline
}

.index_more a:hover {
    opacity: .75
}

.index_more2 {
    display: flex
}

.index_more2-1 {
    display: flex;
}

.index_more2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs16);
    font-weight: 400;
    color: #fff;
    height: 50px;
    padding: 0 40px;
    background: var(--color-hover);
    font-family: var(--font-bold);
    border: 2px solid transparent;
    border-radius: 24px
}

.index_more2-1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs16);
    font-weight: 400;
    color: #fff;
    height: 50px;
    padding: 0 40px;
    background: var(--color-hover);
    font-family: var(--font-bold);
    border: 2px solid transparent;
    border-radius: 6px
}

.index_more2 a:hover {
    opacity: .75
}

.index_more2-1 a:hover {
    opacity: .75
}

.index_more2.index_more_boder a {
    background: none;
    color: var(--color-hover);
    border-color: var(--color-hover)
}

.index_more2.index_more_boder a:hover {
    color: #fff;
    opacity: 1;
    background: var(--color-hover)
}

.index_more3 a span {
    margin-right: 20px
}

.index_more3 a i {
    display: block;
    width: 34px;
    height: 10px;
    border-bottom: 2px solid #666;
    position: relative
}

.index_more3 a .arrow {
    display: block;
    width: 34px;
    height: 10px;
    border-bottom: 2px solid #fff;
    position: relative
}

.index_more3 a i::before {
    content: '';
    position: absolute;
    right: 1px;
    bottom: -4px;
    width: 14px;
    height: 10px;
    border: 2px solid #666;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    transform: matrix(.71, .71, -0.71, .71, 0, 0);
}

.TabbedPanelsContent .col-lg-3 .txtDiv .index_more3 a i::before{
    border-color: var(--color-hover);
}

.index_more3 a .arrow::before {
    content: '';
    position: absolute;
    right: 1px;
    bottom: -4px;
    width: 14px;
    height: 10px;
    border: 2px solid #fff;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    transform: matrix(.71, .71, -0.71, .71, 0, 0)
}

/*.index_more3 a:hover i {
    border-color: var(--color-hover)
}*/

/*.index_more3 a:hover i::before {
    border-color: var(--color-hover)
}*/

.index-exp .row>div {
    display: flex;
    flex-direction: column
}

.index-exp .icon {
    display: flex;
    align-items: center;
    height: 73px
}

.index-exp .index_txt2 {
    margin-bottom: auto
}

.index-cate {
    background-size: 100%;
    overflow: hidden
}

.index-cate ul#index_pcategory_ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -17px;
    margin-right: -17px
}

.index-cate ul#index_pcategory_ul li {
    width: calc(33.33% - 34px);
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 34px
}


.index-cate ul#index_pcategory_ul li .index_pcategory_image {
    border: 1px solid #EEEEEE;
    box-shadow: 2px 3px 17px 0 rgba(14, 4, 9, 0.1)
}

.index-cate ul#index_pcategory_ul li .index_pcategory_name {
    margin-top: 20px;
    font-size: var(--fs20);
    text-align: center
}

.index-cate ul#index_pcategory_ul li .index_pcategory_name a {
    display: inline-block;
    padding: 0 13px;
    line-height: 1;
    position: relative
}

.index-cate ul#index_pcategory_ul li .index_pcategory_name a span {
    position: relative;
    z-index: 2
}

.index-cate ul#index_pcategory_ul li .index_pcategory_name a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: var(--color-hover);
    opacity: .3;
    z-index: 1
}

.index-cate ul#index_pcategory_ul li .index_pcategory_note {
    display: none
}

.index-cate ul#index_pcategory_ul li:hover .index_pcategory_name a::before {
    display: block
}

.index-video {
    overflow: hidden;
    position: relative
}

.index-video .index_tit {
    font-size: var(--fs28)
}

.index-video .index_txt {
    font-size: var(--fs18)
}

.index-video .video-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.index-video .video-img .imgOh {
    position: relative;
    z-index: 2
}

.index-solution {
    overflow: hidden
}

.index-solution .row {
    --bs-gutter-x: 0
}

.index-solution .row div[class*=col-lg]:first-child,
.index-solution .row div[class*=col-lg]:last-child {
    background: #eee
}

.index-solution .row div[class*=col-lg]:nth-child(4),
.index-solution .row div[class*=col-lg]:nth-child(5) {
    color: #fff;
    background: var(--color-hover)
}

.index-solution .row div[class*=col-lg]:nth-child(4) .index_txt2,
.index-solution .row div[class*=col-lg]:nth-child(5) .index_txt2 {
    color: #fff
}

.index-solution .row div[class*=col-lg]:nth-child(4) .index_more3 a i,
.index-solution .row div[class*=col-lg]:nth-child(5) .index_more3 a i {
    border-color: #fff
}

.index-solution .row div[class*=col-lg]:nth-child(4) .index_more3 a i::before,
.index-solution .row div[class*=col-lg]:nth-child(5) .index_more3 a i::before {
    border-color: #fff
}

.index-solution .list {
    border: 1px solid #DDDDDD
}

.index-solution .list .solution_li {
    padding: 40px;
    display: flex;
    height: 100%;
    flex-direction: column;
    cursor: pointer
}

.index-solution .list .solution_li .index_name {
    height: 64px
}

.index-solution .list .solution_li .index_txt2 {
    margin-bottom: auto
}

.index-solution .list .solution_li.imgHover {
    padding: 0
}

.index-solution .list .solution_li.imgHover img {
    width: 100%;
    height: 100%
}

.index-partner {
    color: #fff
}

.index-partner .index_txt {
    color: #fff
}

.index-partner .subs {
    padding: 6px 10px;
    border: 1px solid #FFFFFF;
    border-radius: 33px;
    display: flex
}

.index-partner .subs input {
    width: 100%;
    background: none;
    border: 0;
    padding: 0 20px;
    color: #fff;
    font-size: var(--fs18)
}

.index-partner .subs p,
.index-partner .subs div {
    flex: 1;
    display: flex;
    align-items: center
}

.index-partner .subs .index_more3 {
    flex: none
}

.index-partner .subs .index_more3 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 139px;
    height: 55px;
    background: var(--color-hover);
    border-radius: 27px;
    cursor: pointer
}

.index-partner .subs .index_more3 a i {
    border-color: #fff
}

.index-partner .subs .index_more3 a i::before {
    border-color: #fff
}

.index-partner .subs .index_more3 a:hover {
    opacity: .8
}

.index-keep .keep_li {
    box-shadow: 2px 3px 17px 0 rgba(14, 4, 9, 0.2)
}

.index-keep .keep_li .txtDiv {
    padding: 30px
}

.index-keep .keep_li .txtDiv .index_more3 {
    display: inline-block;
    margin-left: -10px
}

.index-keep .keep_li .txtDiv .index_more3 a {
    padding: 0 10px;
    position: relative
}

.index-keep .keep_li .txtDiv .index_more3 a span {
    color: var(--color-hover)
}

.index-keep .keep_li .txtDiv .index_more3 a i {
    border-color: var(--color-hover)
}

.index-keep .keep_li .txtDiv .index_more3 a i::before {
    border-color: var(--color-hover)
}

.TabbedPanelsContent .col-lg-4 .txtDiv .index_more3 a i::before {
 border-color: var(--color-hover);
}


.index-keep .keep_li .txtDiv .index_more3 a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 5px;
    background: #F55066;
    opacity: .15
}

.index-keep .keep_li .txtDiv .index_more3 a:hover::before {
    display: block
}

.index-produced {
    overflow: hidden;
    background: #F5F4F0
}

.index-produced .row {
    --bs-gutter-x: 0
}

.index-produced .produ_li .imgHover {
    background: #F8F8F8;
    box-shadow: 2px 3px 12px 0 rgba(14, 4, 9, 0.1)
}

.index-produced .produ_li .index_more3 {
    display: flex;
    justify-content: center
}

.index-produced .produ_li .index_more3 a {
    position: relative
}

.index-produced .produ_li .index_more3 a:hover {
    color: var(--color-hover)
}

.index-catelog .index_more3 {
    display: inline-block
}

.index-catelog .index_more3 a {
    color: var(--color-hover);
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(245, 80, 102, 0.7)
}

.index-catelog .index_more3 a i {
    border-color: var(--color-hover)
}

.index-catelog .index_more3 a i::before {
    border-color: var(--color-hover)
}

.index-form {
    color: #fff;
    overflow: hidden
}

.index-form .index_tip {
    text-transform: uppercase
}

.index-form .index_more3 {
    padding: 5px 7px;
    border: 1px solid #fff;
    border-radius: 27px
}

.index-form .index_more3 a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    background: var(--color-hover);
    border-radius: 27px;
    cursor: pointer
}

.index-form .index_more3 a i {
    border-color: #fff
}

.index-form .index_more3 a i::before {
    border-color: #fff
}

.bannerin {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.bannerin img {
    width: 100%
}

.bannerin .ban_txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff
}

.bannerin .ban_txt ul {
    display: flex;
    align-items: center;
    position: relative
}

.bannerin .ban_txt ul li {
    margin-right: 12px;
    font-size: var(--fs18);
    font-weight: 500
}

.bannerin .ban_txt ul li:hover {
    color: var(--color-hover)
}

.cate-about .serve_li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    color: #fff;
    text-align: center;
    height: 100%;
    background: var(--color-hover)
}

.cate-about .serve_li .index_name {
    margin-top: 30px
}

.cate-about .serve_li:hover {
    opacity: .8
}

.cate-list {
    background-size: 100%
}

.cate-list .productlist {
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
    margin-right: -14px
}

.cate-list .productlist .bk_pro {
    width: calc(25% - 28px);
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 28px;
    border: 1px solid #e5e5e5
}

.cate-list .productlist1 .bk_pro {
    width: calc(25% - 28px);
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 28px;
}



.cate-list .productlist .bk_pro .imageDiv {
    position: relative
}

.cate-list .productlist .bk_pro .imageDiv .img {
    display: block
}

.cate-list .productlist .bk_pro .imageDiv .imgon {
    display: none;
    position: relative
}

.cate-list .productlist .bk_pro .imageDiv .imgon::before {
    content: '';
    position: absolute;
    right: 25px;
    top: 25px;
    width: 21px;
    height: 21px;
    background: url(/css/images/cate_icon.png) no-repeat 0 0;
    background-size: auto
}

.cate-list .productlist .bk_pro .name {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: var(--fs20);
    text-align: center;
    background: #f9f9f9
}

.cate-list .productlist .bk_pro .name a {
    display: inline-block;
    padding: 0 13px;
    line-height: 1;
    position: relative;
    letter-spacing: 1px
}

.cate-list .productlist .bk_pro .name a span {
    position: relative;
    z-index: 2
}

.cate-list .productlist .bk_pro .name a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: var(--color-hover);
    opacity: .3;
    z-index: 1
}

.cate-list .productlist .bk_pro .model {
    display: none
}

.cate-list .productlist .bk_pro .briefContent ul {
    display: flex;
    flex-wrap: wrap
}

.cate-list .productlist .bk_pro .briefContent ul li {
    width: 50%;
    font-size: 13px;
    font-weight: 400;
    color: #999999;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.cate-list .productlist .bk_pro .briefContent ul li:nth-child(1)::before {
    margin-right: 10px;
    height: 15px;
    content: url('https://glassware.feemio.com/imglibs/files/pro_list_icon1-76820.png')
}

.cate-list .productlist .bk_pro .briefContent ul li:nth-child(2)::before {
    margin-right: 10px;
    content: url('https://glassware.feemio.com/imglibs/files/pro_list_icon2-76821.png')
}

.cate-list .productlist .bk_pro .briefContent ul li:nth-child(3)::before {
    margin-right: 10px;
    content: url('https://glassware.feemio.com/imglibs/files/pro_list_icon3-76822.png')
}

.cate-list .productlist .bk_pro .briefContent ul li:nth-child(4)::before {
    margin-right: 10px;
    content: url('https://glassware.feemio.com/imglibs/files/pro_list_icon4-76823.png')
}

.cate-list .productlist .bk_pro .briefContent ul li:nth-child(2n+1) {
    border-left: 0
}

.cate-list .productlist .bk_pro:hover .imageDiv .img {
    display: none
}

.cate-list .productlist .bk_pro:hover .imageDiv .imgon {
    display: block
}

.cate-list .productlist .bk_pro:hover .name {
    background: #fff
}

.cate-list .productlist .bk_pro:hover .name a::before {
    display: block
}

.cate-list ul#index_pcategory_ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -17px;
    margin-right: -17px
}

.cate-list ul#index_pcategory_ul li {
    width: calc(33.33% - 34px);
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 34px
}

.cate-list ul#index_pcategory_ul li .index_pcategory_image {
    border: 1px solid #EEEEEE;
    box-shadow: 2px 3px 17px 0 rgba(14, 4, 9, 0.1)
}

.cate-list ul#index_pcategory_ul li .index_pcategory_name {
    margin-top: 20px;
    font-size: var(--fs20);
    text-align: center
}

.cate-list ul#index_pcategory_ul li .index_pcategory_name a {
    display: inline-block;
    padding: 0 13px;
    line-height: 1;
    position: relative
}

.cate-list ul#index_pcategory_ul li .index_pcategory_name a span {
    position: relative;
    z-index: 2
}

.cate-list ul#index_pcategory_ul li .index_pcategory_name a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: var(--color-hover);
    opacity: .3;
    z-index: 1
}

.cate-list ul#index_pcategory_ul li .index_pcategory_note {
    display: none
}

.cate-list ul#index_pcategory_ul li:hover .index_pcategory_name a::before {
    display: block
}

.cate-list #SubCategories .subCategories_name {
    display: none
}

.cate-list #SubCategories ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -17px;
    margin-right: -17px
}

.cate-list #SubCategories ul li {
    width: calc(25% - 34px);
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 34px
}

.cate-list #SubCategories ul li>img {
    display: none
}

.cate-list #SubCategories ul li a {
    display: block;
    margin-top: 20px;
    font-size: var(--fs20);
    text-align: center;
    position: relative
}

.cate-list #SubCategories ul li a>img {
    margin-bottom: 10px
}

.cate-list #SubCategories ul li a span {
    display: inline-block;
    padding: 0 13px;
    line-height: 1;
    position: relative
}

.cate-list #SubCategories ul li a span::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: var(--color-hover);
    opacity: .3;
    z-index: 1
}

.cate-list #SubCategories ul li a:hover span::before {
    display: block
}

.cate-quest .quest_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-top: 50px
}

.cate-quest .quest_list .index_tip {
    position: relative
}

.cate-quest .quest_list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: 7px;
    background: #F55066
}

.cate-more {
    border-top: 1px solid #eee
}

.cate-more ul#index_pcategory_ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -17px;
    margin-right: -17px
}

.cate-more ul#index_pcategory_ul li {
    width: calc(33.33% - 34px);
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 34px
}

.cate-more ul#index_pcategory_ul li .index_pcategory_image {
    border: 1px solid #EEEEEE;
    box-shadow: 2px 3px 17px 0 rgba(14, 4, 9, 0.1)
}

.cate-more ul#index_pcategory_ul li .index_pcategory_name {
    margin-top: 20px;
    font-size: var(--fs20);
    text-align: center
}

.cate-more ul#index_pcategory_ul li .index_pcategory_name a {
    display: inline-block;
    padding: 0 13px;
    line-height: 1;
    position: relative
}

.cate-more ul#index_pcategory_ul li .index_pcategory_name a span {
    position: relative;
    z-index: 2
}

.cate-more ul#index_pcategory_ul li .index_pcategory_name a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: var(--color-hover);
    opacity: .3;
    z-index: 1
}

.cate-more ul#index_pcategory_ul li .index_pcategory_note {
    display: none
}

.cate-more ul#index_pcategory_ul li:hover .name a::before {
    display: block
}

.cate-feature .feature_li {
    border: 2px solid #EEEEEE;
    padding: 50px;
    height: 100%;
    font-size: var(--fs18)
}

.cate-feature .feature_li li {
    padding-left: 60px;
    position: relative;
    margin-top: 25px;
    line-height: 30px;
    background: url('https://glassware.feemio.com/imglibs/files/cate_feat_icon-76219.webp') no-repeat left 0
}

.cate-parts .part_li {
    margin-top: var(--bs-gutter-x);
    background: #F8F8F8;
    text-align: center;
    padding: 28px 0;
    box-shadow: 0 7px 34px 0 rgba(14, 4, 9, 0.07)
}

.cate-parts .part_li .icon {
    display: flex;
    height: 136px;
    justify-content: center;
    padding-bottom: 28px
}

.cate-parts .part_li.on {
    color: #fff;
    height: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--color-hover)
}

.cate-parts .part_li.on a {
    font-size: var(--fs22)
}

.cate-parts .part_li.on a img {
    margin-top: 30px
}

.cate-process .processBig .process_li {
    position: relative
}

.cate-process .processBig .process_li .name {
    position: absolute;
    left: 0;
    bottom: 30px;
    font-size: var(--fs22);
    font-weight: 400;
    color: #FFFFFF;
    padding: 15px 80px;
    background: rgba(0, 0, 0, 0.6)
}

.cate-process .processBig .swiper-button-next,
.cate-process .processBig .swiper-button-prev {
    color: #fff;
    --swiper-navigation-size: 30px
}

.cate-process .processSmall {
    margin-top: 14px;
    overflow: hidden
}

.cate-process .processSmall .swiper-slide {
    border: 1px solid #fff
}

.cate-process .processSmall .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--color-hover)
}

.cate-flow .flow_li {
    text-align: center;
    padding: 40px;
    height: 100%;
    border: 1px solid #EEEEEE
}

.cate-flow .flow_li .icon {
    display: flex;
    align-items: center;
    height: 71px;
    justify-content: center
}

.cate-flow .flow_li .index_txt2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.cate-flow .flow_li:hover {
    color: #fff;
    background: var(--color-hover)
}

.cate-flow .flow_li:hover img {
    filter: brightness(100)
}

.cate-flow .flow_li:hover .index_txt2 {
    color: #fff
}

.cate-video {
    display: flex;
    align-items: center
}

.cate-video a {
    display: block;
    color: #fff;
    text-align: center
}

.cate-video a span {
    display: block
}

.cate-stories .stories_li {
    border: 1px solid #EEEEEE
}

.cate-stories .stories_li .txtDiv {
    padding: 25px
}

.cate-stories .stories_li .txtDiv .index_more3 a:hover {
    color: var(--color-hover)
}

.cate-stories .stories_li:hover {
    box-shadow: 0 32px 59px 0 rgba(14, 4, 9, 0.13)
}

.productitem .pro_nav {
    padding: 20px 0;
    border-bottom: 2px solid #F1F1F1
}

.productitem .pro_nav ul.nav {
    display: flex
}

.productitem .pro_nav ul.nav li {
    margin-right: 15px
}

.productitem .pro_item_top .imageList {
    overflow: hidden
}

.productitem .pro_item_top .imageList .swiper-slide img {
    width: 100%
}

.productitem .pro_item_top .imageList .swiper-btns {
    display: flex;
    align-items: center;
    justify-content: center
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-button-prev,
.productitem .pro_item_top .imageList .swiper-btns .swiper-pagination,
.productitem .pro_item_top .imageList .swiper-btns .swiper-button-next {
    position: unset;
    margin: 0;
    height: auto
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-button-prev::after,
.productitem .pro_item_top .imageList .swiper-btns .swiper-pagination::after,
.productitem .pro_item_top .imageList .swiper-btns .swiper-button-next::after {
    font-size: var(--fs26)
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-pagination {
    display: flex;
    width: auto;
    margin: 0 3rem;
    align-items: flex-end
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-pagination span {
    display: block;
    width: 2px;
    height: 7px;
    background: #E5E5E5;
    opacity: 1;
    border-radius: 0
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-pagination span.swiper-pagination-bullet-active {
    height: 12px;
    background: var(--color-default)
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-button-prev,
.productitem .pro_item_top .imageList .swiper-btns .swiper-button-next {
    color: #666
}

.productitem .pro_item_top .imageList .swiper-btns .swiper-button-prev:hover,
.productitem .pro_item_top .imageList .swiper-btns .swiper-button-next:hover {
    color: var(--color-hover)
}

.productitem .pro_item_top .imageList .index_case {
    display: none
}

.productitem .pro_item_top .image_list .swiper-wrapper,
.productitem .pro_item_top .image_list .swiper-btns {
    display: none
}

.productitem .pro_item_top .image_list .index_case {
    position: relative
}

.productitem .pro_item_top .image_list .index_case ul.image_ul {
    display: flex
}

.productitem .pro_item_top .image_list .index_case ul.image_ul li {
    width: calc(20% - 10px);
    margin: 0 5px;
    border: 1px solid #E5E5E5
}

.productitem .pro_item_top .image_list .index_case ul.image_ul li img {
    width: 100%
}

.productitem .pro_item_top .image_list .index_case ul.image_ul li:hover {
    border-color: var(--color-hover)
}

.productitem .pro_item_top .detial_p_name {
    font-size: var(--fs26);
    font-family: var(--font-bold);
    color: #212121;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5
}

.productitem .pro_item_top .detial_p_name .pname_v {
    display: none
}

.productitem .pro_item_top .extra {
    font-size: var(--fs18);
    font-weight: 400;
    color: #666666;
}

.productitem .pro_item_top .extra li {
    position: relative;
    padding-left: 25px
}

.productitem .pro_item_top .extra li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: var(--color-hover);
    border-radius: 50%
}

.productitem .pro_item_top .btns{
    display: flex;
    justify-content: space-between
}

.productitem .pro_item_top .btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs16);
    font-weight: 400;
    color: #fff;
    height: 50px;
    min-width: 200px;
    padding: 0 40px;
    background: var(--color-hover);
    font-family: var(--font-bold);
    border: 2px solid transparent;
    border-radius: 24px;
    background-image: url(/imglibs/files/quotation\(1\).png)
}


.productitem .pro_item_top .btns a:hover{
    background: none;
    color: var(--color-hover);
    border-color: var(--color-hover)
}



.productitem .pro_item_top .tip_list {
    border-top: 1px solid #E5E5E5
}

.productitem .pro_item_top .tip_list .pro_top_li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs16);
    font-weight: 400;
    color: #555555
}

.productitem .pro_item_top .tip_list .pro_top_li span {
    margin-left: 20px
}

.productitem .pro_item_desc {
    font-size: var(--fs20);
    font-weight: 500;
    line-height: 1.8;
    color: #666
}

.productitem .pro_item_desc ul.TabbedPanelsTabGroup {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    z-index: 2;
    background: #fff;
    border-bottom: 1px solid #F1F1F1
}

.productitem .pro_item_desc ul.TabbedPanelsTabGroup li {
    font-size: var(--fs18);
    color: #737373;
    padding: 24px 0;
    font-weight: 400;
    line-height: 1;
    position: relative
}

.productitem .pro_item_desc ul.TabbedPanelsTabGroup li.descriptionNameOn {
    color: var(--color-hover)
}

.productitem .pro_item_desc ul.TabbedPanelsTabGroup.good_nav_fix {
    position: fixed;
    top: 62px;
    background: #fff;
    z-index: 5;
    box-shadow: 0 0 30px 0 rgba(181, 177, 177, 0.4)
}

.productitem .pro_item_desc .TabbedPanelsContent {
    position: relative
}

.productitem .pro_item_desc .TabbedPanelsContent .prodDescription_title {
    font-size: var(--fs30);
    font-family: var(--font-bold);
    color: #212121
}

.productitem .pro_item_desc .TabbedPanelsContent .prodDescription_cont {
    margin-top: 30px
}

.productitem .pro_item_desc .TabbedPanelsContent .pro_table table {
    border-left: 0;
    border-right: 0
}

.productitem .pro_item_desc .TabbedPanelsContent .pro_table table th,
.productitem .pro_item_desc .TabbedPanelsContent .pro_table table td {
    border-left: 0;
    border-right: 0
}

.productitem .pro_item_desc .TabbedPanelsContent .item_paramet .item_par_li {
    padding: 40px;
    background: #fff;
    border: 1px solid #E5E5E5
}

.productitem .pro_item_desc .TabbedPanelsContent .item_paramet .item_par_li .img {
    display: flex;
    align-items: center;
    height: 110px
}

.productitem .pro_item_desc .TabbedPanelsContent .item_part .part_li {
    padding: 28px 0;
    min-height: 220px;
    border: 2px solid #EEEEEE
}

.productitem .pro_item_desc .TabbedPanelsContent .item_part .part_li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    padding-bottom: 28px
}

.productitem .pro_item_desc .TabbedPanelsContent .item_part .part_li .icon img {
    max-height: 100%
}

.productitem .pro_item_desc .TabbedPanelsContent .item_part .part_li.on {
    color: #fff;
    background: var(--color-hover)
}

.productitem .pro_item_desc .TabbedPanelsContent .item_part .part_li.on a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 155px;
    font-size: var(--fs22)
}

.productitem .pro_item_desc .TabbedPanelsContent .item_part .part_li.on a img {
    margin-top: 30px
}

.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_ipt {
    position: relative
}

.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_ipt input,
.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_ipt textarea {
    width: 100%;
    padding: 10px 15px;
    background: none;
    font-size: var(--fs16);
    border: 0;
    border-bottom: 1px solid #D2D2D2
}

.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_ipt input.error,
.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_ipt textarea.error {
    border-color: #cc0514
}

.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 234px;
    height: 55px;
    font-size: var(--fs20);
    color: #fff;
    background: var(--color-hover);
    border-radius: 23px
}

.productitem .pro_item_desc .TabbedPanelsContent .item_form .from_btn a:hover {
    opacity: .8
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev {
    top: 40%;
    width: 75px;
    height: 75px;
    border: 1px solid #CCCCCC;
    border-radius: 50%
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next .swiper-button-prev,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev .swiper-button-prev {
    left: 0
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next .swiper-button-next,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev .swiper-button-next {
    right: 0
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next::after,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev::after {
    color: #212121;
    --swiper-navigation-size: 30px
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next:hover,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev:hover {
    background: var(--color-hover)
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next:hover::after,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev:hover::after {
    color: #fff
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .imageDiv {
    border: 1px solid #EEEEEE;
    box-shadow: 2px 3px 17px 0 rgba(14, 4, 9, 0.1);
    position: relative
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .imageDiv img {
    width: 100%
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .imageDiv .img {
    display: block
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .imageDiv .imgon {
    display: none
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .name {
    margin-top: 20px;
    font-size: var(--fs20);
    text-align: center
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .name a {
    display: inline-block;
    padding: 0 13px;
    line-height: 1;
    position: relative
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .name a span {
    position: relative;
    z-index: 2
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .name a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: var(--color-hover);
    opacity: .3;
    z-index: 1
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .model,
.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro .briefContent {
    display: none
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro:hover .imageDiv .img {
    display: none
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro:hover .imageDiv .imgon {
    display: block
}

.productitem .pro_item_desc .TabbedPanelsContent .otherImg .bk_pro:hover .name a::before {
    display: block
}

.productitem .pro_item_desc .TabbedPanelsContent#proddescName3,
.productitem .pro_item_desc .TabbedPanelsContent#proddescName5,
.productitem .pro_item_desc .TabbedPanelsContent#proddescName7 {
    background-color: #F8F8F8
}

.packaging-video {
    position: relative
}

.packaging-video::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90%;
    background: #F5F4F0;
    z-index: 1
}

.packaging-video .container {
    position: relative;
    z-index: 2
}

.packaging-design .design-li {
    border-bottom: 1px solid #ddd
}

.packaging-design .design-li .icon {
    text-align: center;
    position: relative
}

.packaging-design .design-li .icon img {
    border-radius: 50%;
    border: 18px solid #F8F8F8;
    position: relative;
    z-index: 2
}

.packaging-design .design-li .icon::before {
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    width: 50%;
    bottom: 40px;
    height: 81px;
    background: var(--color-hover);
    opacity: .2
}

.packaging-design .design-li .index_name {
    line-height: 1
}

.packaging-design .design-li .index_name a {
    padding: 0 10px;
    position: relative
}

.packaging-design .design-li .index_name a::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: var(--color-hover);
    opacity: .2
}

.packaging-design .design-li:hover .icon::before,
.packaging-design .design-li:hover .index_name a::before {
    display: block
}

.packaging-design2 {
    position: relative
}

.packaging-design2::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: #F5F4F0;
    z-index: 1
}

.packaging-design2::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 70%;
    background: #F5F4F0;
    z-index: 1
}

.packaging-design2 .container {
    position: relative;
    z-index: 2
}

.ware-step {
    background-size: 100% 80%
}

.ware-step .step_txt {
    width: 200px;
    height: 126px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--color-hover);
    margin: 0 auto;
    font-size: var(--fs24);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.8
}

.ware-step .step_icon {
    text-align: center;
    position: relative
}

.ware-step .step_icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 30%;
    height: 1px;
    background: var(--color-hover);
    opacity: .8
}

.ware-step .step_icon::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 30%;
    height: 1px;
    background: var(--color-hover);
    opacity: .8
}

.ware-step .step_icon_txt {
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 2px 3px 46px 0 rgba(14, 4, 9, 0.07)
}

.ware-step .step_icon_txt .icon {
    display: flex;
    align-items: center;
    color: var(--color-hover)
}

.ware-step .step_icon_txt .icon img {
    margin-right: 40px
}

.ware-step .step_icon_txt .index_txt {
    min-height: 62px
}

.custom-about .img {
    position: relative
}

.custom-about .img img {
    position: relative;
    z-index: 2
}

.custom-about .img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    right: 0;
    bottom: 20%;
    background: #F8F8F8;
    z-index: 1
}

.custom-about .index_tit {
    font-size: var(--fs36)
}

.custom-about .about_icon {
    text-align: center;
    border-left: 1px solid #eee
}

.custom-about .about_icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px
}

.custom-about .about_icon .row div[class*=col-lg] {
    border-right: 1px solid #eee
}

.custom-about .about-tip {
    font-size: var(--fs50);
    font-family: var(--font-bold);
    color: #D8D8D8
}

.custom-about .chat_li .index_more a {
    font-size: var(--fs26)
}

.custom-about .swiper-pagination {
    position: unset;
    margin-top: 20px;
    text-align: left;
    --swiper-theme-color: var(--color-hover)
}

.custom-craft {
    overflow: hidden
}

.custom-craft .swiper_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse
}

.custom-craft .swiper_btns .swiper-button-next,
.custom-craft .swiper_btns .swiper-button-prev {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 15px
}

.custom-craft .swiper_btns .swiper-button-next::after,
.custom-craft .swiper_btns .swiper-button-prev::after {
    color: #212121;
    --swiper-navigation-size: 30px
}

.custom-craft .swiper_btns .swiper-button-next:hover,
.custom-craft .swiper_btns .swiper-button-prev:hover {
    background: var(--color-hover)
}

.custom-craft .swiper_btns .swiper-button-next:hover::after,
.custom-craft .swiper_btns .swiper-button-prev:hover::after {
    color: #fff
}

.custom-packag .customBig .swiper-button-next,
.custom-packag .customBig .swiper-button-prev {
    color: #fff;
    --swiper-navigation-size: 30px
}

.custom-packag .customSmall {
    margin-top: 14px
}

.custom-packag .customSmall .swiper-slide {
    border: 1px solid #fff
}

.custom-packag .customSmall .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--color-hover)
}

.customized-list .ized_li {
    position: relative
}

.customized-list .ized_li .row {
    --bs-gutter-x: 0
}

.customized-list .ized_li .ized_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.customized-list .ized_li .ized_txt .container,
.customized-list .ized_li .ized_txt .row {
    height: 100%
}

.customized-list .ized_li .ized_txt .ized_txt_d {
    padding-right: 60px
}

.customized-list .ized_li .ized_txt .flex-row-reverse .ized_txt_d {
    padding-right: 0;
    padding-left: 60px
}

.rnd_about {
    position: relative
}

.rnd_about::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: #f8f8f8;
    z-index: 1
}

.rnd_about .container {
    position: relative;
    z-index: 2
}

.rnd_contact {
    color: #fff
}

.rnd_goals .goals_li {
    height: 100%;
    color: #666;
    text-align: center;
    border-bottom: 2px solid #eee
}

.rnd_tailoring {
    position: relative
}

.rnd_tailoring::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40%;
    background: #f8f8f8;
    z-index: 1
}

.rnd_tailoring .container {
    position: relative;
    z-index: 2
}

.rnd_tailoring .text {
    border: 2px solid #EEEEEE
}

.rnd_tailoring .text .text_cont {
    padding: 0 40px
}

.rnd_devel .devel_li {
    padding: 50px;
    height: 100%;
    border: 2px solid #EEEEEE
}

.rnd_devel .tips_list {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
    color: #fff
}

.rnd_devel .tips_list .tip_li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 150px;
    padding: 20px;
    margin: 0 12px;
    text-align: center;
    background: rgba(245, 80, 102, 0.85)
}

.caseList .row {
    --bs-gutter-x: 90px
}

.caseList .case_li {
    border: 1px solid #EEEEEE
}

.caseList .case_li .txtDiv {
    padding: 35px
}

.caseList .case_li .txtDiv .index_more3 {
    font-size: var(--fs18)
}

.caseList .case_li .txtDiv .index_more3 i,
.caseList .case_li .txtDiv .index_more3 i::before {
    border-color: var(--color-hover)
}

.part_top hr {
    width: 141px;
    height: 17px;
    background: var(--color-hover);
    opacity: .2;
    border: 0
}

.part_top .index_txt {
    padding: 40px;
    margin-left: -20%;
    background: #FFFFFF;
    box-shadow: 2px 3px 17px 0 rgba(14, 4, 9, 0.1)
}

.part_logo .imgOh {
    display: flex;
    align-items: center;
    height: 140px;
    justify-content: center
}

.part_logo .imgOh img {
    width: auto;
    max-width: 100%;
    max-height: 140px
}

.part_logo .swiper-pagination {
    position: unset;
    margin-top: 30px
}

.part_icon .part_icon_li {
    height: 100%;
    padding: 60px 40px;
    border: 2px solid #EEEEEE
}

.part_form {
    padding-bottom: 180px;
    margin-bottom: -180px
}

.part_form .from_ipt input,
.part_form .from_ipt textarea {
    border: 0;
    width: 100%;
    background: none;
    font-size: var(--fs18);
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.part_form .from_ipt input.error,
.part_form .from_ipt textarea.error {
    border-color: var(--color-hover)
}

.part_form .index_more2 a {
    padding: 0 60px
}

.historyList .historyImg .img {
    text-align: center;
    position: relative
}

.historyList .historyImg .img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #F8F8F8;
    z-index: 1
}

.historyList .historyImg .img img {
    position: relative;
    z-index: 2
}

.historyList .historyImg .hisyDiv hr {
    border: 0;
    width: 60px;
    height: 1px;
    background: var(--color-hover)
}

.historyList .historyImg .hisyDiv_more {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200px;
    display: flex;
    align-items: center
}

.historyList .historyImg .hisyDiv_more .swiper-pagination,
.historyList .historyImg .hisyDiv_more .swiper-button-next,
.historyList .historyImg .hisyDiv_more .swiper-button-prev {
    position: unset;
    margin: 0
}

.historyList .historyImg .hisyDiv_more .swiper-button-next,
.historyList .historyImg .hisyDiv_more .swiper-button-prev {
    color: var(--color-hover)
}

.historyList .historyImg .hisyDiv_more .swiper-button-next::after,
.historyList .historyImg .hisyDiv_more .swiper-button-prev::after {
    font-size: var(--fs26)
}

.historyList .historyImg .hisyDiv_more .swiper-pagination span {
    width: 2px;
    height: 7px;
    background: #E5E5E5;
    border-radius: 0;
    opacity: 1
}

.historyList .historyImg .hisyDiv_more .swiper-pagination span.swiper-pagination-bullet-active {
    height: 12px;
    background: #333333
}

.historyList .yearDiv {
    position: relative
}

.historyList .historyYear {
    padding: 0 60px;
    position: unset
}

.historyList .historyYear .swiper-slide-thumb-active .hist_li {
    color: #666
}

.historyList .historyYear .hist_li {
    text-align: center;
    font-size: var(--fs22);
    font-weight: 400;
    color: #999999;
    padding-top: 35px;
    position: relative
}

.historyList .historyYear .hist_li::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid var(--color-hover)
}

.historyList .historyYear .swiper-button-next,
.historyList .historyYear .swiper-button-prev {
    width: 56px;
    height: 56px;
    top: 0;
    background: #F55066;
    border-radius: 50%;
    opacity: 1
}

.historyList .historyYear .swiper-button-next::after,
.historyList .historyYear .swiper-button-prev::after {
    color: #fff;
    font-size: 22px
}

.historyList .historyYear .swiper-button-prev {
    left: 0
}

.historyList .historyYear .swiper-button-next {
    right: 0
}

.historyList .historyYear::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    height: 2px;
    background: #E5E5E5
}

.story_top .top_nums .num_li {
    height: 100%;
    border-bottom: 2px solid #666
}

.story_factory {
    position: relative
}

.story_factory::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
    background: #F5F4F0;
    z-index: 1
}

.story_factory .container {
    position: relative;
    z-index: 2
}

.story_imgs {
    margin-bottom: -180px;
    padding-bottom: 180px
}

.story_imgs .imgDiv {
    height: 100%;
    border-bottom: 1px solid rgba(245, 80, 102, 0.5)
}

.quality_about .step_icon {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.quality_about .step_icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 30%;
    height: 1px;
    background: var(--color-hover);
    opacity: .8
}

.quality_about .step_icon::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 30%;
    height: 1px;
    background: var(--color-hover);
    opacity: .8
}

.quality_download .down_list {
    color: #fff;
    background: var(--color-hover)
}

.quality_download .down_list .downDiv {
    padding: 40px
}

.quality_download .down_list li {
    margin-top: 10px
}

.quality_download .down_list li a {
    display: block;
    padding-left: 25px;
    position: relative;
    line-height: 35px
}

.quality_download .down_list li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-left-width: 0;
    border-bottom-width: 0;
    transform: matrix(.71, .71, -0.71, .71, 0, 0)
}

.company_top .img {
    position: relative
}

.company_top .img::before {
    content: '';
    position: absolute;
    left: 60px;
    right: 60px;
    top: -50px;
    bottom: -50px;
    background: #F8F8F8
}

.company_top .img img {
    width: 100%;
    position: relative;
    z-index: 2
}

.company_proce .row-cols-5 .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px
}

.company_proce .row-cols-5 .index_name {
    border-bottom: 1px solid #ddd
}

.company_imgs .proceDiv {
    height: 100%;
    border-bottom: 1px solid var(--color-hover)
}

.company_imgs .proceDiv-1 {
    height: 100%;
}


.company_form .list .row div[class*=col-lg] {
    border-right: 1px solid #D8D8D8
}

.company_form .list .row div[class*=col-lg]:first-child {
    border-left: 1px solid #D8D8D8
}

.company_form .fot_form {
    padding: 65px 45px;
    background: #FFFFFF;
    box-shadow: 3px 4px 25px 0 rgba(231, 231, 231, 0.75)
}

.company_form .fot_form .from_ipt input,
.company_form .fot_form .from_ipt textarea {
    border: 0;
    width: 100%;
    background: none;
    font-size: var(--fs18);
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.company_form .fot_form .from_ipt input.error,
.company_form .fot_form .from_ipt textarea.error {
    border-color: var(--color-hover)
}

.company_form .fot_form .from_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    font-size: var(--fs16);
    color: #FFFFFF;
    background: var(--color-hover)
}

.feedback_top .index_tip span {
    text-decoration: underline
}

.feedback_top .feed_more a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: var(--fs18);
    color: #fff;
    height: 74px;
    padding: 0 35px;
    background: var(--color-hover);
    box-shadow: 5px 9px 27px 0 rgba(231, 231, 231, 0.35);
    border-radius: 8px;
    position: relative
}

.feedback_top .feed_more a span {
    padding-right: 110px;
    position: relative
}

.feedback_top .feed_more a span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 75px;
    height: 1px;
    background: #fff
}

.feedback_top .feed_more a::after {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
    transform: translateY(50%)
}

.feedback_midd .feed_m_li {
    display: flex
}

.feedback_midd .feed_m_li .icon {
    margin-right: 30px
}

.feedback_midd .feed_m_li .txt_tit {
    font-size: var(--fs24);
    color: #4A4A4A;
    line-height: 1;
    margin-top: 30px
}

.feedback_midd .feed_m_li {
    display: flex
}

.feedback_midd .feed_m_li .icon {
    margin-right: 30px
}

.feedback_midd .feed_m_li .txt_tit {
    font-size: var(--fs24);
    font-family: MontserratBold;
    color: #4A4A4A;
    line-height: 1;
    margin-top: 30px
}

.feedback_midd .feed_right {
    background: #FFFFFF;
    padding: 70px 50px;
    box-shadow: 3px 4px 25px 0 rgba(231, 231, 231, 0.75)
}

.feedback_midd .feed_right input,
.feedback_midd .feed_right textarea {
    width: 100%;
    height: 52px;
    background: #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    padding: 0 20px;
    font-size: var(--fs16);
    font-weight: 400;
    color: #777777
}

.feedback_midd .feed_right input.error,
.feedback_midd .feed_right textarea.error {
    border-color: red
}

.feedback_midd .feed_right textarea {
    padding: 20px;
    height: 166px
}

.feedback_midd .feed_right .from_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    font-size: var(--fs16);
    color: #FFFFFF;
    background: var(--color-hover)
}

.feedback_midd .feed_right .from_btn a:hover {
    opacity: .8
}

.feedback_fot .feed_fod_li .tip {
    font-size: var(--fs14);
    font-weight: 400;
    color: #C0C0C0;
    border-top: 1px solid #DFDFDF
}

.feedback_fot .feed_fod_li .txt {
    font-size: var(--fs16);
    color: #212121;
    line-height: 1.8
}

.blogindex .blogList {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.blogindex .blogList .blog-box {
    width: calc(33.33% - 24px);
    margin-left: 12px;
    margin-right: 12px;
    background: #fff;
    margin-top: 40px;
    border: 1px solid #EEEEEE
}

.blogindex .blogList .blog-box-img {
    overflow: hidden
}

.blogindex .blogList .blog-box-img img {
    width: 100%;
    transition: all .3s
}

.blogindex .blogList .blog-box .summary-ul {
    padding: 20px 20px 30px
}

.blogindex .blogList .blog-box .summary-ul .dali {
    font-size: var(--fs16);
    color: #999;
    line-height: 26px
}

.blogindex .blogList .blog-box .summary-ul h2.t-h {
    font-size: var(--fs24);
    font-family: var(--font-bold);
    line-height: 1.6;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.blogindex .blogList .blog-box .summary-ul .summary {
    display: none
}

.blogindex .blogList .blog-box .summary-ul .index_more3 {
    margin-top: 35px
}

.blogindex .blogList .blog-box:hover {
    border-color: var(--color-hover);
    box-shadow: 0 4px 14px 2px rgba(0, 0, 0, 0.2)
}

.blogindex .blogList .blog-box:hover h2.t-h {
    color: var(--color-hover)
}

.blogindex .blogList .blog-box:hover .news-box-img img {
    transform: scale(1.1)
}

.newsindex .newsList {
    display: flex;
    flex-wrap: wrap;
    margin-left: -45px;
    margin-right: -45px
}

.newsindex .newsList .news-box {
    width: calc(50% - 90px);
    margin-left: 45px;
    margin-right: 45px;
    background: #fff;
    margin-top: 40px;
    border: 1px solid #EEEEEE
}

.newsindex .newsList .news-box-img {
    overflow: hidden
}

.newsindex .newsList .news-box-img img {
    width: 100%;
    transition: all .3s
}

.newsindex .newsList .news-box .summary-ul {
    padding: 20px 20px 30px
}

.newsindex .newsList .news-box .summary-ul .dali {
    font-size: var(--fs16);
    color: #999;
    line-height: 26px
}

.newsindex .newsList .news-box .summary-ul h2.t-h {
    font-size: var(--fs24);
    font-family: var(--font-bold);
    line-height: 1.6;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.newsindex .newsList .news-box .summary-ul .summary {
    display: none
}

.newsindex .newsList .news-box .summary-ul .index_more3 {
    margin-top: 35px
}

.newsindex .newsList .news-box:hover {
    background: #F8F8F8
}

.newsindex .newsList .news-box:hover h2.t-h {
    color: var(--color-hover)
}

.newsindex .newsList .news-box:hover .news-box-img img {
    transform: scale(1.1)
}

.newsitem .d_news_subject {
    text-align: center
}

.newsitem ._createTime {
    display: flex;
    justify-content: center;
    margin: 20px 0
}

.newsitem ._createTime span {
    display: block;
    padding-left: 35px;
    font-size: var(--fs14);
    font-family: var(--font-bold);
    color: #AFAEAB;
    line-height: 26px;
    background: url('https://glassware.feemio.com/imglibs/files/time-73374.png') no-repeat left center
}

.newsitem .newsDetail {
    margin-top: 40px
}

.newsitem .news_pre_next {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee
}

.newsitem .news_pre_next a:hover {
    color: var(--color-hover)
}

.newsitem .pageitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.newsitem .pageitem a {
    font-size: var(--fs14);
    font-weight: 400;
    color: #999999;
    max-width: 40%;
    display: flex;
    align-items: center
}

.newsitem .pageitem a:hover {
    color: var(--color-hover)
}

.newsitem .pageitem span.prev {
    padding-left: 30px;
    padding-right: 40px;
    color: var(--color-hover);
    background: url(/css/images/new-prev.png) no-repeat left center
}

.newsitem .pageitem span.next {
    padding-left: 30px;
    padding-right: 33px;
    color: var(--color-hover);
    background: url(/css/images/new-next.png) no-repeat right center
}

@media screen and (max-width:992px) {

    *,
    .indextest .container-max .row {
        --bs-gutter-x: 15px
    }

    body {
        --fs80: 50px;
        --fs60: 40px;
        --fs48: 22px;
        --fs42: 18px;
        --fs36: 20px;
        --fs30: 18px;
        --fs28: 17px;
        --fs26: 16px;
        --fs24: 15px;
        --fs20: 15px;
        --fs18: 13px;
        --fs16: 12px
    }

    .container-max {
        padding-left: var(--bs-gutter-x, 15px);
        padding-right: var(--bs-gutter-x, 15px)
    }

    .row>* {
        margin-top: var(--bs-gutter-x)
    }

    .row-cols-5>* {
        width: 50%
    }

    .d-sm-block {
        display: block
    }

    .fix_form#fixForm {
        min-width: auto
    }

    .header {
        padding: 10px 0
    }

    .header .row>* {
        margin-top: 0
    }

    .nav-toggle {
        top: 22px
    }

    .nav-toggle i {
        background: #fff
    }

    .nav-toggle i::before,
    .nav-toggle i::after {
        background: #fff
    }

    .bannerindex,
    .bannerin,
    .productitem {
        margin-top: 53px
    }

    .bannerindex img {
        height: 180px
    }

    .bannerindex .swiper_txt {
        padding: 0
    }

    .bannerindex .swiper_txt .ban_p,
    .bannerindex .swiper_txt .index_more2 {
        display: none
    }

    .bannerindex .swiper_exlore img {
        height: auto
    }

    .index_more2 a {
        height: 35px;
        padding: 0 10px
    }

    .index_more3 a i {
        margin: 0 auto
    }

    .index_more3 a .arrow {
        margin: 0px
    }

    .index-partner .subs .index_more3 a {
        width: 80px;
        height: 35px
    }

    .index-form .index_more3 a i {
        margin: 0
    }

    .index-exp {
        text-align: center
    }

    .index-exp .row>* {
        margin-top: 40px
    }

    .index-exp .row>*:first-child {
        margin: 0
    }

    .index-exp .icon {
        height: auto;
        justify-content: center
    }

    .index-exp .icon img {
        height: 35px
    }

    .index-exp .index_txt2 {
        height: auto
    }

    .index-cate {
        background-size: cover
    }

    .index-cate ul#index_pcategory_ul,
    .cate-more ul#index_pcategory_ul {
        margin-left: -7px;
        margin-right: -7px
    }

    .index-cate ul#index_pcategory_ul li,
    .cate-more ul#index_pcategory_ul li {
        width: calc(50% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 14px
    }

    .cate-list #SubCategories ul {
        margin-left: -7px;
        margin-right: -7px
    }

    .cate-list #SubCategories ul li {
        width: calc(50% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 14px
    }

    .index-video .video-txt {
        position: unset
    }

    .cate-list .productlist {
        margin-left: -7px;
        margin-right: -7px
    }

    .cate-list .productlist .bk_pro {
        width: calc(50% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 14px
    }

    .cate-list .productlist .bk_pro .briefContent ul li {
        font-size: 12px
    }

    .cate-list .productlist .bk_pro .briefContent ul li::before {
        margin-right: 5px !important
    }

    .newsindex .newsList {
        margin-left: -7px;
        margin-right: -7px
    }

    .newsindex .newsList .news-box {
        width: calc(50% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 14px
    }

    .newsindex .newsList .news-box .summary-ul {
        padding: 15px
    }

    .newsindex .newsList .news-box .summary-ul h2.t-h,
    .newsindex .newsList .news-box .summary-ul .index_more3 {
        margin-top: 15px
    }

    .blogindex .blogList {
        margin-left: -7px;
        margin-right: -7px
    }

    .blogindex .blogList .blog-box {
        width: calc(50% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 14px
    }

    .blogindex .blogList .blog-box .summary-ul {
        padding: 15px
    }

    .blogindex .blogList .blog-box .summary-ul h2.t-h,
    .blogindex .blogList .blog-box .summary-ul .index_more3 {
        margin-top: 15px
    }

    .newsitem .pageitem a span {
        display: none
    }

    .newsitem .pageitem a span.prev,
    .newsitem .pageitem a span.next {
        display: block
    }

    .index-solution {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    .index-solution .row>* {
        margin-top: 0;
        padding-right: 0;
        padding-left: 0
    }

    .index-solution .row>*:nth-child(5) {
        margin-top: var(--bs-gutter-x)
    }

    .index-solution .list .solution_li {
        padding: 15px;
        text-align: center
    }

    .index-solution .list .solution_li .index_name {
        height: auto
    }

    .index-solution .list .solution_li .index_name br {
        display: none
    }

    .index-list .list_li {
        text-align: center
    }

    .company_proce .index_name {
        font-size: var(--fs16)
    }

    .quality_download .down_list .row>* {
        margin: 0
    }

    .cate-about .serve_li {
        padding: 15px 0
    }

    .cate-about .serve_li .icon {
        height: 50px
    }

    .cate-about .serve_li .icon img {
        height: 100%
    }

    .cate-process .processBig .process_li .name {
        font-size: var(--fs16);
        padding: 10px 30px
    }

    .index-keep .keep_li .txtDiv,
    .cate-feature .feature_li,
    .cate-flow .flow_li,
    .rnd_tailoring .text,
    .rnd_devel .devel_li,
    .quality_download .down_list .downDiv,
    .feedback_midd .feed_right {
        padding: 15px
    }

    .cate-flow .flow_li .index_txt2 {
        height: auto
    }

    .productitem .pro_item_desc ul.TabbedPanelsTabGroup,
    .productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-next,
    .productitem .pro_item_desc .TabbedPanelsContent .otherImg .swiper-button-prev,
    .custom-craft .swiper_btns .swiper-button-next,
    .custom-craft .swiper_btns .swiper-button-prev,
    .historyList .yearDiv {
        display: none
    }

    .cate-video a img {
        width: 45px
    }

    .cate-quest .quest_list {
        display: block
    }

    .cate-quest .quest_list .index_more2 {
        margin-top: 20px
    }

    .productitem .pro_item_top .btns a {
        min-width: auto;
        padding: 0 20px;
        height: 35px
    }

    .customized-list .ized_li .ized_txt {
        position: unset;
        padding: 20px 0
    }

    .customized-list .ized_li .ized_txt .ized_txt_d {
        padding: 0 !important
    }

    .custom-about .about-tip {
        font-size: 22px
    }

    .feedback_fot .feed_fod_li .name img {
        height: 35px
    }

    .footer .f_ols {
        margin-top: 30px
    }

    .footer .col-lg-7 {
        margin: 0
    }

    .footer .col-lg-7 .row>div[class*=col-lg] {
        padding: 0
    }

    .footer ul.qulink li a,
    .footer ul.footnav li a {
        margin-bottom: 20px
    }

    .footer ul.qulink li ul li a,
    .footer ul.footnav li ul li a {
        line-height: 24px
    }

    .footer ul.footnav {
        justify-content: space-between
    }

    .footer ul.footnav li {
        flex: none
    }

    .footer-expert {
        background-size: cover
    }

    .cate-flow .flow_li .icon {
        height: 40px
    }

    .cate-flow .flow_li .icon img {
        height: 40px
    }

    .rnd_goals .goals_li img,
    .part_icon .part_icon_li img,
    .feedback_midd .feed_m_li .icon img {
        height: 40px
    }

    .rnd_devel .tips_list {
        flex-wrap: wrap
    }

    .rnd_devel .tips_list .tip_li {
        margin-top: 20px
    }

    .custom-about .about_icon {
        border: 0
    }

    .ware-step .row-cols-5>*,
    .quality_about .row-cols-5>* {
        width: 100%
    }

    .ware-step .row-cols-5>* .step_icon,
    .quality_about .row-cols-5>* .step_icon {
        transform: rotate(90deg)
    }

    .ware-step .row-cols-5>* .step_icon::before,
    .quality_about .row-cols-5>* .step_icon::before,
    .ware-step .row-cols-5>* .step_icon::after,
    .quality_about .row-cols-5>* .step_icon::after {
        display: none
    }

    .company_top .img::before {
        display: none
    }

    .company_imgs .proceDiv {
        padding-bottom: 15px
    }

    .historyList .historyImg .hisyDiv_more {
        position: unset;
        margin: 0 auto
    }

    .part_top .index_txt {
        margin-left: 0
    }

    .part_icon .part_icon_li {
        padding: 15px
    }

    .feedback_top .feed_more a span::after {
        width: 40px;
        right: 30px
    }
}

@media (min-width:992px) and (max-width:1300px) {
    body {
        --fs80: 50px;
        --fs60: 40px;
        --fs48: 32px;
        --fs42: 28px;
        --fs36: 20px;
        --fs30: 18px;
        --fs28: 17px;
        --fs26: 16px;
        --fs24: 15px;
        --fs20: 15px;
        --fs18: 13px;
        --fs16: 12px
    }

    .line18 {
        line-height: 1.6
    }

    .line2 {
        line-height: 1.8
    }
}

@media (min-width:1300px) and (max-width:1500px) {
    body {
        --fs80: 50px;
        --fs60: 40px;
        --fs48: 37px;
        --fs42: 35px;
        --fs36: 30px;
        --fs30: 22px;
        --fs28: 21px;
        --fs26: 20px;
        --fs24: 19px;
        --fs20: 16px;
        --fs18: 15px;
        --fs16: 14px
    }

    .line18 {
        line-height: 1.6
    }

    .line2 {
        line-height: 1.8
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1240px
    }
}

@media (min-width:1600px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width:1800px) {}