:root{--primary-color:#004dac;}
nav{background-color: white;}
body,a,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,tr,th,td{margin:0;padding:0;-webkit-text-size-adjust:none;list-style: none;word-wrap:break-word;}
img {vertical-align: middle;max-width: 100%;}
/* public */
*,html,body,a,text,span,i,div,p{font-family: "poopins-medium";}
/* 图片控制 */
.content-img-wow-1{position: relative; width: 100%; height: 0; overflow: hidden; }
.content-img-wow-1 img{position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; opacity: 1 !important;}
/* 换行 */
.webkit-line-clamp{ word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.webkit-line-normal-clamp{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.-webkit-line-clamp-2{-webkit-line-clamp: 2;}
.-webkit-line-clamp-3{-webkit-line-clamp: 3;}
.-webkit-line-clamp-4{-webkit-line-clamp: 4;}
.-webkit-line-clamp-5{-webkit-line-clamp: 5;}
/* 分页 */
.raw-pagination-ul-page{width: 100%; float: left ; text-align: center;}
.raw-pagination-ul-page ul li a,.raw-pagination-ul-page ul li span{margin: 0 5px !important; background-color: unset !important; color: black !important; border: unset; width: 35px !important; height: 35 !important;}
.raw-pagination-ul-page ul li:hover a,.raw-pagination-ul-page ul .active span{margin: 0 5px !important; background-color: var(--primary-color) !important; color: white !important; border: unset; width: 35px !important; height: 35 !important;  }
.raw-pagination-ul-page ul li:first-child i,.raw-pagination-ul-page ul li:last-child i {color: var(--primary-color);}
/* 图片大小 */
.index-banner-padding-bottom{padding-bottom: 35%; position: relative;}
.index-banner-xs-padding-bottom{padding-bottom: 67%; position: relative;}
.product-recommeded-classic-padding-bottom{padding-bottom: 194.8%;}

.product-recommeded-details-padding-bottom{padding-bottom: 100%;}
.product-application-padding-bottom{padding-bottom: 76%;}
.index-1-img-padding-bottom{padding-bottom: 19%;}
.certificate-img-padding-bottom{padding-bottom: 141%;}
.blog-img-list-padding-bottom{padding-bottom: 71%;}
.index-content-us-bg-padding-bottom{padding-bottom: 25%;}
.new-latest-blog-padding-bottom{padding-bottom: 70%;}
.contact-img-bg-padding-bottom{padding-bottom: 33%;}
.company-show-img-padding-bottom{ padding-bottom: 64%;}
@media (max-width: 821px) {
    .index-content-us-bg-padding-bottom{padding-bottom: 40%;}
    .about-font-size{font-size: 27px !important;}
    .about-font-size-intro{font-size: 12px !important;}
}
/* public */
.bg-color{background: var(--primary-color); color: white;}
.main_1280{max-width: 1280px;margin: 0px auto;}
a,a:hover,a:focus{text-decoration : none;}
.row{margin: unset;}
.padding-unset{padding: unset;}
.container-padding-top-bottom{padding-top: 50px; padding-bottom: 50px;}
.padding-left-unset{padding-left: unset;}
.padding-right-unset{padding-right: unset;}
.index-1-header{width: 100%; position: relative;}
.index-1-position-absolute{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.index-1-position-absolute-title,.index-1-position-absolute-intro{text-align: center; color: white; font-size: 50px; font-weight: 600; margin-top: 100px;}
.index-1-position-absolute-intro,.index-1-position-absolute-intro a{color: white; font-size: 20px; margin-top: 20px; font-weight: 400;}
.index-1-position-absolute-intro a:first-child{color: #999999;}
.index-row-margin-left{margin-left: -15px;}
.index-row-margin-right{margin-right: -15px;}
.category{font-size: 40px;line-height: 30px;text-align: center;margin-bottom: 30px; font-weight: bold;}
.policy-category,.policy-category img,.policy-category table{max-width: 80%;}
.bg-f4{background-color: #f4f4f4;}
.bg-theme-color{background: var(--primary-color) !important; color: white !important;}
.font-w-6{font-family: "poopins-bold" !important;}
.font-w-5{font-family: "poopins-medium" !important;}
.font-w-4{font-family: "poopins-light" !important;}
.font-xs-30{font-size: 40px;}
.font-xs-20{font-size: 30px;}
.font-xs-15{font-size: 20px;}
.font-xs-12{font-size: 15px;}
.font-xs-smail{font-size: 12px;}
.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pl-1{padding-left: 10px;}
.pl-2{padding-left: 20px;}
.pl-3{padding-left: 30px;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px;}
.line-height-2{line-height: 2;}
.color-b{color: #999999;}
.color-w{color: white;}
.color-0{color: #202020;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.overflow-hidden{overflow: hidden;}
.float-right{float: right;}
.text-align-right{text-align: right;}
.text-align-right i{font-size: 18px;}
.tingbu .fa{line-height: 40px;}   

@media (max-width: 1200px) {
    .index-1-position-absolute-title{margin-top: 10%;}
    .index-1-position-absolute-intro a,.index-1-position-absolute-intro{ margin-top: 5px;}
}
@media (max-width: 821px) {
    .padding-unset{padding:0 15px;}
    .container-padding-top-bottom{padding-top: 50px; padding-bottom: 50px;}
    .padding-left-unset{padding-left: 15px;}
    .padding-right-unset{padding-right: 15px;}
    .index-1-position-absolute-title{margin-top: 5%; font-size: 30px;}
    .index-1-position-absolute-intro a,.index-1-position-absolute-intro{font-size: 12px; margin-top: 5px;}
    .index-row-margin-left{margin-left: unset;}
    .index-row-margin-right{margin-right: unset;}
    .font-xs-30{font-size: 30px;}
    .font-xs-20{font-size: 20px;}
    .font-xs-15{font-size: 15px;}
    .font-xs-12{font-size: 12px;}
}
@media (max-width: 500px) {
    .padding-unset{padding:0 15px;}
    .container-padding-top-bottom{padding-top: 30px; padding-bottom: 30px;}
    .padding-left-unset{padding-left: 15px;}
    .padding-right-unset{padding-right: 15px;}
    .index-1-position-absolute-title{margin-top: 1%; font-size: 15px;}
    .index-1-position-absolute-intro a,.index-1-position-absolute-intro{font-size: 12px; margin-top: 5px;}
    .index-row-margin-left{margin-left: unset;}
}
/* header */
header{background-color: white;height: 90px; position: fixed; z-index: 9999; top: 0; right: 0; left: 0; z-index: 999}
.navbar{border: unset; height: 90px;}
.navbar-header{margin: 10px 0;}
.navbar-nav {float: right;margin: 0;}
.nav-logo-img{margin: 2px 0; margin-left: 3px;}
.navbar-default .navbar-nav>li{margin: 0 20px;padding: 0 15px;}
.navbar-default .navbar-nav>li>a{margin: 20px 0; padding: 15px 0;font-size: 18px;}
.navbar-default .navbar-nav> .active{ border-bottom: 2px solid var(--primary-color);}
.navbar-default .navbar-nav> .active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color: var(--primary-color); background-color: unset;}
header ul li form { width: 120px; height: 100%; border-radius: 50px; overflow: hidden; box-shadow: 0px 0px 10px #000000;margin-top: 25px !important; position: relative;}
header ul li form div input{padding: 10px 20px; border-radius: 25px; color: #999999; border: 1px solid black;}
header ul li form div img{position: absolute; right: 35px; top: 10px;}
.san-1{position: fixed;top: 18px;right: 20px;color: #ffffff;z-index: 1000;width: 40px;height: 40px;line-height: 40px;text-align: center;display: none;}
.san-2{position: fixed;top: 18px;right: 20px;color: #999999;z-index: 1000;width: 40px;height: 40px;line-height: 40px;text-align: center;display: none;}
.san-1 i{color: var(--primary-color);font-size: 20px;}
.san-2 i{font-size: 20px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: unset;}
.navbar-nav>li>.dropdown-menu{ background-color: #eeeeee;}
.dropdown-menu>li>a{color: #999999; padding: 10px 20px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: var(--primary-color);background-color: #eeeeee;}
.dropdown:hover .dropdown-menu{display: block;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: var(--primary-color);}
.header-san-height{width: 100%; height: 90px;}
.nav-header-contact-us-a{float: left; padding: 10px 20px; background: var(--primary-color); margin-top: 22px; border-radius: 5px; margin-right: -35px;}
.nav-header-contact-us-a a {color: white !important; font-size: 18px;}
.dropdown i{ float: right; margin-top: 5px; position: absolute; top: 12px; right: 30px; width: 10px;}
@media (max-width: 1750px) {.navbar-default .navbar-nav>li {margin: 0 20px;} .navbar-default .navbar-nav>li>a,.nav-header-contact-us-a a{font-size: 13px;}}
@media (max-width: 1200px) {.navbar-default .navbar-nav>li {margin: 0;} .navbar-default .navbar-nav>li a,.nav-header-contact-us-a a{font-size: 12px;}}
@media (max-width: 1000px) {.navbar .container-fluid,nav{padding: unset;} }
@media (max-width: 768px) {
    #bs-example-navbar-collapse-1{position: fixed; right: -100%; top: 0; background-color: white; display: block; width: 80%; height: 100% !important; z-index: 999;}
    .san-1 {  display: block;}
    #bs-example-navbar-collapse-1 .navbar-nav { width: 100%; text-align: center;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a:hover { border-bottom: unset; background: unset;}
    .navbar-default .navbar-nav>li a{text-align: left;}
    header ul li form{ width: 100%; border-color: transparent !important; overflow: inherit;}
    header ul li form div img{ top: 20px; right: 40px;}
    .dropdown:hover .dropdown-menu{display: none;}
    .open .dropdown-menu{display: block !important;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: var(--primary-color);}
    .navbar-default .navbar-nav>li>a{margin: unset;}
    .navbar-nav>li{ float: unset;}
}
@media (max-width: 500px) {
    #bs-example-navbar-collapse-1{padding-top: 50px;}
}
/* footer */
footer{padding: 80px 0px 0px;background-color: var(--primary-color);}
footer .container-fluid{padding: 0;}
footer .link .img{background-size: auto 12px; float: left;width: 30px;height: 30px;border-radius: 50px;background-repeat: no-repeat;background-position: center;display: grid;align-items: center;text-align: center;border: 1px #000000 solid;margin-right: 5px;}
footer .link .img img{margin: 0px auto;width: 12px; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
footer .link .img:hover{background-color: #ffffff;border-color: #ffffff;}
footer .link .img:hover img{opacity: 0;}
footer .link .fa-i-aria-footer{width: 35px; height: 35px; line-height: 35px; text-align: center; float: left; margin: 100px 5px 0 5px}
footer .link .fa-i-aria-footer i{font-size: 28px;}
footer .title{font-size: 20px;color: #ffffff;margin-bottom: 10px;font-weight: 500;}
footer .foot-nav{font-size: 15px;color: #ababab;font-weight: 300;margin-bottom: 15px; font-weight: 400;}
footer .foot-nav .row{ margin: 0 0 20px 0;}
footer .foot-nav .row a{ color: #999999;}
footer .foot-nav .row a:hover{ color: var(--primary-color);}
footer .foot-nav .footer-nav-content-img{ padding: 0;}
footer .blog_list{background-position: left top;background-repeat: no-repeat;padding-left: 78px;background-size: 66px auto;}
footer .foot-nav .foot-nav_2{color: #ffffff;}
footer .zh-foot{border-top: 1px #bfbfbf solid;line-height: 36px;color: white;overflow: hidden;clear: both;margin-top: 30px; background: var(--primary-color);}
footer .zz-foot{text-align: right;}
footer .zz-foot a{color: #ababab;}
footer .zz-foot a:first-child{margin-right: 20px;}
footer .zz-foot a:last-child{margin-left: 20px;}
footer a:hover .foot-nav{color: white;}
footer .footer-communication{margin-top: 30px;}
footer .footer-communication .footer-communication-height{min-height: 30px; color: #ababab; margin-top: 20px; padding-left: 30px;}
footer .footer-communication .footer-communication-phone{background: url('../image/bottom_phone.png') no-repeat;}
footer .footer-communication .footer-communiction-mail{background: url('../image/bottom_mail.png') no-repeat;}
footer .footer-communication .footer-communiction-address{background: url('../image/bottom_address.png') no-repeat;}
footer .zh-foot-footer-left{ padding-left: 0;}
footer .link .fa_i_aria_footer{ float: left; margin-right: 20px;}
footer .link .fa_i_aria_footer i{ font-size: 20px;}
footer .zh-foot-footer-right{text-align: right;}
footer .zh-foot-footer-right a,footer .footer-padding-left-right{color: #bfbfbf;}
footer a,footer a:hover{color: white;}
footer .footer-padding-left-right{padding: 20px 0;}
.getCenter{text-align: center; background-color: white; padding: 10px 0; margin: 0; color: var(--pimary-bg); font-weight: 600;}
.form-control{border-radius: unset;}
@media (max-width: 1200px) {
    footer .link .fa-i-aria-footer{margin: 100px 2px 0 2px;}
}
@media (max-width: 768px) {
    /* footer .row>div:first-child{display: flex;justify-content: space-between;} */
	footer .row>div:nth-child(2) .foot-nav{width: 50%;float: left;}
	footer .row>div:nth-child(2) .title{margin-bottom: 10px;margin-top: 20px;}
	footer .row>div:nth-child(3) .foot-nav{width: 50%;float: left;}
	footer .row>div:nth-child(3) .title{margin-bottom: 10px;margin-top: 20px;}
	footer .row>div:nth-child(3) .foot-nav{height: 42px;margin-bottom: 10px;}
	footer .zz-foot{text-align: left;}
	footer .zh-foot{padding: 20px 0px;}
	footer .zh-foot div{padding: 0px;line-height: 30px;font-weight: 300;}
    footer .zh-foot-footer-left{text-align: center;}
    footer .zh-foot-footer-right{text-align: center;}
    footer .link{text-align: center; width: 100%; float: left;}
    footer .link .fa-i-aria-footer{margin: 20px 10px 20px 0;}
    .pl-xs-unset{padding-left: unset;}
}
/* index */
.index-banner-swiper,.swiper{overflow: hidden;position: relative; padding: unset;}
.products-recommended-swiper-position{position: relative; overflow: hidden;}
.index-banner-swiper .button-next,.products-recommended-swiper-position .button-next,.about-swiper .button-next{ position: absolute;top: 50%;margin-top: -25px;right: 100px;width: 40px;line-height: 48px;height: 40px;background-color: rgba(0,0,0,0.5);z-index: 10;text-align: center; color: white; border-radius: 7px;}
.index-banner-swiper .button-prev,.products-recommended-swiper-position .button-prev,.about-swiper .button-prev{ position: absolute;top: 50%;margin-top: -25px;left: 100px;width: 40px;line-height: 48px;height: 40px;background-color: rgba(0,0,0,0.5);z-index: 10;text-align: center; color: white; border-radius: 7px;}
/* .index-banner-custom-made{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 161px 0 0 370px;color: white;} */
.index-banner-custom-made{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 8% 10% 8% 19.5%;color: white;}
.index-banner-custom-made a{color:white;}
.index-banner-custom-made-name{ margin-bottom: 40px;}
.index-banner-custom-made-title{width: 550px; margin-bottom: 40px;}
.index-banner-custom-made-intro{width: 550px; margin-bottom: 40px;}
.index-banner-custom-made-active-button{padding: 10px 20px; background-color: #bfbfbf; border-radius: 4px; float: left; font-size: 16px; margin-right: 20px;}
.index-banner-custom-made-active-button a{color: white;font-family: 'popping-medium';}
.index-banner-custom-made-active-button:hover{background-color: var(--primary-color);}
.index-experience-of-year{ margin-bottom: 20px; font-weight: 500; margin-top: 20px;}
.index-experience-about-us-title{font-weight: 600; margin-bottom: 40px;}
.index-experience-about-us-intro{ font-weight: 500; line-height: 2; margin-bottom: 50px;}
.index-experience-about-us-view-more{ width: 120px; height: 40px; line-height: 40px; color: var(--primary-color); border: 1px solid var(--primary-color); text-align: center; border-radius: 10px; margin-bottom: 20px;}
.index-container-padding-bg-image{background: url('../image/index_about_us_bg_img.png') no-repeat 100% 100%;}
.index-news-padding-bg-image{background: url('../image/index_news_bg_img.png') no-repeat 100% 100%;}
.container-width-fill{width: 100%; color: #202020;}
.index-experience-about-us-view-iframe iframe{width: 100%;}
.about-infomation-number-padding{ background-color: var(--primary-color);}
.about-infomation-data-row{padding: 0 0 60px 80px; margin-top: 60px; color: white;}
.about-diamond-infomation-data{background: url('../image/diamond.png') no-repeat;}
.about-workshop-infomation-data{background: url('../image/workshop.png') no-repeat;}
.about-crowdthe-infomation-data{background: url('../image/crowdthe.png') no-repeat;}
.about-certificate-infomation-data{background: url('../image/certificate.png') no-repeat;}
.about-diamond-number-data{font-weight: 600; font-size: 45px;}
.about-diamond-number-data-text{font-size: 16px;}
.container-background-color-f6{background-color: #f6f6f6;}
.products-recommended-title{text-align: center; font-weight: 600; margin-bottom: 65px; margin-top: 5px;}
.products-recommended-swiper .swiper{overflow: hidden;width: 100%;}
.product-recommeded-classic-position,.product-recommeded-details-position{position: relative;}
.product-recommeded-classic-type{position: absolute; bottom: 0; color: white; left: 0; right: 0; background: rgba(0,0,0,0.5); font-size: 25px; font-weight: 600; text-align: center; padding: 20px 0;}
.product-recommeded-details-type{position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 0 10px; background: rgba(0,0,0,0.5); color: white; text-align: center; display: none; word-wrap:break-word; word-break:break-all; flex-direction: column; align-items: center; justify-content: center;}
.product-recommeded-details-a{text-overflow: ellipsis; text-decoration: underline;margin-top: 20px;}
.product-recommeded-details-position:hover .product-recommeded-details-type{display: flex;}
.product-recommeded-details-list .product-recommeded-details-list-list{padding-right: 0; padding-bottom: 15px;}
.product-application-padding-bottom img,.wow-item .card .card-div{ border-radius: 15px;}
.content-us-information-text{text-align: center; color: white; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 7% 0;}
.content-us-information-text div{margin-bottom: 20px;}
.content-us-information-text a{color: white;}
.index-content-us-information-a{width: 180px; padding: 10px; background-color: var(--primary-color); border-radius: 10px; margin: 0 auto;}
.new-latest-blog{border-top-left-radius: 15px; border-top-right-radius: 15px;}
.index-news-margin-left-right{margin: 0 15px;}
.index-row-box-shadow{box-shadow: 1px 1px 10px #f5f5f5; background-color: white;}
.index-new-title-min-height{min-height: 74px}
.index-row-margin-left a{color: #999999;}
.index-row-margin-left a:hover{color: var(--primary-color);}
/* product flip */
.wow-item img{    -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.wow-item label{ -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer;}
.wow-item .card{ position: relative; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 600ms; transition: all 600ms; z-index: 20; border: none;}
.wow-item .card .card-div{ position: absolute; height: 100%; width: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.wow-item .card .back {background: var(--primary-color);color: #FFF;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.wow-item input {display: none;}
:checked + .card {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
label:hover :checked + .card {box-shadow: 0 20px 20px rgba(255, 255, 255, 0.2);}
.product-application-img-logo img{border-radius: unset;margin: 60px auto 0 auto; width: 75px; position: unset; height: 75px;}
.products-recommended-intro-text{width: 100%; min-height: 300px;}
.products-recommended-intro-list{margin-bottom: 30px;}
@media (max-width: 1300px) {
    .index-banner-custom-made-name{font-size: 15px; margin-bottom: 10px;}
    .index-banner-custom-made-title{width: 60%;margin-bottom: 10px;}
    .index-banner-custom-made-intro{width: 60%;  margin-bottom: 10px;}
}
@media (max-width: 1000px) {
    /* .index-banner-custom-made-intro{display: none;}  */
}
@media (max-width: 821px) {
    .index-banner-swiper .button-next,.index-banner-swiper .button-prev,.products-recommended-swiper-position .button-next,.products-recommended-swiper-position .button-prev,.about-swiper .button-next,.about-swiper  .button-prev{display: none;}
    .index-banner-custom-made-name{font-size: 15px; margin-bottom: 5px;}
    .index-banner-custom-made-title{width: 60%;}
    .index-banner-custom-made-intro{width: 60%;}
    .index-banner-custom-made-active-button{font-size: 12px;}
    .about-infomation-data-row{padding: 60px 0 0 0; text-align: center; background-position: center 2px; margin: 30px 0;}
    .products-recommended-title{margin-bottom: 40px;}
    .index-experience-about-us-intro{margin-bottom: 20px;}
    .content-us-information-text div{margin-bottom: 10px;}
    .padding-bottom-unset{padding-bottom: unset;}
    .index-news-margin-left-right{margin: 0 5px;}
    .index-new-title-min-height{min-height: 60px}
    .content-us-information-text{padding: 9% 0;}
    .new-latest-blog{ border-top-right-radius: 5px;border-top-left-radius: 5px;}
    .index-banner-custom-made-active-button{ padding: 5px 10px;}
    .index-banner-custom-made{margin-left: 5%; margin-top: 20%;}
}
@media (max-width: 500px) {
    .index-banner-custom-made-title{font-size: 14px; margin-bottom: 20px;}
    .index-banner-custom-made-intro{font-size: 12px;}
    .container-font-xs-20{font-size: 12px;}
    .content-us-information-text div{margin-bottom: 5px;}
    .content-us-information-text{padding: 6% 0;}
    .index-content-us-information-a{width: 100px; padding: 5px; border-radius: 4px; font-size: 12px;}
    .index-1-img-padding-bottom { padding-bottom: 39%; }
    .index-1-position-absolute-title { margin-top: 10%; font-size: 30px;}
    .index-banner-custom-made-intro{display: none;}
    .index-experience-about-us-title{font-size: 19px !important;}
}
/* certificate */
.certificate-img-title{ font-weight: 600; font-size: 16px;text-align: center; padding:  20px 20px 0 20px;}
.certificate-list-dateils{margin-bottom: 60px;}
.certificate-list-dateils a{color: #202020;}
/* blog (news) */
.blog-img-list img{ border-top-left-radius: 15px;border-top-right-radius: 15px;}
.blog-list-text-box{padding: 30px;}
.blog-list-title{font-size: 20px; font-weight: 600; color: black; min-height: 58px;}
.blog-list-intro{font-size: 15px; color: #999999;padding-top: 20px; min-height: 85px;}
.blog-list-a{text-decoration: underline; margin-top: 20px; color: #999999;}
.blog-list-a:hover{color: var(--primary-color);}
.blog-list-boxshaw{box-shadow: 1px 1px 10px #f4f4f4; background: white;border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 20px;}
/* about */
.products-recommened-bg{border-radius: 15px; background: #f3f3f3; padding: 35px; text-align: center;}
.products-recommened-title-white{font-size: 20px; font-weight: 500; font-size: #202020; height: 60px; margin: 20px 0 30px 0;padding: 0 20%;}
.products-recommended-padding{padding: 0 5px; margin-bottom: 10px;}
.products-recommened-bg:hover{background: var(--primary-color);}
.product-recommened-img-2{display: none;}
.products-recommened-bg:hover .products-recommened-title-white,.products-recommened-bg:hover u{color: white;}
.products-recommened-bg:hover .product-recommened-img-1{display: none;}
.products-recommened-bg:hover .product-recommened-img-2{display: block;}
.product-recommened-img{text-align: center;}
.product-recommened-img img{  height: 70px;}
.products-recommended-padding a{color: #202020;}
.products-recommended-padding u{font-size: 15px;}
.products-recommended-list-intro{float: left; margin-bottom: 100px; width: 100%;}

/* contact */
.bg-image-position{background: url('../image/position.png') no-repeat; background-position-y: 40%;}
.bg-image-phone{background: url('../image/phone.png') no-repeat;}
.bg-image-mail{background: url('../image/mail.png') no-repeat; background-position-y: 30%;}
.bg-image-facebook{background: url('../image/facebook.png') no-repeat;}
.bg-image-fax_print{background: url('../image/fax_print.png') no-repeat;}
.bg-image-wechat{background: url('../image/wechat.png') no-repeat;}
.bg-image-whatsapp{background: url('../image/whatsapp.png') no-repeat;}
.bg-image-alibaba{background: url('../image/alibaba.png') no-repeat; background-position-y: 10%;}
.form-control{height: 45px; background-color: #fafafa;}
.contact-social-height{min-height: 30px;}
.margin-left-right-16{margin: 0 16%;}

/* about */
.company-show-img-title{top: 0; left: 15px; right: 15px; bottom: 0; margin: auto; color: white; background-color: rgba(0,77,172,0.3); justify-content:center; align-items: center; display: none;}
.position-relative:hover .company-show-img-title{display: flex;}

/* product */
.product-input-search input{ border: none;line-height: 30px;padding: 6px 40px 2px 20px;}
.porduct-input-search-img{right: 15px; top: 13px;}
/* .product-input-ul li{padding: 10px 15px;} */
.product-input-ul li i{float: right; padding-top: 5px;}
.product-input-ul-ul{display: none;}
.product-input-ul-ul-ul {background-color: white;}
.product-input-ul-ul-ul li{border-bottom: 1px solid #ececec;}
.product-input{margin: 0; padding: 10px 0;}
.product-input-1{margin: 0 -15px; padding: 10px 15px;}
.product-input-2{ color: #434343; border-bottom: 1px solid #ececec; background-color: #fafafa;}
.product-input input{ float: right;}
.product-list-product a,.product-input{ color: #000000;}

.products-swiper-ab{position: relative;padding: 0 45px; margin-top: 10px;}
.products-swiper-ab .button-prev { width: 40px; height: 100%; display: grid; align-items: center; position: absolute; left: 0px; top: 0px; bottom: 0px; text-align: center; background-color: #f4f4f4;}
.products-swiper-ab .button-next { width: 40px; height: 100%; display: grid; align-items: center; position: absolute; right: 0px; top: 0px; bottom: 0px; text-align: center; background-color: #f4f4f4;}
.products-swiper-ab .swiper-slide{border: 1px solid #dfdddd;}
.products-swiper-ab .button-prev i,.products-swiper-ab .button-next i{font-size: 26px;}
.products-swiper-ab .button-prev:hover,.products-swiper-ab .button-next:hover{background-color: var(--primary-color); color: white;}
.products-list-title{border-bottom: 1px solid #ededed;}
.condition-screening{ width: calc(100% - 60px); text-align: center; margin: 12px auto; background: var(--primary-color); color: white; border-radius: 5px; padding: 5px 0;}
.xs-bg-white{background-color: white; width: 100%; position:fixed; bottom: 0; right: 0; left: 0;}
.font-w-5 label{width: 100%; cursor: pointer;}
.the-text-rich img{ max-width: 100%;}
.min-products-height-list{min-height: 53px;}
.min-products-height-list-title{min-height: 68px;}
@media (max-width: 767px) {
    .condition-list-search{ position: fixed; top: 0; bottom: 0; background-color: white; margin-left: -15px; z-index: 9999; overflow: auto;}
    .product-input-list-ul{margin-bottom: 50px;}
    .min-products-height-list{min-height: 44px;}
    .min-products-height-list-title{min-height: 53px;}
}

/* 添加鼠标悬浮效果，不需要点击就能翻转 */
.wow-item label:hover .card {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

/* 添加过渡动画效果 */
.wow-item .card {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}
@media (max-width: 768px) {
    .wow-item .card {
        /* 移动端可能需要调整翻转速度 */
        transition: all 0.4s ease;
    }
    
    /* 考虑到移动端触摸操作 */
    .wow-item label:active .card {
        transform: rotateY(180deg);
    }
}