﻿.news-details-module{display:flex;flex-wrap:wrap}.news-details-module .breadcrumb-list-module .list-content .text-item{grid-gap:4rem;flex-wrap:nowrap}.news-details-module .breadcrumb-list-module .list-content .text-item .image-item{position:static;transform:unset}.news-details-module .breadcrumb-list-module .list-content .text-item .image-item img{object-fit:cover}.news-details-module .breadcrumb-list-module .list-content .text-item .text-box{flex:1}.news-details-module .text-title{font-size:var(--f-s-36)}.news-details-module h2{position:relative}.news-details-module h2 a[id|="title"]{position:absolute;top:-12rem}.news-details-module .text-body{display:flex;flex-wrap:wrap;position:relative;margin:15rem 0;grid-gap:5.5rem;scale:1}.news-details-module .text-body .text{flex:1}.news-details-module .text-body .text .main-text img{width:100%;height:37rem;border-radius:2rem;overflow:hidden;object-fit:cover;margin:4rem 0}.news-details-module .text-body .text .main-text a{display:inline-block !important;text-decoration:underline var(--ui-color-font-thirdly);color:var(--ui-color-font-thirdly);transition-duration:300ms}.news-details-module .text-body .text .main-text a:hover{text-decoration:underline var(--ui-color-primary);color:var(--ui-color-primary)}.news-details-module .text-body .text .title{font-weight:600;font-size:3.6rem;line-height:4.2rem}.news-details-module .text-body .text .time{margin:5rem 0;font-weight:400;font-size:var(--f-s-16);color:#555555;line-height:1.2}.news-details-module .text-body .text .share-box{margin-top:6rem}.news-details-module .text-body .text .share-box .share-title{font-weight:400;font-size:var(--f-s-24);line-height:1.2}.news-details-module .text-body .text .share-box .share-icon{display:flex}.news-details-module .text-body .text .share-box .share-icon .share-item{transition-duration:200ms;cursor:pointer;width:4rem;height:4rem;background-color:var(--ui-color-font-primary);border-radius:50%;margin:.8rem;color:white;line-height:4rem;text-align:center}.news-details-module .text-body .text .share-box .share-icon .share-item:first-child{margin-left:0}.news-details-module .text-body .text .share-box .share-icon .share-item .iconfont{font-size:var(--f-s-20)}.news-details-module .text-body .text .share-box .share-icon .active,.news-details-module .text-body .text .share-box .share-icon .share-item:hover{background-color:var(--ui-color-primary);transition-duration:200ms}.news-details-module .text-body .menu-box .menu{cursor:default;width:30rem;position:sticky;right:0;top:22rem}.news-details-module .text-body .menu-box .menu .this-page .menu-title{font-weight:400;font-size:var(--f-s-24);line-height:1.5;margin-left:2rem;margin-bottom:1rem}.news-details-module .text-body .menu-box .menu .this-page .menu-item{cursor:pointer;padding:.4rem 2rem;border-left:.2rem solid var(--ui-color-font-secondary);transition-duration:200ms;position:relative}.news-details-module .text-body .menu-box .menu .this-page .active,.news-details-module .text-body .menu-box .menu .this-page .menu-item:hover{border-left:.2rem solid var(--ui-color-primary);color:var(--ui-color-primary);transition-duration:200ms}.news-details-module .text-body .menu-box .menu .hot-news{margin-top:6rem}.news-details-module .text-body .menu-box .menu .hot-news .hot-title{font-weight:400;font-size:var(--f-s-24);line-height:1.5;margin-left:2rem;margin-bottom:1rem}.news-details-module .text-body .menu-box .menu .hot-news .hot-item{cursor:pointer;padding-left:2rem;margin:2.4rem 0;border-left:.2rem solid var(--ui-color-font-secondary);transition-duration:200ms}.news-details-module .text-body .menu-box .menu .hot-news .hot-item .news-type{font-size:var(--f-s-14);margin-bottom:1.4rem}.news-details-module .text-body .menu-box .menu .hot-news .active,.news-details-module .text-body .menu-box .menu .hot-news .hot-item:hover{border-left:.2rem solid var(--ui-color-primary);color:var(--ui-color-primary);transition-duration:200ms}.news-details-module .news-product-list{width:100%;overflow:hidden}.news-details-module .news-product-list .product-list{margin:8rem auto;width:34%}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage{align-items:stretch}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item{padding:0 1rem}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item{background-color:var(--ui-color-bg-primary);width:100%;height:100%;padding:8%}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item .inner-img{width:80%;aspect-ratio:1/1;background-color:white;border-radius:50%;margin:0 auto;overflow:hidden}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item .inner-img img{transition-duration:300ms;width:100%;height:100%;object-fit:contain}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item .product-name{margin:10% auto 0;font-weight:bold;font-size:var(--f-s-32);text-align:center;color:var(--ui-color-font-primary);display:flex;justify-content:center;align-items:center;transition-duration:300ms}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item .product-name::before,.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item .product-name::after{content:'•';font-size:var(--f-s-40);margin:0 2rem;color:black}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item:hover .product-name{color:var(--ui-color-primary)}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item:hover .inner-img img{scale:1.1}.news-details-module .inner-form.module{display:block;position:static;background:none;height:auto;margin:6rem 0}.news-details-module .inner-form.module .head-title{color:var(--ui-color-font-primary)}.news-details-module .inner-form.module .module-width .form .info{color:var(--ui-color-font-primary)}.news-details-module .inner-form.module .module-width .form .input{background-color:var(--ui-color-bg-primary);transition-duration:200ms}.news-details-module .inner-form.module .module-width .form .input input[type=number]::-webkit-inner-spin-button,.news-details-module .inner-form.module .module-width .form .input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.news-details-module .inner-form.module .module-width .form .input input[type=number]{-moz-appearance:textfield}.news-details-module .inner-form.module .module-width .form .textarea{background-color:var(--ui-color-bg-primary);transition-duration:200ms}@media (max-width: 1399px){.news-details-module .news-product-list .product-list{margin:0;width:50%}}@media (max-width: 992px){.news-details-module .breadcrumb-list-module .list-content .text-item{grid-gap:4rem;flex-direction:column}.news-details-module .breadcrumb-list-module .list-content .text-item .image-item{position:static;transform:unset}.news-details-module .breadcrumb-list-module .list-content .text-item .text-box{flex:1;width:100%}.news-details-module .text-body{margin:4rem 0}.news-details-module .text-body .menu-box{position:relative;right:0;top:0}.news-details-module .text-body .menu-box .menu .this-page{display:none}.news-details-module .text-body .text{width:100%;flex:auto}.news-details-module .news-product-list{width:100%}.news-details-module .news-product-list .product-list{margin:2rem 0;width:100%}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item{padding:0 1rem}.news-details-module .news-product-list .product-list .owl-stage-outer .owl-stage .owl-item .product-item{background-color:var(--ui-color-bg-primary);width:100%;aspect-ratio:1/1}}.breadcrumb-list-module{width:100%;position:relative;min-height:45rem;padding:3.6rem 0}.breadcrumb-list-module .background-img{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}.breadcrumb-list-module .list-content{display:flex;flex-direction:column;align-items:baseline;grid-gap:2rem;position:relative;min-height:100%}.breadcrumb-list-module .list-content .text-item{position:relative;z-index:2;width:100%;flex:1;display:flex;flex-wrap:wrap;align-items:center}.breadcrumb-list-module .list-content .text-item .text-box{width:100%}.breadcrumb-list-module .list-content .text-item .text-title{font-weight:bold;color:#333}.breadcrumb-list-module .list-content .text-item .text-describe{font-weight:500;color:#333}.breadcrumb-list-module .list-content .breadcrumb-list-box{width:100%;flex-wrap:wrap;align-items:center;grid-gap:1rem;font-weight:400;color:#333}.breadcrumb-list-module .list-content .breadcrumb-list-box .breadcrumb-item{line-height:1.5;display:contents}.breadcrumb-list-module .list-content .breadcrumb-list-box .breadcrumb-item:first-child{color:var(--ui-color-primary)}.breadcrumb-list-module .list-content .breadcrumb-list-box>i{font-size:var(--f-s-12);line-height:2}.breadcrumb-list-module .list-content .breadcrumb-list-box>i.active{color:var(--ui-color-primary)}.breadcrumb-list-module .list-content .image-item{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;width:66.6rem;max-width:100%;height:auto;max-height:100%;aspect-ratio:496/300}.breadcrumb-list-module .list-content .image-item img{object-fit:contain;border-radius:1.6rem}@media (max-width: 992px){.breadcrumb-list-module{min-height:40rem}.breadcrumb-list-module .list-content .image-item{position:relative;top:0;transform:translateY(0)}}.inner-form.module{display:none;width:100%;position:absolute;left:0;top:0;z-index:2}.inner-form.module:has(form.sub-error),.inner-form.module:has(form.sub-success),.inner-form.module:has(form.submitting){height:100%}.inner-form.module .close-button{color:var(--ui-color-font-thirdly);position:absolute;right:2rem;top:2rem;font-size:var(--f-s-30);cursor:pointer}.inner-form.module .module-width{display:block !important;position:relative;height:100%}.inner-form.module .module-width .form{min-height:20rem;margin:6rem 2rem 0;display:grid;grid-gap:1.5rem 3rem;grid-template-columns:1fr 1fr}.inner-form.module .module-width .form .info{display:none;background:none;color:white;text-align:center;position:absolute;box-sizing:border-box;width:100%;top:50%;left:0;font-size:var(--f-s-30)}.inner-form.module .module-width .form .info .submitting{display:none}.inner-form.module .module-width .form .info .sub-success{display:none}.inner-form.module .module-width .form .info .sub-error{display:none}.inner-form.module .module-width .form .input{height:5rem;position:relative;transition-duration:200ms;background-color:var(--ui-color-bg-primary)}.inner-form.module .module-width .form .input:nth-last-child(2){position:absolute;left:-99.9rem}.inner-form.module .module-width .form .input label{transition-duration:200ms;pointer-events:none;position:absolute;left:.4rem;top:0;height:2rem;line-height:1.4;font-size:var(--f-s-14);color:var(--ui-color-font-thirdly)}.inner-form.module .module-width .form .input label::before{transition-duration:200ms;content:'* ';color:#00000000}.inner-form.module .module-width .form .input:has(input[required]:invalid) label{transition-duration:200ms;height:5rem;line-height:3;font-size:var(--f-s-16);left:2rem}.inner-form.module .module-width .form .input:has(input[required]:invalid) label::before{transition-duration:200ms;content:'* ';color:red}.inner-form.module .module-width .form .input:has(~ .clicked):has(input:invalid){background-color:#f3d6d4;transition-duration:200ms}.inner-form.module .module-width .form .input input[type=number]::-webkit-inner-spin-button,.inner-form.module .module-width .form .input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inner-form.module .module-width .form .input input[type=number]{-moz-appearance:textfield}.inner-form.module .module-width .form .input input{height:100%;width:100%;border:none;outline:none;background:none;padding-left:1.8rem;transition-duration:200ms;padding-top:1rem}.inner-form.module .module-width .form .input input:invalid{padding-top:0;padding-left:3rem;transition-duration:200ms}.inner-form.module .module-width .form .submit{grid-column-start:1;grid-column-end:3;text-align:center;margin-top:5rem}.inner-form.module .module-width .form .submit .module-btn{display:inline-block}.inner-form.module .module-width .form .submit .module-btn span{margin:0 2rem}.inner-form.module .module-width .form .textarea{height:14rem;grid-column-start:1;grid-column-end:3;background-color:var(--ui-color-bg-primary);transition-duration:200ms;position:relative}.inner-form.module .module-width .form .textarea label{transition-duration:200ms;pointer-events:none;position:absolute;left:.4rem;top:0;height:2rem;line-height:1.4;font-size:var(--f-s-14);color:var(--ui-color-font-thirdly)}.inner-form.module .module-width .form .textarea label::before{transition-duration:200ms;content:'* ';color:#00000000}.inner-form.module .module-width .form .textarea:has(textarea[required]:invalid) label{transition-duration:200ms;height:5rem;line-height:3;font-size:var(--f-s-16);left:2rem}.inner-form.module .module-width .form .textarea:has(textarea[required]:invalid) label::before{transition-duration:200ms;content:'* ';color:red}.inner-form.module .module-width .form .textarea:has(~ .clicked):has(textarea:invalid){background-color:#f3d6d4;transition-duration:200ms}.inner-form.module .module-width .form .textarea textarea{background:none;width:100%;height:100%;outline:none;border:none;padding-top:2rem;padding-left:1.8rem;padding-right:1.8rem;transition-duration:200ms}.inner-form.module .module-width .form .textarea textarea:invalid{padding-top:1.8rem;padding-left:3rem;transition-duration:200ms}.inner-form.module .module-width .submitting .submit{display:none}.inner-form.module .module-width .submitting .input{display:none}.inner-form.module .module-width .submitting .textarea{display:none}.inner-form.module .module-width .submitting .info{display:block}.inner-form.module .module-width .submitting .info .submitting{display:inline}.inner-form.module .module-width .submitting .info .sub-success{display:none}.inner-form.module .module-width .submitting .info .sub-error{display:none}.inner-form.module .module-width .form.sub-success .submit{display:none}.inner-form.module .module-width .form.sub-success .input{display:none}.inner-form.module .module-width .form.sub-success .textarea{display:none}.inner-form.module .module-width .form.sub-success .info{display:block}.inner-form.module .module-width .form.sub-success .info .submitting{display:none}.inner-form.module .module-width .form.sub-success .info .sub-success{display:inline}.inner-form.module .module-width .form.sub-success .info .sub-error{display:none}.inner-form.module .module-width .form.sub-error .submit{display:none}.inner-form.module .module-width .form.sub-error .input{display:none}.inner-form.module .module-width .form.sub-error .textarea{display:none}.inner-form.module .module-width .form.sub-error .info{display:block}.inner-form.module .module-width .form.sub-error .info .submitting{display:none}.inner-form.module .module-width .form.sub-error .info .sub-success{display:none}.inner-form.module .module-width .form.sub-error .info .sub-error{display:inline}@media (max-width: 992px){.inner-form.module .head-title{padding:0}.inner-form.module .module-width .form{margin:2rem 0 0;grid-gap:1rem}.inner-form.module .module-width .form .textarea,.inner-form.module .module-width .form .input{grid-column-start:1;grid-column-end:3}.inner-form.module .module-width .form .input{height:4rem;transition-duration:200ms}.inner-form.module .module-width .form .input:has(input[required]:invalid) label{height:4rem;line-height:4rem}.inner-form.module .module-width .form .input input{padding-top:1rem;padding-left:1rem}.inner-form.module .module-width .form .input input:invalid{padding-top:0;padding-left:3rem;transition-duration:200ms}.inner-form.module .module-width .form .textarea textarea{padding-top:2rem;padding-left:1rem;padding-right:1rem}.inner-form.module .module-width .form .textarea textarea:invalid{padding-top:1rem;padding-left:3rem;transition-duration:200ms}.inner-form.module .module-width .form .textarea:has(textarea[required]:invalid) label{height:4rem;line-height:4rem}.inner-form.module .module-width .form .submit{margin-top:2rem}}::view-transition-group(news-card){animation-duration:200ms;animation-timing-function:ease-in}.news-details-container{view-transition-name:news-card}.news-details-container .news-details-module .text-body .text .title{view-transition-name:news-title}.news-details-container .news-details-module .breadcrumb-list-module .list-content .image-item img{view-transition-name:news-img}.inner-form.module{display:flex;position:relative}
