:root{--primary-color:#26AEE9;}
html{overflow: overlay;}

/* 图片大小 */
.index-nav-products-img-padding-bottom{padding-bottom: 73%;}
.index-banner-padding-bottom{padding-bottom: 53%;}
.index-products-img-padding-bottom{padding-bottom: 68%;}
.index-hot-products-img-padding-bottom{padding-bottom: 97%;}
.index-hot-products-half-img-padding-bottom{padding-bottom: 46.7%;}
.index-parther-img-padding-bottom{padding-bottom: 57%;}
.latest-blog-img-padding-bottom{padding-bottom: 71%;}
.blog-banner-img-padding-bottom{padding-bottom: 25%;}
.solution-img-padding-bottom{padding-bottom: 57%;}
.solution-details-img-padding-bottom{padding-bottom: 100%;}
.about-company-img-padding-bottom{padding-bottom: 55%;}
.about-company-certification-padding-bottom{padding-bottom: 150%;}
.about-company-exhibition-padding-bottom{padding-bottom: 63.3%;}
.about-company-exhibition-padding-bottom1{padding-bottom: 86%;}
.index-certificate-img-padding-bottom{padding-bottom: 150%;}
.index-compant-factory-img-padding-bottom{padding-bottom: 68.4%;}
.index-contact-bg-padding-bottom{padding-bottom: 18.22%;}
/* .about-compant-smail-exhibition-padding-bottom{padding-bottom: 78%;} */
/* .about-compant-exhibition-padding-bottom1{padding-bottom: 98%;} */

/* 颜色明细 */
.color-0{color: #000000;}
.color-20{color: #202020;}
.color-9{color: #999999;}
.color-ab{color: #ababab;}
.color-red{color: #ff0000;}
.color-white{color: white !important;}
.bg-color-f2{background-color: #f2f2f4;}
.bg-color-primary{background-color: var(--primary-color);}

/* nav */
nav{position: fixed; top: 0; right: 0; left: 0;}
.nav>li{position: relative; padding: 35px 20px;}
/* .navbar-default .navbar-nav li:nth-child(5) > a{pointer-events: none;} */
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>i,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: white;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: unset; color: white;}
.navbar-default{background-color: unset; border: unset;}
.nav>li>a>img{margin-right: 5px;}
.nav>li>i{position: absolute; right: 5px;}
/* .nav>li>i{position: absolute; right: 5px; top: 40%;} */
.lang-list img{width: 30px;}
.lang-list .dropdown-menu>li>a{text-align: center;}
.san_1,.san_2{position: fixed;top: 5%;right: 20px;color: var(--primary-color);z-index: 9998;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{color: #000;font-size: 20px;}
.navbar-brand img{ height: 70px; margin: 10px auto;}
.nav .form-control{border-radius: 20px; padding: 6px 25px 6px 10px;width: 140px !important;}
.form-group{ position: relative;}
.form-group img{position: absolute;right: 10px; top: 8px; width: 18px;}
.nav-button-contact{background-color: var(--primary-color); color: white; margin: 38px 0 38px 20px; padding: 12px 8px !important; border-radius: 5px;}
.nav-button-contact a{padding: unset !important;}
.dropdown-menu-product-list{ background-color: #f7f7f7; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.form-group img{cursor: pointer;}
.navbar{position: fixed;z-index: 9997; background-color: transparent;border-radius: 0px !important;}
.nav-hover-a:hover,.nav-hover-a:focus{color: var(--primary-color);}
.navbar-bg-primary{background-color: #f7f7f7 ; box-shadow: 1px 1px 15px #e3e3e3;}
.navbar-bg-primary .navbar-nav>li>a,.navbar-bg-primary .navbar-nav>li>i,.navbar-bg-primary .navbar-nav>li>a:focus, .navbar-bg-primary .navbar-nav>li>a:hover{color: black;}
/* footer */
footer{background-color: #202020;}
.footer-media-social a{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; border: 1px solid #3a3a3a; float: left;margin-right: 5px;}
.footer-media-social a i{color: #3a3a3a;}
.footer-media-social a:hover{background-color: white;}
a:hover i{ color: #202020;}
.footer-link li{margin-bottom: 10px;}
.footer-link li,.footer-link li a{color: #ababab;}
.footer-link li a:hover{color: white;}
.form-horizontal .form-group{margin: unset;}
.form-horizontal .form-group .form-control{width: 100% !important; border-radius: unset; margin-bottom: 0;}
.get-center{text-align: center; background-color: white; padding: 10px 0; margin: 0;}
.footer-brief{width: 65%;}
.footer-border-top{border-top: 1px solid #3f3f3f;}

/* index */
.index-banner{overflow: hidden;position: relative;}
.index-banner .swiper-slide img{width: 100%; }
.index-banner .button-next{position: absolute;top: 50%;border-radius: 50px; margin-top: -25px;right: 150px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000; background-color: white;}
.index-banner .button-prev{position: absolute;top: 50%;border-radius: 50px; margin-top: -25px;left: 150px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000; background-color: white;}
.index-banner .button-next:hover,.index-banner .button-prev:hover{ color: white; background-color: var(--primary-color);}
.mb-1-5{margin-bottom: 15px;}
.index-hot-products-sale{position: absolute; top: 0;bottom: 0; right: 0; left: 0;background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: end; opacity: 0;}
.index-hot-products-sale-title{color: white;padding: 0 5%;}
.index-hot-products-sale-top{margin-top: 20%;}
.index-hot-products-button{ background-color: var(--primary-color); padding: 8px 10px; float: left; border-radius: 4px; margin: 0 5%;}
.index-hot-products-opacity:hover .index-hot-products-sale{opacity: 1;}
.index-contact-us-button{background-color: var(--primary-color); padding: 10px 20px; border-radius: 4px;}
.index-contact-us-button:hover,.index-contact-us-button:focus{color: white;}
.index-contact-bg{background: url(../image/index_contact_us_bg.jpg) no-repeat center;}
.index-about-fix{height: 600px;display: flex;align-items: center;}
.line-height-2{line-height: 2;}
iframe{width: 100%;}
.about-infomation-data-row{padding: 0 0 60px 80px; margin-top: 60px;}
.about-diamond-number-data{color: var(--primary-color);}
/* .about-infomation-data-1{background: url('../image/number1.png') no-repeat;}
.about-infomation-data-2{background: url('../image/number2.png') no-repeat;}
.about-infomation-data-3{background: url('../image/number3.png') no-repeat;}
.about-infomation-data-4{background: url('../image/number4.png') no-repeat;}
.about-infomation-data-5{background: url('../image/number5.png') no-repeat;} */
.index-parther-swiper .swiper{overflow: hidden; width: 80%; margin: 0 10%;}
.index-parther-swiper{position: relative;}
.index-parther-swiper .button-next{position: absolute;top: 60%;border-radius: 50px; margin-top: -25px;right: 0px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center; color: #000000;background-color: white; box-shadow: 0px 0px 10px #f1f1f1;}
.index-parther-swiper .button-prev{position: absolute;top: 60%;border-radius: 50px; margin-top: -25px;left: 0px;width: 50px;line-height: 62px;height: 50px;z-index: 10;text-align: center;  color: #000000;background-color: white; box-shadow: 0px 0px 10px #f1f1f1;}
.index-parther-swiper .button-next:hover,.index-parther-swiper .button-prev:hover{color: white; background-color: var(--primary-color);}
.index-latest-blog-title{min-height: 90px;}
.index-latest-blog-text{min-height: 75px;height: 79px;}
u:hover{color: #000000;}
.index-blog-box-shadow{box-shadow: 1px 1px 10px #f2f2f4;}
.breadcrumb{margin-bottom: 10px;}

.index-certificate-2 .swiper{overflow: hidden;}
.index-certificate-2 .swiper-container { position: relative; width: 100%; height: 500px;}
.index-certificate-2 .swiper-slide-prev,.index-certificate-2 .swiper-slide-next{transform: scale(0.9) !important;}
.index-certificate-2 .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; transition: 300ms; transform: scale(0.8);} 
.index-certificate-2 .swiper-slide-active,.index-certificate-2 .swiper-slide-duplicate-active{transform: scale(1);}
.index-certificate-2 .swiper{--swiper-pagination-color: var(--primary-color)}
.index-certificate-2 .swiper-pagination-bullet{height: 15px; width: 15px;}

/* contact */
.sub-bar-navigation{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.contact-button-bg{background-color: var(--primary-color); color: white;}
.form-contact-message .form-group{margin-bottom: 10px;}
.form-contact-message .form-group input{padding: 15px 25px 15px 10px; height: 50px; border: unset; background-color: #fafafa; box-shadow: unset;}
.form-contact-message .form-group textarea{ border: unset; background-color: #fafafa; box-shadow: unset;height: 110px;}
.contact-map-right-padding{padding: 0 0 0 80px;}
.contact-background-image1{background: url('../image/contact1.png') no-repeat;}
.contact-background-image2{background: url('../image/contact2.png') no-repeat;}
.contact-background-image3{background: url('../image/contact3.png') no-repeat;}

/* news */
.policy-category,.policy-category img,.policy-category table{max-width: 100%;}

/* solution */
.index-latest-solution-title{height: 58px;}
.solution-list u:hover,.solution-list u:focus{ color: var(--primary-color);}
.solution-information-detailed{border: 1px solid #e8e8e8;}
.border-bottom{border-bottom: 1px solid #e8e8e8;}
.border-bttom-padding-left{padding-left: 50px;}
.border-bottom-bg-img1{background: url('../image/solution1.png') no-repeat 12px 10px;}
.border-bottom-bg-img2{background: url('../image/solution2.png') no-repeat 12px 10px;}
.border-bottom-bg-img3{background: url('../image/solution3.png') no-repeat 12px 10px;}
.solution-details-title:hover,.solution-details-title:focus{ color: var(--primary-color);}

/* about */
.abouts-products-button{ background-color: var(--primary-color); padding: 8px 10px; border-radius: 4px; margin: auto; width: 125px;}
.about-index-us-button{  padding: 10px 35px;}

/* product */
.products-list-ul .products-list-ul-li{ background-color: #eeeeee; padding: 10px;}
.products-list-ul li{position: relative;}
.products-list-ul li a{color: #000000;}
.products-list-ul li i{float: right; cursor: pointer;top: 15px; position: absolute; right: 10px; }
.products-list-ul-ul li{padding: 10px ; background-color: white;}
.fa-angle-up:before {content: "\f106" !important;}
.products-list-nav i{float: right; margin-top: 10px;}
.product-title:hover,.product-title:focus{ color: var(--primary-color);}
.swiper{overflow: hidden;}
.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-icon-img img{margin-right: 20px;}
.products-list-fix{width: 100%; height: 60px; display: flex; justify-content: center;}
.products-list-fix-box{margin-right: 40px; cursor: pointer;}
.products-list-details{width: 100%; max-width: 100%; background-color: #f4f4f4;min-height: 300px; padding: 50px; display: none;}
.products-list-details img,.products-list-details table{max-width: 100%;}
.products-list-details-active{border-bottom: 2px solid var(--primary-color); color: var(--primary-color);}
.products-list-details-show{display: flex !important; justify-content: center; overflow: auto;flex-direction: column;}
/* .products-list-details iframe{height: 400px;} */
.product-title{height: 70px;overflow: hidden;}
.products-intro-height{max-height: 416px;}
.container-show-big-img{width: 40%; float: left; padding: 0 15px; margin-top: 30px !important;}
.container-show-smail-img{width: 30%; float: left; padding: 0 15px; margin-top: 30px !important;}
.container-show-button{width: 100%; float: left;}
.container-show-float-right{float: right !important; margin-left: 0 !important;}

/* After-Sales Service */
.after-sales-1 .title{ font-size: 50px;}
.after-sales-1 .form .form-nav{ padding-left: 20px; position: relative;}
.after-sales-1 .form .form-nav::before{background-color: var(--primary-color); border-radius: 12px; left: 0; content: '';height: 18px; position: absolute; transform: translateY(70%); width: 5px;}
.after-sales-1 .form .form-control{height: 40px; padding: 10px 20px;}
.after-sales-1 .form .form-group label{font-weight: unset !important; width: 100%;}
.after-sales-1 .form .form-group label i{float: right; font-size: 14px; margin-top: 10px; cursor: pointer;}
.after-sales-1 .form .form-group label i:hover{color: var(--primary-color);}
.after-sales-1 .form .form-group textarea{min-height: 200px;}
.after-sales-1 .form .form-group label i img{height: 18px; right: -2px; opacity: 0;}
.position-re{position: relative;}
.required{color: #ff0000;}
.after-sales-button{background-color: var(--primary-color); color: white; text-align: center; padding: 10px 15px; cursor: pointer;}
.after-sales-1 input,.after-sales-1 textarea{color: #555 !important;}
.after-sales-1 input::-webkit-input-placeholder,.after-sales-1 textarea::-webkit-input-placeholder { color: #555 !important;}
.layui-laydate-footer span:hover{color: var(--primary-color) !important;}
.index-about .intro{margin-right: 70px;}
.row-list{display: flex;flex-wrap: wrap;}
.row-list .font-xs-30{font-size: 35px;}
.index-about .row{display: flex;flex-wrap: wrap;}
.index-about .icon-item{width: 25%;}

.index-process{padding: 60px 0;color: #fff;background-color: var(--primary-color);}
.index-process .box{display: flex;align-items: center;}
.index-process .left{width: 27%;}
.index-process .right{width: 73%;}
.index-process .left h3{font-size: 40px;margin-bottom: 19px;}
.index-process .left h5{font-size: 22px;font-family: "poppins-light";}
.index-process .right .item{position: relative;;display: flex;flex-direction: column;align-items: center;text-align: center;width: 11.1111111%;height: 100%;}
.index-process .right .item p{margin-top: 10px;}
.index-process .right .item .icon-box{position: relative;width: 80px;height: 80px;border-radius: 50%;border: 1px solid #fff;}
.index-process .right .item .icon-box-inner{display: flex;align-items: center;justify-content: center;position: absolute;top: 8px;right: 8px;bottom: 8px;left: 8px;background-color: #fff;border-radius: 50%;}
.index-process .right .item .icon-box-inner img{height: 35px;object-fit: contain;}
.index-process .right .item .arrow-box{position: absolute;right: -8%;top: 22%;font-size: 18px;}

.index-product .box{display: flex;justify-content: center;}
.index-product .row{margin-left: -7.5px;margin-right: -7.5px;}
.index-product .item{position: relative;padding-right: 7.5px;padding-left: 7.5px;}
.index-product .item .img{padding-bottom: 127.45%;}
.index-product .item .shadow{display: flex;justify-content: center;align-items: center;position: absolute;top: 0;right: 7.5px;bottom: 0;left: 7.5px;background-color: rgba(0, 0, 0, 0.4);transition: all 0.5s;}
.index-product .item .btn{max-width: 210px;font-size: 17px;border: 1px solid #fff;color: #fff;border-radius: unset;white-space: normal;padding: 8px 17px;transition: all 0.5s;}
.index-product .item:hover .shadow{background-color: rgba(0, 0, 0, 0.3);}
.index-product .item:hover .btn{background-color: #fff;color: #000;}

.index-choose{
    padding-top: 0;
}
.index-choose .item .box{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 0 30px 0;
    background-color: #fff;
    transition: all 0.5s;
}
.index-choose .item .icon-box{
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}
.index-choose .item .icon-box-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    transition: all 0.5s;
}
.index-choose .item .icon-box-inner img{
    height: 58px;
    overflow: hidden;
    transition: all 0.5s;
}
.index-choose .item h5{
    font-size: 23px;
    height: 25px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 10px;
    transition: all 0.5s;
}
.index-choose .item p{
    color: #202020;
    padding: 0 15px;
    font-family: "poppins-light";
    line-height: 22px;
    height: 175px;
    overflow: hidden;
    transition: all 0.5s;
}
.index-choose .item:hover .box{
    background-color: var(--primary-color);
}
.index-choose .item:hover h5{
    color: #fff;
}
.index-choose .item:hover p{
    color: #fff;
}
.index-choose .item:hover .icon-box-inner{
    background-color: rgba(255, 255, 255);
}
.index-choose .item:hover .icon-box{
    background-color: rgba(255, 255, 255, 0.5);
}
.index-choose .item:hover .icon-box-inner img{
    filter: invert(0.7);
}

#nav-news-a{
    pointer-events: none;
}

.news-details .row{
    display: flex;
}

.news-details .left{
    width: 30%;
    padding-right: 30px;
}

.news-details .left h3{
    font-size: 30px;
    font-family: 'poppins-bold';
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.news-details .left ul > li{
    font-size: 16px;
    line-height: 43px;
}

.news-details .left ul > li > a{
    font-size: 18px;
}

.news-details .left ul > li > a,
.news-details .left ul > li > i{
    transition: all 0.5s;
}

.news-details .left ul > li > i{
    padding-right: 7px; 
}

.news-details .left ul > li:hover > a,
.news-details .left ul > li:hover > i{
    color: var(--primary-color);
}

.news-details .left ul > li.active a,
.news-details .left ul > li.active i{
    color: var(--primary-color);
}

.news-details .right{
    width: 70%;
    font-family: 'poppins-medium';
}

@media (max-width: 768px) {
    nav{height: 90px;}
    .nav>li{padding: 10px;}
    .navbar{ margin-bottom: unset; background-color: white;}
    .navbar-right{margin-right: 0;}
    .navbar-collapse{position: fixed; width: 50%; height: 100%; right: -100%;top: 0;}
	.san_1,.san_2{top: 30px;}
    .san_1{display: block;}
    /* .open .dropdown-menu1{display: block !important;} */
    .navbar-nav{padding-top: 70px;}
    #bs-example-navbar-collapse-1 { width: 70%; height: 100% !important; z-index: 999; background-color: var(--primary-color); overflow: auto;}
    .navbar-collapse.collapse{display: block;}
    .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;}
	.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>i,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>li a,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: white;}
    .dropdown:hover .dropdown-menu{display: none;}
	.navbar-default .navbar-nav>li>a{margin: 5px 0; padding: 5px 0; width: 100%;}
	.navbar-default .navbar-nav>.langlist>i{top: 22px; right: 15px;}
	.navbar-default .navbar-nav>li>i{top: 18px; right: 15px;}
	.dropdown-menu-list li i { top: 10px; color: white;}
	.navbar-default .navbar-nav>li{float: left; width: 100%;}
	.dropdown-ul-three{padding-left: 10px;}
	.navbar-nav .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu>li>a{padding: 3px 20px;}
	.navbar-nav .dropdown-menu { position: static; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none}
	.dropdown-menu-list{width: 100% !important;}
    .navbar-brand img{margin: 20px auto; height: 25px;}
    .nav-menu-ul-li{text-align: left; color: white; overflow: hidden; width: 100%;}
    .nav-menu-ul-li i{float: right;}
    .nav-button-contact{margin: 10px 0;}
    .dropdown-menu1{display: none;}
    .nav-menu-ul-li-hidden{padding-left: 10px;}
    .dropdown .dropdown-menu{width: 100%;}
    .sx-hidden{display: none !important;}
    .index-banner .button-next{right: 5px;}
    .index-banner .button-prev{left: 5px;}
    .index-hot-products-sale-title{font-size: 12px;}
    iframe{height: 320px;}
    .index-about-fix{height: auto; display: block; }
    .about-infomation-data-row{padding: 60px 0 0 0; text-align: center; background-position: center 2px; margin: 30px 0;}
    .index-parther-swiper .button-next,.index-parther-swiper .button-prev,.index-banner .button-next,.index-banner .button-prev{background-color: unset; color: var(--primary-color); box-shadow: unset;}
    .index-latest-blog-title{min-height: 65px;}
    .index-latest-blog-text{min-height: 62px;height: 62px;}
    .footer-brief{width: 100%;}
    .logistics-policy{text-align: left; margin-top: 5px;}
    .index-latest-solution-title{height: 40px;}
    .products-list-fix{display: block; height: auto;}
    .products-list-fix-box{width: 100%; padding: 10px;}
    .products-list-details{padding: 15px; float: left;}
    .products-list-details iframe{height: 300px;}
    .product-title{min-height: 53px;}
    .dropdown-menu-product-list{background-color: transparent;}
    .container-show-big-img,.container-show-smail-img{padding: 0 1%;margin-top: 20px !important;}
    .index-1 .row{margin: unset;}

    /* After-Sales Service */
    .after-sales-1 .title{ font-size: 20px;}
    .after-sales-1 .row{margin: unset !important;}
    .after-sales-1 .form .form-nav::before{transform: translateY(40%);}
    .after-sales-1 .form-nav{margin: 0 15px 10px 15px;}
    .after-sales-button{margin: 0 15px;}

    .products-list-details-show{display: flex !important; justify-content: unset; overflow: auto;}
    .index-about .intro{margin-right: 0;}
    .index-process .box{display: block;}
    .index-process .left,.index-process .right{width: 100%;}
    .index-process{
        padding: 30px 0;
    }
    .index-process .left h3{
        font-size: 27px;
        margin-bottom: 10px;
    }
    .index-process .left h5{
        font-size: 17px;
    }
    .index-process .right{
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .index-process .right .item{
        width: 50%;
        margin-top: 20px;
    }
    .index-process .right .item .arrow-box{
        display: none;
    }
    .index-choose .item{
        margin-top: 20px;
    }
    .index-choose .item h5{
        word-break: break-all;
    }
    .index-choose .item p{
        height: unset;
        word-break: break-all;
    }
    .index-product .item{
        margin-top: 15px;
    }
    .index-product .box{
        display: block;
    }
    .news-details .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .news-details .left,
    .news-details .right{
        width: 100%;
    }
    .news-details .left{
        padding-right: unset;
    }
    .news-details .left h3{
        font-size: 23px;
        padding-bottom: 18px;
    }
    .news-details .left ul > li > a{
        font-size: 16px;
    }
}
@media (min-width: 769px) {
    .dropdown-menu{width: 100%; position: fixed; top: 115px; left: 0;background-color: #F7F7F7 !important; box-shadow: unset; border: unset;}
    .dropdown-menu-list{position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12pxrgba(0,0,0,.175); background-color: #fff !important;}
    .navbar-form{margin-right: -25px;}
    .dropdown:hover .dropdown-menu{display: block;}
    .about-right-text{ width: 83%; height: 500px;}
    .about-right-float-text{margin-left: 17%;}
    .header-name-vo2{font-size: 18px;}
    .product-title-min-height{min-height: 90px;}
    #mySwiper-2 .swiper-wrapper .swiper-slide{border: 1px solid transparent; cursor: pointer;}
    #mySwiper-2 .swiper-wrapper .swiper-slide:hover{border: 1px solid var(--primary-color);}
    .swiper-details-active{border: 1px solid var(--primary-color) !important;}
    .index-lifecode-background-image {background: url(../image/index_about_lifecode.png) no-repeat 100% 95%;background-size: 76%;}
    .index-about-new{align-items: unset; height: auto;}
}