*{font-family: "poppins-regular";}
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-1200{max-width: 1200px; margin: auto; width: 100%;}
.main-1280{max-width: 1240px; margin: auto; width: 100%;}

/* img */
#companyCarousel .img{padding-bottom: 55.93%;}
.item-first .img{padding-bottom: 52.73%;}
.item-second .img{padding-bottom: 112.7%;}
.item-thirdly .index-wrap .index-wrap-item .img{padding-bottom: 107.68%;}
.index-news .img{padding-bottom: 76.92%;}
.main-nav-img .img{padding-bottom: 19.69%;}
.about-environment .mySwiper-1 .img,.about-exhibition .img{padding-bottom: 62.5%;}
.about-certificate .img{padding-bottom: 149.59%;}
.inquriy .inquriy-left .img{padding-bottom: 75.13%;}
.details-other .img{padding-bottom: 77.08%;}
.solution-details .img{padding-bottom: 58.6%;}
.related-products .img{padding-bottom: 100%;}
.contact-left-section .img{padding-bottom: 73.01%;}
.product-list-right .img,.product-img,.product-img-detail{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(--primary-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;}

/* nav */
.logo{display: inline-block;}
.other-nav{display: inline-flex; float: right;}
.other-nav-div{padding-left: 60px;}
.other-nav-div span:first-child{font-family:'poppins-bold'; font-size: 20px; color: var(--secondary-color);}
.other-nav-div span:last-child{font-size: 15px; color: var(--font-color);}
.other-nav .other-nav-item1{background: url("../images/nav/nav1.png") no-repeat; margin-right: 50px;}
.other-nav .other-nav-item2{background: url("../images/nav/nav2.png") no-repeat; }
.main-nav{margin-top: 40px;}
.main-nav ul{position: relative; float: left; padding: 0 20px; width: 68%;}
.main-nav ul li{z-index: 55;}
.lineBefore { position: absolute; bottom: 7px; left: 0; width: calc((100% - 1200px) / 2); height: 14px; background: var(--secondary-color); z-index: 21;}
.lineAfter { position: absolute; bottom: 0px; left: 0; width: calc((100% - 1200px) / 2); height: 14px; background: var(--primary-color); z-index: 20;}
.navBefore { width: 97%; position: absolute; top: -1px; height: 64px; left: -4px; background: var(--secondary-color); transform: skewX(-30deg); z-index: 21;}
.navAfter { width: 97%; height: 64px; bottom: 0; left: 5px; position: absolute; background: var(--primary-color); transform: skewX(-30deg); z-index: 20;}
.nav-form-input{position: relative;float: right;}
.nav-form-input input,.nav-form-input input:focus,.nav-form-input input:hover{height: 40px; margin: 10px 0; border: 1px solid var(--secondary-color) !important; padding: 20px; border-radius: 5px; outline:unset}
.nav-form-input img{position: absolute; right: 10px; top: 24px;}

.main-nav a{font-family: 'poppins-medium'; font-weight: unset;}

/* footer */
.footer li p{margin-bottom: 5px; color: var(--secondary-color);}
.footer .footer-i{border: 1px solid white; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; margin-bottom: 20px;}
.footer .footer-i i{font-size: 22px;}
.footer a:hover .footer-i{border-color: var(--primary-color);}
.footer-i-row{margin-top: 40px;}
.panel-body .footer-i-row{margin-top: 10px;}
.panel-body p{margin-bottom: 10px !important;}
.main-footer{padding-bottom: 16px;}

/* index */
.title{font-family: 'poppins-medium'; font-size: 40px; text-align: left; color: var(--secondary-color); text-transform: uppercase; margin-bottom: 50px;}
.index-company{width: 100%;}
.index-company-swiper{overflow: hidden;}
#companyCarousel{overflow: unset;}
#companyCarousel .swiper-slide .img{ transform: scale(0.9); transition: all 0.3s;}
#companyCarousel .swiper-slide-active .img{ transform: scale(1); transition: all 0.3s;}
.company-swiper-pagination{text-align: center;padding-top: 20px; margin-top: 75px; border-top: 1px solid #b3b3b3;}
.company-carousel-prev{ top: unset; bottom: 28px; left: 5px; border: unset; box-shadow: unset; background: unset;}
.company-carousel-next{ top: unset; bottom: 28px; left: 40px; border: unset; box-shadow: unset; background: unset;}
.company-carousel-next:hover,.company-carousel-prev:hover{background-color: unset;}
.company-carousel-next:hover i,.company-carousel-prev:hover i{ color: var(--primary-color) !important;}
.swiper{--swiper-pagination-color: var(--primary-color);/* 两种都可以 */}
.intro{margin-left: auto; width: 585px; color: var(--intro-color); font-size: 15px;}
.button{border-radius: 15px; border: 1px solid var(--secondary-color); width: 130px; text-align: center; padding: 4px 10px; margin-top: 40px; cursor: pointer;}
.button a{color: var(--secondary-color);}
.button:hover{background-color: var(--secondary-color);}
.button:hover a{color: white;}
.bg-section{background-color: var(--secondary-color);}
.index-section-item{ padding-left: 80px;}
.index-section-item1{background: url('../images/index/p2.png') no-repeat;}
.index-section-item2{background: url('../images/index/p1.png') no-repeat;}
.index-section-item3{background: url('../images/index/p3.png') no-repeat; background-size: auto 40px;}
.index-section-item .title{font-family: 'poppins-bold'; color: white; margin-bottom: unset; text-transform: capitalize;}
.index-section-item .convergence{font-family: 'poppins-regular'; font-size: 15px; margin-left: 10px;}
.index-section-item .content{color: white; font-size: 20px;}
.index-wrap {display:flex; flex-wrap: wrap;}
.index-product-list .item{width: 33.33%; background-color: white;}
.index-product-list .item:nth-child(2){padding: 0 15px;}
.index-product-list .item .item-first{height: 48.5%; width: 100%; text-align: center;}

.item-thirdly .index-wrap{ height: 48.5%; width:100%; text-align: center;}
.item-thirdly .index-wrap .index-wrap-item{width: calc(50% - 7px); height: 100%; text-align: center;}
.item-thirdly .index-wrap .index-wrap-item:first-child{margin-right: 7px;}
.item-thirdly .index-wrap .index-wrap-item:last-child{margin-left: 7px;}
.item-first .img img,.item-second .img img,.item-thirdly .index-wrap .index-wrap-item .img img{max-width: 100%; max-height: 100%; object-fit: contain;}
.item-first .img,.item-thirdly .img,.item-second .img{box-shadow: 1px 1px 5px #b3b3b3;}
.item-first-second{height: calc(50% - 15px); margin-top: 15px;}
.index-fan-name {position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 20px; width: 100%; padding: 5px 10px; text-align: center;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-product-list .img:hover .index-fan-name{color: var(--primary-color);}
.index-product-list .img:hover img{transform: scale(1.1); }
.index-product-list .img img{transform: scale(1); transition: all 0.3s;}
.index-news-list{width: 100%; padding: 15px;}
.index-news-list .time{font-size: 15px; color: #a6a5a5;}
.index-news-list .title{font-size: 20px; color: #000000; text-transform: capitalize;margin: 5px 0 0 0; -webkit-line-clamp: 2; min-height: 60px;}
.index-news-list .intro{font-size: 15px; color: #a6a5a5; -webkit-line-clamp: 3; width: auto; margin: 10px 0 20px 0; min-height: 68px;}
.index-news-list u{color: #202020; font-family: 'poppins-medium';}
.index-news-shadow{box-shadow: 1px 1px 5px #f1f1f1;}
.index-news-items{margin-top: 30px;}
.index-alllist .title{margin-bottom: 20px;}
.index-news-items:hover img{transform: scale(1.1);}
.index-news-items img{transform: scale(1); transition: all 0.3s;}
.index-news-items:hover .title,.index-news-items:hover u{color: var(--secondary-color);}
.btn-outline-primary:hover{background: var(--secondary-color); border-color: var(--secondary-color);}
.btn-outline-primary{color: var(--secondary-color); border-color: var(--secondary-color);}

/* main */
.main-nav-text{height: 100%; width: 100%; top: 0; display: flex;}
.main-nav-text .title{color: #000000; margin-bottom: 30px;}
.main-nav-text .main-nav-intro{color: #000000; font-size: 15px; font-family: 'poppins-medium'; width: 56%; -webkit-line-clamp: 3;}

/* about */
.about-us-right .title{ margin-bottom: 20px;}
.about-us-right .intro{width: auto;}
.about-certificate .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; transition:all 0.3s; transform: scale(0.9);} 
.about-certificate .swiper-slide-active,.about-certificate .swiper-slide-duplicate-active{transform: scale(1);}
.about-certificate .swiper-slide-prev,.about-certificate .swiper-slide-next{transform: scale(0.95) !important;}
.about-exhibition .title{margin-bottom: 20px;}
.about-exhibition-item{margin-top: 30px;}
.about-exhibition .button{margin: auto; color: var(--secondary-color); margin-top: 40px;}
.about-exhibition .button:hover{color: white;}

/* inquiry */
.inquriy{background-color: var(--background-color);}
.inquriy .hint{font-family: 'poppins-light'; font-size: 15px; color: #000;}
.inquriy .inquriy-title{font-family: 'poppins-thin'; font-size: 50px; background: url('../images/contact_map.png') no-repeat; background-position-x: 340px;}
.inquriy .form-control{padding: 25px 0 25px 10px; border: unset;}
.inquriy textarea{padding-top: 10px !important; height: 197px;}
.inquriy .inquiry-button{width: 100%; height: 50px; background-color:var(--secondary-color); color: white; text-align: center; line-height: 50px;}

/* second-tab */
.second-tab{margin-bottom: 50px;}
.tab-item{padding: 10px 40px; text-align: center; border: 1px solid #dedede; border-radius: 25px; font-family: 'poppins-medium'; font-size: 20px; color: var(--font-color);}
.tab-item:hover{background-color: var(--secondary-color); border: 1px solid var(--secondary-color); color: white;}
.second-tab-title{width: 100%; padding: 0 15px; font-size: 24px; position: relative;}
.second-tab-title i{position: absolute; right: 15px;}
.second-tab-smail{display: flex; justify-content: center}
.second-tab-smail .active{background-color: var(--secondary-color); border: 1px solid var(--secondary-color); color: white;}
.second-tab-smail .tab-item{ margin-right: 20px;}

/* news */
.details-title{color: #000; font-family: 'poppins-medium'; font-size: 40px; margin-bottom: 30px;}
.details-intro{color: #000; font-size: 15px;}
.other-series{border-bottom: 3px solid var(--secondary-color); box-shadow: 1px 1px 10px #dedede;}
.other-series .details-title{font-size: 30px;}
.details-other-title{-webkit-line-clamp: 2; color: #000; font-family: 'poppins-medium';}
.details-other .row:hover img{ transform: scale(1.1);}
.details-other .row img{ transform: scale(1); transition: all .3s;}
.details-other .row:hover .details-other-title{ color: var(--primary-color);}
.details-icon{ padding-top: 20px; border-top: 1px solid #e1e1e1;}
.details-icon img{ width: 30px; margin-right: 10px;}
.solution-details-title{ font-family: 'poppins-medium'; font-size: 25px; color: #000; margin-bottom: 10px;}
.other-series-title{color: #000; font-family: 'poppins-medium'; font-size: 20px;}
.other-series-intro{color: #878787; font-family: 'poppins-medium'; font-size: 18px; margin-bottom: 20px;}

/* related-products */
.related-products-text{-webkit-line-clamp: 2; margin-top: 10px; font-size: 20px; color: #000; font-family: 'poppins-medium';}

/* faq */
.news-item{cursor: pointer;}
.news-item-title{ background-color: #f4f4f4; padding: 20px 30px; font-family: 'poppins-medium'; font-size: 20px;}
.news-item-title i{position: absolute; right: 15px; top: 25px;}
.news-item-intro {font-size: 15px; font-family: 'poppins-medium'; color: #202020; padding: 15px; display: none;}
.faq-section .second-tab{margin-bottom: unset;}

/* contact */
.contact-right-section{ background-color: #3d3c3c;}
.contact-right-title{font-size: 35px; color: white; font-family: 'poppins-medium';}
.contact-right-intro{color: white; padding: 0 0 0 30px;}
.contact-right-intro1{background: url('../images/icon/c1.png') no-repeat; background-position-y: 2px;}
.contact-right-intro2{background: url('../images/icon/c2.png') no-repeat; background-position-y: 3px;}
.contact-right-intro3{background: url('../images/icon/c3.png') no-repeat; background-position-y: 5px;}
.contact-right-intro4{background: url('../images/icon/c4.png') no-repeat; background-position-y: 3px;}
.item-contact-i{width: 40px; height: 40px; line-height: 40px; float: left; background-color: rgba(0, 0, 0, 0.5); text-align: center; margin-right: 5px; border-radius: 50%; position: relative;}
.item-contact-i:hover{background-color: white;}
.contact-right-icon i{font-size: 20px;color: white;}
.item-contact-i:hover i{color: var(--primary-color);}
.contact-dimensional{bottom: 42px; left: 0; right: 0; display: flex; opacity: 0; justify-content: center; transition: all .3s;}
.contact-qc-img{position: absolute; top: 5px; width: 125px; height: 125px;}
.item-contact-fa:hover .contact-dimensional{opacity: 1; }

/* product */
.product-list-left-title{font-size: 30px; background-color: var(--primary-color); color: white; font-family: 'poppins-bold'; padding: 10px 15px; position: relative;}
.product-list-ul .product-list-ul-li{padding: 10px 15px; background-color: #f4f4f4; font-size: 20px; position: relative;}
.product-list-ul li a{color: #000; font-family: 'poppins-medium';}
.product-list-ul .product-list-ul-li:hover{ background-color: var(--secondary-color); cursor: pointer;}
.product-list-ul .product-list-ul-li:hover a,.product-list-ul .product-list-ul-li:hover i{color: white;}
.product-list-ul li i{position: absolute; right: 15px; top: 15px; color: #000;}
.product-list-item{padding-left: 25px !important;}
.product-list-item a{font-size: 15px; font-family: 'poppins-medium';}
.ul-product-list{display: none;}
.product-list-left-title i{position: absolute; right: 15px; top: 15px;}
.product-right-title{font-family: 'poppins-medium'; font-size: 20px; color: #000;}
.product-list-right .row .col-12:hover .product-right-title{color: var(--secondary-color);}
.product-list-right  .row .col-12:hover img{transform: scale(1.1); }
.product-list-right img{transform: scale(1); transition: all .3s;}
.products-swiper-ab .swiper{width: 80%;}
.button-prev{width: 40px;height: 100%;display: grid;align-items: center;position: absolute;left: 0px;bottom: 0px;text-align: center;background-color: #f4f4f4;border-radius: unset; cursor: pointer;}
.button-next{ width: 40px; height: 100%; display: grid; align-items: center; position: absolute; right: 0px; bottom: 0px; text-align: center; background-color: #f4f4f4; border-radius: unset; cursor: pointer;}
.products-swiper-ab .button-prev:hover , .products-swiper-ab .button-next:hover {background-color: var(--primary-color);}
.products-swiper-ab .button-prev:hover i, .products-swiper-ab .button-next:hover i{color: white;}
.product-details-intro{background-color: var(--background-color);}
.product-details-intro .product-details-title{font-family: 'poppins-medium'; font-size: 30px; color: var(--font-color);}
.product-details-text{font-size: 15px; color: var(--font-color); line-height: 30px;}
.product-details-intro .button{border-radius: 5px; background-color: var(--secondary-color); width: 150px; padding: 8px 10px; margin-top: unset;}
.product-details-intro .button a{color: white; font-family: 'poppins-medium'; font-size: 20px;}
.product-icon img{margin: 5px 10px 0 0; width: 35px;}
.details-tab li {white-space: nowrap;overflow: hidden;color: #202020;background: #e1e1e1;cursor: pointer;font-size: 20px;padding: 20px 45px; text-align: center; font-family: 'poppins-medium';}
.details-tab .active{background-color: var(--secondary-color); color: white;}
.description {display: none; width: 100%;min-height: 400px; padding: 60px;}
.description-active{display: block !important;}
.description-item{border-bottom: 1px solid var(--background-color);}
.description-item-title{font-size: 30px; font-family: 'poppins-medium'; color: var(--font-color);}
.setting{font-size: 20px; color: #666666; margin-bottom: 10px;}
.setting-intro{color: var(--font-color);}
.description-item-intro{font-size: 15px; color: var(--font-color);}
.related-products img{transform: scale(1); transition: all .3s;}
.related-products .swiper-slide:hover img{transform: scale(1.1);}
.related-products .swiper-slide:hover .related-products-text{color: var(--secondary-color);}
.prdocut-all-ul .active{background-color: var(--secondary-color) !important; color: white;}
.prdocut-all-ul .active i{color: white;}
.setting-title-left{margin-left: 110px;}
.layui-flow-more{text-align: center;}
.product-list-name-2{ -webkit-line-clamp: 2; min-height: 60px;}

.bg2-color{background-color: var(--b2-color);}

@media (max-width: 1200px) {
    .title{margin-bottom: 20px;}
    .intro{width: 100%;}
    .button{margin-top: 20px;}
    .bg-section{padding-left: 15px; padding-right: 15px;}
    .bg-section .row{margin: auto !important;}
    section{ padding-top: 3rem; padding-bottom: 3rem; }
    .index-fan-name{font-size: 15px;}
}

@media (max-width: 998px){
    .company-carousel-prev{top: unset; bottom: 6%; left: 40%; border: unset; box-shadow: unset;}
    .company-carousel-next{top: unset; bottom: 6%; right: 40%; left: unset; border: unset; box-shadow: unset;}
    .index-section-item{ padding: 60px 15px 40px 15px; background-position-x: center;}
    .index-section-item .title,.index-section-item .content{text-align: center;}
    .index-section-item .title{font-size: 30px;}
    .index-section-item .content{font-size: 15px;}
    .index-section-item:nth-child(3){padding-bottom: unset;}
    .index-wrap{ display: block;}
    .index-product-list .item{width: 100% !important; padding: 0 15px; margin-top: 15px;}
    #companyCarousel{overflow: hidden;}
    .index-news-items{margin-top: 15px;}
    .index-news-list .title{padding: 0;}
    .main-nav-text .title{padding: 0 15px; margin-bottom: unset;}
    .main-nav-text .main-nav-intro{display: none;}
    .about-environment .swiper,.about-certificate .swiper,.related-products .swiper{width: 70%;}
    .about-exhibition .title{margin-bottom: 0px;}
    .second-tab-title{padding: 15px;}
    .second-tab-title i{top: 20px;}
}

@media (max-width: 991px) {
    .second-tab{ border-bottom: 1px solid #dedede;}
    .second-tab-smail{display: none;}
    .second-tab{margin-bottom: 10px;}
    .second-tab-smail .tab-item{border: unset; border-radius: unset; text-align: left; font-size: 20px; padding: 10px 18px; margin-right: unset;}
    .tab-section{padding-top: unset;}
    .details-title{color: #000; font-family: 'poppins-medium'; font-size: 25px; margin-bottom: 20px;}
    .details-intro{color: #000; font-size: 12px;}
    .other-series{box-shadow: unset; border-bottom: unset;}
    .related-products-text{font-size: 15px;}
    .item-contact-i{margin: 10px 15px 0 0;}
    .description{min-height: 300px; padding: 40px 0 0 0 ;}
    .index-product-list .item .item-first,.item-thirdly .index-wrap{ height: auto !important;}
    .solution-details{border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; margin-bottom: 10px;}
}

@media (max-width: 767px){
    .title{font-size: 18px; padding: 0 15px; margin-bottom: 20px;}
    .index-company .row{margin: auto;}
    .company-swiper-pagination{margin-top: 30px;}
    .company-carousel-prev,.company-carousel-next{bottom: 10% !important;}
    .button{margin-top: 10px;}
    .about-us-right .title{padding: unset; margin-bottom: 10px;}
    section{padding-top: 1rem; padding-bottom: 1rem;}
    .about-environment .btn-next,.about-certificate .btn-next,.related-products .btn-next{right: 5px;}
    .about-environment .btn-prev,.about-certificate .btn-prev,.related-products .btn-prev{left: 5px;}
    .about-exhibition-item{margin-top: 15px;}
    .about-exhibition .button{margin: auto; color: var(--primary-color); margin-top: 15px;}
    .inquriy .inquriy-title{ background-position-x: 230px; padding-top: 20px; font-size: 30px;}
    .details-other-title{margin-top: 10px;}
    .other-series .details-title{font-size: 25px; margin-bottom: 10px;}
    .other-series-title{font-size: 15px;}
    .other-series-intro{ font-size: 12px; margin-bottom: 10px;}
    .second-tab-title{font-size: 20px;}
    .news-item-title{padding: 15px; font-size: 14px;}
    .news-item-title i{top: 20px;}
    .news-item-intro{font-size: 12px;}
    .product-list-left-title{font-size: 20px;}
    .product-list-ul .product-list-ul-li{font-size: 15px;}
    .product-list-item a{font-size: 12px;}
    .product-details-intro .button a{font-size: 15px;}
    .product-icon{display: block !important;}
    .product-details-intro{padding: 15px;}
    .product-icon img{margin: 12px 5px 0 0;}
    .products-swiper-ab .swiper{width: 68%;}
    .description {padding: 10px 0 0 0; min-height: 200px;}
    .description iframe{height: 280px;}
    .description-item-title{font-size: 20px;}
    .description-item-intro,.setting{font-size: 12px;}
    .setting-title-left{margin-left: 65px;}
    .prdocut-all-ul{display: none;}
}