﻿@charset "utf-8";
:root{--color:#102347}
.pro-detail .pro-detail-top .pro-info .pro-con{overflow: unset;max-height: none !important;-webkit-line-clamp: unset;}
footer .foot-submit input{border-color:var(--color);}
.home-certi{padding:3% 0;}
#news{padding-top:3%;}
#brand{background:url(/uploads/41937/page/p20240423154554d4928.jpg) no-repeat center/cover;position:relative;}
#brand:before{content:'';width:100%;background:rgba(255,255,255,0.75);height:100%;display:block;position:absolute;left:0;top:0;z-index:0;}
#brand .l-wrap{position:relative;z-index:2}
#brand .brand-list li .brand-number .text-shadow{opacity:0.7;}
@media (min-width:1281px){#brand .brand-list li .brand-number .text-shadow{font-size:86px;}}
#projects::before{background:url(/uploads/41937/page/p20240423155501e910b.jpg) no-repeat;}
#projects .home-title{color:#000;}
.share-btn-list .ins{background-size: 25px 25px !important;background-color: #d6249f !important;}
.share-link ul a:hover i{color: #fff;}
/*index*/
.banner-arrows{position: absolute;bottom: 10%;right: 50%;transform: translate(50%, -10%);z-index: 3;cursor: pointer;}
@media (min-width:1025px){.head-menu-box nav>ul>li>a.inmenu_1{color: #fff;}
.head-main{background-color: var(--color);}
.head-menu-box nav>ul>li>a{color: #fff;font-weight:var(--fontbold7)}}
.share-link ul a,.head-contact>a,.lang-icon{color: #000;}
.head-top{background: #fff;}
#home-swiper .banner-pagination{color:#000}
#home-swiper .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
#home-swiper .banner-pagination{display: none;}
.home-foot-submit button em{font-size: 50px;color:#fff;}
.home-main{max-width: 1920px;margin: 0 auto;}
.home-lway{max-width:1280px;margin:0 auto}
.home-search{padding:60px 0;background:#e9e9e9;position: relative;overflow: unset !important;}
.home-search::after{position: absolute;width: 100%;height: 150%;background: #e9e9e9;content: '';top: -150%;}
.home-search button{font-size:22px;color:#fff;line-height:22px;display:flex;align-items:center;text-transform:uppercase;font-weight:600;font-family: Microsoft YaHei !important;}
.home-search button img{margin-right:15px}
.home-search input{flex:1;background:0 0!important;font-weight:400;font-size:22px;color:#868686;line-height:22px;font-family: Microsoft YaHei !important;}
.home-foot-submit{display:flex;background:linear-gradient(90deg,#525E78,var(--color));border-radius:42px;max-width:1100px;margin:0 auto;padding:22px 50px;box-sizing:border-box}
.home-product .home-table{display:flex;justify-content:center;margin-top:50px}
.home-product .home-table h4::after{position:absolute;content:'';width:80px;height:4px;background:var(--color);top:50%;right:-100px;transform:translateY(-50%)}
.home-product .home-table h4::before{position:absolute;content:'';width:80px;height:4px;background:var(--color);left:-100px;top:50%;transform:translateY(-50%)}
.product-item{display:flex;justify-content:space-between;margin-top:70px;flex-wrap:wrap;position:relative}
.product-item::after{position: absolute;content: '';width: 80%;height: 10%;background: url(/uploads/41937/dyl/y.png) center no-repeat;bottom: 0;right: 0;z-index: -1;}
.product-item-box{width:23%;background:#e9e9e9;border-radius:10px;padding:23px;position:relative;display:flex;align-items:end;margin-top:100px;transition: all .3s ease-in-out;}
.product-item-box:hover{box-shadow: 0 0 10px 0 #bbbbbb;}
.product-item-text p{font-weight:600;font-size:24px;color:var(--color);line-height:1}
.product-item-img{position:absolute;top:-25%;right:30px}
.product-item-img img{transition:all .3s ease-in-out}
.product-item-box:hover .product-item-img img {transform: translateY(-30px);}
.product-item-text{padding-top:140px}
.home-product{padding:75px 0}
.home-back{background:url(/uploads/41937/page/p20240705181037ca463.jpg) center no-repeat;background-size:cover;padding:108px 0}
.home-back-tit p{font-size:18px;color:#fff;line-height:22px;text-align:center;letter-spacing:12px;text-transform:uppercase}
.home-about{display:none;align-items:center;max-width:1920px;margin:0 auto}
.about-left{width:47%}
.plant-img,.plant-imgs{overflow: hidden;}
.about-left video{display: block;max-width: 100%;width: 100%;height: 100%;}
.about-fight{flex:1;padding:0 145px 0 110px;box-sizing:border-box}
.about-title{display:flex;align-items:center;margin-bottom:45px;margin-left:20px}
.about-title h4{font-weight:900;font-size:38px;color:#102347;line-height:1;margin-right:15px}
.about-titles p{font-weight:400;font-size:20px;color:#868686;line-height:1.75;text-align:justify}
#news #home-news .news-list .news-item-img a{display:flex;justify-content:center}
#news #home-news .news-list .news-item-img img{width:100%}
#news #home-news .news-list .news-item-img{overflow:hidden}
.plant-img img{width:100%;height:300px;object-fit:cover;}
.plant-imgs img{display: block;}
.plant-mySwiper1,.plant-mySwiper2{overflow:hidden}
.plant-mySwiper1,.plant-mySwiper2{width:85%;margin:0 auto}
.home-plant{padding:30px 0 70px;max-width:1920px;margin:20px auto 50px;position:relative}
.home-plant::after{position: absolute;content: '';width: 70%;height: 50%;background: url(/uploads/41937/dyl/y.png) center no-repeat;top: 0;right: 0;z-index: -1;}
.plant-play{display:none}
.plant-ty{position:relative;display:flex;align-items:center;justify-content:space-between}
.play-button-next,.play-button-prev{width:5%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:3}
.play-button-next img,.play-button-prev img{width:45px}
.plant-top{display:flex;justify-content:center;margin-bottom:50px}
.plant-top span{padding:20px 25px;color:#868686;font-size:22px;border:1px solid #868686;background:#fff;line-height:1;cursor:pointer;transition: all .3s ease-in-out;}
.plant-top span:nth-of-type(1){margin-right:15px}
.plant-top .active{color: var(--color);border-color: var(--color);}
.plant-img:hover img,.plant-imgs:hover img{transform: scale(1.02)}
footer{background: var(--color);}
footer .foot-submit{border: 1px solid #4391FD;}
footer .foot-submit button{background-color: #4391FD;}
.foot-bottom .share-link ul a i{color: #fff;}
footer a:hover {color:#fff;}
.top-btn{background: #8b8b8b;}
.home-titles h4{font-size: 40px;text-align: center;color: var(--color);}
.home-titles p{font-size: 18px;text-align: center;color: #868686;}
.home-tab span{width: 80px;height: 4px;background: var(--color);display: block;}
.home-tab{display: flex;align-items: center;justify-content: center;}
.home-tab h4{margin: 0 25px;}
.home-banner-img img{display: block;max-width: 100%;width: 100%;}
.banner-mySwiper{padding-bottom: 40px;position: relative;}
.banner-text{position: absolute;width: 90%;height: 100%;top: 0;left: 50%;display: flex;justify-content: space-between;align-items: center;z-index: 1;transform: translateX(-50%);}
.banner-left{width:45%;padding-right: 5%;box-sizing: border-box;}
.banner-left h4{font-size: 132px;text-align: end;color: #22FFE2;font-weight: 600;line-height: 1;}
.banner-left p{font-size: 40px;text-align: end;color: #22FFE2;font-weight: 600;line-height: 1;text-transform: uppercase;margin-top: 25px;}
.banner-right{width:50%}
.banner-right span{width: 58px;height: 7px;background: #22FFE2;display: block;margin-bottom: 32px;}
.banner-right p{font-size: 18px;color: #fff;line-height: 1.52;}
.banner-btn{margin-top: 90px;display: flex;}
.banner-btn a{display: flex;align-items: center;padding: 22px 50px;background: #22FFE2;border-radius: 45px;overflow: hidden;font-size: 18px;text-transform: uppercase;line-height: 1;color: #111935;}
.banner-btn a img{margin-right: 15px;}
.home-back-item{display:flex;justify-content:space-between;margin-top:90px}
.back-left h4{font-family:Futuris;font-weight:700;font-size:100px;color:#fff;line-height:1}
.back-left p{font-size:40px;color:#cbcbcb;line-height:1;font-weight:600;margin-top:5px}
.back-right p{font-family:Myriad Pro;font-weight:400;font-size:20px;color:#fff;line-height:30px;margin-bottom:20px}
.back-right p em{font-style:normal;color:#ff8400}
.back-left{width: 30%;}
.back-right{width: 40%;}

@media (max-width:1650px) {.home-lway{padding: 0 75px;}
.home-foot-submit{padding: 15px 30px;}
.home-search button{font-size: 18px;}
.home-search button img{width: 25px;}
.home-search input{font-size: 18px;}
.home-search{padding: 35px 0;}
.home-product .home-table h4::before,.home-product .home-table h4::after{width: 60px;height: 2px;}
.home-product .home-table{margin-top: 25px;}
.product-item{margin-top: 35px;}
.product-item-img img{height: 130px;}
.product-item-text p{font-size: 20px;}
.product-item-box{width: 24%;padding: 20px;margin-top: 80px;}
.home-product {padding: 50px 0;}
.home-back{padding: 85px 0;}
.about-left{width: 50%;}
.about-fight{padding: 0 50px;}
.about-titles p{font-size: 18px;}
.about-title{margin-bottom: 25px;margin-left: 25px;}
.about-title h4{font-size: 32px;}
.home-plant{margin: 10px auto 45px;padding: 30px 0;}
.plant-top span{padding: 16px 20px;font-size: 18px;}
.play-button-next img, .play-button-prev img{width: 25px;}
.play-button-next, .play-button-prev{width: 2%;}
.plant-mySwiper1, .plant-mySwiper2{width: 90%;}
.home-plant::after{height: 30%;}
.back-left h4{font-size: 82px;}
.back-left p{font-size: 32px;}}
@media (max-width:1420px) {.home-title{font-size: 32px;margin: 15px 0px;}
.product-item-img img {height: 100px;}
.product-item-box{margin-top: 55px;}
.product-item-img{top: -15%;}
.product-item-text p{font-size: 18px;}
.product-item-text {padding-top: 100px;}
.home-back {padding: 70px 0;}
.about-titles p{font-size: 16px;}
.about-fight {padding: 0 30px;}
.about-title h4{font-size: 28px;}
.home-titles h4{font-size: 32px;}
.home-tab span{width: 60px;height: 3px;} 
.banner-left h4{font-size: 82px;}
.banner-left p {font-size: 33px;margin-top: 15px;}  
.banner-btn a{padding: 15px 35px;font-size: 16px;}
.banner-btn{margin-top: 45px;}
.back-left h4{font-size: 68px;}  
.back-left p{font-size: 28px;}
.back-left{width: 45%;}
.back-right {width: 52%;}
.back-right p{font-size: 18px;}
}
@media (max-width:1200px) {.home-search input,.home-search button{font-size: 16px;}
.home-search button img{width: 20px;}
.product-item-box{width: 32%;}
.product-item::after{width: 66%;height: 15%;}
.home-back p{font-size: 16px;}
.home-back{padding: 60px 0;}
.product-item-text p{font-size: 16px;}
.product-item-text {padding-top: 80px;}
.plant-top span {padding: 15px 20px;font-size: 16px;}
.banner-left h4{font-size: 64px;}
.banner-left p{font-size: 24px;}
.banner-btn a img{height: 20px;}  
.banner-right p{font-size: 16px;}
.banner-right span {width: 50px;height: 4px;margin-bottom: 20px;}}
@media (max-width:1024px) {.home-lway{padding: 0 3%;}
.product-item-box{margin-top: 35px;}
.product-item-img img{height: 75px;}
.home-back p{font-size: 12px;}
.home-back {padding: 50px 0;}
.home-about{flex-direction: column;padding: 0 3%;}
.about-left{width: 100%;margin-top: 40px;}
.about-fight {padding: 0;margin-top: 30px;}
.home-plant{margin: 30px auto}
.plant-top{margin-bottom: 25px;}
#news #home-news .news-list .news-item-cont .news-item-des{margin: 10px 0;font-size: 14px;}
#news #home-news .news-list .news-item-cont .news-item-title{font-size: 16px;}
.news-item-cont .more-btn{font-size: 14px;}
.about-titles p{font-size: 14px;}
.about-title {margin-bottom: 20px;margin-left: 20px;}
.about-title h4{font-size: 22px;}
.banner-left h4{font-size: 46px;}
.back-left h4 {font-size: 42px;}
.home-back-item{margin-top: 30px;flex-direction: column;}
.back-left {width: 100%;margin-bottom: 30px;}  
.back-right {width: 100%;}
.back-right p{margin-bottom: 10px;}  
}
@media (max-width:768px) {.product-item {margin-top: 25px;}
.home-title{font-size: 26px;}
.product-item-box {margin-top: 25px;width: 49%;}
.product-item-text {padding-top: 50px;}
.product-item-text p,.home-search input, .home-search button{font-size: 14px;}
.plant-img img{height: auto;}
.plant-top span{font-size: 14px;}
#news #home-news .news-list .news-item-cont{margin-top: 0;width: 100%;}
#news #home-news .news-list .news-item-img img{height: auto;max-height: none;}
.home-titles h4{font-size: 26px;}
.home-product {padding: 25px 0;}
.banner-right p{font-size: 14px;}
.banner-btn a{padding: 10px 20px;font-size: 14px;}
.banner-btn{margin-top: 20px;}  
.banner-left{padding-right: 0;}
.banner-left p{font-size: 18px;}
.banner-left h4{font-size: 36px;}}
@media (max-width:450px) {
.about-title h4{font-size: 20px;}
.about-title img{width: 150px;}
.banner-text{width:95%}
.banner-left h4{font-size: 22px;}
.banner-left p {font-size: 12px;margin-top: 7px;}  
.banner-right p,.banner-btn a{font-size: 12px}
.banner-right span {width: 45px;height: 2px;margin-bottom: 8px;}
.banner-btn a img {margin-right: 6px;height: 10px;}
.banner-left{width:35%}
.banner-right{width:60%}
.banner-arrows{width: 10%;bottom:0;}
}
#home-swiper::after{background: #102347cf;}
.banner-right p{font-weight: 800;}
#home-swiper video{max-height:630px;object-fit: cover;}
.home-search input{color: #fff;}
.home-search input::-webkit-input-placeholder{color:#768094;}
.home-search input:-moz-placeholder{color:#768094;opacity:1;}
.home-search input::-moz-placeholder{color:#768094;opacity:1;}
.home-search input:-ms-input-placeholder{color:#768094;}
.home-search input:focus::-webkit-input-placeholder{opacity:0;}
.home-search input:focus:-moz-placeholder{color:#768094;opacity:1;}
.home-search input:focus::-moz-placeholder{color:#768094;opacity:1;}
.home-search input:focus:-ms-input-placeholder{color:#768094;}
.plant-top .active{color: #fff;background: #27a9a9;}
.head-main nav #liinquiry{display:none;}
@media (min-width:1025px){.head-menu-box nav>ul>li ul{background:rgb(10 170 170 / 80%);border-radius:10px;}
.head-menu-box nav>ul>li>a.inmenu_1{background:none;}
.head-menu-box nav>ul>li ul a{color:#fff}
.head-menu-box nav>ul li:hover>a{background:none;color:#22FFE2;}
.head-menu-box nav>ul li ul li:hover>a{color:#fff;text-decoration: underline;background:none;}}
.inner-banner h1{opacity: 0;}
#certificates {padding-bottom:75px;}
#certificates .cer-img{text-align:center;}
.certificateslist {display:flex;justify-content:center;}
.certificateslist li {margin:10px;box-shadow:2px 2px 10px #444;}
.certificateslist li img {display:block;height:100%;width:100%}
#exhibition {background:#E7E9EC;padding:70px 0;margin-bottom:10px;text-align:center;}
#exhibition .home-title {display:inline-block;border-bottom:4px solid var(--color);padding:0 15px;text-transform:uppercase;margin-top:0;}
.exhibitionlist {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.exhibitionlist li {width:calc(20% - 12px);}
.exhibitionlist li img {display:block;width:100%;}
#news {background:#E7E9EC;text-align:center}
#news .home-label {display:none}
#news .home-title {display:inline-block;border-bottom:4px solid var(--color);padding:0 15px;text-transform:uppercase;margin-top:0;}
#news #home-news {text-align:left;margin-top:30px;}
@media (max-width:1024px){.certificateslist {flex-wrap:wrap;justify-content:space-between}
.certificateslist li {margin:0 0 20px;width:calc(50% - 10px);}
.exhibitionlist li {width:calc(50% - 6px);margin-bottom:12px}}
@media (max-width:768px){#certificates {padding-bottom:45px;}
#exhibition {background:#E7E9EC;padding:40px 0;}
.exhibitionlist {margin-top:20px;}
#news #home-news {margin-top:20px;}}
.exhibitiontitle {position:relative;}
.exhibitiontitle>a {margin-top:-5px;transition:.3s;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#27a9a9;color:#fff;border-radius:0 40px 0 40px;text-transform:uppercase;line-height:1.4;padding:10px 30px;}
.exhibitiontitle>a span {display:block;padding-right:27px;background:url(/uploads/41937/page/p20240705163202783c9.png) no-repeat center right;background-size:auto 12px;}
.exhibitiontitle>a:hover{background:var(--color)}
@media (max-width:768px){.exhibitiontitle {display:flex;justify-content:center;flex-direction:column;align-items:center}
.exhibitiontitle>a{margin-top:10px;position:static;transform:translate(0,0);font-size:13px;padding:8px 20px;border-radius:0 30px}}
@media (max-width:1024px){.head-main{background:var(--color)}
.head-menu-box nav>ul>li>a.inmenu_1{color:#22FFE2}}
.banner-arrows {display:none;}
.banner-right p {text-align:justify;}
.banner-btn {justify-content:flex-end;}
.banner-btn a {background:#0AAAAA url(/uploads/41937/page/p20240711191046c98b5.png) no-repeat 90% center;background-size:26px;border-radius:6px;font-weight:bold;color:#fff;padding:12px 70px 12px 20px}
.banner-btn a img {display:none;}
.banner-textinfo {display:flex;justify-content:space-between;width:100%;}
@media (max-width:450px){.banner-textinfo {margin-bottom:25px;flex-wrap:wrap}
.banner-right p {line-height:1.3}
.banner-btn {margin-top:10px}
.banner-btn a{padding:8px 30px 8px 8px;background-size:16px;background-position:95% center}
.banner-left{width:100%;display:flex;justify-content:center;margin-bottom:10px}
.banner-left .img{width:50%;}
.banner-right{width:100%}}
.banner-right p{width:80%;}
.pro-cate-wrap{display:none;}
.home-plant .swiper-wrapper{transition-timing-function: linear;}
#home-swiper .swiper-next, #home-swiper .swiper-prev{display:none;}
.page-section-about-text-detail{font-weight: bold;color: #fff;}
.page-section-about-img::after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;content: '';background: #00000040;z-index: 0;}
.page-section-about-text{z-index: 1;}
.lang-icon::before{border: 0 solid #000000;border-bottom-width: 1px;border-left-width: 1px;}