*{font-family: "poppins-regular"; transition: all .3s;}
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;}
.main-1860{max-width: 1860px; margin: auto; width: 100%;}
.main-1600{max-width: 1600px; margin: auto; width: 100%;}
.main-1370{max-width: 1370px; margin: auto; width: 100%;}
.main-1110{max-width: 1110px; margin: auto; width: 100%;}
.main-800{max-width: 800px; margin: auto; width: 100%;}

.text-uppercase{text-transform: uppercase}

/* 图片 */
#header .item .img{padding-bottom: 76.49%;}
/* .index-carousel .img{padding-bottom: 106.83%;} */
.index-carousel .img{padding-bottom: 52.67%;}
.index-machines .img{padding-bottom: 56.14%;}
.index-display .img{padding-bottom: 76.49%;}
.index-manufacturer .item1 .img{padding-bottom: 36.04%;}
.index-manufacturer .item2 .img{padding-bottom: 74.07%;}
.index-services .item .img{padding-bottom: 68.6%;}
.index-references .img{padding-bottom: 100%;}
.index-news .img{padding-bottom: 100%; border-radius: 20px;}
.about-company .img, .about-service .img,.about-product .img{padding-bottom: 63.08%;}
.service-index .img{padding-bottom: 63.08%;}
.service-video .img{padding-bottom: 56.34%;}
.exhibition-list .img{padding-bottom: 63.08%;}
.technicians-list .img{padding-bottom: 63.08%}
.technicians-techniques .img{padding-bottom: 68.75%;}
.technicians-process .img{padding-bottom: 75.57%;}
.manufacturer-index .img{padding-bottom: 100%; border-radius: 50%;}
.manufacturer-process .img{padding-bottom: 69.94%;}
.product-details-img{padding-bottom: 47.02%;}
.product-details-index .img{padding-bottom: 56.34%;}
.product-principle .img{padding-bottom: 55.28%;}
.product-customiza .img{padding-bottom: 100%;}
.product-specification .img{padding-bottom: 100%;}
.product-video .img{padding-bottom: 56.34%;}
.product-cryother .img{padding-bottom: 88.83%;}
.product-recommend .img{padding-bottom: 76.49%;}
.img-smail-bottom .img{padding-bottom: 100%;}

/* 分页器 */
.raw-pagination-ul-page{width: 100%; float: left ; text-align: center; margin-top: 3em;}
.raw-pagination-ul-page ul{justify-content: center;}
.raw-pagination-ul-page ul li{margin-right: 5px; min-width: 30px;}
.raw-pagination-ul-page ul li a{width: 40px; height: 40px; line-height: 40px;}
.raw-pagination-ul-page ul .active,.raw-pagination-ul-page ul li:hover {background-color: var(--secondary-color); cursor: pointer;}
.raw-pagination-ul-page ul .active span, .raw-pagination-ul-page ul li:hover a,.raw-pagination-ul-page ul .disabled:hover span{color: white !important;}
.raw-pagination-ul-page ul li a,.raw-pagination-ul-page ul li span{padding: 0 10px !important;  color: black !important; border: unset; width: 39px !important; height: 39px !important; line-height: 2;}
.raw-pagination-ul-page ul li:first-child i,.raw-pagination-ul-page ul li:last-child i {color: var(--primary-color);}

/* 超出隐藏 */
.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;}
.title{font-family: 'poppins-medium'; font-size: 40px; color: #202020;}
.intro{line-height: 1.6; color: #666666;}
u{color: #202020; font-family: 'poppins-medium';}
.sub-title{font-size: 20px; font-family: 'poppins-medium';}
.sub-intro{font-size: 15px;}
.sub-button{background: var(--primary-color); padding: 9px 18px; border-radius: 5px; color: white; font-family: 'poppins-medium'; font-size: 20px; display: table;}
.button,.more-btn{ width: max-content; padding: 9px 18px; background-color: transparent;  font-size: 18px; text-align: center; color: var(--primary-color); border: 1px solid var(--primary-color); margin-top: 50px;}
.button a{color: white; text-transform: uppercase;}
.button:hover,.more-btn:hover{background: var(--primary-color);}
.button:hover a{color: white !important;}
.bg-f9{background-color: #f9f9f9;}
.bg-f6{background-color: #f6f6f6;}
.bg-f4{background-color: #f4f4f4;}
.bg-e{background-color: #eeeeee;}
.bg-f7{background-color: #f7f7f7;}
.bg-f3{background-color: #f3f3f3;}
.bg-6{background-color: #666666 !important;}
.bg-fb{background-color: #fbfbfb;}
.bg-20{background-color: #202020;}
.bg-white{background: white;}
.color-ab{color: #ababab;}
.color-w{color: white;}

/* nav */
.main-nav ul li a{font-size: 20px; font-family: 'poppins-medium';}
/* .main-nav ul li:nth-last-child(3) a{background: var(--primary-color); border-radius: 40px;}
.main-nav ul li:nth-last-child(3):hover a{color: white;} */
.main-nav ul li, .main-nav ul li i{color: white; font-size: 20px;}
.main-nav ul li i{margin-right: 2px; font-size: 20px;}
.main-nav .drop-down ul{padding: 50px 0px; right: 0; margin: auto; display: flex;}
.main-nav .drop-down ul .item-list{border-right: 1px solid #d3d3d3;}
.main-nav .drop-down ul .col-12:last-child .item-list{border-right: 0;}
.main-nav .drop-down li{padding:  0 25px; height: max-content; line-height: normal;}
.main-nav .drop-down ul .item .sub-title{font-family: 'poppins-medium'; font-size: 17px; color: #202020;}
.main-nav .drop-down ul .item .sub-label span{ color: white; background: var(--primary-color); font-size: 15px; padding: 2px 10px; border-radius: 4px;}
.main-nav .drop-down ul .item .intro{-webkit-line-clamp: 7; font-size: 15px;}
.main-nav .drop-down ul .item-list a{padding: unset; background: unset !important;}
.main-nav ul li{position: static; height: 100%; line-height: 50px; padding: 25px 0;}
.main-nav ul li.drop-down a{position: relative;}
.main-nav ul li.drop-down a i{position: absolute; bottom: -33px; right: 0; left: 0; text-align: center; color: white; opacity: 0; visibility: hidden;}
.main-nav .drop-down:hover a i{opacity: 1; visibility: visible;}
.nav-smail-crumbs{position: fixed; top: 100px; z-index: 98;}
.nav-smail-crumbs a:hover{color: var(--primary-color);}
.nav-smail-crumbs a img{width: 30px; margin-left: 15px;}
.nav-smail-crumbs,.nav-smail-crumbs a{height: 50px; width: 100%; background-color: #f5f5f5; text-align: center; color: #202020; line-height: 50px;}

/* index */
#indexCarousel .swiper-slide {background: #f0f0f0; border-radius: 10px;}
.index-carousel .main-1110{position: relative;}
.index-carousel .swiper-slide .item{padding: 50px 0 100px 0;}
.index-carousel .swiper-slide .item .sub-title{font-size: 20px; color: #999999;}
.index-carousel .swiper-slide .item .sub-link{text-align: center; }
.index-carousel .swiper-slide .item .sub-link u{color: var(--primary-color);}
.index-carousel .swiper-slide .item .sub-link .button{ display: inline-block; margin-top: unset; border-radius: 20px; padding: 5px 25px; margin-left: 20px; font-size: 15px;}
.index-carousel .swiper-slide .item .sub-link .button:hover{color: white;}
/* .index-carousel .swiper-slide .item .item-img{ width: 40%; margin: 0 30%;} */
.index-carousel .swiper-slide .item .item-img{ width: 80%; margin: 0 10%;}
.index-carousel .swiper-slide .item-text{background: #262626; font-family: 'poppins-medium'; font-size: 20px; color: white; text-align: center; padding: 10px 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
#indexCarouselText{width: 80%; margin: 0 10%; position: absolute; bottom: 80px;}
#indexCarouselText .swiper-slide{ text-align: center; padding-bottom: 10px; text-decoration: underline; color: #999999;font-size: 20px;}
#indexCarouselText .swiper-slide-thumb-active{color: #000; }
.index-carousel .btn-prev,.index-carousel .btn-next{background: unset; border: 1px solid #bebebf; box-shadow: unset;}
.index-carousel .btn-prev i,.index-carousel .btn-next i{color: #bebebf;}
.index-carousel .btn-next{right: 30px;}
.index-carousel .btn-prev{left: 30px;}
.index-carousel .swiper-pagination{bottom: 65px;}
#indexCarousel .index-carousel-f6{background: #141212;}
.index-carousel-f6 .title{color: white;}
.index-carousel-f6 .item .sub-link .button{border: 1px solid white; color: white;}
.index-carousel-f6 .item .sub-link .button:hover{background: white; color: var(--primary-color) !important;}
.index-carousel-f6 .item .sub-link u{color: white !important;}
#indexCarouselText .swiper-slide-thumb-active:nth-child(2n){color: white;}
.index-carousel .swiper-slide:nth-child(2n) .item-text{color: white;}
.index-machines .img-text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.index-machines .img-text .img-text-item{height: 100%; display: flex; width: 100%; justify-content: center; align-items: flex-end; color: white; padding-bottom: 30px}
.index-machines .img-text .img-text-item .item{border-right: 1px solid white; padding: 0 25px;}
.index-machines .img-text .img-text-item .item:last-child{border-right: unset;}
.index-machines .img-text .img-text-item .item .sub-title{font-family: 'poppins-medium'; }
.index-machines .img-text .img-text-item .item .intro{font-size: 13px; color: white;}
.index-display .col-lg-4{margin-top: 40px;}
.index-display .sub-title{font-family: 'poppins-medium'; color: #202020;height: 60px;}
.index-display .sub-title.like{height: 30px;}
.index-display .sub-intro{color: #202020;}
.index-display .item .intro{-webkit-line-clamp: 6; font-size: 15px; text-align: left;height: 144px;}
.index-display .link .button{display: inline-block; margin-top: 20px; border: 1px solid #171717; color: #171717; border-radius: 20px; padding: 4px 18px;}
.index-display .link .button-right{display: inline-block; margin-top: 20px; border: 1px solid var(--primary-color); background: var(--primary-color); color: white; border-radius: 20px; padding: 4px 18px; margin-left: 24px;}
.index-display .link .button-left:hover{ border: 1px solid #171717; color: #171717; background: unset;}
.index-manufacturer .item img{border-radius: 10px;}
.index-manufacturer .img-text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.index-manufacturer .img-text .sub-title,.index-manufacturer .img-text .intro{color: white;}
.index-manufacturer .img-text .sub-title{font-size: 30px;}
.index-manufacturer .img-text .intro{width: 80%;}
.index-manufacturer .img-text .button{margin-top: 10px; border: 1px solid white; color: white; border-radius: 20px; padding: 4px 18px;}
.index-manufacturer .img-text:hover .button{border: 1px solid  var(--primary-color); background: var(--primary-color); color: white;}
.index-manufacturer .item:hover img{transform: scale(1.1);}
.index-manufacturer .item{border-radius: 10px;}
.index-services .button{padding: 3px 30px; color: #000; border: 1px solid #000; display: inline-block; font-family: 'poppins-medium'; font-size: 15px; border-radius: 20px;}
.index-references-tab{display: flex; width: 100%; justify-content: center;}
.index-references-tab .item{padding: 0 20px; font-family: 'poppins-medium'; font-size: 20px;}
.index-references-tab .active{text-decoration: underline;}
.index-references .row{justify-content: center;}
.index-references .button{display: inline-block; border: 1px solid #000; color: #000; font-family: 'poppins-medium'; font-size: 15px; padding: 5px 40px; border-radius: 20px; margin-top: 20px;}
.index-references .button a{color: #000;}
.index-references .button:hover {border:1px solid var(--primary-color);}
.index-references .index-references-list{display: flex; flex-wrap: wrap;}
.index-references .index-references-list .col-lg-2{padding:0 5px;}
.index-references .index-references-item{margin-bottom: 10px; text-align: center;}
.index-references .index-references-item .img{ background: #f0f0f1; border-radius: 10px;}
.index-references .index-references-item .img-text{font-size: 14px; color: #666;}
.index-references .index-references-item .img-text .img-star i{color: var(--primary-color);}
.index-references .index-references-item .img-text .intro{-webkit-line-clamp: 5; color: #666666; font-size: 12px; padding: 0 15px;}
.index-news .row{justify-content: center;}
.index-news .row .button{display: inline-block; padding: 2px 40px; font-size: 15px; text-align: center; color: #202020; border: 1px solid #202020; margin-top: 30px; border-radius: 20px;}
.index-news .row .button:hover{border: 1px solid var(--primary-color); color: white;}
.references-padding{padding: unset;}
.index-news .index-news-item{text-align: left; cursor: pointer;}
.index-news .index-news-item .sub-title{-webkit-line-clamp: 2; color: #202020;}
.index-news .index-news-item .intro{-webkit-line-clamp: 3; color: #202020;}
.index-news .border-bottom-1{padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px;}
.index-news .index-news-item:hover .sub-title{text-decoration: underline;}
.index-news .img img{width: auto !important; object-fit: none !important; }
.index-news .swiper,.index-news .item{width: 100%; overflow: hidden;}
.index-news .index-news-right{margin-top: 15px;}
.index-news .index-news-right .index-news-item .sub-title{color: white;}
.index-news .index-news-right .index-news-item .intro{color: white; margin: 10px 0;}
.index-news .index-news-right .index-news-item u{color: white;}
.index-services .sub-title{color: #202020;}
.index-services .item:hover .button{color: white; border: 1px solid var(--primary-color); background: var(--primary-color);}

/* references */
.layui-layer-content{padding: 30px 50px;}
.layui-layer-content .img{height: max-content;}
.layui-layer-content .img-star i{color: var(--primary-color);}

/* footer */
.footer .link .item{padding-left:20px;}
.footer .link .item1{background: url('../images/ico/footer/b1.png') no-repeat; background-position: 1px 5px;}
.footer .link .item2{background: url('../images/ico/footer/b2.png') no-repeat; background-position: 1px 5px;}
.footer .link .item3{background: url('../images/ico/footer/b3.png') no-repeat; background-position: 1px 5px;}
.footer .link .item4{background: url('../images/ico/footer/b4.png') no-repeat; background-position: 1px 5px;}
.footer .link .footer-title{font-family: 'poppins-medium'; font-size: 15px; color: white;}
.footer .link .footer-intro{color: #999;}
.footer .link .footer-sub-intro{font-size: 15px; color: white;}
.footer ul li a{color: #999999;}
.footer ul li a:hover{color: var(--primary-color);}
.main-footer-policy{padding-bottom: 2rem;}
.main-footer-policy,.mobile-footer-policy{background-color: #202020; color: #999999;}
.main-footer-policy .footer-bottom-left,.mobile-footer-policy .footer-bottom-left{color: white;}
.main-footer-policy .footer-bottom-left ,.mobile-footer-policy .footer-bottom-left{display: flex; flex-wrap: wrap; align-items: center;}
.main-footer-policy .footer-bottom-left i,.mobile-footer-policy .footer-bottom-left i{font-size: 20px; margin-right: 15px; color: white;}
.main-footer-policy .footer-bottom-left .button{margin-top: unset; border: unset; background: rgba(255, 255, 255, 0.1);padding: 5px 15px;color: white; margin-right: 15px; border-radius: 6px; font-size: 15px;  font-family: 'poppins-medium';}
.main-footer-policy .footer-bottom-left .button i{color: #25d366; margin-right: 5px;}
.popup{position: fixed; top:0; bottom: 0; width: 100%; z-index: 9988; background: rgba(0, 0, 0, 0.5); display: none;}
.popup .item{background: white; position: relative;}
.popup .fa-times-circle{position: absolute; right: 30px; top: 30px; font-size: 20px; cursor: pointer;}

/* about */
.about .item{display: flex; flex-direction: column; justify-content: center;}
.about .item .sub-title{font-size: 30px;}
.about .item .sub-intro{font-size: 15px;}
.about .about-prev{left: 15px;}
.about .about-next{right: 15px;}
.about .item .sub-intro-title{font-size: 20px; font-family: 'poppins-medium'; color: #333333;}
.about .item .sub-intro-intro{font-size: 15px; color: #666666;}
.about-service .item .sub-intro li{display: flex; margin-bottom: 5px;}
.about-service .item .sub-intro li div{padding-left: 10px;}
.about-service .item .sub-intro i{color: var(--primary-color); padding-top: 5px;}

/* service */
.service-index .item{display: flex;flex-direction: column;justify-content: center;}
.service-index .item .sub-title{ font-size: 30px;}
.service-index .item i{color: var(--primary-color); margin-right: 5px; font-size: 12px;}
.service-dir{font-size: 20px;}
.service-dir img,.service-dir table{max-width: 100%;}
.exhibition-list .exhibition-prev{left: 30px}
.exhibition-list .exhibition-next{right: 30px}
.exhibition-list .sub-title {font-size: 30px; color: #202020;}
.exhibition-list .time{font-size: 15px; color: #666666;}
.exhibition-list .intro{font-size: 12px; color: #666666;}
.exhibition-list .item{display: flex; flex-direction: column; justify-content: center;}

/* technicians */
.technicians-list .item{display: flex; flex-direction: column; justify-content: center;}
.technicians-list .item .sub-title{font-size: 30px; color: #202020;}
.technicians-list .item .intro{font-size: 15px; color: #666666;}
.technicians-techniques .item{display: flex; flex-wrap: wrap; width: 100%;}
.technicians-techniques .item .item-item{width: calc(20% - 10px); box-shadow: 1px 1px 10px #f3f3f3; padding: 15px; margin: 0 5px;}
.technicians-techniques .item .item-item .intro{font-size: 12px; text-align: left; -webkit-line-clamp: 6;}
.technicians-process .item{width: 100%;}
.technicians-process .mySwiper-2{width: 92%;}
.technicians-process .mySwiper-2 .sub-title{width: 100%;}
.technicians-process .mySwiper-2 .sub-title{font-size: 20px; padding: 15px 0; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #d4d4d4; cursor: pointer;}
.technicians-process .mySwiper-2 .swiper-slide-thumb-active .sub-title{background: var(--primary-color); color: white;}
.technicians-process .mySwiper-3 .row{margin: unset;padding-top: 30px;}
.technicians-process .mySwiper-3 .sub-title{font-size: 30px;}
.technicians-process .technicians-item{ justify-content: center; flex-direction: column;}
.technicians-process .process-technicians-next{ right: 30px;}
.technicians-process .process-technicians-prev{ left: 30px;}
.technicians-process .processes-prev,.technicians-process .processes-next{box-shadow: unset; background: unset;}
.technicians-process .processes-prev:hover i,.technicians-process .processes-next:hover i{color: var(--primary-color) !important;}
.technicians-process .processes-prev{left: 0;}
.technicians-process .processes-next{right: 0;}
.technicians-details img{max-width: 100%;height: unset!important;}
.technicians-item .intro li{display: flex; margin-bottom: 5px;}
.technicians-item .intro li i{ margin: 5px 5px 0 0; color: #000; font-size: 12px;}
.technicians-display .layui-flow-more{width: 100%;}
.technicians-display .layui-flow-more .more-btn{display: inline-block; padding: 2px 30px; border-radius: 20px;}


/* faq */
.faq-list i{position: absolute; top: 22px; padding: 2px 5px;background: black; color: white; font-size: 15px;}

/* manufacturer */
.manufacturer-index .sub-title{font-size: 30px;}
.manufacturer-index .sub-intro-title{font-size: 20px;font-family: 'poppins-medium';}
.manufacturer-index .sub-intro-intro{font-size: 15px;color: #666;}
.manufacturer-process .sub-title{font-size: 25px;font-family: 'poppins-medium';}
.manufacturer-custom .item{background-color: #f6f6f6; border-radius: 10px; padding: 40px 20px; height: 100%;}
.manufacturer-custom .item .sub-title{font-size: 20px; font-family: 'poppins-medium';}
.manufacturer-custom .item .sub-intro{font-size: 15px; color: #202020; height: 118px; overflow: hidden;}
.manufacturer-custom .item img{transition: none; position: relative; z-index: 2;}
.manufacturer-custom .item:hover{background: var(--primary-color);}
.manufacturer-custom .item:hover .sub-title,.manufacturer-custom .item:hover .sub-intro{color: white;}
.manufacturer-custom .item:hover img{filter: brightness(0) invert(1); }
.manufacturer-custom .item .num{ font-size: 215px; position: absolute; color: #202020; left: 0; bottom: 0px; text-align: center; line-height: 0.9; width: 100%; opacity: 0.03; z-index: 1;}

/* news */
.news-tab .news-tab-list .item a{font-size: 30px; margin-right: 30px; font-family: 'poppins-medium'; color: #202020;}
.news-tab .news-tab-list .active a{color: var(--primary-color); text-decoration: underline;}
.news-all .title{font-family: 'poppins-regular'; color: #666;}
.news-all .sub-title{font-size: 20px; color: #666666; font-family: 'poppins-medium'; text-decoration: underline; -webkit-line-clamp: 2;}
.news-all .time{font-size: 20px; color: #202020;}
.news-all .intro{color: #999; -webkit-line-clamp: 2;}
.news-all .button{border-radius: 20px; border: 1px solid #000000; color: #000000; font-size: 15px; padding: 8px 30px; font-family: 'poppins-medium'; margin-top: 30px;}
.news-all .button:hover,.news-all .item:hover .button{border: 1px solid var(--primary-color); color: white; background: var(--primary-color);}
.news-all .item:hover .sub-title{color: var(--primary-color);}
.news-details .time{font-size: 20px; color: #202020;}
.news-details .sub-title{font-size: 25px; font-family: 'poppins-regular'; border-bottom: unset !important;}
.news-details .item{box-shadow: 1px 1px 10px #202020; padding: 20px; border-radius: unset !important;}
.news-details .sub-button{font-size: 12px; width: 100%; text-align: center; border-radius: 5px !important;}
.news-details textarea.form-control{height: 100px !important;}
.news-details .item .item-item .sub-title{font-family: 'poppins-medium'; font-size: 15px !important; color: #000; padding-bottom: 5px !important;}
.news-details .item .item-item .time{font-size: 12px; color: #666666;}
.news-details .item .item-item:hover .sub-title{text-decoration: underline;}
.news-details .other-icon img{width: 30px;}
.item-border-bottom{border-bottom: 3px solid var(--primary-color);}
.news-textarea img{max-width: 100%; height: unset!important;}

/* contact */
.contact textarea.form-control{height: 107px !important; }
.contact-data .contact-data-title{font-size: 30px; font-family: 'poppins-light';}
.contact-data .contact-data-intro{font-size: 20px; color: #999999;}

/* inquiry */
.inquiry .item{box-shadow: 1px 1px 10px #a19d9d; padding: 30px; border-radius: 10px;}
.inquiry .item .sub-title{font-family: 'poppins-medium'; font-size: 30px; color: #000; width: 100%; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;}
.inquiry .item .sub-intro{font-size: 12px; color: #666666; margin: 20px 0;}
.inquiry .item .item-input .item-input-title{font-size: 12px; color: #666; margin-bottom: 4px;}
.open>.dropdown-menu { display: block; max-height: 400px !important;}
.inquiry .item .input-group .btn{border: 1px solid #ced4da;}
.inquiry textarea.form-control{height: 180px;}
.inquiry .item-input .form-check .form-check-label{color: #202020;}
.inquiry .item-input .form-check{margin-bottom: 4px;}
.inquiry .inquiry-text{font-size: 12px; color: #999999;}
.inquiry .sub-button{display: inline-block; padding: 5px 60px; border-radius: 20px;}

/* product */
.product-list .item{display: flex; justify-content: space-around; padding: 15px ;box-shadow: 1px 1px 10px #b3b3b3; border-radius: 5px;flex-wrap: wrap; cursor: pointer;}
.product-list .item .item-title{font-size: 15px; font-family: 'poppins-medium'; color: #999999;}
.product-list .item .active{color: #202020; text-decoration: underline;}
.product-details-index .sub-intro{font-size: 20px;}
.product-details-index .subtitles{font-family: 'poppins-medium'; font-size: 30px; color: #202020;}
.product-details-index .subintro{font-size: 15px; color: #666666;}
.product-details-index .item{display: flex; flex-wrap: wrap; justify-content: center;}
.product-details-index .item .button,.product-details-img .img-text .item .button{font-size: 15px; font-family: 'poppins-medium'; border: 1px solid #202020; border-radius: 22px; padding: 6px 40px;}
.product-details-index .item .button:hover,.product-details-img .img-text .item .button:hover{background-color: unset;}
.product-details-index .item .button:hover a,.product-details-img .img-text .item .button:hover a{color: #202020 !important;}
.product-details-index .item .button a,.product-details-img .img-text .item .button a{color: #202020;}
.product-details-index .item .button-1,.product-details-img .img-text .item .button-1{border: 1px solid #01a1e8; background: #01a1e8;}
.product-details-index .item .button-1:hover,.product-details-img .img-text .item .button-1:hover{ background-color: #01a1e8;}
.product-details-index .item .button-1 a,.product-details-index .item .button-1:hover a,.product-details-img .img-text .item .button-1:hover a,.product-details-img .img-text .item .button-1 a{color: white !important;}
.product-details-index .btn-prev,.product-details-index .btn-next{background-color: #D4D4D4;}
.product-details-index .btn-prev i,.product-details-index .btn-next i{color: #ffffff;font-weight: bold;font-size: 30px;}
.product-details-index .btn-prev:hover,.product-details-index .btn-next:hover{background-color: var(--primary-color);}
.product-details-index .btn-prev{left: 40px;}
.product-details-index .btn-next{right: 40px;}
.product-customiza .item{display: flex; flex-direction: column; justify-content: center;}
.product-customiza .item .sub-intro-title{font-size: 20px; color: #999999;}
.product-customiza .item .item-div{ display: flex; flex-wrap: wrap; justify-content: center;}
.product-customiza .item .item-div img{margin-right: 20px;border-radius: 10px; border: 2px solid transparent;}
.product-customiza .item .item-div .active{border: 2px solid grey;}
.product-customiza #exterior {position: absolute; top: 0; width: calc(100% - 30px); left: 15px; z-index: 9;}
.product-cryother .sub-intro,.product-cryother .title{color: white;}
.product-cryother .sub-title{font-family: 'poppins-medium'; font-size: 20px; color: white; -webkit-line-clamp: 2; min-height: 60px;}
.product-cryother .intro{font-size: 15px; color: white;}
.product-cryother .button{border: 1px solid white; color: white; display: inline-block; padding: 4px 50px; border-radius: 20px;}
.product-cryother .button:hover{border: 1px solid var(--primary-color);}
.product-text .item{font-size: 25px; color: #202020;}
.product-text .item-right{display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center;}
.product-text .item-right i{margin-right: 12px; font-size: 20px; color: #999;}
.product-text .item-right i:hover{color: var(--primary-color);}
.product-recommend .sub-title{font-family: 'poppins-medium'; font-size: 20px; margin-top: 10px;}
.product-recommend .intro{color: #202020;}
.product-recommend .swiper{width: 100%;}
.product-recommend .recommend-next,.product-recommend .recommend-prev{box-shadow: unset; width: 30px; border-radius: unset; top: 40%; background-color: rgba(0, 0, 0, 0.4);}
.product-recommend .recommend-next i,.product-recommend .recommend-prev i{color: white;}
.product-recommend .recommend-next{right: 0;}
.product-recommend .recommend-prev{left: 0;}
.product-customiza .item .item-div img{width: 44px !important; height: 44px!important;}
.product-specification .item-details img,.product-specification .item-details table{max-width: 100%;height: unset!important;}
.product-specification .item-details li{list-style: disc !important;}
.product-specification .item-details iframe{width: 800px!important;height: 450px!important;}
.product-details-img .img-text{ position: absolute; width: 100%; bottom: 48%;}
.product-details-img .img-text .sub-title{ font-size: 30px;}
.product-details-img .img-text .intro{ font-size: 20px;}
.product-details-img .img-text .item{display: flex;}
.product-details-img .img-text .item .button{font-size: 12px; margin-top: unset; padding: 6px 20px;}
.product-details-img .img-bottom .item-text{display: flex; flex-wrap: wrap; justify-content: center; height: 100%;}
.product-details-img .img-bottom{position: absolute; width: 100%; bottom: 20px; height: 100px;}
.product-details-img .img-bottom .item{width: 33.3%; position: relative; height: 100%; padding:0 20px; align-items: center; border-right: 1px solid #000; justify-content: space-evenly;}
.product-details-img .img-bottom .item:last-child{border-right: unset !important;}
.product-details-img .img-bottom .item img{width: 50px; height: 50px; position: static;}
.product-details-img .img-bottom .item .img-text-title{font-family: 'poppins-medium'; font-size: 30px; color: #202020;}
.product-details-img .img-bottom .item .img-text-intro{font-size: 20px; color: #202020; word-break: break-word;}
.product-recommend .sub-title{color:#202020;}

/* policy */
.policy .intro,.policy img,.policy table,.policy ul,.policy span{max-width: 100%; text-wrap: wrap !important;}
.policy .intro li{list-style: disc !important;}
.policy .intro{text-align: left;}

.layui-layer-content .img-text-title{font-size: 30px;}

@media (max-width: 1300px){
    .main-nav ul li a{font-size: 18px;}
    .main-nav ul li, .main-nav ul li i{font-size: 15px;}
    .width-150-hiden{display: none !important;}
}

@media (min-width: 769px){
    #header .main-1860{position: relative;}
    #header .main-1600{overflow: hidden;}
    #header .main-1600 .item-list{flex: 0 0 12.5%;}
    #header .main-1600 .item-list:last-child{border-right: unset !important;}
    .index-news .item{display: flex; flex-wrap: wrap;}
    .technicians-list .item .intro{width: 90%;}
    .technicians-list .item-right .intro,.technicians-list .item-right .sub-title{margin-left: 10%;}
    .webkit-line-clamp{ display: -webkit-box !important;}
    .p-window-35{padding: 0 35px !important;margin-bottom: 20px;}
}

@media (max-width: 768px) {
    .index-carousel .swiper-slide .item .sub-title{font-size: 15px; padding: 0 15px;}
    .index-carousel .swiper-slide .item-text{background: unset; font-size: 15px; color: #666666;}
    .index-carousel .swiper-slide .item{padding: 40px 0;}
    /* .mobile-nav .drop-down ul{display: block;} */
    .title{font-size: 25px;}
    .intro{font-size: 12px;}
    .index-machines .img-text .img-text-item{padding-bottom: 10px;}
    .index-machines .img-text .img-text-item .item{padding: 0 5px;}
    .index-machines .img-text .img-text-item .item .sub-title{font-size: 15px;}    
    .index-machines .img-text .img-text-item .item .intro{font: 12px;}
    .sub-title{font-size: 15px;}
    .index-display .col-lg-4{margin-top: unset;}
    .index-display .item{margin-top: 20px;}
    .index-display .item .intro{font-size: 12px;height: unset;}
    .index-services .item{margin-bottom: 30px;}
    .index-services .button{margin-top: 5px;}
    .index-references-tab .item{padding:  0 10px; font-size: 15px;}
    .index-references .index-references-item{padding: 4px;}
    .index-references .index-references-item .img-text .intro{-webkit-line-clamp: 3;}
    .index-news .swiper{padding-bottom: 2rem;--swiper-theme-color: white; bottom: 0 !important;}
    .index-news{background: url(../images/test/8.png) no-repeat center center transparent;}
    .index-news .title ,.index-news .sub-title{color: white;}
    .footer-bottom-left, .footer-bottom-right { padding: 10px 15px;}
    .about .about-prev{left: 5px;}
    .about .about-next{right: 5px;}
    .about .item .sub-title, .service-index .item .sub-title,.exhibition-list .sub-title,.technicians-list .item .sub-title{font-size: 20px;}
    .about .item .sub-intro-title{font-size: 15px;}
    .about .item .sub-intro-intro,.about .item .sub-intro,.technicians-list .item .intro{font-size: 12px;}
    .service-dir{font-size: 15px;}
    .exhibition-list .exhibition-prev{left: 15px}
    .exhibition-list .exhibition-next{right: 15px}
    .exhibition-list .time{font-size: 13px;}
    .technicians-techniques .item .item-item{width: calc(50% - 10px); margin-bottom: 10px;}
    .technicians-process .mySwiper-2{width: calc(100% - 70px)}
    .technicians-process .mySwiper-2 .sub-title{font-size: 13px;}
    .technicians-process .processes-next{right: 8px;}
    .technicians-process .processes-prev{left: 8px;}
    .technicians-process .process-technicians-next{right: 15px;}
    .technicians-process .process-technicians-prev{left: 15px;}
    .technicians-process .mySwiper-3 .sub-title{font-size: 20px;}
    .technicians-process .technicians-item{padding: unset;}
    .faq-list i{top: 25px; font-size: 12px; left: 8px;}
    .manufacturer-index .sub-title{font-size: 20px;}
    .manufacturer-index .sub-intro-title{font-size: 15px}
    .manufacturer-index .sub-intro-intro,.manufacturer-process .sub-intro{font-size: 12px;}
    .manufacturer-process .sub-title{font-size: 20px;}
    .inquiry .item{padding: 30px 15px;}
    .inquiry .sub-button{width: 100%; margin-top: 20px; text-align: center; padding: 4px 0;}
    .contact-data .contact-data-title{font-size: 20px; font-family: 'poppins-light';}
    .contact-data .contact-data-intro{font-size: 15px; color: #999999;}
    .product-details-index .subtitles{font-size: 20px;}
    .product-details-index .subintro{font-size: 12px;}
    .product-details-index .button{ margin-top: 10px; width: 100%;}
    .product-details-index .btn-prev{left: 30px;}
    .product-details-index .btn-next{right: 30px;}
    .product-details-index .btn-prev i,.product-details-index .btn-next i{font-size: 20px;}
    .product-cryother .sub-title{font-size: 15px; min-height: 45px;}
    .product-cryother .intro{font-size: 12px;}
    .product-text .item-right{flex-direction: row;}
    .product-text .item{font-size: 15px;}
    .index-manufacturer .img-text .sub-title{font-size: 20px;}
    .index-manufacturer .img-text .button{font-size: 12px;}
    .news-tab .news-tab-list{margin: unset;}
    .news-tab .news-tab-list .item a{font-size: 18px; margin-right: 28px;}
    .product-list .item{ justify-content: flex-start;}
    .product-list .item .item-title{margin-right: 10px;}
    .popup{padding: unset; overflow: auto;}
    .popup .item{ border-radius: unset;}
    .popup .fa-times-circle{right: 10px; top: 10px;}
    .popup textarea.form-control{height: 100px;}
    .technicians-display .layui-flow-more .more-btn{margin-top: 15px;}
    .index-display .link .button-right,.index-display .link .button{font-size: 13px;}
    .img-smail-bottom .item .sub-intro{font-size: 12px;}
    .product-details-img{height: calc(100vh - 50px); padding-bottom: unset;}
    .product-details-img .img-bottom .item{padding: 0 5px;} 
    .product-details-img .img-bottom .item .img-text-title{font-size: 16px;}
    .product-details-img .img-bottom .item .img-text-intro{font-size: 12px;}
    .product-details-img .img-bottom .item-text{padding: unset;}
    .product-details-img .img-text{top:10px; bottom: unset;}
    .product-details-img .sub-title,.product-details-img .sub-intro{text-align: center;}
    .product-details-img .img-text .item{justify-content: space-around;}
    .news-all .title{font-size: 30px;margin-bottom: 20px;}
    .layui-layer-content .img-text-title{font-size: 20px;}
    .img-bottom .item-img-text{padding: unset !important;}
    .index-news-right .swiper-pagination{bottom: 0 !important;}
    .product-specification .item-details iframe{height: 211px!important;max-width: 100%!important;}
    .product-video iframe{padding-left: 15px;padding-right: 15px;}
}