:root {
    --color: #2932e1
}

.table td, .table th {
    text-transform: capitalize
}

.idx-about-con p, .ca-list li p {
    display: contents
}

.inner-r {
    line-height: 1.75em
}

.header-nav-list {
    background: #fff
}

#nav > ul > li:hover a {
    color: #000
}

#nav > ul > li > .submenu li a {
    color: #fff;
}

#nav > ul > li > .submenu li:hover a {
    color: #fff
}

.floatwindow_fd_main {
    right: -240px !important;
    transition: all .3s ease
}

.floatwindow_fd_conct:hover .floatwindow_fd_main {
    right: 0 !important;
    transition: all .3s ease
}

/*.new-list>ul{display: flex;flex-wrap: wrap;}
.new-list>ul>li{width:32%;margin-right:2%;display:flex;flex-direction: column;margin-left:0;height:auto;}
.new-list>ul>li:nth-child(3n){margin-right:0;}
.new-list>ul>li .news-date{top:0;left:0;z-index:2}
.new-list>ul>li .news-img{width:100%;}
.new-list>ul>li .news-img>a{position:relative;height:0;padding-bottom:100%;display:block;}
.new-list>ul>li .news-img>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.new-list>ul>li .news-con{width:100%;}
@media (max-width:1280px){.new-list>ul{justify-content:space-between;}
.new-list>ul>li{width:49%;margin-right:0;}}*/
.recommended-products {
    background-image: url(../image/productbc.jpg)
}

.ca-list li:hover h3, .ca-list li:hover p, .pro-ca > li > a span, .recommended-products-list .swiper-slide > a:hover, .about-btn a, .search-from .form .searchbtn, .inner-l .tit, .pro-list li:hover .pro-con .pro-btn, .pro-info-con .LayImAhrefNode, .pro-info-con .btn > div, .pro-info-con .sendInquiry, .pro-info-con .LayImAhrefNode, .pro-detaile .pro-name h3, .prolistrandom .pro-name h3, .news-date p {
    color: #fff;
}

#recommended-products-list2 .swiper-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#recommended-products-list2 .swiper-wrapper .swiper-slide {
    height: auto;
    width: 24%;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column
}

#recommended-products-list2 .swiper-wrapper .swiper-slide .recommended-img {
    height: auto !important;
    display: block;
    position: relative;
    padding-bottom: 100%;
}

.recommended-list-btn {
    display: none;
}

#recommended-products-list2 .swiper-wrapper .swiper-slide .recommended-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    background: #fff;
}

.recommended-btn:hover span {
    color: #fff
}

.recommended-btn .btn {
    color: #fff;
}

.recommended-products .recommended-con {
    flex: 1
}

@media (max-width: 1200px) {
    #recommended-products-list2 .swiper-wrapper .swiper-slide {
        width: 48%
    }
}

.certicate {
    display: none;
}

.tit-h2 {
    padding-top: 20px
}

.ca-list li {
    margin-bottom: 20px
}

.section {
    padding-bottom: 50px
}

.idx-about > div {
    padding: 60px 0
}

.video {
    padding: 50px 0
}

.idx-news-list li {
    margin-bottom: 25px
}

.floatwindow_suspend {
    transition: all .6s !important;
}

.floatwindow_fd_conct:hover .floatwindow_suspend {
    left: -280px !important;
}

.floatwindow_fd_main li {
    min-width: 250px;
}

.floatwindow_fd_conct a {
    color: #333333;
    text-decoration: none
}

i {
    font-style: normal
}

.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%
}

.floatwindow_fd_conct {
    position: fixed;
    z-index: 9999999;
    top: 30%;
    right: 0px;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 14px
}

.floatwindow_fd_img {
    width: 40px;
    background: var(--color, #fd3939);
    min-height: 188px
}

.floatwindow_fd_img img {
    position: absolute;
    top: 50%;
    margin-top: -94px
}

.floatwindow_suspend {
    display: flex;
    position: absolute;
    left: -40px;
    transition: right .6s ease-in-out;
    -o-transition: right .6s ease-in-out;
    -moz-transition: right .6s ease-in-out;
    -webkit-transition: right .6s ease-in-out
}

.floatwindow_fd_main {
    min-height: 188px;
    border-left: none;
    background: #FFF
}

.floatwindow_fd_main > div {
    min-height: 178px;
    border: 5px var(--color, #fd3939) solid
}

.floatwindow_fd_main ul {
    padding: 14px 14px 14px 15px
}

.floatwindow_fd_main li a {
    display: block;
    height: 30px;
    color: #666;
    font-size: 14px
}

.floatwindow_fd_main li span {
    display: inline-block;
    line-height: 30px;
    padding-left: 30px
}

.floatwindow_fd_main li {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    position: relative
}

.floatwindow_fd_main li i {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    height: 30px
}

@media (max-width: 768px) {
    .floatwindow_fd_conct {
        display: none
    }
}