/*#region 通用*/ body{color:#a8a8a8;background-color:#f4f4f4;font-size:16px;line-height:24px;font-family:'Barlow','Montserrat',Arial,Helvetica,sans-serif} a{color:#a8a8a8;display:inline-block;} .swiper-pagination-bullet-active{background:#007cc2} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .bghui{background:#f9f9f9} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .img-enlarged{overflow: hidden;} .img-enlarged img{transition:all .6s ease} .img-enlarged:hover img{transform:scale(1.1)} .container-xl.max-1230{max-width:1230px} .container-xl.max-1430{max-width:1430px} .container-xl.max-1530{max-width:1530px} .container-xl.max-1630{max-width:1630px} .container-xl.max-1830{max-width:1830px} .container-xl.m-right{margin:0 0 0 auto;padding-right: 0} .container-xl.m-left{margin:0 auto 0 0;padding-left:0} .container-xl.max-1310{max-width:1310px} .container-xl.max-1410{max-width:1410px} .container-xl.max-1590{max-width:1590px} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px} .container-xl.m-right{margin:0 auto;padding-right: 15px} .container-xl.m-left{margin:0 auto;padding-left:15px} } /*#endregion*/ .top-404{margin-top:106px} .type{font-size: 14px; color: #44b060; margin-top: 5px; margin-bottom: 5px; font-weight: 600;} /* header */ .header{z-index:999;width:100%;background:#fff;transition:all .6s} .header{background:transparent;position:fixed;top:0;right:0;left:0;transition:all .6s;} .top-search-box{z-index:93;margin-left:20px} .top-search-box .search-tb{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden} .top-search-box .search-tb i{color:#fff} .top-search-box li{padding-top:20px;padding-bottom:20px} .top-search-box:hover{cursor:pointer;} .top-search-box .top-search{opacity:0;height:0;overflow:hidden;transition:all .6s;width:0;position:absolute;right:70px;top:106px;z-index:99;padding-top:0px} .top-search-box .top-search.show{opacity: 1;width: auto;height: auto;} .search-group .btn.search-group .btnheader-top .logo span{font-family:"Barlow";font-size:15px} .header-top .nav{display:flex;align-items:center;justify-content:flex-end} .header .col-md-9{flex-wrap:wrap} .header .desc{display:flex;justify-content:flex-end;width:100%;padding-top:20px} .header .desc a{font-weight:bold;font-size:17px;line-height:17px;padding:12px 0px;margin-left:20px} .header .desc a:first-child{padding:12px 35px;color:#fff;background:#007cc2;border-radius:50px} .header.fadeInDown{position:fixed;top:0;right:0;left:0;background:#fff;transition:all .6s;padding-top: 0;} .header.fadeInDown .navbar-custom .navbar-nav .nav-link{color:#333} .header.fadeInDown .top-search-box .search-tb i{color:#333} .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 20px} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fff;padding:0;height:70px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px} .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:#007cc2;position:absolute;bottom:10px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} /* .navbar-custom .navbar-nav .nav-item.active .nav-link:before{width:100%;transform:all 0;} */ .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform: rotateX(180deg);} .navbar-custom .navbar-nav .nav-link:hover{} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-nav .nav-link{color:#fff} @media(max-width:1480px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px;} } @media(max-width:1300px) { .navbar-custom .navbar-nav > .nav-item{margin:0 10px;} .navbar-custom .navbar-nav .nav-item { margin: 0 8px;} } /*#region 手机端*/ .header-mb{background:#fff;position:fixed;top:0;left:0;right:0;width:100%;border-bottom:1px solid rgba(0,0,0,.1);z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:40%} .header-mb .top-logo img{height:30px;width:auto} .header-mb .top-mb{display:flex;align-items:center;width:60%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#000} .header-mb .top-mb .icon-bars{color:#000} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#333} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:38px} .top-mb-feed i{font-size:16px;color:#000} .mobile-head-item .main-content-wrap{background:#FFF;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-80%;width:80%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background:#fff url(../../images/mobile_close.webp) center center no-repeat;background-size:50% auto;position:absolute;left:-35px;top:0;cursor:pointer;text-align: center;line-height: 30px;} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} /*#endregion*/ /* video */ /* video end */ /* 浮窗 */ #float{position:fixed;right:0;bottom:105px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color); border-top:1px solid #fff} #float .ico:first-child{border-top:0px solid #fff;} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico p:hover{text-decoration:underline;} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico:hover{background-color:var(--public-color)} #float.hide{transform:translateX(56px);z-index: 999;} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px/2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg)} #float .ico{background-color:#44b060 !important;} #float .ico p{background-color:#44b060 !important;color: white;z-index:-1;} #float .ico p a{color:#fff;} #float .ico.spe p:hover{text-decoration:none;} #float .ico.spe p a:hover{text-decoration:underline;} #float .ico#scroll-top { display: block!important; } @media (min-width:1px) and (max-width:991px){ #float{bottom:165px;} #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide .scale-ico{transform:translateX(-44px)} } /* swiper点 */ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#007cc2} /*分页*/ .page-link{padding:.5rem 0.875rem} .page-item.active .page-link{color:#fff;background-color:#25406f;border-color:#25406f;cursor:pointer;} /*留言*/ .contact-wrapper .feedback-box .form-control{padding-top:13px;padding-bottom:13px;color:#fff;margin-bottom:0px;background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.4)} .contact-wrapper .feedback-box .form-control::-webkit-input-placeholder{color:#fff} .contact-wrapper .feedback-box .form-feedback .btn{padding-top:15px;padding-bottom:15px;font-size:16px;background:#007cc2} .contact-wrapper .feedback-box .form-feedback .btn:hover{background:#003b66;color:#fff} .contact-wrapper .feedback-box .form-feedback.was-validated .form-control:invalid,.contact-wrapper .feedback-box .form-feedback.was-validated .form-control.is-invalid{border-color:#f5543f;padding-right:calc(1.5em+0.75rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em+0.1875rem) center;background-size:calc(0.75em+0.375rem) calc(0.75em+0.375rem)} .form-feedback .form-control{background:#fafafa;color:#9396a2;font-size:16px;border-radius:0;overflow:hidden; border:1px solid #cecccc;padding:20px 18px} .form-feedback .form-control::-webkit-input-placeholder{color:#9396a2} .form-feedback .btn{color:#fff;background:#44b060;border-radius:10px;font-size:18px;line-height:22px;padding-top:11px;padding-bottom:11px} .form-feedback .btn:hover{background:#44b060;color:#fff} @media(max-width:768px){.form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} }.form-row>.col,.form-row>[class*="col-"]{padding:0 15px} .form-feedback .btn-c{background-color:#44b060;height:100%;padding:10px 20px;transition:all .6s} /*搜索*/ .pro-search .search-group{width:100%;background:#fff;border:0;border-bottom:1px solid #dddddd;border-radius:0} .pro-search .search-group .form-control{font-size:18px;color:#333;padding-left:0} .pro-search .search-group .form-control::-webkit-input-placeholder{color:#666;font-size:18px;font-weight:500} .search-group{width:200px;height:45px;background:#f7f7f7;overflow:hidden;border:1px solid #f7f7f7;border-radius:10px} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:45px} .search-group .form-control::-webkit-input-placeholder{color:#5c5352} .search-group .btn{border-radius:0px;height:45px;width:45px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#44b060;font-size:1.3rem} .search-group .btn:hover{background-color:#44b060;transition:.6s all} .search-group .btn:hover i{color:#fff} /*#表格*/ .table{overflow-x:auto} .table-wrapper table th,.table-wrapper table td{padding:15px 5px;vertical-align:middle;font-size:14px;border:1px solid #dee2e6;text-align:center} /* .table-wrapper table tbody tr:nth-of-type(even){background-color:rgba(229, 237, 244, 1.0)} */ .table-wrapper table tbody tr:hover{background-color:rgba(229, 237, 244, .6);color:#555} .table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} @media(max-width:768px){.table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media (max-width:575.98px){.table-wrapper-sm table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media(max-width:768px){.table-wrapper-md table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media (max-width:991.98px){.table-res-lg table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media (max-width:1500.98px){.table-wrapper-xl table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} /*默认详情设置*/ .content-wrapper {} .content-wrapper h2 { font-size: 28px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;} .content-wrapper h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;} .content-wrapper p{margin-bottom: 15px;} .content-wrapper img { max-width: 100% !important; height: auto !important;margin-bottom: 15px;} .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper ul{padding-left: 20px;margin-bottom: 15px;} .content-wrapper ul li{list-style-type: initial;margin-bottom: 10px;} .content-wrapper ol{padding-left: 20px;margin-bottom: 15px;} .content-wrapper ol li{list-style-type: initial;margin-bottom: 10px;} .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529;margin-bottom: 15px;} .content-wrapper table p{margin-bottom: 0;} .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; } .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; } .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} .content-wrapper tbody th{color:#2980c7} /*#弹出留言表单*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} @media(max-width:768px){.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} }.feedpc{position:fixed;right:0px;top:60%;cursor:pointer;z-index:70} .feedpc .feed{display:flex;align-items:center} .feedpc .feed .img{z-index:60;margin-right:-20px} .feedpc .feed p{background:#414141;height:50px;font-size:18px;font-weight:bold;color:#fff;text-align:center;line-height:50px;padding:0 15px 0 25px} @media(max-width:768px){.feedpc .feed .img{margin-right:0px} .feedpc .feed .img img{width:50px;height:50px} .feedpc .feed p{display:none} .totop{z-index:10} } /* 格子 */ .grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr); gap:var(--bs-gap,1.5rem)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}} @media(max-width:768px){.grid{gap:var(--bs-gap,0.5rem)}} .navbar .dropdown.pc:hover>.dropdown-menu li a{text-transform: capitalize;} body{position: relative;background-color: #fff;font-family:"Barlow";color:#333333;} /*body::before{content:"";width: 100%;height:1316px; position:fixed;top:0;z-index:2;background:url(../../images/body-bg.webp)no-repeat; color:#333333;z-index:2;}*/ a{color:#333333;} .z-index2{position:relative;z-index:2;} @media (max-width:768px) { body::before{z-index:-1;} } .t1{font-size: 48px;font-weight:500;line-height:64px;} .t2{font-size: 36px;font-weight:500;} .msg{font-size:17px;font-family:"Barlow";line-height:26px;color:#333} .green{color:#44b060;} .a-lvyin{color:#44b060 !important;background-color:transparent;font-size:18px;padding:7px 20px 7px 20px;border:3px solid #44b060;border-radius:50px;position:relative; font-weight:500;} /*.a-lvyin::after{content:"";width:45px;height:10px;background:url(../../images/btn-icon.webp)no-repeat;background-size:100% 100%;position:absolute; right:30px;top:40%;display:block;transition:all .5s;} .a-lvyin:hover::after{right:20px;transition:all .5s;background:url(../../images/btn-icon1.webp)no-repeat;}*/ .a-lvyin:hover{background-color:#44b060;color:#fff !important;} @media (max-width:768px) { .t1{font-size:24px;line-height:32px;} .t2{font-size:18px;line-height:26px;} .msg{font-size:14px;line-height:22px;} } .header{border-bottom: 1px solid rgba(0,0,0,.1);} .header.nav-fixed{background-color:#fff;} .header-top .nav{height:100%;} .navbar-custom{height:100%;} .navbar-expand-lg .navbar-collapse,.navbar-expand-lg .navbar-nav{height:100%;} .navbar-custom .navbar-nav .nav-link{color:#333333;font-weight:600;height:100%;text-transform: capitalize;} .top-search-box .search-tb i{color:#333333;} .navbar-custom .navbar-nav .nav-link:before{bottom:0;background-color:#44b060;} .navbar-custom .navbar-nav > .nav-item{margin:0 10px;} .he-right{display:flex;height:100%;align-items:center;} .top-search-box{margin-left:10px;} .dropdown.lang .dropdown-toggle{background-color: transparent;} .banner{margin-top:106px;} .home.banner{height:700px;text-align:left} .home.banner .container-xl{display:flex;justify-content:space-between;height:100%;align-items:center;text-align: left; background: url(../../images/banner-bg.webp)no-repeat right;background-size:100% 100%;} .home.banner .left{width:50%;} .home.banner .msg{width: 95%;margin-top:40px;} .home.banner .right{width:50%;} .home.banner .t1{font-size:52px;color:#000;line-height:72px;} .home.banner a{margin-top:70px;} @media (max-width:768px) { .home.banner{height:650px;} .home.banner .container-xl{display:block;background:none;} .home.banner .left,.home.banner .right{width:100%;} .home.banner .right{margin-top:0;} .home.banner .left{margin-top:20px;} .home.banner .t1{font-size:24px;;line-height:32px;} .home.banner .msg{width:100%;margin-top:20px;} .home.banner a{margin-top:30px;} } .other.banner{height:200px; z-index: 9;} .other.banner .title{text-align:left;color:#44b060;font-size:52px;line-height:72px;margin-top:70px;font-weight:500;text-transform:capitalize;} .other.banner .breadcrumb-item a{color:#333333;font-size:18px;font-weight:600;} .other.banner .breadcrumb-item a:hover{color:#44b060;} .breadcrumb-item{margin-right:30px;text-transform:capitalize;} .breadcrumb-item+.breadcrumb-item{color:#44b060;font-size:18px;font-weight:600;padding-right:0;position:relative;padding-left:35px;} .breadcrumb-item+.breadcrumb-item::before{content:"";width:7px;height:15px;background:url(../../images/banner-icon.webp)no-repeat; background-size:100% 100%;position:absolute;left:0;top:30%;} .breadcrumb .breadcrumb-item:last-child a{color: #44b060;} .breadcrumb .breadcrumb-item a:hover{text-decoration:underline;} .spe.banner{height:50px;} @media (max-width:768px) { .banner{margin-top:0;} .breadcrumb-item{margin-right:10px;} .other.banner{height:100px;} .other.banner .title{margin-top:20px;font-size:24px;line-height:32px;} .other.banner .breadcrumb-item a{font-size:14px;} .breadcrumb-item+.breadcrumb-item{font-size:14px;padding-left:15px;} .breadcrumb-item+.breadcrumb-item::before{top:20%;} .spe.banner{height:40px;} } /* footer */ footer{padding-bottom:90px;background-color:#f8f8f8;padding-top:100px;} footer .box{display:flex;justify-content:space-between;margin-top:90px;} footer .box .box1:nth-child(1){width:25%;} footer .box .box1:nth-child(2){width:15%;} footer .box .box1:nth-child(3){width: 10%;} footer .box .box1:nth-child(4){width:25%;} footer .box2{margin-top:50px;} footer .title{font-size:22px;font-weight:500;} footer .msg{font-size:14px;line-height:26px;margin-top:20px;} footer .box1 .msg:nth-child(1){margin-top:0;} footer .box1 .msg:nth-child(4){display:flex;} footer .box1 .call{width:190px;} footer .box1:nth-child(2) .msg a,footer .box1:nth-child(3) .msg a{display:block;} footer .msg a:hover{color:#44b060;} footer .decorate .msg{position:relative;width:100%;} footer .decorate .msg::before{content:"\f054";font-family:"Cmsfont";position:absolute;right:8px;font-size:10px;top: 2px;} footer .decorate .msg::after{content:"\f054";font-family:"Cmsfont";position:absolute;right:0px;font-size:10px;top: 2px;} footer .form-row>[class*="col-"]{padding:0;} footer .form-feedback .form-control{padding:10px;border:0;background-color:#e4e4e4;} footer .form-feedback .btn{padding-top:5px;padding-bottom:5px;} footer .form-feedback .btn{background-color:#44b060;border-radius:0;margin-top: 10px;} footer .form-feedback .btn:hover{background-color:#44b060;text-decoration: underline;} footer .last{margin-left:60px;} .share .social{margin-right:10px;} .share .social-facebook,.share .social-twitter,.share .social-youtube,.share .social-linkedin{background:#636363 !important;} .share .social-facebook:hover,.share .social-twitter:hover,.share .social-youtube:hover,.share .social-linkedin:hover{background:#44b060 !important;} .share .social>span,.share .social>a{border-radius:5px;} @media (max-width:768px) { footer .top img{width:70%;} footer{padding-top:40px;padding-bottom:20px;} footer .box{margin-top:40px;flex-wrap:wrap;} footer .box .box1:nth-child(1),footer .box .box1:nth-child(4){width:100%;} footer .box .box1:nth-child(2),footer .box .box1:nth-child(3){width:100%;margin-top:20px;} footer .box .box1:nth-child(4){margin-top:20px;} footer .box2{margin-top:20px;} footer .msg{margin-top:0;} footer .decorate a{width:95%;} footer .under span{display:block;} footer .under span:nth-child(2){margin-top:20px;} footer .box .box1:last-child{display:none;} footer .under{margin-top:20px;} } /* 联系我们 */ .contact {padding:80px 0 140px 0;} .contact .container-xl{display:flex;} .contact .left,.contact .right{width:50%;} .contact .left{display:flex;} .contact .left .msg{margin-top:20px;} .contact .box1{margin-top:30px;} .contact .title{font-size:20px;} .contact .box1 .s{margin-top:20px;} .contact .box1 .s:nth-child(3) img{margin-left:-7px;} .contact .left a{font-size:18px;margin-left:15px;} .contact .left .s:nth-child(3) a{margin-left:20px;} .contact .left a:hover{text-decoration: underline;} .contact .box1:nth-child(3){margin-top:20px;} .contact .right{padding-left:20px;height:100%;} .contact .form-feedback{background-color:#fff;padding:0 20px 10px 40px;border-top:7px solid #44b060;box-shadow:-1px 2px 10px 1px rgba(0,0,0,.2);} .contact .form-row{margin-left:5px;margin-top:20px;} .contact .form-row>[class*="col-"]{padding:0 30px 0 0;} .contact .form-feedback .form-control{padding:10px 18px;} .contact .form-feedback .form-control{background-color:transparent;border-color:#000;} .contact .form-feedback .t2{font-size:24px;line-height:60px;margin-top:5px;} .contact .form-feedback label{margin-bottom:10px;font-weight:600;} .contact .form-feedback .btn{margin-top:10px;background-color:#44b060;border-radius:50px;} .contact .form-feedback .btn:hover{text-decoration:underline;background-color:#44b060;} @media (max-width:768px) { .contact{padding:0 0 40px 0;} .contact .container-xl{display:block;} .contact .left,.contact .right{width:100%;} .contact .right{padding-left:0;margin-top:40px;} .contact .form-feedback{padding:0 10px 10px 0;} .contact .form-row>[class*="col-"]{padding:0 10px;} .contact .form-feedback .t2{padding-left:15px;font-size:18px;} .contact .title{font-size:18px;} .contact .left a{font-size:14px;} } .big-home-bg{background: url(../../images/big-home-bg.webp)no-repeat;width: 100%;padding-bottom:125px;background-size: 100% 100%;} .home-pro{padding-top:140px;} .home-pro .container-xl.max-1590{position:relative;} .home-pro .top{display:flex;justify-content:space-between;align-items:center;} .home-pro .mySwiper2{margin-top:60px;} .home-pro .mySwiper2 .swiper-slide{display:flex;justify-content:space-between;} .home-pro .swiper-slide .left,.home-pro .swiper-slide .right{width:50%;} .home-pro .swiper .msg{margin-top:40px;} .home-pro .swiper-slide .right{display:flex;justify-content:flex-end;} .home-pro .r-cont{width:90%;} .home-pro .t2 a:hover{color:#44b060;} .home-pro .tips{margin-top:35px;} .home-pro .tip{margin-top:15px;padding-left:45px;position:relative;} .home-pro .tip::before{content:"";width:16px;height:12px;background: url(../../images/tip-btn.webp);background-size:100% 100%;position:absolute; left:0;top:6px;} .home-pro .under{margin-top:60px;} .home-pro .under .swiper{padding:0 70px;} .home-pro .under img{mix-blend-mode: darken;} .home-pro .under .show-txt{margin-top:20px;} .home-pro .under .show-txt a{font-size:16px;text-align:center;display: block;font-weight: 600;} .home-pro .under .show-txt a:hover{color:#44b060;} .home-pro .swiper-button-next,.home-pro .swiper-button-prev{width: 60px;height: 108px;} .home-pro .swiper-button-next:after,.home-pro .swiper-button-prev:after{content:"";background:url(../../images/home-pro-btn.webp)no-repeat; background-size:100% 100%;width:60px;height:108px;} .home-pro .swiper-button-disabled{opacity:1;} .home-pro .swiper-button-prev,.home-pro .swiper-button-next{top:60%;} .home-pro .swiper-button-next::after{transform:rotate(180deg);} .home-pro .under .swiper-slide{border-right: 2px solid #44b060;} .home-pro .under .swiper-slide-visible:nth-child(4){border-right: 0;} .home-pro .under .swiper-slide .show-img{width:60%;margin: 0 auto;} @media (max-width:768px) { .home-pro .swiper-button-next:after, .home-pro .swiper-button-prev:after{width:25px;height:43px;} .swiper-button-next, .swiper-rtl .swiper-button-prev{right: var(--swiper-navigation-sides-offset,0);} } .home-stable{display:flex;justify-content:space-between;margin-top: 200px;} .home-stable .left{display:flex;justify-content:flex-end;} .home-stable .left,.home-stable .right{width:50%;} .home-stable .l-cont{width:68%;} .home-stable .t1{width:80%;} .home-stable .msg{width:82%;margin-top:40px;} .home-stable .msg:nth-child(3){margin-top:50px;opacity: .7;} .home-stable .a-lvyin{margin-top:50px;} .home-innova{margin-top:180px;display:flex;justify-content:space-between;align-items:center;} .home-innova .left{width:46%;position:relative;} .home-innova .left .show-txt{position:absolute;left:36%;top:16%;} .home-innova .left .t2{font-size:30px;} .home-innova .left .t1{width:80%;font-size:48px;color:#fff;font-weight: 500;} .home-innova .left .t1:nth-child(2){margin-top:60px;} @media (max-width:1500px) { .home-innova .left .t2{font-size: 24px;} .home-innova .left .t1{font-size:36px;} .home-innova .left .t1:nth-child(2){margin-top: 20px;} } .home-innova .right{width:50%;display:flex;justify-content:flex-end;} .home-innova .r-cont{width:95%;} .home-innova .right .t1{width:60%;font-size:42px;} .home-innova .msg{width:64%;margin-top:40px;} .home-innova .r-cont .msg:nth-child(1){margin-top:50px;} .home-innova .a-lvyin{margin-top:70px;} .home-innova .last{display:flex;font-size:20px;font-weight:500;align-items:center;} .home-innova .last-cont{display:flex;align-items:center;margin-top:70px;margin-left:40px;} .home-innova .last .txt{width: 50%;display: inline-block;margin-right:10px;} .home-part{margin-top:100px;} .home-part .container-xl{display:flex;justify-content:space-between;align-items:center;} .home-part .left{width:32%;display:flex;justify-content:flex-end;} .home-part .l-cont{width:89%;} .home-part .right{width:66%;} .home-part .swiper{padding:0 50px;} .home-part .swiper-slide img{width: 100%;} .home-part .swiper-button-prev:after,.home-part .swiper-button-next:after{content:"";width:14px;height:25px;background: url(../../images/home-part-btn.webp)no-repeat; background-size:100% 100%;} .home-part .swiper-button-prev{left:0;} .home-part .swiper-button-next{right:0;} .home-part .swiper-button-next:after{transform:rotate(180deg);right:0;} .home-part .swiper-button-prev:after{left:0;} .home-choice{margin-top:120px;} .home-choice .top{display:flex;justify-content:space-between;} .home-choice .left{width:53%;} .home-choice .right{width:30%;} .home-choice .box{width:30%;padding:35px 25px;background-color:#fff;border-radius:5px;} .home-choice .right .box{width:100%;} .home-choice .line{width:100%;height:3px;background-color:#44b060;margin-top:30px;} .home-choice .box .t2{font-size:22px;margin-top:25px;} .home-choice .box .msg{margin-top:25px;} .home-choice .under{display:flex;justify-content:space-between;margin-top:50px;} .home-choice .under .box:nth-child(1) .line{margin-top:37px;} .home-choice .under .box:nth-child(2) .line{margin-top:40px;} .home-about{background:url(../../images/home-about.webp)no-repeat;background-size:100% 100%;} .home-about .container-xl{display:flex;justify-content:space-between;padding-bottom:380px;} .home-about .left,.home-about .right{width:50%;margin-top: 100px;} .home-about .t1,.home-about .msg{color:#fff;} .home-about .msg{font-weight:300;} .home-about .right .msg:nth-child(2){margin-top:40px;} @media (max-width:768px) { .home-pro{padding-top:40px;} .home-pro .mySwiper2 .swiper-slide{display:block;} .home-pro .swiper-slide .left, .home-pro .swiper-slide .right{width:100%;} .home-pro .under .swiper{padding:0;} .home-pro .under .swiper-slide{border-right-color:transparent;} .home-pro .swiper .msg{margin-top:10px;} .home-pro .under{display:none;} .home-stable{margin-top:40px;display:block;} .home-stable .left, .home-stable .right{width:100%;} .home-stable .right .t1,.home-stable .right .msg{margin-left:15px;padding-right:15px;} .home-stable .right img{margin-top:20px;} .home-stable .l-cont{width:100%;padding-left:15px;} .home-stable .t1{width:100%;} .home-stable .t1:nth-child(1){margin-top:20px;} .home-stable .msg:nth-child(3){width:100%;margin-top:20px;} .home-stable .msg{width:100%;margin-top:20px;} .home-stable .a-lvyin{margin-top:20px;} .home-innova{margin-top:40px;display:block;} .home-innova .left{width:100%;} .home-innova .right{width:100%;} .home-innova .left .t1{font-size:24px;line-height:32px;} .home-innova .right .t1{width:100%;font-size:24px;line-height:32px;margin-top:20px;} .home-innova .msg{width:100%;margin-top:15px;} .home-innova .last{display: block;} .home-innova .last-cont{margin-top:30px;margin-left:10px;} .home-innova .a-lvyin{margin-top:20px;} .home-part .container-xl{display:block} .home-part .left,.home-part .l-cont{width:100%;} .home-part .right{width:100%;margin-top:20px;} .home-part .swiper{padding:0;} .home-part{margin-top:40px;} .home-choice{margin-top:40px;} .home-choice .top{display: block;} .home-choice .left,.home-choice .right{width:100%;} .home-choice .right{margin-top:10px;} .home-choice .left .msg{margin-top:10px;} .home-choice .under{display:block;margin-top:20px;} .home-choice .under .box{width:100%;margin-top:20px;} .big-home-bg{padding-bottom:40px;} .home-about{padding-top:40px;background-size:cover;} .home-about .container-xl{display: block;padding-bottom:100px;} .home-about .left, .home-about .right{width:100%;margin-top:0;} .home-about .right{margin-top:20px;} .home-about .right .msg:nth-child(2){margin-top:0;} } .home-new{margin-top:60px;} .home-new .show-img a,.home-new .show-img img{} .home-new .swiper-slide .show-img{width:30%;} .home-new .swiper-slide .show-txt{width:65%;} .home-new .top{display:flex;justify-content:space-between;align-items:center;} .home-new .under{padding-bottom:80px;} .home-new .under .swiper{padding-right:25px;} .home-new .swiper-slide{padding:30px 25px;display:flex;box-shadow:2px 5px 20px 5px rgba(0,0,0,.1);margin:100px 0 100px 10px; background-color:#fff;align-items: center;} .home-new .show-txt{margin-left:40px;} .home-new .date,.home-new .msg{font-size:14px;} .home-new .msg{width:80%;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top: 10px;} .home-new .t2{font-size:16px;margin-top: 10px;} .home-new .t2 a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .home-new a:hover{color:#44b060;} .home-new .swiper-slide-prev{margin-left:-5px;} .home-new .swiper-pagination-bullet{padding:10px;border:2px solid #717171;opacity:1;background-color:transparent;position:relative;} .home-new .swiper-pagination-bullet-active{border-color:#44b060;} .home-new .swiper-pagination-bullet::before{content:"";width:10px;height:10px;border-radius:50px;background-color:transparent;display:block; position:absolute;left:25%;top:25%;} .home-new .swiper-pagination-bullet-active::before{background-color:#44b060;} .home-new .swiper-horizontal>.swiper-pagination-bullets,.home-new .swiper-pagination-bullets.swiper-pagination-horizontal{left:0;top:93%;} /* .home-new .swiper-horizontal>.swiper-pagination-bullets, */ /* .home-new .swiper-pagination-bullets.swiper-pagination-horizontal span:last-child{display: none;} */ @media (max-width:768px) { .home-new{margin-top:0;} .home-new .under .swiper{padding-right:0;} .home-new .swiper-slide{margin:20px 0 40px 0px;} .home-new .swiper-slide .show-img{display:none;} .home-new .swiper-horizontal>.swiper-pagination-bullets, .home-new .swiper-pagination-bullets.swiper-pagination-horizontal{top:89%;} .home-new .under .a-lvyin{display:table;margin:0 auto;margin-top:40px;} .home-new .under{padding-bottom:40px;} } .navigation{margin-top:40px;} .navigation .a-lvyin{margin-right:10px;margin-top:20px;} .navigation .a-lvyin.active{background-color:#44b060;color:#fff !important;} .navigation .a-lvyin.active::after{content:"";background: url(../../images/btn-icon1.webp)no-repeat;} .navigation .a-lvyin.active:hover::after{right:30px;} @media (max-width:768px) { .navigation{margin-top:0;} } .cate{margin-top:120px;margin-bottom:140px} .cate .container-xl{display:flex;justify-content:space-between;align-items: center;} .cate .left{width:40%;} .cate .right{width:54%;} .cate .t2{font-weight:600;} .cate .msg{margin-top:30px;} .cate form{margin-top:40px;} .cate .form-group{margin-bottom:0;} .cate .form-feedback .form-control{background-color:#fff;border-left:0;border-right:0;border-top:0;padding:20px 0;} .cate .form-row .form-group:nth-child(1),.cate .form-row .form-group:nth-child(2){border-top:1px solid #cecccc;} .cate .form-row>[class*="col-"]{padding:0;} .cate .a-lvyin{margin-top:50px;} @media (max-width:768px) { .cate{margin-top:40px;margin-bottom:40px;} .cate .container-xl{display:block;} .cate .left,.cate .right{width:100%;} .cate .right{margin-top:40px;} .cate form{padding:0 15px;} } .why{padding-bottom:120px;} .why .t2{margin-top:120px;font-weight: 600;font-size:36px;} .why .grid{margin-top:70px;gap:var(--bs-gap,40px);} .why .g-col-xl-6{padding:50px 30px;box-shadow: 0 0 10px 1px rgba(0,0,0,.1);} .why .show-txt{padding-top:30px;} .why .title{font-size:22px;font-weight:500;} .why .msg{margin-top:20px;height:78px;overflow: hidden;} .why .a-lvyin{margin-top:30px;} @media (max-width:768px) { .why{padding-bottom:40px;} .why .grid{gap:var(--bs-gap,0);margin-top:40px;} .why .t2{margin-top:0;font-size:24px;line-height:32px;} .why .msg{height:71px;} .why .g-col-xl-6{padding:30px 20px;} } .cur-tact{padding-top:90px;padding-bottom:80px;background-color:#44b060;text-align:center;} .cur-tact .t2,.cur-tact .msg{color:#fff;} .cur-tact .a-lvyin::after{background:url(../../images/btn-icon1.webp)no-repeat;} .cur-tact .msg{margin:0 auto;width:82%;margin-top:40px;font-size:18px;} .cur-tact .a-lvyin{border-color:#fff;background-color:transparent;color:#fff !important;margin-top:50px;} .cur-tact .a-lvyin::after{right:18%;} .cur-tact .a-lvyin:hover:after{right:12%;} @media (max-width:768px) { .cur-tact{padding-top:40px;padding-bottom:40px;} .cur-tact .msg{font-size:14px;line-height:22px;} .cur-tact .msg{width:100%;margin-top:20px;} .cur-tact .a-lvyin{margin-top:20px;} } .quality{padding-top:100px;padding-bottom:100px;} .quality .t2{font-size:36px;font-weight:600;} .quality .under{margin-top:30px;} .quality .box{margin-top:80px;display:flex;justify-content:space-between;align-items:center;} .quality .left{width:54%;} .quality .right{width:41%;} .quality .box .t2{font-size:24px;} .quality .box .msg{margin-top:25px;font-size:18px;} .quality .box .msg:nth-child(3){margin-top:40px;} .quality .under .box:nth-child(even) .left{order: 2;} .quality .under .box:nth-child(even) .right{order: 1;} @media (max-width:768px) { .quality{padding-top:0;padding-bottom:40px;} .quality .t2{font-size:24px;line-height:32px;} .quality .under{margin-top:30px;} .quality .box{display: block;margin-top:0;} .quality .left,.quality .right{width:100%;} .quality .box .msg{margin-top:10px;} .quality .box .msg:nth-child(3){margin-top:10px;} .quality .right{margin-top:20px;margin-bottom:20px;} } /* 服务页 */ .simp{padding-top:100px;padding-bottom:110px;} .simp .top .t2{font-size:18px;font-weight:500;} .simp .top .t1{font-size:36px;font-weight:600;line-height:48px;} .simp .top .msg{font-size:18px;width:62%;margin-top:40px;} .simp .grid{margin-top:70px;gap:var(--bs-gap,15px);} .simp .g-col-xl-3{box-shadow:2px 2px 10px 1px rgba(0,0,0,.1);padding:45px 35px 35px 35px;background-color:#fff;} .simp .grid .title{font-size:22px;font-weight:500;line-height:44px;margin-top:30px;} .simp .grid .msg{margin-top:35px;} @media (max-width:768px) { .simp{padding-top:0;padding-bottom:40px;} .simp .top .t1{font-size:22px;line-height:30px;} .simp .top .msg{width:100%;margin-top:20px;} .simp .g-col-xl-3{padding:35px;} .simp .grid{margin-top:40px;} .simp .grid .title{margin-top:10px;} .simp .grid .msg{margin-top:0;} } .proce{padding-bottom:100px;} .proce .top .t2{font-size:36px;text-align:center;font-weight:600;} .proce .CateList{margin-top:40px;display:flex;justify-content:center;flex-wrap: wrap;} .proce .a-lvyin{padding-right:20px;padding-left:20px;margin-right:10px;margin-top:25px;} .proce .a-lvyin:after{display:none;} .proce .under{margin-top:70px;} .proce .swiper-slide{padding:35px 50px 50px 35px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:10px;background-color:#fff;position:relative; z-index:2;} .proce .show-txt .title{font-size:20px;font-weight:500;margin-top:40px;} .proce .show-txt .msg{margin-top:30px;height:104px;} .proce .swiper-slide{margin-bottom:80px;margin-left:-1px;} .proce .swiper-slide:after{display: none;content:"";width:19px;height:16px;background:url(../../images/proce-last-icon.webp)no-repeat;background-size:100% 100%; position:absolute;right:-20px;top:160px;z-index: 10 !important;} .proce .swiper-slide:last-child::after{display: none;} .proce .swiper-horizontal>.swiper-scrollbar{bottom:98;left:8%;} .proce .swiper-scrollbar{max-width:1200px} .proce .swiper-scrollbar-drag{max-width:300px;background-color:#44b060;} .proce .swiper-button-prev,.proce .swiper-button-next{top:55%;} .proce .swiper-button-prev{left:8%;transform:rotate(180deg);} .proce .swiper-button-next{right:8%;} .proce .swiper-button-prev:after,.proce .swiper-button-next:after{content:"";background:url(../../images/proce-last-icon.webp)no-repeat;width:19px; height:16px;} @media (max-width:768px) { .proce{padding-bottom:0;} .proce .top .t2{font-size:24px;line-height:32px;} .proce .under{margin-top:20px;} .proce .CateList{display:none;} .proce .swiper-button-prev, .proce .swiper-button-next{top:55%;} .proce .swiper-button-prev{left:0;} .proce .swiper-button-next{right:0;} .proce .swiper-slide{margin-bottom:0;} .proce .show-txt .msg{height:auto} } .faq{padding-bottom:120px;} .faq .t2{font-weight:600;line-height:48px;} .faq .under{margin-top:60px;} .faq .faq-item{margin-top:30px;border-radius:5px;} .faq .text{cursor:pointer;} .faq .title-q{font-size:26px;color:#44b060;font-weight:600;} .faq .text-header{display:flex;justify-content:space-between;} .faq .content-a{height:0;overflow:hidden;transition: all .5s;} .faq-item.active .content-a{height:auto;overflow:visible;transition:all .5s;padding-bottom:20px;padding-top: 30px;} .faq-item .content-a .msg{font-weight:400;} .faq-item .show-icon{width:20px;height:20px;} .faq-item .show-icon::before{content:"";background:url(../../images/faq-icon2.webp)no-repeat;background-size:100% 100%;width:20px;height:20px; display:block;} .faq-item.active .show-icon::before{background:url(../../images/faq-icon1.webp)no-repeat;} @media (max-width:768px) { .faq{padding-bottom:40px;} .faq .title-q{font-size:20px;line-height:28px;} .faq .under{margin-top:0;} .faq .text-header{align-items:center;} } .dd{padding-bottom:100px;} .dd .t2{font-size:36px;font-weight:600;} .dd .box{display:flex;justify-content:space-between;align-items:center;padding:55px 75px 55px 35px;box-shadow: 0 0 10px rgba(0,0,0,.1);margin-top: 70px;} .dd .left{display:flex;align-items:center;} .dd .left .show-img{margin-right:55px;} .dd .title{font-size:22px;font-weight:500;} .dd .msg{margin-top:30px;} @media (max-width:768px) { .dd{padding-bottom:40px;} .dd .t2{font-size:24px;line-height:32px;} .dd .left .show-img{margin-right:10px;} .dd .box{padding:20px;margin-top:20px;} .dd .title{font-size:18px;} .dd .msg{margin-top:10px;} } .sv{padding-bottom: 200px;} .sv .t2{font-size:36px;font-weight:600;} .sv .grid{margin-top:80px;gap:var(--bs-gap,40px);} .sv .g-col-xl-4{position:relative;} .sv a{position:absolute;right:6%;bottom:8%;} .sv .txt{position:absolute;top:9%;left:8%;color:#fff;font-size:22px;font-weight:500;} .More::after{transition: all 0.3s;} .More::before{transition: all 0.3s;} .more{position: relative;transition: all 0.6s ease-in-out;cursor: pointer;} .more::after{content: '';width: 0%;height: 2.5px;background-color: #fff;position: absolute;top:72%;left: 50%;transform: translateX(-50%);transition:all 0.6s;} .more:hover::after{width: 66%;} .case{padding-bottom:120px} .case .case-top .h1{font-weight:500;font-size:52px;line-height:72px;color:#40ae5d;margin-bottom:60px} .case .case-top p{font-size:18px;line-height:28px;} .case .case-content{margin-top:100px} .case .case-content .items{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);border-radius:10px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center} .case .case-content .items img{border-radius:6px;width: 564px;height: 367px;} .case .case-content .items:nth-child(odd){padding:35px 32px 35px 65px} .case .case-content .items:nth-child(even){padding:35px 120px 35px 33px} .case .case-content .items .box-left{width:45%} .case .case-content .items .box-left .h2{font-size:32px;line-height:48px;color:#333333;font-weight:bold;} .case .case-content .items .box-left p{font-size:16px;line-height:24px;margin-top:30px;margin-bottom:30px;} .case .case-content .items .box-left ul{font-size:16px;line-height:32px} .case .case-content .items .box-left ul li .title{color:#40ae5d;display: inline;} .case .case-content .items .box-right{width:50%} .case .case-content .items:nth-child(odd){display:flex;flex-direction:row-reverse} .case .case-content .items:nth-child(even){display:flex;flex-direction:row} @media (max-width:1250px) { .case .case-top p{font-size:16px;line-height:22px;} .case .case-content{margin-top:40px;} .navbar-custom .navbar-nav > .nav-item{margin: 0 5px;} .case .case-content .items:nth-child(even){padding-right:60px;} } @media (max-width:768px) { .case{padding-bottom:20px;} .case .case-content .items:nth-child(odd){padding:10px 0 20px 0;display:block;} .case .case-content .items:nth-child(even){padding:10px 0 20px 0;display:block;} .case .case-content .items .box-left{width:100%;margin-top:20px;} .case .case-content .items .box-right{width:100%;margin-top:20px;} .case .case-content .items img{width:100%;height: auto;} .case .case-content .items .box-left .h2{font-size:18px;line-height:28px;} .case .case-content .items .box-left p{margin-top:10px;} } .flexo{padding-bottom:150px} .flexo .flexo-top .h1{font-weight:bold;line-height:48px;font-size:52px;color:#40ae5d} .flexo .flexo-top .flexo-nav{margin-top:60px} .flexo .flexo-top .flexo-nav ul{display:flex} .flexo .flexo-top .flexo-nav ul li{margin-right:20px;display:flex;align-items:center} .flexo .flexo-top .flexo-nav ul li a{} .flexo .flexo-top .flexo-nav ul li a span:first-child{font-size:18px;line-height:33px;font-weight:600} .flexo .flexo-content{margin-top:80px} .flexo .flexo-content .top p{width:75%;font-size:18px;line-height:28px;} .flexo .flexo-content .bottom{margin-top:90px} .flexo .flexo-content .bottom .col-md-4{margin-bottom:40px} .flexo .flexo-content .bottom .box{padding:45px 52px 50px 38px;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);border-radius:10px;background-color:#fff;} .flexo .flexo-content .bottom .box .box-text{margin-top:42px} .flexo .flexo-content .bottom .box .box-text .h2 a{font-weight:bold;font-size:18px;line-height:20.31px;color:#3c414a;margin-bottom:15px; display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .flexo .flexo-content .bottom .box .box-text .h2 a:hover{background-color:transparent;color:#3c414a} .flexo .flexo-content .bottom .box .box-text .txt .p1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .flexo .flexo-content .bottom .box .box-text .txt .p2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .flexo .flexo-content .bottom .box .box-text .txt p span:first-child{color:#40ae5d;font-weight:500;} .flexo .flexo-content .bottom .box .box-text .txt p span:last-child{color:#666666;} .flexo .flexo-content .bottom .box .box-text a span img{margin-left:5px;transition: all .5s;} .flexo .flexo-content .bottom .box .box-text a:hover span img{margin-left:15px;transition: all .5s;} .flexo .flexo-content .bottom .box .box-text a:hover{color:#44b060;} .flexo .flexo-content .bottom .box .box-text .h2 a:hover{color:#44b060;} .flexo .flexo-content .bottom .box .box-img{padding-left:18px} .flexo .flexo-content .bottom .box .box-text .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:72px; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .flexo .flexo-advantage{margin-top:120px} .flexo .flexo-advantage .h1{font-size:36px;line-height:48px;color:#333333;font-weight:bold;} .flexo .flexo-advantage>p{font-size:18px;line-height:24px;margin-top:15px} .flexo .flexo-advantage ul{margin-top:80px;display:flex;justify-content:space-between;flex-wrap:wrap;flex:1} .flexo .flexo-advantage ul li{width:27%;display:flex;align-self:flex-start;margin-bottom:105px} .flexo .flexo-advantage ul li .d1{} .flexo .flexo-advantage ul li::before{content:url(../../images/rect.webp);display:inline-block;margin-right:16px} .flexo .flexo-advantage ul li .d1 .h3{font-size:18px;line-height:24px;color:#333333;font-weight:bold;margin-bottom:20px;} .flexo .flexo-advantage ul li .d1>p{font-size:18px;line-height:24px;} .flexo .flexo-press{background-color:#ecf7ee;position:relative} .flexo .flexo-press-xl{display:flex;justify-content:flex-end} .flexo .flexo-press .press-img img{display:block;display:flex} .flexo .flexo-press .press-img{width:40%;position:absolute;left:0;display:flex;top:25%} .flexo .flexo-press{background-image:url(../../images/flexo-2.webp);background-repeat:no-repeat;background-size:contain} .flexo .flexo-press .press-content{width:70%;padding:120px} .flexo .flexo-press .press-content .text .h1{font-size:36px;line-height:48px;font-weight:bold;color:#40ae5d;margin-bottom:50px} .flexo .flexo-press .press-content .text>p{font-size:18px;line-height:28px;margin-bottom:20px;} .flexo .flexo-press .press-content .text:first-child{margin-bottom:75px} .flexo .flexo-press .press-content .text ul li span:first-child::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#40ae5d;margin-right:20px} .flexo .flexo-press .press-content .text ul{font-size:18px;line-height:28px} .flexo .flexo-press .press-content .text ul li span:first-child{color:#333333;font-weight:600;} .flexo .flexo-press .press-content .text ul li{margin-bottom:30px} .flexo .flexo-learn .flexo-learn-xl{display:flex;margin-top:185px;justify-content:space-between} .flexo .flexo-learn .flexo-learn-xl .learn-left{width:47%} .flexo .flexo-learn .flexo-learn-xl .learn-left .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text{margin-top:65px} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box{margin-top:40px;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-a .learn-h3{font-size:26.67px;line-height:32px;color:#40ae5d; font-weight:600;margin-right:80px;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-a{display:flex;justify-content:space-between;cursor:pointer} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-b{width:90%;margin-top:30px;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-b>p{font-size:18px;line-height:28px;color:#333333;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-img .bt{cursor:pointer} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-img .img-add{display:inline-block} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-img .img-reduce{display:none} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-img.active .img-add{display:none} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-img.active .img-reduce{display:inline-block} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .a-lvyin{margin-top:80px;} .flexo .flexo-learn .flexo-learn-xl .learn-right{width:47%} .flexo .flexo-learn .flexo-learn-xl .learn-right .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;margin-bottom:40px} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box{margin-bottom:22px;display:flex;justify-content:space-between} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box + p a{margin-top:40px;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-img{width:40%} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-img img{border-radius:10px;width:240px;height:158px;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text{width:54%;display:flex;flex-direction:column;justify-content:center} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text .h3>a{font-size:18px;line-height:28px;font-weight:bold;color:#3c414a;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text .h3>a:hover{background-color:transparent} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text .text{margin-top:25px;font-size:16px;line-height:24px} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text .text .p1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text .text .p2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text .text p span:first-child{color:#40ae5d;font-weight:500;} .flexo a>span:first-child{font-size:18px;line-height:28px} .flexo a>span:first-child img{margin-left:20px;} .range{background-color:#40ae5d} .range .range-xl{padding-top:90px;text-align:center;padding-bottom:75px} .range .h2{font-size:36px;line-height:48px;font-weight:bold;color:#fff;margin-bottom:40px} .range .range-xl .p1{font-size:18px;line-height:28px;color:#fff;width:75%;margin:auto;margin-bottom:50px} .range .range-xl p:last-child>a{color:#fff;padding:12px 35px 12px 38px} .range .range-xl p:last-child>a.bd{border:3px solid #fff} .range .range-xl p:last-child>a:hover .img-green{display:inline-block} .range .range-xl p:last-child>a.bd:hover{border:0px solid transparent} .range .range-xl p:last-child{border-bottom:3px solid transparent;padding-bottom:11px;transition:all 0.6s;display:inline-block} .range .range-xl p:last-child:hover{border-bottom:3px solid #fff;padding-bottom:11px;display:inline-block;transition:all 0.6s} .products{padding-top:80px;padding-bottom:120px} .products .h1{font-size:52px;line-height:72px;color:#40ae5d;font-weight:500} .products .products-content .content-top{margin-bottom:100px} .products .products-content .content-top .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;margin-bottom:30px} .products .products-content .content-top>p{font-size:18px;line-height:28px;width:75%} .products .products-content .content-bottom .box-img a:hover{background-color:transparent} .products .products-content .content-bottom .items{margin-bottom:50px} .products .products-content .content-bottom .items .box{padding:20px 14px;background-color:#f2f4f7;border-radius:10px} .products .products-content .content-bottom .items .box .box-img{width:80%;margin:auto;padding-top:20px;padding-bottom:20px} .products .products-content .content-bottom .items .box .box-text{padding:43px 40px 40px 40px;background-color:#ffffff;border-radius:10px} .products .products-content .content-bottom .items .box .box-text .h3 a{font-size:28px;line-height:28px;font-weight:bold;color:#3c414a;} .products .products-content .content-bottom .items .box .box-text .h3 a:hover{color:#3c414a;background-color:transparent} .products .products-content .content-bottom .items .box .box-text .text{font-size:16px;line-height:24px;margin-top:30px;margin-bottom:35px;} .products .products-content .content-bottom .items .box .box-text .text .green{color:#44b060;display: inline;} .products .products-content .content-bottom .items .box .box-text a:hover{color:#44b060;} .products .products-content .content-bottom .items .box .box-text a span img{margin-left:10px;transition: all .5s;} .products .products-content .content-bottom .items .box .box-text a:hover span img{margin-left: 20px;transition: all .5s;} .products .products-content .content-bottom .items .box .box-text .text a span img{margin-left:5px;transition: all .5s;} .products .products-content .content-bottom .items .box .box-text .text a:hover span img{margin-left:15px;transition: all .5s;} .products .products-content .content-bottom .items .box .box-text .text p:last-child{height:96px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;} .products .products-content .content-bottom .items .box .box-text .text p span:first-child{color:#40ae5d;font-weight:500} .products .products-content .content-bottom .items .box .box-text .text p span:last-child{color:#666666} .products .products-content .content-bottom .items .box .box-img a{display:flex;justify-content:center;} .products .products-content .content-bottom .items .box:nth-child(1) .box-img a img{width:75%;} .products .products-content .content-bottom .items .box:nth-child(2) .box-img a img{width:75%;} .products a>span:first-child{font-size:18px;line-height:28px;font-weight:600;} @media (max-width:768px) { .products{padding-top:0;padding-bottom:40px;} .products .products-content .content-top .h2{font-size:24px;line-height:32px;margin-bottom:10px;} .products .products-content .content-top>p{width:100%;font-size:16px;line-height:22px;} .products .products-content .content-top{margin-bottom:40px;} .products .products-content .content-bottom .items .box .box-text .h3 a{font-size:20px;line-height:28px;} .products .products-content .content-bottom .items .box .box-text .text{margin-top:10px;margin-bottom:20px;} .products .products-content .content-bottom .items .box .box-text{padding:30px 30px 20px 30px;} .flexo .flexo-content{margin-top:0;} .flexo .flexo-content .top p{width:100%;font-size:16px;line-height:24px;} .flexo .flexo-content .bottom{margin-top:20px} .flexo .flexo-content .bottom .box{padding:20px;} .flexo .flexo-content .bottom .box .box-text .txt{margin-bottom:0;} .flexo .flexo-advantage ul{display:block;margin-top:40px;} .flexo .flexo-advantage ul li{width:100%;margin-bottom:30px;} .flexo .flexo-advantage{margin-top:0;} .flexo .flexo-advantage .h1{font-size:24px;line-height:32px;} .flexo .flexo-press{background:none;} .flexo .flexo-press-xl{display:block;} .flexo .flexo-press .press-img{width:100%;position:relative;} .flexo .flexo-press .press-content{width:100%;padding:0;} .flexo .flexo-press .press-content .text .h1{font-size:24px;line-height:32px;margin-bottom:20px;} .flexo .flexo-press .press-content .text:first-child{margin-bottom:0;} .flexo .flexo-learn .flexo-learn-xl{margin-top:0;display:block;} .flexo .flexo-learn .flexo-learn-xl .learn-left{width:100%;} .flexo .flexo-learn .flexo-learn-xl .learn-right{width:100%;} .flexo .flexo-learn .flexo-learn-xl .learn-left .h2{font-size:24px;line-height:32px;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text{margin-top:0;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-a{align-items: center;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-a .learn-h3{font-size:20px;line-height:28px;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .flexo-box .learn-b>p{font-size:14px;line-height:22px;} .flexo .flexo-learn .flexo-learn-xl .learn-left .left-text .a-lvyin{display:table;margin:0 auto;margin-top:40px;} .flexo .flexo-learn .flexo-learn-xl .learn-right{margin-top:40px;} .flexo .flexo-learn .flexo-learn-xl .learn-right .h2{font-size:24px;line-height:32px;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box{display: block;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-img{width:100%;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-img a,.flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-img img{width:100%;} .flexo .flexo-learn .flexo-learn-xl .learn-right .right-box .box-text{width:100%;margin-top:10px;} .flexo{padding-bottom:40px;} } .factory{margin-top:90px;margin-bottom:150px} .factory .factory-top .h1{font-size:52px;line-height:72px;font-weight:500;color:#40ae5d} .factory .factory-top .factory-nav{margin-top:65px} .factory .factory-top .factory-nav ul{display:flex} .factory .factory-top .factory-nav ul li{margin-right:20px} .factory .factory-top .factory-nav ul li a{padding:15px 35px 15px 38px;} .factory .factory-top .factory-nav ul li a span:first-child{font-size:18px;line-height:33px} .factory .factory-bottom{margin-top:100px} .factory .factory-bottom .col-md-4{margin-bottom:10px} .factory .factory-bottom .col-md-4 .box{border-radius: 5px;overflow: hidden;} .factory .factory-bottom .box a>p{font-size:22px;line-height:43.89px;color:#333333;font-weight:500;text-align:center;margin-top:10px} .factory .factory-bottom .box img{border-radius:10px} .factory .factory-bottom .box a>p:hover{color:#40ae5d;text-decoration:underline;text-decoration-color:#40ae5d;text-underline-offset:5px} @media (max-width:768px) { .factory{margin-top:0;margin-bottom:40px;} .factory .factory-bottom{margin-top:0;} } .about{margin-bottom:180px} .about .about-top .h1{font-size:52px;line-height:72px;font-weight:500;color:#40ae5d} .about .about-top .about-nav{margin-top:65px} .about .about-top .about-nav ul{display:flex} .about .about-top .about-nav ul li{margin-right:20px} .about .about-top .about-nav ul li a{padding:15px 35px 15px 38px;} .about .about-top .about-nav ul li a span:first-child{font-size:18px;line-height:33px} .about .about-innovative{padding-top:160px;padding-bottom:160px;display:flex;justify-content:space-between;align-items:center;overflow:hidden} .about .about-innovative .innovative-left{width:48.5%;display:flex;justify-content:flex-end} .about .about-innovative .innovative-left .box{width:600px} .about .about-innovative .innovative-left .h2{font-size:36px;line-height:48px;color:#333333;font-weight:bold;} .about .about-innovative .innovative-left .text{font-size:18px;line-height:28px;margin-top:40px} .about .about-innovative .innovative-left .text p:first-child{margin-bottom:25px} .about .about-innovative .innovative-right{width:48%;position:relative} .about .about-innovative .innovative-right .box{width:80%;display:flex;align-items:center} .about .about-innovative .innovative-right img{border-radius:10px} .about .about-innovative .innovative-right .box::after{content:"";background-color:#40ae5d;width:100%;height:120%;position:absolute;z-index:-1;border-radius:10px;left:70px} .about .about-photos{margin-bottom:20px} .about .about-photos .photos-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px} .about .about-photos .photos-bottom a:hover{background-color:transparent} .about .about-photos a span:first-child{font-size:18px;line-height:33px} .about .about-photos .photos-top .h1{font-size:36px;line-height:48px;color:#333333;font-weight:bold;} .about .about-photos .photos-bottom img{border-radius:8px} .about .about-photos .photos-bottom .box a>p{font-size:22px;line-height:43.89px;color:#333333;font-weight:500;text-align:center;margin-top:10px} .about .about-photos .photos-bottom .box a>p:hover{color:#40ae5d;text-decoration:underline;text-decoration-color:#40ae5d;text-underline-offset:5px} .about .about-certificates{background-color:#f8f8f8;padding-top:100px;padding-bottom:90px} .about .about-certificates-xl{display:flex;justify-content:space-between;align-items:center} .about .about-certificates .certify-left{width:35%} .about .about-certificates .certify-left .h2{font-size:36px;line-height:48px;color:#333333;font-weight:bold;} .about .about-certificates .certify-left>p{color:#666666;font-size:18px;line-height:28px;margin-top:15px;margin-bottom:55px;} .about .about-certificates .certify-right{width:65%} .about .about-certificates .certify-right ul{display:flex;justify-content:space-evenly} .about .about-certificates .certify-right ul li{margin-left:20px;} .about .about-certificates .certify-right ul li img{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);border-radius:10px} .about .about-markets .markets-top{margin-top:100px;margin-bottom:40px} .about .about-markets .markets-top .h2{font-size:36px;line-height:48px;color:#333333;font-weight:bold;} .about .about-markets .markets-top>p{font-size:18px;line-height:28px;margin-top:15px} .about .about-toplcs{margin-top:140px} .about .about-toplcs .h2{font-size:36px;line-height:48px;color:#333333;font-weight:bold;;margin-bottom:95px} .about .about-toplcs .toplcs-bottom{display:flex;justify-content:space-between} .about .about-toplcs .toplcs-bottom .items{width:calc(100% / 4 - 0.5% * 3);position:relative} .about .about-toplcs .toplcs-bottom .items>img{border-radius:4px} .about .about-toplcs .toplcs-bottom .items .text{background-color:#ffffff;border-radius:4px;padding:30px 15px 30px 15px;position:absolute;bottom:0;margin:10px} .about .about-toplcs .toplcs-bottom .items .text .h3{font-weight:bold;font-size:18px;line-height:28px;color:#3c414a;margin-bottom:30px} .about .about-toplcs .toplcs-bottom .items .text p{font-size:16px;line-height:24px;margin-bottom:50px} .about .about-toplcs a:hover{color: #44b060;} .about .about-toplcs a span img{margin-left:10px;transition:all .5s;margin-top: -2px;} .about .about-toplcs a:hover span img{margin-left:15px;transition:all .5s;} .about .about-toplcs a span:first-child{font-size:18px;line-height:28px;font-weight:600;} @media (max-width:768px) { .about{margin-bottom:40px;} .about .about-photos .photos-top .h1{font-size:18px;line-height:28px;} .about .about-innovative{padding-top:0;display:block;padding-left:15px;padding-bottom:80px;} .about .about-innovative .innovative-left{width:100%;} .about .about-innovative .innovative-left .h2{font-size:24px;line-height:32px;} .about .about-innovative .innovative-left .text{margin-top:20px;} .about .about-innovative .innovative-right{width:100%;margin-top:40px;} .about .about-innovative .innovative-right .box{width:100%;} .about .about-photos .photos-bottom + a{display:table;margin:0 auto;margin-top:20px;} .about .about-certificates{padding-top:40px;padding-bottom:40px;} .about .about-certificates-xl{display:block;} .about .about-certificates .certify-left,.about .about-certificates .certify-right{width:100%;} .about .about-certificates .certify-right ul li{margin-left:0;} .about .about-certificates .certify-left .h2{font-size:24px;line-height:32px;} .about .about-certificates .certify-left>p{margin-top: 0;margin-bottom:20px;} .about .about-certificates .certify-right a{display:table;margin:0 auto;margin-top:40px;} .about .about-markets .markets-top{margin-top:40px;} .about .about-markets .markets-top .h2{font-size:24px;line-height:32px;} .about .about-toplcs .toplcs-bottom{flex-wrap: wrap;} .about .about-toplcs .toplcs-bottom .items{width:100%;margin-top:30px;} .about .about-toplcs .toplcs-bottom .items .text .h3{margin-bottom:10px;} .about .about-toplcs .toplcs-bottom .items .text p{margin-bottom:20px;} .about .about-toplcs{margin-top:80px;} .about .about-toplcs .h2{margin-bottom:0;font-size:24px;line-height:32px;} } .solutions .solutions-head{margin-bottom:110px} .solutions .solutions-head .h1{font-size:52px;line-height:72px;color:#40ae5d;font-weight:500} .solutions .solutions-head .h2{font-weight:bold;font-size:36px;line-height:48px;color:#333333;margin-top:80px;margin-bottom:60px} .solutions .solutions-head .text{font-size:18px;line-height:32px;} .solutions .solutions-needs{background-color:#40ae5d;padding-top:100px;padding-bottom:90px} .solutions .solutions-needs .text{margin-bottom:70px;width:65%} .solutions .solutions-needs .text .h2{font-weight:bold;font-size:36px;line-height:48px;color:#fff;} .solutions .solutions-needs .text .p1{font-size:18px;line-height:28px;color:#fff;margin-top:50px;margin-bottom:30px} .solutions .solutions-needs .text .h3{font-size:18px;line-height:28px;color:#fff;} .solutions .solutions-needs .box{display:flex} .solutions .solutions-needs .box .items{margin-right:20px;position:relative} .solutions .solutions-needs .box .items>img{border-radius:6px} .solutions .solutions-needs .box .items .p2{} .solutions .solutions-needs .box .items .p2>a{background-color:#3d424b;border-radius:0px 0px 6px 6px;position:absolute;bottom:0;padding:15px 32px 15px 30px;width:100%} .solutions .solutions-needs .box .items .p2>a span{display:inline-block} .solutions .solutions-needs .box .items .p2>a{display:flex;justify-content:space-between} .solutions .solutions-needs .box .items .p2>a span:first-child{color:#fff;font-size:22px} .solutions .solutions-needs .box .items .p2>a:hover span:first-child{color:#40ae5d} .solutions .solutions-needs .box .items .p2>a .img-green-2{display:none} .solutions .solutions-needs .box .items .p2>a:hover .img-green-2{display:inline-block} .solutions .solutions-needs .box .items .p2>a:hover .img-white-2{display:none} .solutions .solutions-drawings{padding-top:132px;padding-bottom:115px} .solutions .solutions-drawings .drawings-content{display:flex;align-items:center;justify-content:space-between} .solutions .solutions-drawings .drawings-left{width:43%} .solutions .solutions-drawings .drawings-left .h2{font-weight:bold;font-size:36px;line-height:48px;color:#333333;} .solutions .solutions-drawings .drawings-left .text{font-size:18px;line-height:28px;margin-top:50px;} .solutions .solutions-drawings .drawings-left .text p{margin-bottom:25px} .solutions .solutions-drawings .drawings-right{width:55%;margin-right:-100px} .solutions .solutions-models{background-color:#f8f8f8;padding-top:140px;padding-bottom:120px} .solutions .solutions-models .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;} .solutions .solutions-models .h3{font-size:30px;line-height:48px;font-weight:bold;color:#40ae5d;margin-top:75px;margin-bottom:55px} .solutions .solutions-models table{width:100%} .solutions .solutions-models table tr td:not(td:nth-child(1)){padding-left:21px} .solutions .solutions-models table tr td:not(td:last-child){padding-right:21px} .solutions .solutions-models table tr:first-child td{padding-bottom:40px} .solutions .solutions-models table tr td img{border-radius:6px;width:100%;height:212px;} .solutions .solutions-models table tr:nth-child(1) td:nth-child(1) img{width:677px;height:212px;} .solutions .solutions-models table .title{color:#fff;font-size:18px;line-height:28px;display:block;padding:20px;position:absolute;bottom:0px;width:100%;background-color:#3c414a;border-radius:0px 0px 6px 6px} .solutions .solutions-models table .title:hover{color:#40ae5d} .solutions .solutions-models table td>p{position:relative;border-radius:5px;overflow:hidden;} .solutions .solutions-models .box-img{display:flex;width:100%} .solutions .solutions-models .box-img p{width:calc(calc(100% - 3*42px) / 4);position:relative;margin-right:42px;border-radius:5px;overflow:hidden;} .solutions .solutions-models .box-img p img{height: 212px;width: 100%;} .solutions .solutions-models .box-img .title{position:absolute;bottom:0;width:100%;display:block;background-color:#3c414a;color:#fff;font-size:16px;line-height:28px;border-radius:0px 0px 6px 6px;padding:20px 10px;} .solutions .solutions-models .box-img .title:hover{color:#40ae5d} .solutions .solutions-best{padding-top:125px} .solutions .solutions-best .best-top .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;} .solutions .solutions-best .best-top>p{font-size:18px;line-height:32px;margin-top:30px;margin-bottom:85px} .solutions .solutions-best .best-middle{display:flex} .solutions .solutions-best .best-middle .items{margin-right:60px;border-radius:10px;position:relative} .solutions .solutions-best .best-middle .items .text{background-color:#fff;border-radius:10px;position:absolute;bottom:0;margin:0px 15px 20px 15px;padding:42px 55px 40px 40px} .solutions .solutions-best .best-middle .items .text .h3 a{font-size:28px;line-height:28px;color:#3c414a;font-weight:bold;} .solutions .solutions-best .best-middle .items .text .h3 a:hover{color:#3c414a;background-color:transparent} .solutions .solutions-best .best-middle .items .text>p{font-size:18px;line-height:26px;margin-top:30px;margin-bottom:45px;height:130px;overflow:hidden;} .solutions .solutions-best .best-middle .items .text>a span:first-child{font-size:18px;line-height:28px;font-weight:600;} .solutions .solutions-best .best-middle .items .text a:hover{color:#44b060;} .solutions .solutions-best .best-middle .items .text a span img{margin-left:10px;transition:all .5s;} .solutions .solutions-best .best-middle .items .text a:hover span img{margin-left:15px;transition: all .5s;} .solutions .solutions-best .best-bottom{display:flex;justify-content:space-between;padding-top:125px;padding-bottom:120px} .solutions .solutions-best .best-bottom .learn-left{width:43%} .solutions .solutions-best .best-bottom .learn-left .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;} .solutions .solutions-best .best-bottom .learn-left .left-text{margin-top:65px} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box{margin-top:45px} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-a .learn-h3{font-size:26.67px;line-height:32px;color:#40ae5d;font-weight:600;margin-right:80px;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-a{display:flex;justify-content:space-between;cursor:pointer} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-b{width:95%;margin-top: 30px;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-b>p{font-size:18px;line-height:28px;color:#333333;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-img .bt{cursor:pointer} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-img .img-add{display:inline-block} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-img .img-reduce{display:none} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-img.active .img-add{display:none} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-img.active .img-reduce{display:inline-block} .solutions .solutions-best .best-bottom .learn-left .left-text>p{display:inline-block;padding-bottom:5px;border-bottom:2px solid #40ae5d;margin-top:60px;} .solutions .solutions-best .best-bottom .learn-left .left-text>p:hover{border-bottom:2px solid transparent} .solutions .solutions-best .best-bottom .learn-right{width:50%} .solutions .solutions-best .best-bottom .learn-right .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;margin-bottom:40px} .solutions .solutions-best .best-bottom .learn-right .right-box{margin-bottom:22px;display:flex;justify-content:space-between} .solutions .solutions-best .best-bottom .learn-right .right-box .box-img{width:40%} .solutions .solutions-best .best-bottom .learn-right .right-box .box-img img{border-radius:10px;width:240px;height:166px;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text{width:55%;display:flex;flex-direction:column;justify-content:center} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .h3>a{font-size:18px;line-height:28px;font-weight:bold;color:#3c414a;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .h3>a:hover{background-color:transparent} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .text{margin-top:25px;font-size:16px;line-height:24px} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .text .p1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .text .p2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .text p span:first-child{color:#40ae5d;font-weight:500;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .text p span:last-child{} .solutions .solutions-best .best-bottom .learn-right>p{display:inline-block;padding-bottom:5px;border-bottom:2px solid #40ae5d;margin-top:12px} .solutions .solutions-best .best-bottom .learn-right>p:hover{border-bottom:2px solid transparent;transition:all 0.3s;} .solutions .solutions-best .best-bottom a span:first-child{font-size:18px;line-height:33px} .solutions .solutions-best .best-bottom a span img{margin-left: 10px;transition: all .5s;} .solutions .solutions-best .best-bottom a:hover span img{margin-left:15px;transition: all .5s;} .solutions .solutions-models .swiper p{position:relative;border-radius:5px;overflow:hidden;} .solutions .solutions-models .swiper p img{height:250px;} .solutions .solutions-models .swiper p .title{color:#fff;font-size:16px;line-height:24px;display:block;padding:20px;position:absolute;bottom:0px; width:100%;background-color:#3c414a;border-radius:0px 0px 6px 6px;} .solutions .solutions-models .swiper1{position:relative;border-radius:5px;overflow:hidden;} .solutions .solutions-models .swiper1 p img{height:250px;} .solutions .solutions-models .swiper1 p .title{color:#fff;font-size:16px;line-height:24px;display:block;padding:20px;position:absolute;bottom:0px; width:100%;background-color:#3c414a;border-radius:0px 0px 6px 6px;} @media(max-width:1600px){.solutions .solutions-drawings .drawings-right{margin-right:0px} } @media (max-width:768px) { .solutions .solutions-head{margin-bottom:40px;} .solutions .solutions-head .h2{margin-top:0;margin-bottom:0;font-size:24px;line-height:32px;} .solutions .solutions-head .text{font-size:16px;line-height:24px;margin-top:10px;} .solutions .solutions-needs{padding-top:40px;padding-bottom:40px;} .solutions .solutions-needs .box{flex-wrap: wrap;} .solutions .solutions-needs .box .items{margin-right:0;margin-top:20px;} .solutions .solutions-needs .text{width:100%;margin-bottom:0;} .solutions .solutions-needs .text .h2{font-size:24px;line-height:32px;} .solutions .solutions-needs .text .p1{margin-top:10px;margin-bottom:10px;} .solutions .solutions-drawings{padding-top:40px;padding-bottom:40px;} .solutions .solutions-drawings .drawings-content{display:block;} .solutions .solutions-drawings .drawings-left{width:100%;} .solutions .solutions-drawings .drawings-right{width:100%;margin-top:0px;} .solutions .solutions-drawings .drawings-left .h2{font-size:24px;line-height:32px;} .solutions .solutions-drawings .drawings-left .text{margin-top:10px;} .solutions .solutions-drawings .drawings-left .text p{margin-bottom:10px;} .solutions .solutions-models{padding-top:40px;padding-bottom:40px;} .solutions .solutions-models .h2{font-size:24px;line-height:32px;} .solutions .solutions-models .h3{margin-top:10px;margin-bottom:10px;font-size:18px;line-height:28px;} .solutions .solutions-models table tr td img{width: auto;height:369px;} .solutions .solutions-models .swiper-slide{overflow:hidden;} .solutions .solutions-models .swiper img{width:100%;height:250px;} .solutions .solutions-models .swiper-slide span{margin-top:10px;display:block;font-size:16px;line-height:24px;color:#000;font-weight:500;} .solutions .solutions-best{padding-top:40px;} .solutions .solutions-best .best-top .h2{font-size:24px;line-height:32px;} .solutions .solutions-best .best-top>p{margin-top:10px;margin-bottom:0;} .solutions .solutions-best .best-middle{flex-wrap: wrap;} .solutions .solutions-best .best-middle .items .text{padding:20px;} .solutions .solutions-best .best-middle .items{margin-right:0;margin-top:30px;} .solutions .solutions-best .best-middle .items .text>p{margin-top:10px;margin-bottom:0px;font-size:14px;line-height:22px;} .solutions .solutions-best .best-middle .items .text .h3 a{font-size:20px;;line-height:28px;} .solutions .solutions-best .best-bottom{display:block;padding-top:40px;padding-bottom:40px;} .solutions .solutions-best .best-bottom .learn-left,.solutions .solutions-best .best-bottom .learn-right{width:100%;} .solutions .solutions-best .best-bottom .learn-left .h2{font-size:24px;line-height:32px;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-a .learn-h3{font-size:18px;line-height:26px;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-a{align-items:center;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box .learn-b>p{font-size:16px;line-height:20px;} .solutions .solutions-best .best-bottom .learn-left .left-text>p{margin-top:20px;} .solutions .solutions-best .best-bottom .learn-left .left-text{margin-top:0;} .solutions .solutions-best .best-bottom .learn-right{margin-top:20px;} .solutions .solutions-best .best-bottom .learn-right .h2{font-size:24px;line-height:32px;} .solutions .solutions-best .best-bottom .learn-right .right-box{display:block;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-img{width:100%;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-img a{width:100%;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-img a img{width:100%;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text{width:100%;} .solutions .solutions-best .best-bottom .learn-right .right-box .box-text .text{margin-top:5px;} .solutions .solutions-best .best-bottom .learn-left .left-text .best-box{margin-top:20px;} } .sustainability{ padding-bottom:180px; } .sustainability .sustainability-header .h1{ font-size: 52px; line-height: 72px; color:#40ae5d; font-weight: 500; } .sustainability .sustainability-header>p{ font-size: 18px; line-height: 28px; margin-top:20px; } .sustainability .sustainability-top .box-top-img{ border-radius: 10px; } .sustainability .sustainability-top .h2{ font-size: 36px; line-height: 48px; color:#333333; font-weight: bold; margin-top: 100px; } .sustainability .sustainability-top .text{ display: flex; margin-top: 45px; margin-bottom: 60px; } .sustainability .sustainability-top .text .text-left{ width: 44%; } .sustainability .sustainability-top .text .text-right-1{ width: 40%; margin-left: 80px; } .sustainability .sustainability-top .text p{ font-size: 18px; line-height: 28px; } .sustainability .sustainability-top .text .text-right-1 ul{ margin-top: 55px; font-weight: bold; font-size: 18px; /* line-height: 48px; */ color: #666666; } .sustainability .sustainability-top .text .text-right-1 ul li{ display: flex; align-items:flex-start; } .sustainability .sustainability-top .text .text-right-1 ul li::before{ content: url(../../images/rect.webp); display: block; margin-right: 18px; margin-bottom: 23px; } .sustainability .sustainability-middle{ background-color: #f8f8f8; } .sustainability .sustainability-middle .sustainability-middle-xl{ padding: 120px 0; display: flex; justify-content: space-between; } .sustainability .sustainability-middle .box-left{ width: 45%; } .sustainability .sustainability-middle .box-left>p{ font-size: 36px; line-height: 48px; color: #333333; font-weight: bold; padding-top: 25px; } .sustainability .sustainability-middle .box-right{ width: 50%; } .sustainability .sustainability-middle .box-right img{ border-radius: 10px; } .sustainability .sustainability-toplcs{ margin-top: 120px; } .sustainability .sustainability-toplcs .h2{ font-size: 36px; line-height: 48px; color:#333333; font-weight: bold; margin-bottom: 95px; } .sustainability .sustainability-toplcs .toplcs-bottom{ display: flex; justify-content: space-between; } .sustainability .sustainability-toplcs .toplcs-bottom .items{ width: calc(100% / 4 - 0.5% * 3); position: relative; } .sustainability .sustainability-toplcs .toplcs-bottom .items>img{ border-radius: 4px; } .sustainability .sustainability-toplcs .toplcs-bottom .items .text{ background-color: #ffffff; border-radius: 4px; padding:30px 40px 30px 30px; position: absolute; bottom:0; margin:10px; } .sustainability .sustainability-toplcs .toplcs-bottom .items .text .h3{ font-weight: bold; font-size: 18px; line-height: 28px; color:#3c414a; margin-bottom: 30px; } .sustainability .sustainability-toplcs .toplcs-bottom .items .text p{ font-size: 16px; line-height: 24px; margin-bottom: 40px; } .sustainability-toplcs a img{margin-left:10px;transition: all .5s;} .sustainability-toplcs a:hover img{margin-left:15px;transition: all .5s;} .sustainability-toplcs a:hover{color:#44b060;} .sustainability a>span:first-child{ font-weight: 600; font-size: 18px; line-height: 28px; } @media (max-width:768px) { .sustainability .sustainability-top .h2{margin-top:20px;font-size:24px;line-height:32px;} .sustainability .sustainability-top .text .text-left,.sustainability .sustainability-top .text .text-right-1{width:100%;margin-top:20px;} .sustainability .sustainability-top .text .text-right-1{margin-left:0;} .sustainability .sustainability-top .text{display:block;margin-top:0;margin-bottom:0;} .sustainability .sustainability-header>p{font-size:14px;line-height:22px;margin-top:0;} .sustainability .sustainability-toplcs .toplcs-bottom{flex-wrap:wrap;} .sustainability .sustainability-toplcs .toplcs-bottom .items{width:100%;} .sustainability .sustainability-middle .sustainability-middle-xl{padding:40px 0;display:block;} .sustainability .sustainability-middle .box-left,.sustainability .sustainability-middle .box-right{width:100%;} .sustainability .sustainability-middle .box-right{margin-top:20px;} .sustainability .sustainability-middle .box-left>p{padding-top:0;font-size:24px;line-height:32px;} .sustainability .sustainability-toplcs{margin-top:40px;} .sustainability .sustainability-toplcs .h2{font-size:24px;line-height:32px;margin-bottom:0;} .sustainability .sustainability-toplcs .toplcs-bottom .items{margin-top:30px;} .sustainability{padding-bottom:40px;} .sustainability .sustainability-toplcs .toplcs-bottom .items .text .h3{margin-bottom:10px;} .sustainability .sustainability-toplcs .toplcs-bottom .items .text p{margin-bottom:20px;} } .vido{margin-bottom:100px} .vido .vido-top .h1{font-size:52px;line-height:72px;font-weight:500;color:#40ae5d} .vido .vido-top .vido-nav{margin-top:65px} .vido .vido-top .vido-nav ul{display:flex} .vido .vido-top .vido-nav ul li{margin-right:20px} .vido .vido-top .vido-nav ul li a{padding:15px 35px 15px 38px;} .vido .vido-top .vido-nav ul li a span:first-child{font-size:18px;line-height:33px} .vido .vido-bottom{margin-top:90px} .vido .vido-bottom .col-md-4{margin-bottom:10px} .vido .vido-bottom .box a>p{font-size:22px;line-height:43.89px;color:#333333;font-weight:500;text-align:center;margin-top:10px} .vido .vido-bottom .box img{border-radius:10px} .vido .vido-bottom .box a>p:hover{color:#40ae5d;text-decoration:underline;text-decoration-color:#40ae5d;text-underline-offset:5px} .exhibitions .exhibitions-top a{margin-right:20px;padding:15px 35px 15px 38px;} .exhibitions .exhibitions-top a span:first-child{font-size:18px;line-height:33px} .exhibitions .exhibitions-middle{margin-top:100px;margin-bottom:158px;display:flex;justify-content:space-between} .exhibitions .exhibitions-middle .article{width:58.5%} .exhibitions .exhibitions-middle .article-top::after{content:"";padding-bottom:40px;display:block;background:linear-gradient( to left,transparent 0%,transparent 50%,#40ae5d 50%,#40ae5d 100% );background-size:15px 1px;background-repeat:repeat-x;background-position:bottom;} .exhibitions .exhibitions-middle .article-top .h2{font-size:36px;line-height:48px;font-weight:bold;color:#333333;} .exhibitions .exhibitions-middle .article-top .text{display:flex;margin-top:50px} .exhibitions .exhibitions-middle .article-top p{font-size:14px;line-height:28px;color:#40ae5d;} .exhibitions .exhibitions-middle .article-top .text .p1{display:flex;margin-right:50px} .exhibitions .exhibitions-middle .article-top .text .p1 span{display:inline-block} .exhibitions .exhibitions-middle .article-top .text .p1 span:first-child{margin-right:9px} .exhibitions .exhibitions-middle .article-middle{padding-top:47px;} .exhibitions .exhibitions-middle .article-middle p{font-size:18px;line-height:28px;color:#666666;margin-bottom:25px} .exhibitions .exhibitions-middle .article-middle img{max-width:100%;height:auto;} .exhibitions .exhibitions-middle .article-bottom{margin-top:63px} .exhibitions .exhibitions-middle .article-bottom::before{content:"";padding-top:52px;display:block;background:linear-gradient( to left,transparent 0%,transparent 50%,#40ae5d 50%,#40ae5d 100% );background-size:15px 1px;background-repeat:repeat-x;background-position:top;} .exhibitions .exhibitions-middle .article-bottom a .img-white{display:none} .exhibitions .exhibitions-middle .article-bottom .next,.exhibitions .exhibitions-middle .article-bottom .prev{display:flex;align-items:center;} .exhibitions .exhibitions-middle .article-bottom a{border:3px #40ae5d solid;padding:4px 17px 5px 17px;border-radius:35px;margin-right:30px} .exhibitions .exhibitions-middle .article-bottom a:hover{background-color:#44b060;} .exhibitions .exhibitions-middle .article-bottom a:hover .img-white{display:inline-block} .exhibitions .exhibitions-middle .article-bottom a:hover .img-green{display:none} .exhibitions .exhibitions-middle .article-bottom p{font-size:18px;line-height:48px;color:#40ae5d;} .exhibitions .exhibitions-middle .article-bottom p a{border:none;background-color:transparent;color:#40ae5d;padding:0;margin:0px} .exhibitions .exhibitions-middle .article-bottom p a:hover{background-color:transparent} .exhibitions .exhibitions-middle .article-bottom p a:hover{text-decoration:underline} .exhibitions .exhibitions-middle .article-bottom .next{margin-bottom:25px} .exhibitions .exhibitions-middle .aside{width:30%} .exhibitions .exhibitions-middle .aside .h2{font-size:20px;line-height:39px;color:#333333;font-weight:bold;margin-bottom:50px} .exhibitions .exhibitions-middle .aside .aside-top .box{} .exhibitions .exhibitions-middle .aside .aside-top .box .items{display:flex;justify-content:space-between;margin-bottom:40px;align-items: center;} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-img{width:30%} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-img a{height:100%;} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-img img{border-radius:4px;height: 100%;} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text{width:64%;display:flex;flex-direction:column;justify-content:space-between} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text .h3{margin-bottom:20px;} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text .h3 a{font-weight:600;font-size:18px;line-height:26px;color:#333333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text .h3 a:hover{background-color:transparent;color:#40ae5d;text-decoration:underline} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text>p{display:flex;align-items:center} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text>p span:last-child{color:#999999;font-size:14px;line-height:12px; margin-left:9px;padding-top:5px;} .exhibitions .exhibitions-middle .aside .aside-middle{margin-top:70px} .exhibitions .exhibitions-middle .aside .aside-middle .items{display:flex;justify-content:space-between;padding:20px 10px 30px 20px; box-shadow:0px 0px 40px 0px rgba(0,0,0,0.05);border-radius:10px;margin-bottom:20px;background-color:#fff;} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-img{width:35%;display:flex;align-items:center} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text{width:57%;display:flex;flex-direction:column;justify-content:space-between} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text .p1{font-size:12px;line-height:28px;color:#40ae5d;font-weight:bold;margin-bottom:5px} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text .p2 a{font-size:18px;line-height:20px;color:#3c414a;font-weight:bold;margin-bottom:25px;display:block} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text .p2 a:hover{background-color:transparent;color:#44b060} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text a{} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text a:hover{color:#44b060;} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text a span img{transition:all .5s;margin-top:-1px;position:relative;left:2px;} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text a:hover span img{left: 10px;transition: all .5s;} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text a span:first-child{font-size:18px;line-height:20px;font-weight:600;} .exhibitions .exhibitions-middle .aside .aside-bottom{margin-top:90px} .exhibitions .exhibitions-middle .aside .aside-bottom ul{} .exhibitions .exhibitions-middle .aside .aside-bottom ul li a{color:#333;font-size:20px;line-height:46px;text-decoration:underline} .exhibitions .exhibitions-middle .aside .aside-bottom ul li a:hover{background-color:transparent;color:#40ae5d} @media (max-width:768px) { .exhibitions .exhibitions-middle{margin-top:20px;display:block;margin-bottom:40px;} .exhibitions .exhibitions-middle .article,.exhibitions .exhibitions-middle .aside{width:100%;} .exhibitions .exhibitions-middle .article-top .h2{font-size:24px;line-height:32px;} .exhibitions .exhibitions-middle .article-top .text{margin-top:20px;} .exhibitions .exhibitions-middle .article-middle p{margin-bottom:0;font-size:14px;line-height:22px;} .exhibitions .exhibitions-middle .article-middle h2{font-size:18px;line-height:26px;} .exhibitions .exhibitions-middle .article-bottom a{margin-right:5px;} .exhibitions .exhibitions-middle .article-bottom{margin-top:20px;} .exhibitions .exhibitions-middle .article-bottom::before{padding-top:30px;} .exhibitions .exhibitions-middle .article-bottom p{font-size:14px;line-height:22px;} .exhibitions .exhibitions-middle .aside{margin-top:20px;} .exhibitions .exhibitions-middle .aside .aside-top .box{margin-top:20px;} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text .h3{margin-bottom:10px;} .exhibitions .exhibitions-middle .aside .aside-top .box .items .items-text .h3 a{font-size:16px;line-height:22px;} .exhibitions .exhibitions-middle .aside .aside-middle{margin-top:0;} .exhibitions .exhibitions-middle .aside .aside-middle .items{margin-top:20px;} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text .p2 a{font-size:16px;line-height:22px;} .exhibitions .exhibitions-middle .aside .aside-middle .items .items-text a span:first-child{font-size:16px;line-height:22px;} .exhibitions .exhibitions-middle .aside .aside-bottom{margin-top:20px;} .exhibitions .exhibitions-middle .aside .h2{margin-bottom:0;} } .blog{margin-bottom:150px} .blog .blog-nav ul{display:flex} .blog .blog-nav ul li{margin-right:20px} .blog .blog-nav ul li a{padding:15px 35px 15px 38px} .blog .blog-content{margin-top:30px} .blog .blog-content .items-img img{border-radius:10px;height:240px;} .blog .blog-content .items-box{margin-top:30px;padding:0 16px 0 10px} .blog .blog-content .items-box .date{display:flex;align-items:center} .blog .blog-content .items-box .date p:first-child{margin-right:9px} .blog .blog-content .items-box .date p:last-child{font-size:14px;line-height:12px;color:#999999;padding-top:5px;} .blog .blog-content .items-box .text{margin-top:12px} .blog .blog-content .items-box .text .h3{} .blog .blog-content .items-box .text .h3 a{padding:0px;margin:0px;border:none;font-size:18px;line-height:26px;color:#333333;font-weight:500; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:52px;} .blog .blog-content .items-box .text .h3 a:hover{background-color:transparent;color:#40ae5d;text-decoration:underline} .blog .blog-content .items-box .text p{font-size:16px;line-height:24px;margin-top:15px;margin-bottom:45px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .blog .blog-content .items-box .text a:hover .img-white{display:inline-block} .blog .blog-content .items-box .text a:hover .img-green{display:none} .blog .blog-content .col-md-4{margin-top:60px;padding-right:27px;padding-left:27px} .blog .blog-content .col-md-4 .items-img{border-radius:5px;overflow:hidden;} .blog .blog-content.row{} @media (max-width:768px) { .blog{margin-bottom:60px;} .blog .blog-content .col-md-4{margin-top:0;padding-left:0;padding-right:0;border-bottom:2px dashed rgba(0,0,0,.1);margin-bottom:30px;} .blog .blog-content .items-box .text p{font-size:14px;line-height:22px;} } .certificates{padding-top:95px;padding-bottom:130px} .certificates .certificates-top .h1{font-size:52px;line-height:72px;color:#40ae5d;font-weight:500} .certificates .certificates-top .certificates-nav ul{display:flex;margin-top:75px;padding-bottom:116px} .certificates .certificates-top .certificates-nav ul li{margin-right:20px} .certificates .certificates-top .certificates-nav ul li a{padding:15px 35px 15px 38px;} .certificates .certificates-top a span:first-child{font-size:18px;line-height:33px} .certificates .certificates-bottom .col-md-4{border-radius:10px} .certificates .certificates-bottom .col-md-4 .box{border-radius:5px;overflow:hidden;} .certificates .certificates-bottom .col-md-4 .img{cursor:pointer;} .certificates .certificates-bottom .col-md-4 .img img{border-radius:8px} .certificates .certificates-bottom .col-md-4 p:hover{text-decoration:underline;color:#40ae5d;background-color:transparent} .certificates .certificates-bottom .col-md-4 p{font-size:22px;line-height:43.89px;color:#333333;font-weight:500;text-align:center;margin-top:10px;margin-bottom:10px;display:block;cursor:pointer} @media (max-width:768px) { .certificates{padding-top:0;padding-bottom:60px;} .certificates .certificates-bottom .col-md-4{margin-top:30px;} } .faq1{ padding-bottom:250px; } .faq1 .h1{ text-transform: uppercase; font-size: 52px; line-height: 72px; font-weight: 500; color: #40ae5d; } .faq1 .faq-nav{ margin-top: 70px; } .faq1 .faq-nav ul{ display: flex; } .faq1 .faq-nav ul li{ margin-right: 20px; display: flex; align-items: center; } .faq1 .faq-nav ul li a span:first-child{ font-size: 18px; line-height: 33px; font-weight: 600; } .faq1 .faq-content{ margin-top: 120px; } .faq1 .faq-content .box{ /* width:80%; */ margin-bottom: 55px; } .faq1 .faq-content .box .box-a{ display: flex; justify-content: space-between; cursor: pointer; } .faq1 .faq-content .box .box-a .quens{ font-size: 26.67px; line-height: 32px; color:#40ae5d; font-weight: 600; } .faq1 .faq-content .box .box-a .quens{ padding-right: 30px; } .faq1 .faq-content .box .box-a p:last-child img{ width:20px; height:20px; } .faq1 .faq-content .box .box-b{ padding-right: 30px; font-size: 18px; line-height: 28px; color:#333333; padding-top: 37px; } @media (max-width:768px) { .faq1{padding-bottom:0;} .faq1 .faq-content{margin-top:20px;} .faq1 .faq-content .box .box-a .quens{font-size:18px;line-height:26px;} .faq1 .faq-content .box .box-b{font-size:14px;line-height:22px;padding-top:20px;} } .prcon-top.head-pro{opacity:0;position:fixed;top:0px;left:0;z-index:3;width:100%;transition:all 0.3s ease-in-out;transform:rotateX(90deg); transform-origin:top;} .prcon-top.head-pro.active{opacity:1;transform: rotateX(0deg);top: 106px;background-color:#fff;} .prcon-top{border-bottom: 1px solid rgba(0,0,0,.1);} .prcon-top .container-xl{display:flex;} .prcon-top a{font-size:18px;font-weight:500;text-transform:uppercase;background-color:#fff;} .prcon-top .nav-btn{padding: 25px 30px;} .prcon-top .nav-btn.active{background-color:#44b060;color:#fff;} .prcon-top a:hover .nav-btn{background-color:#44b060;color:#fff;} .pro-cont{margin-top:60px;} .pro-cont .pro-img{width: 100%;position:relative;background:url(../../images/pro-cont-bg.webp)no-repeat;background-size:100% 100%;height:600px;} .pro-cont .pro-img .container-xl{position:absolute;display:flex;top:0;align-items:center;left:0;right:0;top:0;bottom:0;justify-content:space-between;} .pro-cont .pro-img .box1{max-width:425px;padding:45px 45px 55px 45px;background-color:#fff;border-radius:5px;} .pro-cont .pro-img .t1{font-size:32px;font-weight:400;line-height:42px;} .pro-cont .pro-img .msg{margin-top:20px;font-size:18px;} .pro-cont .pro-img .a-lvyin{margin-top:40px;} .pro-cont .pro-img .left{width:42%;display:flex;position: relative;} .pro-cont .pro-img .right{width:56%;} .pro-cont .pro-img .right img{mix-blend-mode:darken;} .pro-cont .box2{position: absolute;right:-90px;bottom:0;width: 160px;height: 90px;border-radius:5px;overflow:hidden;display: none;} .pro-cont .box2 img{width:100%;height:100%;background-color:#fff;} .pro-cont .box2::before{content:"";width:100%;height:100%;background-color:rgba(9,24,48,.8);position:absolute;} .pro-cont .box2 a{position:absolute;background:url(../../images/pro-cont-btn.webp)no-repeat;width:34px;height:34px;left:39%;top:30%} .pro-cont .mz-thumb.mz-thumb-selected img{width:160px;height: 80px;} .pro-cont .box2 a img{background-color:transparent;} .pro-cont .home-new .t1{font-weight:600;font-size:32px;} .pro-cont .home-new .swiper-slide{margin-top:60px;} @media (max-width:768px) { .pro-cont .home-new .t1{font-size:24px;line-height:32px;} } .pd{margin-top: 120px;} .pd .t1{font-size:32px;line-height:39px;font-weight:600;margin-bottom:50px;} .pd p{font-size:18px;line-height:32px;} .mp{margin-top:110px;} .mp table{width:100%;} .mp .t1{font-size:32px;line-height:39px;font-weight:600;margin-bottom:50px;} .mp tr:nth-child(1){background-color:#0c9b15!important;color:#fff!important;} .mp tr td{padding-top:10px;padding-bottom:10px;text-align:center;border: 1px solid rgba(0, 0, 0, .4);} .op{margin-top:100px;} .op .t1{font-size:32px;line-height:39px;font-weight:600;} .op .grid{gap:var(--bs-gap,30px);} .op .g-col-xl-3{margin-top:100px;} .op .title{font-size:16px;color:#0c459b;font-weight:500;margin-top:40px;} .op .msg{font-size:16px;} .op .swiper img{width:100%;} .op .swiper-button-next,.op .swiper-button-prev{top:45%;} @media (max-width:768px) { .op .title{margin-top:20px;font-size:18px;line-height:26px;} } .dp{margin-top:100px;} .dp .t1{font-size:32px;line-height:39px;font-weight:600;} .dp .grid{gap:var(--bs-gap,30px);} .dp .g-col-xl-4{margin-top:80px;} .dp .title{font-size:20px;color:#0c459b;font-weight:600;margin-top:40px;} .dp .msg{font-size:16px;margin-top: 20px;} .dp .swiper1{width:100%;} .dp .swiper1 img{max-width:100%;} .dp .swiper-button-prev,.dp .swiper-button-next{top:30%;} .rp{margin-top: 120px;} .rp.flexo{padding-bottom:0;} .rp .t1{font-size:32px;line-height:39px;font-weight:600;} .rp.flexo .flexo-content{margin-top:60px;} .rp.flexo .flexo-content .bottom{margin-top: 60px;} .rp.flexo .flexo-content .bottom .box .box-text .txt p span:last-child{display:-webkit-box;overflow:hidden;text-overflow:ellipsis; -webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px;} .justify-content-center{margin: 0 auto;margin-top: 40px;} .page-item.active .page-link{background-color:#44b060;border-color:transparent} @media (max-width:768px) { .dp .grid{gap:var(--bs-gap,15px);} .pro-cont{margin-top:20px;} .dp .title{margin-top:10px;} .dp .g-col-xl-4{margin-top:0px;} .pro-cont .pro-img .container-xl{display:block} .pro-cont .pro-img .right{width:100%;} .pro-cont .pro-img .left{width:100%;} .pro-cont .pro-img .box1{padding:20px;} .flexo .flexo-content .bottom .box .box-text .txt{height:80px;} .pro-cont .pro-img .t1{font-size:24px;line-height:32px;} .pro-cont .pro-img .msg{font-size:14px;line-height:22px;} .pro-cont .box2{display: none;} .pd,.mp,.op,.dp,.rp{margin-top:40px;} .pd .t1,.mp .t1,.op .t1,.dp .t1,.rp .t1{font-size:24px;line-height:32px;margin-bottom:20px;} .rp.flexo{padding-bottom:40px;} .pro-cont .home-new .swiper-slide{margin-top:20px;} .justify-content-center{margin-top:20px;} } .google-cookies{position:fixed;z-index:99;bottom:50px;left:50px;width:450px;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;} .google-cookies.off{display:none;} .google-cookies .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .google-cookies .left{width:100%;} .google-cookies .right{text-align:center;display:flex;justify-content:flex-end;width:100%;} .google-cookies .t1{font-size:20px;font-weight:bold;color:#44b060 ;margin-bottom:5px;} .google-cookies .p1{font-size:14px;line-height:22px;} .google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;} .google-cookies .cookies-btn{border:1px solid #44b060 ;color:#44b060 ;display:block;font-size:16px;padding:8px 25px;margin-top:15px;margin-left:10px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;} .google-cookies .cookies-btn:hover{text-decoration:underline;} .google-cookies .cookies-btn:first-child{background:#44b060 ;color:#fff;margin-top:15px;} @media(max-width:768px) { .google-cookies{padding:10px 0;bottom:0;left:0;right:0;border-radius:0;width:100%;} .google-cookies .left{width:100%;} .google-cookies .t1{font-size:16px;line-height:24px;} .google-cookies .p1{font-size:14px;line-height:16px;} .google-cookies .right{width:100%;text-align:left;justify-content:flex-start;} .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;font-size:14px;display:inline-block;margin-left:0;margin-right:10px;} } /*#region 移动端栏目列表*/ .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; margin:20px 0;} .menu-collapse .collapse-title { padding: 0.875rem; background: #5bb44e; color: #fafafa; } .menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; } .menu-collapse .collapse-title .navbar-toggler { color: #fff; } .menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 } .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; } .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #5bb44e } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } @media (max-width:768px) { .flexo .desc { font-size: 14px; line-height: 20px; height: 100px; overflow: hidden; margin-bottom: 10px; } .flexo .desc.active { height: auto; } .flexo .modesc.active i:before { content: "\f325"; } .flexo .modesc i:before { content: "\f322"; } .flexo .modesc { margin-bottom: 25px; text-align: center; color: #5bb44e; } }