:root{--color:#166434;--color-light:rgba(22,100,52,0.7);--swiper-pagination-bottom:80px}html,body{margin:0;padding:0;font-family:'Microsoft YaHei',sans-serif}a{text-decoration:none;color:#000}a:hover,a:active,a:focus{color:var(--color)}a.line{position:relative}a.line::after{height:1px;background-color:var(--color);content:'';position:absolute;left:0;top:100%;margin-top:.25em;width:100%;transform:scaleX(0);transition:transform 200ms ease}a.line:hover::after{transform:scaleX(1)}ul{padding:0;margin:0}li{list-style:none}img{width:auto;max-width:100%}.btn{display:inline-flex;background-color:#fff;width:auto;max-width:fit-content;white-space:nowrap;font-size:16px}.btn.border{border:solid 3px #000;text-align:center;padding:10px 50px;transition:all .3s ease;cursor:pointer}.btn.border:hover{background-color:var(--color);border-color:var(--color);color:#fff}.html p{line-height:2em}header{width:100%;height:110px;background-color:#fff;box-shadow:rgba(0,0,0,0.01) 0 0 10px;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:100}header .submenu_bg{background:rgba(0,0,0,0.7);position:fixed;top:109px;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:0;transition:opacity 400ms,visibility 400ms,z-index 400ms}header .submenu_bg .panel{position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;border-right:solid 1px rgba(0,0,0,0.1);transition:opacity 600ms,visibility 600ms,width 600ms cubic-bezier(.77, 0, .175, 1)}header.submenu_active .submenu_bg{display:block;z-index:auto;opacity:1;visibility:visible;transition-delay:0ms;z-index:10}header.submenu_active .submenu_bg .panel{width:470px}header .header{display:flex;align-items:center;justify-content:space-between;gap:10px}header .left{padding-right:45px}header .right{display:none;padding-right:50px}header .logo{width:300px}header .logo img{display:block}header nav{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center}header nav>ul{display:flex;align-items:center;gap:40px;font-size:18px;font-weight:normal}header nav>ul>li .submenu{position:fixed;top:110px;left:0;bottom:0;width:470px;padding:10px 0;z-index:1;pointer-events:none;visibility:hidden}header nav>ul>li .submenu ul{height:100%;padding-left:56px;padding-right:56px;padding-top:106px}header nav>ul>li .submenu li{margin-bottom:20px;line-height:1.4;font-size:26px;font-weight:300;opacity:0;transition:all .5s;transform:translateY(22px)}header nav>ul>li .submenu li.small{font-size:20px}header nav>ul>li .submenu li:nth-child(1){transition-delay:60ms}header nav>ul>li .submenu li:nth-child(2){transition-delay:120ms}header nav>ul>li .submenu li:nth-child(3){transition-delay:180ms}header nav>ul>li .submenu li:nth-child(4){transition-delay:240ms}header nav>ul>li .submenu li:nth-child(5){transition-delay:300ms}header nav>ul>li .submenu li a{display:block;position:relative}header nav>ul>li .submenu li a::before{content:'';position:absolute;top:50%;width:8px;height:8px;right:0;border-top:solid 2px var(--color);border-right:solid 2px var(--color);box-sizing:border-box;transform:translateY(-50%) rotate(45deg);transition:opacity .4s;opacity:0}header nav>ul>li .submenu li a::after{content:'';position:absolute;top:50%;width:0;height:2px;right:0;background-color:var(--color);transform:translateY(-50%);opacity:0;transition:opacity .2s,width .6s cubic-bezier(.23, 1, .32, 1),right .6s cubic-bezier(.23, 1, .32, 1)}header nav>ul>li .submenu li a:hover::before{opacity:1;transition-delay:.1s}header nav>ul>li .submenu li a:hover::after{opacity:1;width:38px}header nav>ul>li .submenu .close{position:absolute;right:20px;top:20px;width:30px;height:30px;cursor:pointer;transition:opacity .3s ease;transition-delay:0s;opacity:0;pointer-events:none}header nav>ul>li .submenu .close::before,header nav>ul>li .submenu .close::after{content:'';position:absolute;left:0;top:calc(50% - 1px);transform-origin:center center;width:100%;height:2px;background-color:rgba(0,0,0,0.5);transition:all .3s ease}header nav>ul>li .submenu .close::before{transform:rotate(45deg) scale(.5)}header nav>ul>li .submenu .close::after{transform:rotate(-45deg) scale(.5)}header nav>ul>li .submenu .close:hover::before,header nav>ul>li .submenu .close:hover::after{margin-left:0;width:100%;background-color:var(--color)}header nav>ul>li .submenu .close:hover::before{transform:rotate(45deg) scale(1)}header nav>ul>li .submenu .close:hover::after{transform:rotate(-45deg) scale(1)}header nav>ul>li.active .submenu{visibility:visible;pointer-events:auto;z-index:100}header nav>ul>li.active .submenu li{opacity:1;transform:translateY(0)}header nav>ul>li.active .submenu li:nth-child(1){transition-delay:350ms}header nav>ul>li.active .submenu li:nth-child(2){transition-delay:450ms}header nav>ul>li.active .submenu li:nth-child(3){transition-delay:550ms}header nav>ul>li.active .submenu li:nth-child(4){transition-delay:650ms}header nav>ul>li.active .submenu li:nth-child(5){transition-delay:750ms}header nav>ul>li.active .submenu .close{transition-delay:.5s;opacity:1;pointer-events:auto}header nav .header_link{height:40px;border-radius:3px;overflow:hidden;display:flex;margin-left:40px;font-size:15px}header nav .header_link .item{display:block;background-color:var(--color);color:#fff;padding:0 15px;line-height:40px;transition:background-color .3s ease}header nav .header_link .item:hover{background-color:var(--color-light)}footer{border-top:1px solid #e5e5e5;padding:30px 0;position:relative;background:#fff}footer .links{display:flex;justify-content:space-between;gap:40px}footer .links ul.left{flex:1;display:flex;gap:20px;justify-content:space-between}footer .links ul.left li .title{font-size:18px;font-weight:500;margin-bottom:28px}footer .links ul.left li .item{margin-bottom:22px;font-weight:300;font-size:16px}footer .links .right{width:260px;display:flex;justify-content:flex-end;gap:20px}footer .links .right .item{width:100px;text-align:center}footer .links .right .item .img img{width:100%}footer .links .right .item .name{font-size:14px}footer .copyright{margin-top:60px;font-weight:300;font-size:14px}.header_holder{height:110px}.footer_holder{height:110px}.banner_space{height:80px}.container{width:100%;max-width:2000px;padding:0 6.25vw;box-sizing:border-box;margin:0 auto;position:relative}.container .inner{padding:0px 20%}.ele{display:none}.swiper_index{width:100%;height:100vh}.swiper_index .swiper-slide{height:100vh;background:#fff;display:flex;justify-content:center;align-items:center}.swiper_index .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper_index .template{text-align:left;width:100%;max-width:2000px;padding:100px 12vw;box-sizing:border-box;position:relative;background-size:cover;background-position:50% 50%}.swiper_index .template .title{font-size:60px;font-weight:bold;margin-top:100px}.swiper_index .template .subtitle{font-size:40px;margin-top:20px}.swiper_index .template .intro{font-size:16px;margin-top:30px}.swiper_index .template .img{position:absolute;right:12vw;top:110px;width:500px;border-radius:5px}.swiper_index .template .img img{width:100%}.swiper_index .template .ctrl{margin-top:100px}.swiper_index .video{width:100%;height:100%;background-size:cover;background-position:50% 50%}.swiper_index .video video{width:100%;height:100%;object-fit:cover}section.mt{margin-top:160px}section .section_title{width:100%;text-align:center;font-size:35px;font-weight:400;padding-bottom:60px}.home_part{height:100vh;background-size:cover;background-position:50% 50%}.home_part .title{color:#fff;text-align:center;font-size:50px;font-weight:bold;padding-top:20vh}.home_about{display:flex;justify-content:space-between;align-items:center;gap:55px}.home_about>div{flex:1}.home_about .img img{width:100%}.home_about .intro .title{font-size:34px;font-weight:400;padding-bottom:35px;line-height:1.6}.home_about .intro .text{font-size:22px;line-height:2em}.swiper_product{width:100%}.swiper_product .swiper-slide{display:flex;justify-content:center}.swiper_product .item{width:60%}.swiper_product .item .img{aspect-ratio:1 / 1.3;overflow:hidden;border-radius:5px}.swiper_product .item .img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.swiper_product .item .title{font-size:22px;font-weight:350;text-align:center;margin-top:10px}.swiper_product .item:hover .img img{transform:scale(1.1)}.more{text-align:center;margin-top:50px}.media_wrapper{display:flex;justify-content:space-between;align-items:center}.media_wrapper .news_list{width:50%}.media_wrapper .news_list .item{display:block;padding:20px 0;display:flex;border-bottom:solid 1px rgba(0,0,0,0.1);transition:all .5s ease}.media_wrapper .news_list .item:hover{border-bottom-color:var(--color)}.media_wrapper .news_list .item:hover .title{transform:translateX(.625rem)}.media_wrapper .news_list .title{flex:1;font-size:16px;font-weight:bold;transition:all .36s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media_wrapper .news_list .date{color:#888;font-size:13px}.media_wrapper .video{width:40%;aspect-ratio:16 / 9}.media_wrapper .video video{width:100%;height:100%;object-fit:cover}.banner,.banner_article{height:600px;box-sizing:border-box;background-size:cover;background-position:50% 50%;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5);font-size:60px;font-weight:bold;display:flex;justify-content:center;align-items:center}.banner_article{height:160px;font-size:40px}.banner_full{height:100vh;background-size:cover;background-position:50% 50%;position:relative}.banner_full::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0.3)}.banner_full .container{height:100%}.banner_full .intro{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;z-index:2;padding:0 10%;height:100%;font-size:36px;line-height:1.5em;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.2);display:flex;align-items:center}.paginate{margin-top:50px;display:flex;justify-content:center;align-items:center;gap:5px}.paginate a{display:block;width:36px;height:36px;line-height:36px;border-radius:5px;transition:all .3s ease;text-align:center;background-color:rgba(0,0,0,0.05);color:var(--color)}.paginate a:hover,.paginate a.active{background-color:var(--color);color:#fff}.paginate a.disabled{background-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.5);cursor:not-allowed}.dialog{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;display:none}.dialog .dialog_box{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:70%;background-color:#fff;border-radius:5px}.dialog .dialog_title{height:40px;line-height:40px;font-size:20px;padding:0 20px;font-size:14px;border-bottom:solid 1px rgba(0,0,0,0.1);font-weight:bold}.dialog .dialog_close{position:absolute;right:5px;top:5px;width:30px;height:30px;cursor:pointer}.dialog .dialog_close::before,.dialog .dialog_close::after{content:'';position:absolute;left:0;top:calc(50% - 1px);transform-origin:center center;width:100%;height:2px;background-color:rgba(0,0,0,0.5);transition:all .3s ease}.dialog .dialog_close::before{transform:rotate(45deg) scale(.5)}.dialog .dialog_close::after{transform:rotate(-45deg) scale(.5)}.dialog .dialog_close:hover::before,.dialog .dialog_close:hover::after{margin-left:0;width:100%;background-color:var(--color)}.dialog .dialog_close:hover::before{transform:rotate(45deg) scale(1)}.dialog .dialog_close:hover::after{transform:rotate(-45deg) scale(1)}.dialog .dialog_content{padding:10px}.news .item{margin-right:2%;width:100%;padding:40px 0;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;gap:30px}.news .item .img{width:340px;height:200px;overflow:hidden}.news .item .img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.news .item .content{flex:1}.news .item .date{color:#999;font-size:14px}.news .item .title{margin-top:10px;font-size:16px;font-weight:bold;color:#666}.news .item .desc{margin-top:10px;font-size:14px;color:#999}.news .item:hover{border-bottom-color:var(--color)}.news .item:hover .img img{transform:scale(1.1)}.news .item:hover .title{color:var(--color)}.products{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:flex-start;gap:100px}.products .item{width:100%}.products .item .img{aspect-ratio:1 / 1.3;border-radius:5px;overflow:hidden}.products .item .img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.products .item .title{font-size:22px;font-weight:350;text-align:center;margin-top:10px}.products .item:hover .img img{transform:scale(1.1)}.videos{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:flex-start;gap:100px}.videos .item{width:100%;cursor:pointer;border-radius:5px;transition:all .3s ease}.videos .item .img{aspect-ratio:16 / 9;border-radius:5px;overflow:hidden;position:relative}.videos .item .img img{width:100%;height:100%;object-fit:cover}.videos .item .img::before{content:'';position:absolute;z-index:10;width:80px;height:80px;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);opacity:0;transition:all .6s ease}.videos .item .img::after{content:'';position:absolute;z-index:11;border-bottom:10px solid transparent;border-left:15px solid #444;border-top:10px solid transparent;left:calc(50% + 3px);top:50%;transform:translate(-50%, -50%);opacity:0;transition:all .6s ease}.videos .item:hover .img::before,.videos .item:hover .img::after{opacity:1}.videos .item:hover .img::after{opacity:1}.videos .item .title{font-size:18px;font-weight:350;text-align:center;padding:10px 0;transition:all .3s ease}.videos .item:hover{background-color:var(--color)}.videos .item:hover .title{color:#fff}.contacts .item{font-size:20px;line-height:40px;width:fit-content;margin:0 auto}.article_list .item{display:block;padding:20px 0;display:flex;border-bottom:solid 1px rgba(0,0,0,0.1);transition:all .5s ease}.article_list .item:hover{border-bottom-color:var(--color)}.article_list .item:hover .title{transform:translateX(.625rem)}.article_list .title{flex:1;font-size:16px;font-weight:bold;transition:all .36s ease}.article_list .date{color:#888;font-size:13px}.abouts{max-width:1200px;margin:0 auto}.abouts .title{font-size:18px;font-weight:bold;line-height:2em}.abouts .content{margin-top:20px;font-size:16px;line-height:2em}.abouts .content p{text-indent:2em}.abouts .slogan{display:flex;background:#FBFBFB;margin-top:90px;padding:50px}.abouts .slogan>div{flex:1}.abouts .slogan>div+div{border-left:solid 1px rgba(0,0,0,0.1)}.abouts .slogan .left{font-size:24px;font-weight:bold}.abouts .slogan .right{font-size:16px;line-height:2em;padding-left:100px}.abouts .total{margin-top:90px}.abouts .total .title{font-size:24px;font-weight:bold}.abouts .total .group{display:flex;justify-content:space-between;align-items:center;margin-top:20px;text-align:center}.abouts .total .item{flex:1}.abouts .total .item .k{font-size:20px}.abouts .total .item .v{font-size:90px;color:var(--color)}.abouts .total .item .v small{font-size:30px}.researchs{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:flex-start;gap:100px}.researchs .item{width:100%;aspect-ratio:1 / .4;background-color:rgba(0,0,0,0.05);border-radius:5px;overflow:hidden;color:#000;justify-content:center;align-items:center;text-align:center;font-size:24px;padding:30px;box-sizing:border-box;position:relative}.researchs .item::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:var(--color)}.researchs .item .title{font-size:16px;font-weight:350;text-align:left;margin-top:20px}.researchs .item:hover{background-color:var(--color);color:#fff}.article{padding:0 10%;display:flex;justify-content:space-between;gap:50px}.article .content{flex:1}.article .content .title{font-size:18px;font-weight:bold}.article .content .date{color:#8a8989;font-size:13px;margin-top:5px}.article .content .html{margin-top:20px}.article .recommend{width:350px}.article .recommend .subject{font-size:14px;padding:10px 0 30px 0}.article .recommend .item{display:block;padding:25px 0;border-top:solid 1px rgba(0,0,0,0.1)}.article .recommend .title{font-size:16px}.article .recommend .intro{color:#8a8989;font-size:13px;margin-top:15px;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article.product_view .img{width:500px}.map{width:100%;height:400px;margin-top:110px}.breadcrumb{display:flex;align-items:center;gap:30px;padding:40px 0}.breadcrumb li{font-size:16px;position:relative}.breadcrumb li+li::before{content:'»';position:absolute;top:0px;left:-16px}@media (max-width:1600px){.container{padding:0 4vw}header nav>ul{gap:30px}}@media (max-width:1350px){header nav>ul{gap:20px;font-size:16px}header .logo{width:300px}}@media (max-width:1024px){header.submenu_active .submenu_bg{display:none}header .header{flex-direction:column;flex-wrap:wrap;gap:0}header nav{width:100%;overflow-x:scroll;white-space:nowrap;justify-content:flex-start;padding:10px 0}header nav::-webkit-scrollbar{position:absolute;bottom:0;left:0;width:100%;height:3px}header nav>ul>li .submenu{width:100%;bottom:auto;background-color:#fff;padding:10px 0;box-shadow:0 3px 3px rgba(0,0,0,0.05)}header nav>ul>li .submenu ul{padding:0 20px}header nav>ul>li .submenu li{font-size:15px;margin-bottom:10px}header nav>ul>li .submenu li.small{font-size:inherit}header nav>ul>li .submenu li a:before,header nav>ul>li .submenu li a:after{display:none}header nav>ul>li .submenu .close{top:0}header .left{box-sizing:border-box;padding-right:0px;width:100%}header .logo{width:100%;max-width:260px;margin:0 auto}footer .links{display:none}footer .copyright{margin-top:0px;font-size:13px}section.mt{margin-top:30px}section .section_title{padding-bottom:30px;font-size:30px}.footer_holder{height:30px}.banner_space{height:30px}.banner{font-size:36px}.banner_full .intro{font-size:20px}.container .inner{padding:0px 10px}.swiper_index .template{height:100%;box-sizing:border-box;padding-top:120px}.swiper_index .template .img{width:80%;position:static;margin:0 auto}.swiper_index .template .title{font-size:30px;margin-top:20px;text-align:center}.swiper_index .template .subtitle{font-size:20px;margin-top:20px;text-align:center}.swiper_index .template .intro{font-size:14px;margin-top:20px;text-align:center}.swiper_index .template .ctrl{margin:30px auto 0;text-align:center}.home_part .title{padding:20vh 20px 0;font-size:24px}.home_about{flex-wrap:wrap;gap:30px}.home_about>div{flex:0 0 100%}.home_about .img{width:100%}.home_about .intro{width:100%;padding:0 20px;box-sizing:border-box}.home_about .intro .title{font-size:20px;padding-bottom:15px}.home_about .intro .text{font-size:16px}.media_wrapper{flex-wrap:wrap}.media_wrapper .news_list{width:100%}.media_wrapper .video{margin-top:30px;width:100%}.swiper_product .item{width:90%}.article_list{padding:0}.products{grid-template-columns:repeat(1, 1fr);gap:30px}.experts{grid-template-columns:repeat(1, 1fr);gap:30px}.researchs{grid-template-columns:repeat(1, 1fr);gap:30px}.news{padding:0}.news .item{padding:15px 0}.videos{grid-template-columns:repeat(1, 1fr);gap:30px}.contacts .item{font-size:16px}.dialog .dialog_box{width:96%}.map{margin-top:30px}.article{padding:0;display:block}.article .content{width:100%}.article .recommend{width:100%}.article.product_view .img{width:100%;margin-bottom:30px}.members{padding:0px 20px;grid-template-columns:repeat(1, 1fr)}.breadcrumb{gap:20px;padding:20px 0}}