.iBanner{width:100%;overflow:hidden;margin-top:-80px;position:relative;max-height:100vh}
.iBanner .swiper-pagination.swiper-pagination-bullets{font-size:0;bottom:.5rem}
.iBanner .swiper-pagination-bullet{background-color:#ebe6d7;opacity:1}
.iBanner .swiper-pagination-bullet-active{width:45px;border-radius:25px}
.iBanner .swiper-slide{position:relative;font-size:0}
.iBanner .swiper-slide img{width:100%}
.iBanner .swiper-slide .textSmall{font-size:24px;color:#fff;font-family:LibreBaskerville-Regular;transform:scale(.7,1) translateX(calc(-50% - 40px));position:absolute;top:23%;left:50%;transition:1s;transition-delay:.5s}
.iBanner .swiper-slide .textBig{font-size:.8rem;color:#fff;font-family:LibreBaskerville-Regular;transform:scale(.7,1) translateX(calc(-50% - 3.3rem));position:absolute;top:25%;left:50%;width:86%;text-align:center;transition:1s top;transition-delay:.5s}
.iBanner .swiper-slide .more{width:180px;height:50px;font-size:16px;color:#666;background-color:#f6f3f0;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:Chivo-Regular;margin:auto;top:50%;left:50%;transform:translateX(-50%);position:absolute;transition:1s;transition-delay:.5s;text-decoration:none}
.iBanner .swiper-slide.swiper-slide-active .textSmall{top:27%}
.iBanner .swiper-slide.swiper-slide-active .textBig{top:32%}
.iBanner .swiper-slide.swiper-slide-active .more{top:58%}
.productType{margin:180px auto auto;width:1360px;display:flex}
.productType .proLeft{width:980px}
.productType .proLeft .proTitle{font-size:.56rem;color:#1f1f1f;font-family:LibreBaskerville-Regular;transform:scale(.7,1) translateX(-210px)}
.productType .proAll{font-size:16px;color:#c0a589;border:1px solid #c0a589;width:180px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:5px;margin-top:20px;text-decoration:none}
.productType .proLeft .proListCons{margin-top:200px;display:flex}
.productType .proLeft .proListCons .proList:nth-of-type(1){margin-top:-130px;margin-right:35px}
.productType .proLeft .proListCons .proList{width:350px;height:350px;font-size:0}
.productType .proList{position:relative;cursor:pointer}
.productType .proList img{width:100%}
.productType .proList .proListTest{height:0%;position:absolute;top:0;left:0;width:100%;background-color:rgba(192,165,137,.8);display:flex;align-items:center;justify-content:center;transition:.8s height;overflow:hidden;overflow:hidden;text-decoration:none;color:#fff}
.productType .proList .proListTest .proListTestText{font-size:24px;color:#fff;transition:.8s height;font-family:LibreBaskerville-Regular;transform:scale(.7,1)}
.productType .proList:hover .proListTest{height:100%}
.productType .proRight{margin-left:-210px;display:flex}
.productType .proRight .proRightLes .proList{width:280px;height:280px;font-size:0}
.productType .proRight .proRightLes .proList:nth-of-type(1){margin-top:-110px;margin-bottom:35px}
.productType .proRight .proRightRis{margin-left:35px;margin-top:25px}
.productType .proRight .proRightRis .proList{width:280px;height:280px;font-size:0}
.productType .proRight .proRightRis .proList:nth-of-type(1){margin-bottom:35px}
.newProduct{width:100%}
.newProduct .newProductTitle{width:100%;line-height:100px;margin-top:90px;border-top:1px solid #d2c6b9;border-bottom:1px solid #d2c6b9;text-align:center}
.newProduct .newProductTitle .newProductTitleText{font-size:.4rem;color:#1f1f1f;font-family:LibreBaskerville-Regular;transform:scale(.7,1)}
.newProduct .swiper{position:relative;overflow:hidden;width:100%;margin-left:-3px}
.newProduct .swiper-slide{border-bottom:1px solid #d2c6b9;border-right:1px solid #d2c6b9;display:flex;align-items:center;height:5.4rem;-ms-flex-direction:column;flex-direction:column;font-size:0;cursor:pointer}
.newProduct .swiper-slide .slideImg{width:4.36rem;height:calc(4.36rem + (100vw - (4.36rem * 4))/ 8);position:relative}
.newProduct .swiper-slide .slideImg img{position:absolute;top:0;left:0;transition:1s opacity;width:100%;padding-top:calc((100vw - (4.36rem * 4))/ 8)}
.newProduct .swiper-slide .slideImg img:nth-of-type(2){opacity:0}
.newProduct .swiper-slide:hover img:nth-of-type(2){opacity:1;z-index:2}
.newProduct .swiper-slide .imgText{font-size:18px;color:#222f2b;text-transform:uppercase;font-family:Chivo-Regular;display:flex;line-height:60px;width:4.4rem;justify-content:space-between}
.newProduct .swiper-slide .imgText div:nth-of-type(1){max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newProduct .swiper-slide .imgText div>a{display:block;text-decoration:none;color:#222f2b}
.newProduct .next,.newProduct .prev{width:60px;height:60px;background-color:transparent;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;z-index:10;cursor:pointer;border:1px solid #c0a589}
.newProduct .next i,.newProduct .prev i{font-size:20px;display:flex;align-items:center;justify-content:center;height:60px;color:#c0a589}
.newProduct .next:hover,.newProduct .prev:hover{background-color:#fff;border:1px solid #fff}
.newProduct .next:hover i,.newProduct .prev:hover i{color:#c0a589}
.newProduct .prev{left:25px}
.newProduct .next{right:15px}
.everyDetail{width:100%;padding:120px 0}
.everyDetail .everyDetailTilte{font-size:.8rem;color:#222;font-family:LibreBaskerville-Regular;transform:scale(.7,1);text-align:center}
.everyDetail .everyDetailRemark{font-size:18px;color:#444;font-family:Chivo-Regular;width:980px;margin:auto;text-align:center;line-height:25px;padding-top:15px}
.swiper-bar{width:16.6rem;height:5px;background-color:#1f1f1f;border-radius:5px;margin-top:35px}
.swiper-bar-active{height:5px;background-color:rgba(192,165,137,.6);border-radius:5px;transition:.8s}
.iProject{width:100%;overflow:hidden;position:relative;padding-bottom:35px}
.iProject .iProjectTitle{width:100%;line-height:100px;margin:auto;border-top:1px solid #d2c6b9;border-bottom:1px solid #d2c6b9;text-align:center}
.iProject .iProjectTitle .iProjectTitleText{font-size:.4rem;color:#1f1f1f;font-family:LibreBaskerville-Regular;transform:scale(.7,1)}
.iProject .iProjectCons{width:100%;border-bottom:1px solid #d2c6b9;position:relative;height:700px;margin-bottom:35px}
.iProject .iProjectCons .iProjectLine{position:absolute;height:100%;border-right:1px solid #d2c6b9;width:1px;top:0;left:7rem}
.iProjectLes .iProjectLesTitle{font-size:.56rem;color:#1f1f1f;transform:scale(.7,1) translateX(-1.2rem);font-family:LibreBaskerville-Regular;transition:5s}
.iProjectLes .iProjectLesRemarks{font-size:16px;color:#333;font-family:Chivo-Regular;line-height:30px;padding-top:25px;/*word-break:break-all;*/text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;width:95%}
.iProjectLes .iProjectLesMore{font-size:14px;color:#999;font-family:Chivo-Regular;display:block;text-decoration:none;padding-top:50px}
.pic{background-position:center;background-repeat:no-repeat;font-size:0;height:100%}
.pic>img.w-h{width:100%;opacity:0;max-width:100%}
@keyframes fadeInRightSmall{
from{opacity:0;transform:translate3d(10px,0,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeInUpSmall{
from{opacity:0;transform:translate3d(0,-10px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@media screen and (max-width:782px){
  .iBanner .swiper-slide{height:4.5rem;width:100%;overflow:hidden}
  .iBanner .swiper-slide img{width:auto;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
}
.fadeInUpSmall{animation-name:fadeInUpSmall}
.up-word{text-transform:uppercase;font-family:pro}
header.on{border-color:transparent;background-color:#333}
.wrapper{box-sizing:content-box;overflow:hidden;position:relative;z-index:2}
#projectWrapper .row{position:relative;margin:auto;width:100%;height:700px;z-index:4}
#projectWrapper .row>.bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#projectWrapper .row>.bg img{margin:auto;display:block}
#projectWrapper .row{height:100vh;display:flex;align-items:center;-ms-flex-direction:column;flex-direction:column}
#projectWrapper .row .wrap .where_xian .xian.long{color:#000}
#projectWrapper .row .wrap .where_xian .xian:before{background-color:rgba(178,178,178,1)}
#projectWrapper .row .wrap .where_xian .xian.long:before{background-color:rgba(0,0,0,1)}
#projectWrapper .row>.bg img{height:100%}
#projectWrapper .row .wrap{display:flex;justify-content:space-between;align-items:center;height:700px}
#projectWrapper .row .wrap .iProjectLes{width:7rem;position:relative;padding-left:130px;box-sizing:border-box}
#projectWrapper .row .wrap .iProjectRis{width:calc(100% - 7rem);position:relative}
#projectWrapper .row .wrap .iProjectLes .tree{display:flex;justify-content:flex-start;align-items:center}
#projectWrapper .row .wrap .iProjectLes .tree>li{margin-right:10px;position:relative;cursor:pointer}
#projectWrapper .row .wrap .iProjectLes .tree>li>em{display:inline-block;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;color:#999;width:44px;height:44px;border-radius:50%;line-height:44px;text-align:center;border:2px solid transparent;line-height:40px}
#projectWrapper .row .wrap .iProjectLes .tree>li svg{position:absolute;width:44px;height:44px;top:0;left:0;transform:translate(1px,-1px) rotate(-90deg);opacity:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
#projectWrapper .row .wrap .iProjectLes .tree>li svg circle{stroke-dashoffset:200px;stroke-dasharray:163px}
#projectWrapper .row .wrap .iProjectLes .tree>li.on>em{border-color:#dfdfdf;color:#e60012}
#projectWrapper .row .wrap .iProjectLes .tree>li.on svg{opacity:1}
#projectWrapper .row .wrap .iProjectLes .tree>li.on svg circle{stroke-dashoffset:328px;transition:all 5s ease-out;-webkit-transition:all 5s ease-out;-moz-transition:all 5s ease-out;-o-transition:all 5s ease-out;-ms-transition:all 5s ease-out;transition-delay:.3s}
#projectWrapper .row .wrap .iProjectLes .tree>li:hover>em{border-color:#dfdfdf}
#projectWrapper .row .wrap .iProjectLes .box .list{display:none}
#projectWrapper .row .wrap .iProjectLes .box .list.on{display:block}
#projectWrapper .row .wrap .iProjectLes .other{display:flex;padding-top:1rem}
#projectWrapper .row .wrap .iProjectLes .other>a{width:50px;height:50px;line-height:.5rem;text-align:center;display:flex;color:#c0a589;border:1px solid #c0a589;margin-right:8px;font-size:24px;cursor:pointer;border-radius:50%;align-items:center;justify-content:center}
#projectWrapper .row .wrap .iProjectLes .other>a:hover{background-color:#c0a589;border-color:transparent;color:#fff}
#projectWrapper .row .wrap .iProjectRis{display:flex;justify-content:center;align-items:center;height:700px}
#projectWrapper .row .wrap .iProjectRis .photo{position:relative;z-index:6;text-align:right;height:100%;font-size:0;padding:20px;box-sizing:border-box}
#projectWrapper .row .wrap .iProjectRis .photo .pic{display:none}
#projectWrapper .row .wrap .iProjectRis .photo .pic.on{display:flex}
#projectWrapper .row .wrap .iProjectRis .mask{position:absolute;height:140%;z-index:4;width:50%;background-color:#e60012;right:-20%;top:-20%}
.bottomLine{width:1660px!important;top:unset!important;left:50%!important;transform:translateX(-50%);bottom:-35px}
.bottomLine.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1f1f1f}
.iOverview{width:1360px;margin:auto;display:flex;padding-top:90px;justify-content:space-between}
.iOverview .iOverviewLes{width:650px}
.iOverview .iOverviewLes .iOverviewTitle{font-size:40px;color:#1f1f1f;font-family:LibreBaskerville-Regular;transform:scale(.7,1) translateX(-140px);width:100%;line-height:40px;padding-top:25px}
.iOverview .iOverviewLes .iOverviewLesDesc{font-family:Chivo-Regular;font-size:16px;color:#666;line-height:25px;padding-top:20px;text-align: justify;}
.iOverview .iOverviewRis{font-size:0}
.iMessage{margin:75px auto 80px auto;width:1360px;height:550px;background-image:url(../imgs/message.jpg);background-size:auto 100%; background-repeat:no-repeat;object-fit:cover;background-position:center;}
.iMessage .iMessageTitle{font-size:56px;color:#fff;font-family:LibreBaskerville-Regular;transform:scale(.7,1);text-align:center;text-transform:uppercase;width:800px;margin:auto;padding-top:110px}
.iMessage .iMessageCons{display:flex;padding-left:260px;padding-top:40px}
.iMessage .iMessageCons input{padding:0;height:50px;border:1px solid #c0a589;padding-left:30px;background-color:rgba(255,255,255,.3);width:210px;box-sizing:border-box}
.iMessage .iMessageCons input:not(:nth-last-of-type(1)){margin-right:15px}
.iMessage .iMessageCons input:nth-last-of-type(1){width:320px;box-sizing:border-box}
.iMessage .iMessageCons input::-webkit-input-placeholder{color:#fff}
.iMessage .iMessageSubmit{font-size:16px;color:#fff;width:200px;height:50px;background:#c0a589;font-family:Chivo-Regular;display:flex;align-items:center;justify-content:center;border-radius:5px;margin:30px auto auto;cursor:pointer}
.db800{display:none!important}
@media screen and (max-width:1360px){
  
.newProduct .swiper-slide{justify-content:space-between}
.newProduct .swiper-slide{height:calc(calc((100vw - (30px * 6))/ 3) + 60px + 30px)}
.newProduct .swiper-slide .slideImg{width:calc((100vw - (30px * 6))/ 3);height:calc((100vw - (30px * 6))/ 3)}
.newProduct .swiper-slide .slideImg img{padding-top:30px}
.newProduct .swiper-slide .imgText{width:calc((100vw - (30px * 6))/ 3)}
.productType{width:100%;padding:0 30px;box-sizing:border-box;margin:1.8rem auto auto}
.productType .proLeft{width:65%}
.productType .proLeft .proTitle{transform:scale(.7,1) translateX(-2.1rem)}
.productType .proRight{margin-left:0;width:45%}
.productType .proLeft .proListCons{width:100%}
.productType .proLeft .proListCons .proList{width:calc((100% - 70px)/ 2);height:max-content}
.productType .proRight .proRightLes,.productType .proRight .proRightRis{width:calc((100% - 35px)/ 2)}
.productType .proRight .proRightLes .proList,.productType .proRight .proRightRis .proList{width:100%;height:max-content}
.productType .proRight .proRightLes .proList:nth-of-type(1){margin-top:-1.1rem}
.newProduct .newProductTitle{margin-top:.9rem}
.newProduct .swiper-slide .imgText{font-size:14px}
.everyDetail{padding:1.2rem 0}
.everyDetail .everyDetailRemark{width:95%}
.iProjectLes .iProjectLesTitle{transform:scale(.7,1) translateX(-1.5rem)}
#projectWrapper .row .wrap,#projectWrapper .row .wrap .iProjectRis,.iProject .iProjectCons{height:7rem}
.iProjectLes .iProjectLesRemarks{width:95%}
#projectWrapper .row .wrap .iProjectLes{padding-left:30px}
.iProjectLes .iProjectLesMore{padding-top:.5rem}
#projectWrapper .row .wrap .iProjectLes .other{padding-top:.35rem}
.iOverview{width:100%;padding:.9rem 30px 0;box-sizing:border-box;align-items:center;flex-direction:column;}
.iOverview .iOverviewLes,.iOverview .iOverviewRis{width:100%;}
.iOverview .iOverviewLes .iOverviewLesDesc{padding-bottom:20px}
.iOverview .iOverviewLes .iOverviewTitle{transform:scale(.7,1) translateX(0);font-size:40px;text-align:center;}
.iOverview .iOverviewRis img{width:100%}
.iMessage{width:100%;padding:0 30px;box-sizing:border-box}
.iMessage .iMessageCons{padding-left:0;justify-content:center}
#projectWrapper .row .wrap .iProjectLes .other>a{width:35px;height:35px;font-size:16px}
.newProduct .next,.newProduct .prev{width:35px;height:35px}
.newProduct .next i,.newProduct .prev i{font-size:16px;height:35px}
}
@media screen and (max-width:1000px){
.iBanner .swiper-slide .textSmall{top:18%}
.iBanner .swiper-slide.swiper-slide-active .textSmall{top:23%}
.iOverview .iOverviewTitle{transform:scale(.7,1);text-align:center}
.iOverview .iOverviewCons{-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}
/* .iOverview .iOverviewRis img{padding:20px 50px;box-sizing:border-box;} */
.iOverview .iOverviewCons .iOverviewLes{width:100%}
}
@media screen and (max-width:800px){
header{height:50px}
.iBanner{margin-top:-50px}
.iBanner .swiper-slide .textSmall{font-size:16px;top:15%}
.iBanner .swiper-slide .textBig{font-size:20px;top:20%;transform:scale(.7,1) translateX(calc(-50% - 1.3rem))}
.iBanner .swiper-slide.swiper-slide-active .textSmall{top:25%}
.iBanner .swiper-slide.swiper-slide-active .textBig{top:38%;}
.iBanner .swiper-slide .more{display:none}
/* .iBanner .swiper-slide .more{width:130px;height:30px;font-size:14px} */
.productType{margin:30px auto auto;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 20px}
.productType .proLeft,.productType .proRight{width:100%}
.productType .proLeft .proTitle{font-size:24px;transform:scale(.7,1);text-align:center}
.productType .proList .proListTest .proListTestText{font-size:14px}
.productType .proAll{font-size:14px;width:150px;height:40px;margin:40px auto auto}
.productType .proLeft .proListCons{margin-top:40px}
.productType .proLeft .proListCons .proList{width:calc((100% - 20px)/ 2)}
.productType .proLeft .proListCons .proList:nth-of-type(1){margin-right:20px;margin-top:-20px}
.productType .proRight .proRightLes .proList:nth-of-type(1){margin-top:0}
.productType .proRight .proRightRis{margin-left:20px}
.productType .proRight .proRightLes,.productType .proRight .proRightRis{display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:flex-end;width:calc((100% - 20px)/ 2)}
.productType .proRight .proRightLes .proList,.productType .proRight .proRightRis .proList:nth-of-type(1){margin-bottom:20px!important}
.db800{display:flex!important}
.dn800{display:none!important}
.newProduct .newProductTitle{line-height:60px}
.newProduct .newProductTitle .newProductTitleText{font-size:24px}
.newProduct .swiper-slide{height:calc(calc((100vw - (15px * 4))/ 2) + 60px + 15px)}
.newProduct .swiper-slide .slideImg{width:calc((100vw - (15px * 4))/ 2);height:calc((100vw - (15px * 4))/ 2)}
.newProduct .swiper-slide .slideImg img{padding-top:15px}
.newProduct .swiper-slide .imgText{width:calc((100vw - (15px * 4))/ 2)}
.everyDetail{padding:60px 0}
.everyDetail .everyDetailTilte{font-size:24px}
.iProject .iProjectTitle{line-height:60px}
.iProject .iProjectTitle .iProjectTitleText{font-size:24px}
.iProjectLes .iProjectLesTitle{padding-top:20px}
#projectWrapper .row,#projectWrapper .row .wrap,#projectWrapper .row .wrap .iProjectRis,.iProject .iProjectCons{height:unset}
.iProject{padding-bottom:0}
.iProject .iProjectCons{margin-bottom:0}
.iProject .iProjectCons .iProjectLine{display:none}
#projectWrapper .row .wrap{-ms-flex-direction:column;flex-direction:column}
#projectWrapper .row .wrap .iProjectLes{width:100%;padding:0 20px;box-sizing:border-box}
#projectWrapper .row .wrap .iProjectRis{width:100%}
.swiper-bar{width:90%;margin:15px auto}
.iOverview .iOverviewTitle{font-size:24px}
.iOverview .iOverviewRis img{padding:20px 0}
.iMessage .iMessageTitle{width:100%;font-size:24px;padding-top:.8rem}
.iMessage .iMessageCons{-ms-flex-direction:column;flex-direction:column}
.iMessage .iMessageCons input{margin:auto auto 15px auto!important;width:100%!important}
}
.iAboutBanner{position:relative;font-size:0;width:100%}
.iAboutBanner img{width:100%}
.iAboutBanner .iAboutBannerText{font-family:LibreBaskerville-Regular;font-size:.56rem;transform:scale(.75,1);text-transform:uppercase;position:absolute;top:35%;color:#fff;left:0;width:100%;text-align:center}
.iAbout{width:1360px;margin:140px auto auto;display:flex}
.iAbout .iAboutLes{width:860px}
.iAbout .iAboutLes .iAboutRemark{font-family:Chivo-Regular;font-size:16px;color:#333}
.iAbout .iAboutLes .iAboutTitle{font-family:LibreBaskerville-Regular;font-size:.52rem;transform:scale(.75,1) translateX(-1.1rem);width:max-content;padding-top:.1rem;color:#1f1f1f}
.iAbout .iAboutLes .iAboutText{font-size:16px;font-family:Chivo-Regular;color:#333;width:640px;line-height:25px;padding-top:.3rem;text-align: justify;}
.iAbout .iAboutLes .blank{height:.45rem}
.iAbout .iAboutRis{font-size:0;position:relative;width:calc(100% - 860px)}
.iAbout .iAboutRis img:nth-of-type(2){position:absolute;top:-55px;right:130px}
.Responsibility{font-size:0;width:1360px;margin:60px auto auto;display:flex;align-items:center}
.Responsibility>img,.Value>img{width:50%}
.Responsibility>div{width:50%;padding-left:50px;box-sizing:border-box}
.Responsibility>div .ResponsibilityDesc,.Value>div .ValueDesc{font-family:Chivo-Regular;font-size:16px;color:#c0a589;padding-left:70px;position:relative;text-transform:uppercase}
.Responsibility>div .ResponsibilityDesc:before,.Value>div .ValueDesc:before{content:'';width:55px;height:0;border-color:#c0a589;border-style:solid;border-width:0 0 1px 0;position:absolute;display:block;top:50%;left:0;transform:translateY(-50%)}
.Responsibility>div .ResponsibilityTitle,.Value>div .ValueTitle{font-size:32px;color:#1f1f1f;font-family:LibreBaskerville-Regular;transform:scale(.75,1) translateX(-110px);padding-top:20px;text-transform:uppercase;width:max-content}
.Responsibility>div .ResponsibilityText,.Value>div .ValueText{font-family:Chivo-Regular;font-size:16px;color:#333;line-height:25px;padding-top:45px;text-align: justify;}
.Value{font-size:0;width:1360px;margin:auto auto 100px auto;display:flex;align-items:center}
.Value>div{width:50%;box-sizing:border-box;padding-right:50px}
.Best{width:100%;border-top:1px solid #d2c6b9}
.Best .BestTitle{font-family:LibreBaskerville-Regular;font-size:52px;transform:scale(.75,1);text-align:center;line-height:115px}
.Best .BestCons{border-top:1px solid #d2c6b9;border-bottom:1px solid #d2c6b9;width:100%}
.Best .BestCons .BestLis{width:1360px;margin:auto;border-left:1px solid #d2c6b9;border-right:1px solid #d2c6b9;display:flex}
.Best .BestCons .BestLis .BestLi{width:calc((100% - 2px)/ 3);padding:0 25px;box-sizing:border-box;font-size:0}
.Best .BestCons .BestLis .BestLi img{padding:60px 0 10px 0;height:60px;width:auto}
.Best .BestCons .BestLis .BestLi .BestLiTitle{color:#222;font-family:Chivo-Regular;font-size:20px;text-transform:uppercase;padding:15px 0;letter-spacing:-1px}
.Best .BestCons .BestLis .BestLi .BestLiDesc{font-size:16px;color:#222;font-family:Chivo-Regular;line-height:25px;letter-spacing:-.7px;padding-bottom:70px;text-align: justify;}
.Best .BestCons .BestLis .BestLi:nth-of-type(2){border-left:1px solid #d2c6b9;border-right:1px solid #d2c6b9}
.Environment{padding-top:80px;position:relative}
.Environment .EnvironmentTitle{font-family:LibreBaskerville-Regular;font-size:52px;transform:scale(.75,1);text-align:center;text-transform:uppercase}
.Environment .EnvironmentCons{width:1360px;margin:50px auto .8rem auto;overflow:hidden}
.Environment .EnvironmentCons .swiper .swiper-slide{font-size:0}
.Environment .EnvironmentCons .swiper .swiper-slide img{width:100%}
.Environment .EnvironmentCons .swiper .swiper-slide>div{font-family:Chivo-Regular;font-size:16px;color:#333;line-height:50px}
.Environment .EnvironmentCons .EnvironmentConsPrev{width:55px;height:55px;position:absolute;top:50%;left:calc((100% - 1360px - 55px - 55px)/ 4);font-size:32px;border-radius:50%;border:1px solid #787878;text-align:center;line-height:55px;color:#787878;transform:translateY(50%);z-index:2;cursor: pointer;}
.Environment .EnvironmentCons .EnvironmentConsNext{width:55px;height:55px;position:absolute;top:50%;right:calc((100% - 1360px - 55px - 55px)/ 4);font-size:32px;border-radius:50%;border:1px solid #787878;text-align:center;line-height:55px;color:#787878;transform:translateY(50%);z-index:2;cursor: pointer;}
@media screen and (max-width:1480px){
.Environment .EnvironmentCons .EnvironmentConsPrev{left:0;color:#fff;border:1px solid #fff}
.Environment .EnvironmentCons .EnvironmentConsNext{right:0;color:#fff;border:1px solid #fff}
}
@media screen and (max-width:1360px){
/* .iAbout{width:100%;padding:0 30px;box-sizing:border-box;margin:1.4rem auto auto}
.iAbout .iAboutLes{width:50%}
.iAbout .iAboutLes .iAboutText{width:100%;font-size:14px;line-height:20px}
.iAbout .iAboutLes .blank{height:15px}
.iAbout .iAboutRis{width:50%}
.iAbout .iAboutRis img:nth-of-type(1){position:absolute;top:0;right:0;overflow-y:hidden;max-height:100%}
.iAbout .iAboutRis img:nth-of-type(2){height:75%} */
.iAbout{width:100%;padding:0 30px;box-sizing:border-box;margin:1.4rem auto auto}
.iAbout .iAboutLes{width:75%}
.iAbout .iAboutLes .iAboutText{width:80%}
.iAbout .iAboutRis{width:25%}
.iAbout .iAboutRis img{width:100%}


.Best .BestCons .BestLis,.Responsibility,.Value{width:100%;padding:0 30px;box-sizing:border-box}
.Responsibility>div .ResponsibilityTitle,.Value>div .ValueTitle{font-size:20px;transform:scale(.75,1) translateX(-70px)}
.Responsibility>div .ResponsibilityText,.Value>div .ValueText{padding-top:.45rem;font-size:14px}
.Best .BestTitle{font-size:.52rem;line-height:80px}
.Best .BestCons .BestLis{border:none}
.Best .BestCons .BestLis .BestLi:nth-of-type(1){border-left:1px solid #d2c6b9}
.Best .BestCons .BestLis .BestLi:nth-last-of-type(1){border-right:1px solid #d2c6b9}
.Best .BestCons .BestLis .BestLi img{padding:.6rem 0 10px 0}
.Best .BestCons .BestLis .BestLi .BestLiTitle{font-size:18px}
.Environment .EnvironmentTitle{font-size:.52rem}
.Environment .EnvironmentCons{margin:.5rem auto 1rem auto;width:calc(100% - 60px)}
.Environment .EnvironmentCons .EnvironmentConsNext{right:45px}
.Environment .EnvironmentCons .EnvironmentConsPrev{left:45px}
.Environment .EnvironmentCons .EnvironmentConsNext,.Environment .EnvironmentCons .EnvironmentConsPrev{width:35px;height:35px;line-height:35px;font-size:20px;transform:translateY(75%)}
}
@media screen and (max-width:1100px){
  .iAbout{-ms-flex-direction:column;flex-direction:column;}
  .iAbout .iAboutLes,.iAbout .iAboutLes .iAboutText,.iAbout .iAboutRis{width:100%}
  .iAbout .iAboutRis{display:flex;align-items:center;height:8.5rem;justify-content:space-between;padding-top:.6rem}
  .iAbout .iAboutRis img{width:auto;height:100%}
  .iAbout .iAboutRis img:nth-of-type(2){position: unset}
/* .iAbout .iAboutRis img:nth-of-type(1){width:60%;height:auto}
.iAbout .iAboutRis img:nth-of-type(2){width:70%;height:auto;right:1.3rem;top:-.55rem} */
}
@media screen and (max-width:800px){
.iAbout{-ms-flex-direction:column;flex-direction:column}
.iAbout .iAboutRis img{position:unset!important}
.iAbout .iAboutLes,.iAbout .iAboutRis{width:100%}
.iAbout .iAboutRis{display:flex}
.Best .BestCons .BestLis,.Responsibility,.Value,.iAbout{padding:0 20px}
.Environment .EnvironmentCons{width:calc(100% - 40px)}
}
@media screen and (max-width:782px){
  .iAboutBanner{height:250px;overflow:hidden}
  .iAboutBanner img{width:auto;height:100%;position: absolute;top:0;left:50%;transform:translateX(-50%)}
  .Environment .EnvironmentCons .EnvironmentConsNext{right:20px}
  .Environment .EnvironmentCons .EnvironmentConsPrev{left:20px}
.iAboutBanner .iAboutBannerText{font-size:24px}
.iAbout{margin:50px auto auto}
.iAbout .iAboutLes .iAboutTitle{font-size:26px;transform:scale(.75,1) translateX(-50px)}
.iAbout .iAboutLes .iAboutText,.iAbout .iAboutRis{padding-top:15px}
.iAbout .iAboutRis{height:3.3rem}
.Responsibility{-ms-flex-direction:column;flex-direction:column}
.Value{-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:15px auto 50px}
.Responsibility>div,.Responsibility>img,.Value>div,.Value>img{width:100%}
.Responsibility>div,.Value>div{padding:15px 0 0 0}
.Responsibility>div .ResponsibilityText,.Value>div .ValueText{padding-top:20px;line-height:20px}
.Responsibility>div .ResponsibilityTitle,.Value>div .ValueTitle{font-size:18px}
.Best .BestTitle{font-size:24px;line-height:60px}
.Best .BestCons .BestLis{-ms-flex-direction:column;flex-direction:column}
.Best .BestCons .BestLis .BestLi{width:100%}
.Best .BestCons .BestLis .BestLi:nth-of-type(1){border-right:1px solid #d2c6b9}
.Best .BestCons .BestLis .BestLi:nth-of-type(2){border-right:1px solid #d2c6b9;border-top:1px solid #d2c6b9;border-bottom:1px solid #d2c6b9}
.Best .BestCons .BestLis .BestLi:nth-of-type(3){border-left:1px solid #d2c6b9}
.Best .BestCons .BestLis .BestLi img{padding:15px 0;height:45px;width:auto}
.Best .BestCons .BestLis .BestLi .BestLiDesc{padding-bottom:30px}
.Environment{padding-top:50px}
.Environment .EnvironmentTitle{font-size:24px}
.Environment .EnvironmentCons{margin:15px auto auto}
.Environment .EnvironmentCons .EnvironmentConsNext,.Environment .EnvironmentCons .EnvironmentConsPrev{transform:translateY(50%)}
}
@media screen and (max-width:500px){
  .iAbout .iAboutRis{height:3.1rem}
}
@media screen and (max-width:400px){
.Responsibility>div .ResponsibilityTitle,.Value>div .ValueTitle{font-size:16px}
}
.ProductDetailLine{display:flex;align-items:center;width:1360px;line-height:50px;box-sizing:border-box;margin:auto}
.ProductDetailLine a,.ProductDetailLine span,.ProductDetailLine>div{font-family:Chivo-Regular;color:#222;font-size:16px;text-decoration:none;display:block;opacity:.5;text-transform:uppercase;padding:0 4px}
.ProductDetailLine span{padding:0 5px}
.ProductDetailLine>div{opacity:1}
.ProductDetailBorderLine{width:100%;height:0;border-color:#d2c6b9;border-style:solid;border-width:0 0 1px 0}
.ProductDetailTitle{font-family:LibreBaskerville-Regular;font-size:.52rem;transform:scale(.75,1);color:#1f1f1f;text-align:center;padding:.65rem 0 20px}
.ProductDetailReading{font-family:Chivo-Regular;font-size:16px;color:#fff;text-align:center;background-color:#c0a589;padding:10px 50px;width:max-content;box-sizing:border-box;margin:auto auto 50px auto;border-radius:25px}
.LineOneImgs,.LineTwoImgs{width:1360px;margin:auto;font-size:0}
.LineOneImgs img{width:100%}
.LineText{font-family:Chivo-Regular;font-size:16px;color:#333;padding:50px 0;text-align:center;line-height:30px;width:5.5rem;margin:auto}
.LineTwoImgs img{width:calc((100% - 10px)/ 2)}
.LineTwoImgs img:nth-of-type(2){margin-left:10px}
.ProductDetailReturn{font-family:Chivo-Regular;font-size:16px;color:#333;margin:60px auto 70px;padding:10px 1.5rem;border:1px solid #d2c6b9;width:max-content;border-radius:8px;text-decoration:none;display:block}
@media screen and (max-width:1360px){
.LineOneImgs,.LineTwoImgs,.ProductDetailLine{width:100%;box-sizing:border-box;padding:0 30px}
}
@media screen and (max-width:800px){
.LineOneImgs,.LineTwoImgs,.ProductDetailLine{width:100%;box-sizing:border-box;padding:0 20px}
.ProductDetailTitle{font-size:40px;padding:30px 0 15px}
}
.ProTitle{border-bottom:1px solid #d2c6b9}
.ProTitle .ProTitleText{font-family:LibreBaskerville-Regular;font-size:.8rem;transform:scale(.75,1);line-height:1.5rem;text-transform:uppercase;text-align:center}
.ProMain{width:100%;display:flex;border-bottom:1px solid #d2c6b9}
.ProMain .ProMenu{width:5.1rem;padding-top:15px;height:max-content;position: sticky;top:80px;background:rgba(246 ,243,240,.95);z-index: 2;padding-bottom:.3rem}
.ProMain .ProMenu .category{padding:0 50px 0 1.3rem;box-sizing:border-box;line-height:45px;cursor:pointer}
.ProMain .ProMenu .category>.span>span,.ProMain .ProMenu .category>a{color:#222;font-size:.18rem;font-family:Chivo-Regular;display:block;text-decoration:none}
.ProMain .ProMenu .category>.span{font-size:0;display:flex;justify-content:space-between}
.ProMain .ProMenu .category>.span>i{font-size:16px;transition:.5s}
.ProMain .ProMenu .category .categoryBox{display:none}
.ProMain .ProMenu .category .categoryBox .categoryLi{font-size:16px;color:#222;opacity:.7;display:block;line-height:30px;font-family:Chivo-Regular;text-decoration:none;transition: .3s;}
.ProMain .ProMenu .category .categoryBox .categoryLi:hover{text-decoration:underline}
.ProMain .ProCons{width:12.9rem;border-left:1px solid #d2c6b9;border-right:1px solid #d2c6b9;padding:20px 0 0 20px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:flex-start}
.ProMain .ProCons .wait{font-size:22px;padding-bottom:20px}
.ProMain .ProCons .ProLis{width:calc(100% / 3);padding:0 20px .65rem 0;box-sizing:border-box;font-size:0;display:block;text-decoration:none;cursor:pointer;}
.ProMain .ProCons .ProLis .ProLisImgs{position: relative;width:calc((12.9rem - 20px) / 3 - 20px);height:calc((12.9rem - 20px) / 3 - 20px);}
.ProMain .ProCons .ProLis .ProLisImgs img{width:100%;position: absolute;top:0;left:0;transition:.8s}
.ProMain .ProCons .ProLis img:nth-of-type(2){opacity: 0;}
.ProMain .ProCons .ProLis:hover img:nth-of-type(1){opacity: 0;}
.ProMain .ProCons .ProLis:hover img:nth-of-type(2){opacity: 1;}
.ProMain .ProCons .ProLis .ProLisTitle{font-family:Chivo-Regular;color:#222;font-size:18px;padding-top:20px;text-transform:uppercase;transition:.3s}
.ProMain .ProCons .ProLis>span{font-family:Chivo-Regular;color:#222;font-size:16px;opacity:.7;display:block}
.ProMain .ProCons .ProLis:hover .ProLisTitle{color:#c0a589;text-decoration:underline}
@media screen and (max-width:1360px){
.ProMain .ProCons .ProLis .ProLisImgs{position: relative;width:calc(((100vw - 5.1rem) - 20px) / 3 - 20px);height:calc(((100vw - 5.1rem) - 20px) / 3 - 20px);}
.ProMain .ProMenu .category{padding:0 50px 0 30px}
.ProMain .ProCons{width:calc(100% - 5.1rem);border-right:none}
.ProMain .ProCons .ProLis .ProLisTitle,.ProMain .ProMenu .category>.span>span,.ProMain .ProMenu .category>a{font-size:16px}
.ProMain .ProCons .ProLis>span{font-size:14px}
}
@media screen and (max-width:1000px){
.ProMain .ProCons .ProLis .ProLisImgs{position: relative;width:calc((100vw - 20px) / 3 - 20px);height:calc((100vw - 20px) / 3 - 20px);}
.ProMain .ProCons .ProLis .ProLisImgs img{width:100%;position: absolute;top:0;left:0}
.ProMain .ProCons .ProLis img:nth-of-type(2){opacity: 0;}
.ProMain{-ms-flex-direction:column;flex-direction:column;position: relative;}
.ProMain .ProMenu{width:100%;display:-webkit-box;overflow:auto;padding-top:0;height:45px;transition:.5s;padding-bottom:0}
.ProMain .ProMenu .category{padding:0 30px;width:max-content;height:45px}
.ProMain .ProMenu .category>.span>span,.ProMain .ProMenu .category>a{font-size:16px}
.ProMain .ProCons{width:100%;border:none;border-top:1px solid #d2c6b9}
.ProMain .ProMenu .category>.span>span{padding-right:10px}
/* .ProMain .ProMenu .category .categoryBox.showBox{display:-webkit-box !important;} */
/* .ProMain .ProMenu .category .categoryBox.showBox .categoryLi{padding-right:25px} */
}
@media screen and (max-width:800px){
  .ProMain .ProMenu{top:50px}
.ProMain .ProCons .ProLis .ProLisImgs{position: relative;width:calc(50vw - 20px);height:calc(50vw - 20px);}
.ProTitle .ProTitleText{font-size:40px;line-height:80px}
.ProMain .ProCons .ProLis{width:calc(100% / 2);padding:0 10px .65rem 0}
.ProMain .ProCons{padding:20px 0 0 10px;}
}
.DetailLine{display:flex;align-items:center;width:1360px;line-height:.5rem;box-sizing:border-box;margin:auto}
.DetailLine a,.DetailLine span,.DetailLine>div{font-family:Chivo-Regular;color:#222;font-size:.16rem;text-decoration:none;display:block;opacity:.5;text-transform:uppercase;padding:0 4px}
.DetailLine span{padding:0 5px}
.DetailLine>div{opacity:1}
.DetailCons{width:100%;box-sizing:border-box;border-bottom:1px solid #d2c6b9;display:flex;border-top:1px solid #d2c6b9}
.DetailCons .DetailConsLes{font-size:0;border-right:1px solid #d2c6b9;width:50%;overflow:hidden}
.DetailCons .DetailConsLes .swiper{position:relative}
.DetailCons .DetailConsLes .swiper .swiper-wrapper .swiper-slide{padding:30px;box-sizing:border-box;height:50vw}
.DetailCons .DetailConsLes .swiper .swiper-wrapper .swiper-slide .swiperImg{overflow:hidden;height:100%;width:100%}
.DetailCons .DetailConsLes img{min-width:100%;min-height:100%;width:100%}
.DetailCons .DetailConsLes .DetailConsLesPrev{width:.6rem;height:.6rem;position:absolute;top:50%;left:.5rem;font-size:.32rem;border-radius:50%;border:1px solid #787878;text-align:center;line-height:.6rem;color:#787878;z-index:2;cursor:pointer;transform:translateY(-50%)}
.DetailCons .DetailConsLes .DetailConsLesNext{width:.6rem;height:.6rem;position:absolute;top:50%;right:.5rem;font-size:.32rem;border-radius:50%;border:1px solid #787878;text-align:center;line-height:.6rem;color:#787878;z-index:2;cursor:pointer;transform:translateY(-50%)}
.DetailCons .DetailConsLes .swiper-container-horizontal>.swiper-pagination-bullets{bottom:.7rem}
.DetailCons .DetailConsLes .swiper-pagination-bullet{width:10px;height:10px;border-radius:0}
.DetailCons .DetailConsLes .swiper-pagination-bullet-active{background-color:#c0a589}
.DetailCons .DetailConsRis{padding:1rem 0 0 80px;box-sizing:border-box;width:50%}
.DetailCons .DetailConsRis .DetailTitle{font-family:LibreBaskerville-Regular;font-size:.52rem;transform:scale(.7,1) translateX(-1.9rem);text-transform:uppercase}
.DetailCons .DetailConsRis .DetailDesc{font-family:Chivo-Regular;font-size:18px;color:#333;padding:.15rem 0}
.DetailCons .DetailConsRis .DetailRemark{font-family:Chivo-Regular;font-size:16px;color:#333;opacity:.7;width:700px;line-height:25px}
.DetailCons .DetailConsRis .DetailSize{font-family:Chivo-Regular;font-size:16px;color:#1f1f1f;padding:.1rem .2rem;margin:.3rem 0;width:max-content;border:1px solid #d2c6b9;border-radius:5px}
.DetailCons .DetailConsRis .DetailParameter{font-size:18px;color:#c0a589;font-family:Chivo-Regular;padding-left:15px;position:relative;line-height:20px;letter-spacing:1px}
.DetailCons .DetailConsRis .DetailParameter:before{content:'';position:absolute;top:0;left:0;height:100%;width:4px;background-color:#c0a589;border-radius:25px}
.DetailCons .DetailConsRis .DetailParameterCons{padding-top:0;display:flex;flex-wrap:wrap}

.DetailCons .DetailConsRis .DetailParameterCons::-webkit-scrollbar{width: 3px;height:10px;background-color:#ddd}  
.DetailCons .DetailConsRis .DetailParameterCons::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #c0a589;border-radius: 10px;background-color:black;  }
.DetailCons .DetailConsRis .DetailParameterCons::-webkit-scrollbar-thumb{border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px #c0a589;background-color:#ddd} 

.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis{font-family:Chivo-Regular;font-size:16px;color:#333;display:flex;align-items:flex-start;width:50%;height:max-content;line-height:25px;padding-top:.15rem}
.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis .DetailLisTitle{width:120px;opacity:.7}
.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis .DetailLisDesc{width:calc(100% - 120px);line-height:25px}
.DetailCons .DetailConsRis .DetailConsult{margin-top:.7rem;width:7rem;background-color:#c0a589;font-size:0;display:flex;align-items:center;justify-content:center;line-height:50px;border-radius:8px;cursor: pointer;}
.DetailCons .DetailConsRis .DetailConsult i{font-size:30px}
.DetailCons .DetailConsRis .DetailConsult span{display:block;font-family:Chivo-Regular;color:#fff;font-size:16px;text-transform:uppercase;padding-left:10px}
.DetailCons .DetailConsRis .DetailMoreLine{width:7rem;border:1px solid #c0a589;line-height:40px;margin-top:.2rem;font-size:16px;font-family:Chivo-Regular;color:#333;border-radius:8px;text-align:center;position:relative;display:flex}
.DetailCons .DetailConsRis .DetailMoreLine:before{content:'';position:absolute;top:0;left:50%;width:0;height:100%;border-color:#c0a589;border-style:solid;border-width:0 0 0 1px}
.DetailCons .DetailConsRis .DetailMoreLine .DetailMore,.DetailCons .DetailConsRis .DetailMoreLine .DetailReturn{width:calc((100% - 1px)/ 2);display:block;color:#333;text-decoration:none;text-transform:uppercase;cursor:pointer}
.InformationDetails{margin:70px auto}
.InformationDetails>p{margin:0;font-size:16px;width:1360px;margin:auto}
.InformationDetails>p img{max-width:100%}
.InformationDetails .InformationDetailsVideo{font-size:0;width:860px;height:auto;margin: auto auto 30px ;object-fit:fill;background-color:#000;display:flex;align-items:center;justify-content:center}
.InformationDetails .InformationDetailsVideo video{width:100%;height:auto}
.InformationDetails .InformationDetailImgs{width:1360px;font-size:0;margin:40px auto auto}
.InformationDetails .InformationDetailImgs img{width:100%;margin-bottom:10px}
@media screen and (max-width:1700px){

.DetailCons .DetailConsRis .DetailTitle{transform:scale(.7,1) translateX(-1.8rem);}
.DetailCons .DetailConsRis{padding:.7rem 14px 0 80px}
.DetailCons .DetailConsRis .DetailConsult{margin-top:.5rem}
.DetailCons .DetailConsRis .DetailParameterCons{padding-top:0;max-height:calc((.25rem + .2rem) * 7);overflow:auto}
.DetailCons .DetailConsRis .DetailRemark{width:100%}
}
@media screen and (max-width:1360px){
  
.DetailCons .DetailConsRis .DetailTitle{transform:scale(.7,1) translateX(-1.75rem);}
.DetailLine{padding:0 30px;box-sizing:border-box;width:100%}
.InformationDetails .InformationDetailImgs{padding:0 30px;box-sizing:border-box;width:100%}
.DetailCons .DetailConsRis .DetailConsult{line-height:40px}
.DetailCons .DetailConsRis .DetailMoreLine{line-height:35px;font-size:14px}
.DetailCons .DetailConsRis .DetailSize{font-size:14px}
.DetailCons .DetailConsRis .DetailParameterCons{display:flex}
.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis{width:100%;line-height:22px;font-size:15px}
.DetailCons .DetailConsRis .DetailDesc,.DetailCons .DetailConsRis .DetailParameter{font-size:16px}
.DetailCons .DetailConsRis .DetailConsult span,.DetailCons .DetailConsRis .DetailRemark{font-size:14px;line-height:22px}
.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis .DetailLisDesc{line-height:22px}
.DetailCons .DetailConsRis .DetailParameterCons{padding-top:0;max-height:calc((22px + .2rem) * 4)}
.InformationDetails>p{width:100%;padding:0 30px;box-sizing:border-box}
}
@media screen and (max-width:1000px){
  .DetailCons .DetailConsRis .DetailTitle{transform:scale(.7,1) translateX(-1.9rem);}
.DetailCons .DetailConsRis{padding:.7rem 0 0 .8rem}
.DetailCons .DetailConsRis .DetailDesc{font-size:14px}
.DetailCons .DetailConsRis .DetailRemark{font-size:12px;line-height:20px}
.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis{font-size:14px}
.DetailCons .DetailConsRis .DetailSize{margin:10px 0}
.DetailCons .DetailConsRis .DetailConsult{margin-top:20px;line-height:35px}
}
@media screen and (max-width:860px){
.InformationDetails{width:100%;padding:0 30px;box-sizing:border-box}
.InformationDetails .InformationDetailsVideo{width:100%}
.InformationDetails .InformationDetailImgs{padding:0;box-sizing:border-box;width:100%}
.DetailCons .DetailConsRis .DetailParameterCons{max-height:calc((22px + .2rem) * 3)}
.DetailCons .DetailConsRis .DetailDesc,.DetailCons .DetailConsRis .DetailParameter{font-size:14px}
.DetailCons .DetailConsRis .DetailConsult span,.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis,.DetailCons .DetailConsRis .DetailRemark{font-size:12px}
.DetailCons .DetailConsRis .DetailConsult{line-height:30px}
.DetailCons .DetailConsRis .DetailMoreLine{font-size:12px;line-height:25px}
.InformationDetails>p{padding:0}
}
@media screen and (max-width:800px){
  .DetailCons .DetailConsLes .swiper .swiper-wrapper .swiper-slide{height:100vw;padding:0}
.DetailCons{-ms-flex-direction:column;flex-direction:column}
.DetailCons .DetailConsLes{border:none;width:100%}
.DetailCons .DetailConsLes .DetailConsLesNext,.DetailCons .DetailConsLes .DetailConsLesPrev{width:45px;height:45px;line-height:45px}
.DetailCons .DetailConsLes .DetailConsLesNext i,.DetailCons .DetailConsLes .DetailConsLesPrev i{font-size:30px}
.DetailCons .DetailConsLes .DetailConsLesPrev{left:50px}
.DetailCons .DetailConsLes .DetailConsLesNext{right:50px}
.DetailCons .DetailConsRis{width:100%;padding:.7rem 20px 0}
.DetailCons .DetailConsRis .DetailTitle{font-size:24px;transform:scale(.7,1) translateX(-3.8rem)}
.DetailCons .DetailConsRis .DetailDesc,.DetailCons .DetailConsRis .DetailSize{font-size:16px}
.DetailCons .DetailConsRis .DetailRemark{font-size:14px}
.DetailCons .DetailConsRis .DetailSize{padding:10px 20px}
.DetailCons .DetailConsRis .DetailDesc,.DetailCons .DetailConsRis .DetailParameter,.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis{font-size:16px}
.DetailCons .DetailConsRis .DetailParameterCons{max-height:none}
.DetailCons .DetailConsRis .DetailConsult{line-height:40px;margin:20px auto;width:55%}
.DetailCons .DetailConsRis .DetailMoreLine{margin:auto auto 20px;font-size:14px;line-height:35px;width:55%}
.DetailCons .DetailConsLes img,.InformationDetails{padding:20px;box-sizing:border-box}
.InformationDetails{margin-bottom:0}
.InformationDetails .InformationDetailsVideo{margin:0 auto 20px}
}
@media screen and (max-width:783px){
.DetailLine{display:none}
.DetailCons .DetailConsRis .DetailTitle{transform:scale(.7,1) translateX(-1.45rem)}
.DetailCons .DetailConsRis{padding:0 30px}
.DetailCons .DetailConsRis .DetailConsult,.DetailCons .DetailConsRis .DetailMoreLine{width:100%}
}
@media screen and (max-width:540px){
.DetailCons .DetailConsLes .DetailConsLesNext{right:20px}
.DetailCons .DetailConsLes .DetailConsLesPrev{left:20px}
.DetailCons .DetailConsLes .DetailConsLesNext,.DetailCons .DetailConsLes .DetailConsLesPrev{width:35px;height:35px;line-height:35px}
.DetailCons .DetailConsLes .DetailConsLesNext i,.DetailCons .DetailConsLes .DetailConsLesPrev i{font-size:22px}
}
@media screen and (max-width:450px){
.DetailCons .DetailConsRis .DetailTitle{transform:scale(.7,1) translateX(-1.35rem)}
.DetailCons .DetailConsRis .DetailDesc,.DetailCons .DetailConsRis .DetailParameter,.DetailCons .DetailConsRis .DetailParameterCons .DetailParameterLis{font-size:14px;line-height:20px}
}
@media screen and (max-width:350px){
.DetailCons .DetailConsRis .DetailMoreLine{font-size:12px}
}
.ProjectTitle{border-bottom:1px solid #d2c6b9}
.ProjectTitle .ProjectTitleText{font-family:LibreBaskerville-Regular;font-size:.8rem;transform:scale(.75,1);line-height:1.5rem;text-transform:uppercase;text-align:center}
.ProjectMain{width:1360px;display:flex;margin:60px auto auto;flex-wrap:wrap}
.ProjectMain .ProjectList{width:calc((100% - 20px)/ 2);background-color:#fff;font-size:0;cursor:pointer;margin-bottom:50px;text-decoration:none}
.ProjectMain .ProjectList:nth-of-type(2n){margin-left:20px}
.ProjectMain .ProjectList img{width:100%;padding:10px;box-sizing:border-box}
.ProjectMain .ProjectList .ProjectListTitle{font-family:Chivo-Regular;font-size:28px;color:#1f1f1f;line-height:50px;padding-left:10px;box-sizing:border-box}
.ProjectMain .ProjectList .ProjectListDesc{font-family:Chivo-Regular;font-size:16px;color:#666;white-space:nowrap;width:98%;overflow:hidden;text-overflow:ellipsis;padding-left:10px;box-sizing:border-box}
.ProjectMain .ProjectList .ProjectListRead{font-family:Chivo-Regular;font-size:14px;color:#333;box-sizing:border-box;display:block;padding:25px 0 30px 10px}
.ProjectMain .ProjectList:hover .ProjectListRead{text-decoration:underline}
@media screen and (max-width:1360px){
.ProjectMain{padding:0 30px;width:100%;box-sizing:border-box}
.ProjectMain .ProjectList .ProjectListTitle{font-size:22px;line-height:40px}
.ProjectMain .ProjectList .ProjectListRead{padding:20px 0 20px 10px}
}
@media screen and (max-width:800px){
.ProjectMain{padding:0 20px}
.ProjectTitle .ProjectTitleText{font-size:40px;line-height:80px}
}
@media screen and (max-width:400px){
.ProjectMain{-ms-flex-direction:column;flex-direction:column}
.ProjectMain .ProjectList{width:100%;margin-bottom:25px}
.ProjectMain .ProjectList:nth-of-type(2n){margin-left:0}
}
.Contact{font-size:0;display:flex;box-sizing:border-box;width:1660px;margin:auto;position:relative}
.Contact .ContactTitle{font-family:LibreBaskerville-Regular;font-size:36px;transform:scale(1,.75) rotate(180deg);color:#1f1f1f;text-transform:uppercase;writing-mode:tb-rl;line-height:36px;bottom:0;left:-50px;position:absolute}
.Contact .ContactImg{width:830px;font-size:0}
.Contact .ContactImg img{width:100%}
.Contact .ContactTouch{width:830px;padding-top:1.5rem}
.Contact .ContactTouch .ContactTouchTitle{font-size:.64rem;font-family:LibreBaskerville-Regular;color:#1f1f1f;transform:scale(.75,1);text-align:center}
.Contact .ContactTouch .ContactTouchDesc{font-size:16px;font-family:Chivo-Regular;color:#333;text-align:center;width:350px;margin:20px auto auto}
.Contact .ContactTouch .ContactInfo{padding-top:.6rem}
.Contact .ContactTouch .ContactInfo .ContactInfoLis{font-size:18px;font-family:Chivo-Regular;display:flex;justify-content:center;line-height:40px}
.Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisName{color:#111;width:190px}
.Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisCons{color:#444;width:315px}
.Contact .ContactTouch .ContactInfo .qrCode{margin:auto;width:1.4rem;font-size:0;padding-top:20px}
.Contact .ContactTouch .ContactInfo .qrCode img{width:100%}
.Message{border-top:1px solid #d2c6b9}
.Message .MessageTitle{font-size:26px;color:#333;font-family:Chivo-Regular;padding-top:.7rem;width:550px;text-align:center;margin:auto;line-height:35px}
.Message .MessageForm{padding-top:25px}
.Message .MessageForm .MessageFormLis{display:flex;width:680px;margin:auto;padding-top:25px;line-height:30px;border-bottom:1px solid #d2c6b9;font-size:0}
.Message .MessageForm .MessageFormLis .MessageFormLisName{padding-left:25px;width:150px;box-sizing:border-box;text-transform:uppercase;font-size:16px}
.Message .MessageForm .MessageFormLis .MessageFormLisText{width:calc(100% - 150px);display:flex;align-items:center}
.Message .MessageForm .MessageFormLis .MessageFormLisText input{border:0;outline:0;background-color:transparent;width:100%;font-size:14px}
.Message .MessageForm .MessageFormLis .MessageFormLisText input::-webkit-input-placeholder{color:#999;text-transform:uppercase}
.Message .MessageForm .MessageFormLisElse{display:flex;width:680px;margin:auto;padding-top:25px;line-height:30px;justify-content:space-between}
.Message .MessageForm .MessageFormLisElse .ElseLis{border-bottom:1px solid #d2c6b9;width:calc((100% - 20px)/ 2);display:flex;font-size:0}
.Message .MessageForm .MessageFormLisElse .ElseLis .MessageFormLisName{padding-left:25px;width:150px;box-sizing:border-box;text-transform:uppercase;font-size:16px}
.Message .MessageForm .MessageFormLisElse .ElseLis .MessageFormLisText{width:calc(100% - 150px)}
.Message .MessageForm .MessageFormLisElse .ElseLis .MessageFormLisText input{border:0;outline:0;background-color:transparent}
.Message .MessageForm .MessageFormLisElse .ElseLis .MessageFormLisText input::-webkit-input-placeholder{color:#999;text-transform:uppercase}
.Message .MessageForm .MessageFormLis:hover,.Message .MessageForm .MessageFormLisElse .ElseLis:hover{border-bottom:1px solid #333}
.MessageSend{padding:10px 1.7rem;box-sizing:border-box;text-transform:uppercase;background-color:#c0a589;color:#fff;width:max-content;border-radius:8px;margin:50px auto 80px;cursor:pointer;font-size:16px}
@media screen and (max-width:1720px){
.Contact{justify-content:flex-end;width:calc(100% - 60px)}
.Contact .ContactImg,.Contact .ContactTouch{width:calc((100% - 50px)/ 2)}
.Contact .ContactTitle{left:0}
}
@media screen and (max-width:1360px){
.Contact .ContactImg{width:40%}
.Contact .ContactTouch{width:calc(100% - 50px - 40%);padding-top:.5rem}
.Contact .ContactTouch .ContactInfo .ContactInfoLis{font-size:16px;line-height:30px}
.Contact .ContactTouch .ContactTouchDesc{margin:.2rem auto auto}
.Contact .ContactTouch .ContactInfo{padding-top:.3rem}
}
@media screen and (max-width:1100px){
.Contact .ContactTouch{padding-top:40px}
.Contact .ContactTitle,.Contact .ContactTouch .ContactTouchTitle{font-size:30px}
.Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisName{width:160px;padding-left:50px}
.Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisCons{width:calc(100% - 160px - 50px)}
.Contact .ContactTouch .ContactInfo,.Contact .ContactTouch .ContactInfo .qrCode{padding-top:15px}
}
@media screen and (max-width:1000px){
.Contact{-ms-flex-direction:column;flex-direction:column}
.Contact .ContactTitle{position:relative;transform:unset;writing-mode:unset;line-height:50px;text-align:center;font-size:24px}
.Contact .ContactImg,.Contact .ContactTouch{width:100%}
.Contact .ContactTouch .ContactInfo{position:relative;padding-bottom:15px}
.Contact .ContactTouch .ContactInfo .qrCode{position:absolute;top:50%;right:25%;transform:translateY(-50%);padding-top:0;width:80px}
}
@media screen and (max-width:782px){
.Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisName{padding-left:0}
.Contact .ContactTouch .ContactInfo{padding-bottom:60px}
.Contact .ContactTouch .ContactInfo .qrCode{position:unset;transform:translateY(0);padding-top:10px}
.Message .MessageTitle{padding:35px 30px 0;font-size:20px;box-sizing:border-box;line-height:25px}
.Message .MessageForm{padding-top:0}
.Contact .ContactTouch .ContactTouchDesc,.Message .MessageForm .MessageFormLis,.Message .MessageForm .MessageFormLisElse,.Message .MessageTitle{width:100%}
.Message .MessageForm .MessageFormLisElse{-ms-flex-direction:column;flex-direction:column}
.Message .MessageForm .MessageFormLisElse .ElseLis{width:100%}
.Message .MessageForm .MessageFormLisElse .ElseLis:nth-last-of-type(1){padding-top:25px}
}
@media screen and (max-width:500px){
  .Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisName{width:120px}
  .Contact .ContactTouch .ContactInfo .ContactInfoLis .ContactInfoLisCons{width:calc(100% - 120px)}
}