@charset "utf-8";
*{border:none;outline:none;font-size:12px;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica","Heiti SC","WenQuanYi Micro Hei","Arial",sans-serif;}
html {height: 100%;}
body{margin:0;padding:0;background-color:#191919;height: 100%;}
table{border-collapse:collapse;border-spacing:0;}
img{margin:0px;padding:0px;display:block;}
ol,ul,dl,ol li,ul li,dl dt,dl dd{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0px;padding:0px;}
video{margin:0;padding:0;}
a{text-decoration:none;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica","Heiti SC","WenQuanYi Micro Hei","Arial",sans-serif;transition: all .25s;cursor: pointer;}
.clr{margin:0;padding:0;clear:both;font-size: 0px;overflow: hidden;*zoom:1;visibility:hidden; display: block; font-size: 0;height: 0;line-height: 0;}
.image { position: relative; display: inline-block; border: 0; outline: 0; }
.image img { display: block; width: 100%; }
.image.featured { display: block; width: 100%; }
.line-1 { width: 100%; display: block; height: 1px; margin: 0; padding: 0; background: #bfbfbf; overflow: hidden; }
.line-2 { width: 1000px; display: block; height: 1px; margin: 0 auto; padding: 0; background: #bfbfbf; overflow: hidden; }
.sp_h { margin: 0px; padding: 0px; width: 20px; height: 20px; display: block; }
.sp_p { margin: 0px; padding: 0px; width: 30px; height: 30px; display: block; }
.sp_bo { margin: 0px; padding: 0px; width: 50px; height: 50px; display: block; }
.secw{width:1200px;margin: 0 auto;}
.seca{width:1264px;margin: 0 auto;overflow: hidden;}
.secv{width:90%;margin: 0 auto;overflow: hidden;padding: 0 5%;}

#header{position:relative;z-index:10000;width:100%;background-color: #191919;}
#header .logo{width:100%;height:80px;position:relative;z-index:998;padding:0;margin: 0 auto;}
#header .logo a{display:block;width:80%;margin:0 auto;height:80px;opacity:1;text-align: center;overflow: hidden;}
#header .logo a span{font-size: 32px;line-height: 80px;color: #fff;}
#header .logo a:hover span{color: #C49A71;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
#header .menu-qr{position:absolute;top:30%;right:3%;display:block;z-index:999;}
#header .menu-qr .slo img{ width: 72px; height: 24px;}
#header .menu-li{position:absolute;top:0;left:1%;z-index:999;}
#header .menu-li li{float: left;}
#header .menu-li li h2{font-weight: normal;}
#header .menu-li li h2 a{font-family: "zhm" !important;display: block; margin: 0 18px; line-height: 80px;color: #fff;font-size: 16px;text-align: center;}
#header .menu-li li h2 a:hover{color: #C49A71;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}


.main-ban{position: relative;top: 0;width: 100%;z-index: 98;}
.main-ban .ti-h{width: 80%;margin: 0 auto;}
.main-ban .ban-ti{position: absolute;top:35%;width: 100%;z-index: 96;}
.main-ban .ban-ti h2{font-family: "zht" !important;font-size: 4rem;color: #fff;text-align: center;line-height:8rem;font-weight: normal;letter-spacing: 1px;}
.main-ban .ban-ti h5{font-weight: normal;font-family: "zhm" !important;font-size: 1.8rem;color: #fff;text-align: center;letter-spacing: 1px;}
.main-ban .ban-ti h6{font-family: "ent" !important;font-size: 1.4rem;line-height:1.8rem;color: #fff;text-align: center;width: 70%;margin: 0 auto;font-weight: normal;opacity: 0.6;margin-top: 1%;margin-bottom: 3%;}




.main-hfl{position: relative;top: 0;width: 100%;z-index: 98;}
.hfl-in{position: absolute;top: 0;left: 0;width: 50%;height: 100%;z-index: 98;background-color: #EFEFEF;}
.hfl-bg{float: right;width: 50%;}


.main-hafl{position: relative;top: 0;width: 100%;z-index: 98;}
.main-hafl.pt{padding: 3% 0;background-color: #040404;}
.main-hafl.ptp{padding: 3% 0 0 0;background-color: #040404;}
.main-hafl.fc{padding: 3% 0 0 0;background-color: #ffffff;}
.hafl-in{position: absolute;top: 0;right: 0;width: 50%;height: 100%;z-index: 98;background-color: #ffffff;}
.hafl-bg{width: 50%;position: relative;top: 0;}
.hafl-in.bc{background-color: #191919;}

.hafa-in{position: absolute;top: 0;right: 0;width: 67%;height: 100%;z-index: 98;background-color: #040404;}
.hafa-in.fc1{background-color: #6D91B0;}
.hafa-in.fc2{background-color: #9F96F3;}
.hafa-bg{width: 33%;position: relative;top: 0;}

.fixa{position: absolute;top: 30%;left: 4%;}
.fixb{width: 1200px;position: relative;right: 0;background-color: #191919;float: right;}

.ftx{width: 400px;position: absolute;height: 100%;left: 0;}
.ftx h6{font-family: "zht" !important;font-size: 1.5rem;color: #fff;line-height:3.6rem;font-weight: normal;padding:16% 0 0 8%; }
.ftx .slo{position: absolute;bottom: 8%;left: 8%;width: 150px;}
.fimg{width: 752px;float: right;}

.main-hafl .secw{position: relative;top: 0;z-index: 98;}
.flo-fixi{width: 50%;}
.flo-rit{position: absolute;top: 0;right: 0;z-index: 98;width: 50%;display: flex;align-items: center;background-color: #191919;height: 100%;}
.flo-fixt{width: 100%;font-family: "zhm" !important;font-size: 1.5rem;color: #fff;line-height:4rem;text-align: center;}

.fixg{position: absolute;top: 12%;left: 4%;width: 30%;z-index: 98;height: 88%;}
.fixgo{}
.fixgo h2{font-family: "zhm" !important;font-size: 3.6rem;color: #fff;line-height:5rem;font-weight: normal;letter-spacing: 1px;}
.fixgo h5{font-family: "zht" !important;font-size: 1.8rem;line-height:4rem;color: #fff;font-weight: normal;}
.fixgo h6{font-family: "ent" !important;font-size: 1.4rem;line-height:1.6rem;color: #C49A71;font-weight: normal;opacity: 0.6;}
.fix2go{position: absolute;bottom: 10%;}

.main-hafl.fc .fixgo h2{color: #191919;}
.main-hafl.fc .fixgo h5{color: #191919;}





.main-brand{position: relative;top: 0;width: 100%;height: 100%;z-index: 98;background-color: #EFEFEF;}
.main-brand .brand-ti{padding: 8%;position: relative;top: 0;z-index: 98;}
.main-brand .brand-ti h2{width: 85%;font-family: "zht" !important;font-size: 2rem;color: #191919;line-height:3.6rem;font-weight: normal;text-align: justify;}
.main-brand .brand-ti h6{width: 85%;font-family: "ent" !important;font-size: 1.4rem;line-height:2rem;color: #191919;font-weight: normal;opacity: 0.6;margin: 6% 0;}
.main-brand .brand-bg{position: absolute;bottom:0;width: 100%;z-index: 96;}

.main-inb{position: relative;top: 0;width: 100%;z-index: 98;overflow: hidden;}
.inb-ti{position: absolute;top: 20%;z-index: 98;width: 100%;}
.ti-main{width: 100%;text-align: center;}
.ti-main h2{font-family: "zhm" !important;font-size: 3.6rem;color: #191919;line-height:5rem;font-weight: normal;letter-spacing: 1px;}
.ti-main h5{font-family: "zht" !important;font-size: 1.8rem;line-height:4rem;color: #191919;font-weight: normal;}
.ti-main h6{font-family: "ent" !important;font-size: 1.4rem;line-height:1.6rem;color: #C49A71;font-weight: normal;opacity: 0.6;}
.ti-main .go-more{margin: 0 auto;margin-top: 1%;}

.ti-main.fc h2{color: #ffffff;}
.ti-main.fc h5{color: #F3F1ED;}
.ti-main.ifc h2{color: #C49A71;}
.ti-main.ifc h5{color: #F3F1ED;}

.titi h6{font-family: "ent" !important; color: #191919;font-size: 1.4rem;font-weight: normal;line-height: 1.6rem;text-align: center;opacity: 0.6;}
.titi h2 { font-family: "zhm" !important; font-size: 3.6rem; font-weight: normal; line-height: 5rem; text-align: center; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; background: linear-gradient(103deg, #F0CB9D 0%, #B08353 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; z-index: 1; }
.titi.fc h6{color: #C49A71;}

.inb-tab{position: absolute;bottom: 0;width: 100%;z-index: 100;}
.inb-tab .tab-ac{width: 50%;float: left;background-color: #C49A71;height: 72px;}
.inb-tab .tab-ac h3{font-family: "zhm" !important; font-size: 24px; font-weight: normal; line-height: 72px;color: #ffffff;padding: 0 0 0 32px;}
.inb-tab .tab-it{width: 50%;float: left;}

.tab-it a{display: block;border: 1px solid #B5A991; border-bottom: none;border-left: none;}
.tab-it.fx a{border: 1px solid #B5A991; border-bottom: none; border-right: none;}
.tab-it a h3{font-family: "zht" !important;font-size: 24px;line-height:71px;color:#fff;font-weight: normal;padding-left: 24px;}
.tab-it a span{ font-size:1.3rem;line-height:71px;color:#fff;padding-right: 20px;}
.tab-it a:hover{background-color: #B5A991;}

.main-product{position: relative;top: 0;width: 100%;z-index: 98;background-color: #F4F4F4;padding-top: 4%;padding-bottom: 4%;}
.main-product.fc{background-color: #fff;}
.main-product.fc1{background-color: #191919;}
.in-product{width: 100%;position: relative;padding-top: 4%;}
.in-product .product-item{width: 29.3%;margin:0 2% 2% 2%;float: left;}
.in-product .product-item .item-wrap{background-color:#fff;}
.in-product .product-item .item-sc{padding: 10% 8%;}
.in-product .product-item .item-sc .item-ti{font-family: "zhm" !important;font-size: 1.8rem;color: #191919;line-height:4rem;}
.in-product .product-item .item-sc .item-ti span{font-family: "ent" !important;font-size: 1.6rem;}
.in-product .product-item .item-sc .item-pa{font-family: "zht" !important;font-size: 1.3rem;color: #A3A3A3;line-height:1.8rem;}
.in-product .product-item .item-wrap a{display: block;}
.in-product .product-item .item-wrap a:hover{background-color:#fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);transition: transform 0.3s ease;transform: scale(1.05);}
.in-product .product-item .item-wrap a:hover .item-sc .item-ti{color: #C49A71;}




.pro-inall{width:1200px;margin: 0 auto;position: relative;top:0;}
.pro-inb-top{width: 50%;}
.pro-inb-info{width: 48%;padding: 0 0 0 2%;position: absolute;top: 0;right: 0;height: 100%;}
.pro-inb-info .info-sig{ position: absolute;right:0;top:0; }

.pro-inb-info .info-sig .sig-t{width: 80px;float: left;padding-right: 12px;padding-top: 106px;}
.pro-inb-info .info-sig .sig-t.fw{width: 100px;}
.pro-inb-info .info-sig .sig-t h5{font-family: "zht" !important;font-size: 1.3rem;color: #C49A71;line-height:1.3rem;text-align: right;}
.pro-inb-info .info-sig .sig-t h6{font-family: "ent" !important;font-size: 1rem;color: #191919;line-height:1.4rem;text-align: right;}
.pro-inb-info .info-sig .sig-ig{width: 98px;float: left;}

.pro-inb-info .info-main{position: absolute;bottom: -16px;}
.pro-inb-info .info-main h2{font-family: "zhm" !important; color: #191919;font-size: 3rem;font-weight: normal;line-height: 6rem;padding-left: 16px;}

.info-main .list-pack{width: 100%;}
.info-main .list-pack .list-it{width: 50%;float: left;}

.info-main .list-pack .list-it .it-info{display: block;margin: 16px;}
.info-main .list-pack .list-it .it-info .it-gall{ padding:48px 24px; background-color: #F0EFE9;}
.info-main .list-pack .list-it .it-info h6{font-family: "zht" !important;color: #191919;font-size: 1.3rem;font-weight: normal;line-height: 2rem;}
.info-main .list-pack .list-it .it-info h3{font-family: "zhm" !important;color: #C49A71;font-size: 1.6rem;font-weight: normal;line-height: 3rem;}





.main-work{position: relative;top: 0;width: 100%;z-index: 98;background-color: #F3F1ED;padding-top: 4%;padding-bottom: 4%;}
.in-work{width: 100%;position: relative;padding-top: 4%;}
.in-work.fxt{padding-top: 0;}
.in-work .work-item{background-color:#191919;width: 48%;margin:0 1% 0 1%;float: left;}
.in-work .work-item .item-sc{padding: 2% 3%;}
.in-work .work-item .item-sc .item-ti{font-family: "zhm" !important;font-size: 1.8rem;color: #C49A71;line-height:3rem;}
.in-work .work-item .item-sc .item-pa{font-family: "zht" !important;font-size: 1.1rem;color: #A3A3A3;line-height:1.8rem;margin: 8% 0;}
.in-work .work-item .item-sc p{font-family: "zht" !important;font-size: 1.2rem;color: #fff;line-height:2rem;opacity: 0.8;padding: 1.5% 0 1% 0;}


.main-team{position: relative;top: 0;width: 100%;z-index: 98;background-color: #191919;padding-top: 4%;padding-bottom: 4%;}
.main-team.fc{background-color: #040404;}
.in-team{width: 100%;position: relative;padding-top: 4%;}
.in-team .team-item{width: 29.3%;margin:0 2% 2% 2%;float: left;position: relative;top: 0;z-index: 98;}
.in-team .team-item.mt{width: 12.65%;margin:0 2% 2% 2%;}
.in-team .team-item .item-sc{width: 90%;position: absolute;right: 0;bottom: 6%;z-index: 999;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);}
.in-team .team-item .item-sc .item-ti{font-family: "ent" !important;padding: 8% 8% 4% 8%;font-size: 2rem;color: #C49A71;line-height:2rem;}
.in-team .team-item .item-sc .item-pa{padding: 0 8% 8% 8%;font-size: 1.1rem;color: #191919;line-height:1.8rem;text-align: justify;opacity: 0.6;}
.in-team .team-item .item-sc .btn{position: absolute;right: 0;top: -15%;}
.in-team .team-item .item-sc .btn a{display: block;padding: 1.2rem;color: #ffffff;background: rgba(196, 154, 113, 1);}
.in-team .team-item .item-sc .btn a span{font-size: 1.4rem;}
.in-team .team-item .item-sc .btn a:hover{background: rgba(255, 255, 255, 1);}
.in-team .team-item .item-sc .btn a:hover span{color: #C49A71;transition: transform 0.3s ease;font-size: 1.6rem;}
.in-team .team-item .item-img a{display: block;overflow: hidden;}
.in-team .team-item .item-img a img{transition: transform 0.3s ease;transform: scale(1);}
.in-team .team-item .item-img a:hover img{transform: scale(1.05);}


.sec-360-sign{position: absolute;top:32%;width: 100%;z-index: 96;}
.sec-360-sign .sign-img{width: 35%;margin: 0 auto;}
.sec-360-sign .sign-img .titi{padding-bottom: 15%;}
.sec-360-sign .sign-img img{width: 100%;background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(4px);border-radius: 20rem;}


.w4{float: left;width: 50%;;background-color: #fff;position: relative;z-index: 98;}
.w4.bc{background-color: #EDDECE;}

.sec-360-co{position: absolute;top: 0;left: 0;width: 100%;z-index: 96;}
.sec-360-co .co-ele{width: 75%;margin: 0 auto;margin-top: 22%;}
.sec-360-co .ele-ic{font-size: 8rem;line-height:10rem;color: #C49A71;text-align: center;}
.sec-360-co .ele-ti{width: 100%;margin: 0 auto;text-align: center;}
.sec-360-co .ele-ti h3{font-family: "zhm" !important;font-weight: normal;font-size: 1.6rem;line-height:3rem;color: #C49A71;text-align: center;}
.sec-360-co .ele-ti p{font-family: "zht" !important;font-size: 1.2rem;line-height:2rem;color: #B5A991;text-align: center;}

.seco{position: relative;top: 0;z-index: 102;width: 100%;margin: 0 auto;min-height: 640px;background-color: #040404;border-top: 1px solid #C49A71; }
.search-bar { display: flex; width: 50%;margin: 0 auto;margin-top: 20%;}
.search-bar input { flex: 1; padding: 10px 20px; font-size: 18px; border: none; color: bisque; background: #191919; border-radius: 40px 0px 0px 40px; }
.search-bar input:focus { outline: unset; }
.search-bar input::placeholder {font-size:1.2rem;color: #C49A71;}
.search-bar button { border: none; border-radius: 0px 40px 40px 0px; cursor: pointer;background: #191919; }
.search-bar button span{  font-size:2.4rem;line-height:4rem;color:#fff;padding-right: 10px; }
.seco .result { background-color: #f4f4f4; width: 50%;margin: 0 auto; margin-top: 40px; display: none; text-align: left; }
.seco .result .in-w{padding: 24px 20px 24px 20px; font-size:1.2rem;color: #191919;  }
#consumer { font-size: 1.6rem; color: #C49A71; font-weight: normal; margin:0px 0px 8px 0; }

.search-container { display: flex; margin-bottom: 40px; }
.gallery { width: 50%;margin: 0 auto;  margin-top: 40px; }
.image-container { text-align: center; }
.image-container img { width: 100%; height: auto;margin: 0 auto; }
.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.modal-content { background-color: #f4f4f4; margin: 20% auto 0 auto; padding: 20px; width: 80%; max-width: 400px; text-align: center; }
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
.close:hover { color: black; }
.modal-button { margin-top: 20px; padding: 0 24px; background-color: #191919;font-size:1.1rem;line-height:2.4rem; color: #fff; border: none; cursor: pointer; }
#modalMessage{font-size:1.2rem;color: #191919;}

.flo-color h2{float: right;font-size: 4rem;color: #C49A71;font-weight: normal;margin: 4% 4% 0 0;overflow: hidden;line-height: 4rem;}
.flo-color h2 span{color: #C49A71;font-size: 12rem;}
.flo-color.fc h2 span{color: #ffffff;}

.flo-water{position: absolute;bottom: 0;right: 0;}
.flo-water h2{font-size: 40rem;color: #978278;font-weight: normal;margin: 0 4% 0 0;overflow: hidden;line-height: 40rem;opacity: 0.45;}
.flo-water.fc h2{color: #ffffff;}

.flo-about{margin: 8% 0 0 8%;}
.flo-about h2{font-family: "zhm" !important;color: #ffffff;font-size: 4rem;font-weight: normal;line-height: 5rem;}
.flo-about h4{font-family: "zht" !important;color: #ffffff;font-size: 1.8rem;font-weight: normal;line-height: 3rem;opacity: 0.8;margin: 32px 0 16px 0;}
.flo-about h6{font-family: "ent" !important;color: #ffffff;font-size: 1.2rem;font-weight: normal;line-height: 2.6rem;opacity: 0.6;}


.bo-con{padding: 10% 10% 0 10%;}
.bo-con .con-vic h2{font-family: "zhm" !important;color: #ffffff;font-size: 4rem;font-weight: normal;line-height: 5rem;}
.bo-con .con-vic h4{font-family: "zht" !important;color: #ffffff;font-size: 1.8rem;font-weight: normal;line-height: 3rem;opacity: 0.8;margin: 32px 0 16px 0;}
.bo-con .con-vic h6{font-family: "ent" !important;color: #ffffff;font-size: 1.2rem;font-weight: normal;line-height: 2.6rem;opacity: 0.6;}

.ti-h1{font-family: "zht" !important; color:#191919;font-size: 3rem;line-height: 5rem; text-align: center;padding: 4% 0 0 0;}
.ti-hc{font-family: "zht" !important; color:#191919;font-size: 1.6rem;line-height: 3.2rem; text-align: center;padding: 2% 0 0 0;}
.pa-c1{font-family: "zht" !important; color:#3E3E3E;font-size: 1.1rem;line-height: 2rem; text-align: center;}

.ti-h2 { font-family: "zhm" !important; font-size: 3rem; line-height: 3.4rem; text-align: center; padding: 4% 0 4% 0; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; background: linear-gradient(101deg, #F0CB9D 0%, #B08353 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; z-index: 0; }
.pa-c2{font-family: "zht" !important; color:#ffffff;font-size: 1.1rem;line-height: 2rem; text-align: center;}


.ti-h3{font-family: "zht" !important; color:#C49A71;font-size: 3rem;line-height: 5rem; text-align: center;padding: 0 0 6% 0;}
.pa-c3{ width: 55%; margin: 0 auto; font-family: "zht" !important; color:#ffffff;font-size: 1.6rem;line-height: 3rem; text-align: center;}



.go-list{width: 100%;padding-top: 10%;}
.go-list ul{width: 100%;margin: 0 auto;}
.go-list ul li {width: 100%;margin: 10% 0;}
.go-list ul li a{display: block;border: 1px solid #B5A991; background: rgba(25, 25, 25, 0.6);backdrop-filter: blur(10px);}
.go-list ul li a h3{font-size:1.3rem;line-height:4rem;color:#fff;font-weight: normal;padding-left: 24px;}
.go-list ul li a span{ font-size:1.3rem;line-height:4rem;color:#fff;padding-right: 20px;}


.inb-bg{position: relative;top: 0;z-index: 95;}
.inb-mask{position: absolute;top: 0;z-index: 98;width: 100%;height: 100%;background-color: #191919;opacity: 0.1;}

.main-flo{position: relative;top: 0;width: 100%;z-index: 98;overflow: hidden;background-color: #10131A;}
.main-flo.w2c{background-color: #6D91B0;}
.main-flo.w3c{background-color: #a29af4;}
.main-flo .flo-ti{position: absolute;top:5%;width: 100%;z-index: 96;}

.main-flo .flo-ti .flo-name{margin-top: 60%;margin-right: 8%;}
.main-flo .flo-ti .flo-name h3{ font-family: "zht" !important; color: #fff;font-size: 3.2rem;line-height: 4.2rem;text-align: right;font-weight: normal;}
.flo-sign h4{color: #C49A71;font-size: 4rem;text-align: right;font-weight: normal;opacity: 0.8;max-height: 100px;overflow: hidden;line-height: 8rem;}
.flo-sign h4 span{color: #C49A71;font-size: 20rem;}
.flo-sign h4 span.wh{color: #ffffff;}
.flo-ita{width: 100%;margin: 0 auto;}
.flo-ita h5{color: #ffffff;font-size:1.6rem;font-weight: normal;text-align: center;letter-spacing: 32px;line-height: 2.4rem;opacity: 0.6;}
.flo-ita h6{color: #B5A991;font-size:1rem;font-weight: normal;text-align: center;font-family: "ent" !important;line-height: 2rem;}
.flo-ita h6.wh{color: #ffffff;}
.flo-ita .ita-log{text-align: center;margin: 4rem 0 2rem 0;opacity: 0.6;}
.flo-ita .ita-log span{color: #C49A71;font-size:8rem;line-height: 8rem;}
.flo-ita .ita-log span.wh{color: #ffffff;}


.flo-desc{padding: 20px 0 48px 32px;}
.flo-desc.zoommt{padding-top: 320px;}
.flo-inw2c{width: 100%;min-height:100px;background: linear-gradient(180deg, #6D91B0 0%, #E1E9EF 100%);}
.flo-inw3c{width: 100%;min-height:100px;background: linear-gradient(180deg, #A69EF4 0%, #EDEBFC 100%);}
.flo-inw3c .flo-desc{margin-top: 0;}

.flo-desc h4{color: #ffffff;font-size: 1.05rem;font-weight: normal;line-height: 3rem;margin: 0 0 20px 0;}
.flo-desc .slo img{ width: 96px; height: 32px;}

.flo-bo{width: 100%;height: 220px;}
.flo-log{ width: 100%;position: absolute;bottom: 0;z-index: 96;}
.flo-log .log-pos{width: 100%;margin: 0 auto;text-align: center;}
.flo-log .log-pos span{ color: #fff;font-size: 2.4rem;}

.ti-flo{width: 100%;background-color: #ffffff;padding:4% 0 5% 0;}
.ti-flo.inw2c{width: 100%;background: linear-gradient(180deg, #E1E9EF 0%, #FFFFFF 100%);}
.ti-flo.inw3c{width: 100%;background: linear-gradient(180deg, #EDEBFC 0%, #FFFFFF 100%);}
.inf .ti-flo{background-color: transparent;}
.ti-flo h2{font-size: 1.1rem;font-weight: normal;line-height: 3rem;text-align: center;max-height: 80px;overflow: hidden;}
.ti-flo h2 span{color: #191919;font-size: 24rem;line-height: 80px;}
.ti-flo h2 span.w2c{color: #95817B;}
.inf .ti-flo h2{max-height: 66px;}
.inf .ti-flo h2 span{font-size: 20rem;line-height: 66px;}
.ti-flo h3{color: #191919;font-size: 4rem;font-weight: normal;line-height: 3rem;text-align: center;}
.ti-flo h3.f1{font-size: 3.2rem;font-family: "zht" !important;margin: 40px 0 20px 0;}
.inf .ti-flo h3.f1{margin-top: 60px;margin-bottom: 10px;}
.ti-flo h4{color: #191919;font-size: 1.4rem;font-weight: normal;line-height: 2.4rem;text-align: center;margin: 20px 0 10px 0;opacity: 0.6;}
.ti-flo h4.f1{font-weight: bold;opacity: 1;margin: 0 0 10px 0;}
.ti-flo h5{font-family: "ent" !important;color: #191919;font-size: 1.1rem;font-weight: normal;line-height: 1.6rem;text-align: center;opacity: 0.5;}
.ti-flo h6{color: #191919;font-size: 1.2rem;font-weight: normal;line-height: 2rem;text-align: center;opacity: 0.5;}
.ti-flo h2 span.ux-mario-sign{color: #B5A991;margin: 20px 0 0 0;}


.im-flo{width: 100%;background-color: #ffffff;}
.im-flo img{margin: 0 0 20px 0;}
.im-flo.fix img{margin: 0;}
.im-flo img.fix{margin-bottom: 0;}

.tit-flo{width: 100%;background-color: #191919;padding: 10px 0 30px 0;}
.tit-flo h4{color: #ffffff;font-size: 1.2rem;font-weight: normal;line-height: 2.2rem;text-align: center;}


.flo-infoot{position: relative;top: 0;width: 100%;z-index: 98;overflow: hidden;}
.flo-infoot .inf{position: absolute;top:5%;width: 100%;z-index: 96;}
.inf .inf-ti{color: #191919;font-size: 1.1rem;font-weight: normal;line-height: 2.1rem;text-align: center;opacity: 0.6;}
.inf .ti-flo{padding-top: 20px;padding-bottom: 0px;}


.pro-inb{position: relative;top: 0;width: 100%;z-index: 98;}
.pro-inb.bd{border: 2px solid #F0EFE9;}
.pro-inb .top-bg{width: 100%;position: absolute;right: 0;bottom: -100px;z-index: 99;overflow: hidden;}
.pro-inb .top-bg img{width: 55%;float: right;margin-right: -24px;}

.pro-bo{width: 100%;height: 100px;}
.pro-series{background-color: #fff;position: relative;}
.series-top{width: 100%;position: relative;z-index: 98;}
.series-top .series-ti{width: 100%;background: #ffffff;padding: 48px 0;}
.series-top .series-ti.bg{background: #191919;}
.series-top .series-ti.in{padding: 32px 0 16px 0;}
.series-top .series-ti .ti-h{padding-left: 32px;}
.series-top .series-ti .ti-t{padding-left: 32px;float: left;}
.series-top .top-bg{width: 100%;position: absolute;right: 0;bottom: -70px;z-index: 98;}
.series-top .top-bg a{display: block;}
.series-top .top-bg img{width: 35%;float: right;}
.series-top .series-ti h6{font-family: "ent" !important;color: #B5A991;font-size: 1.1rem;font-weight: normal;line-height: 1.6rem;}
.series-top .series-ti h3{font-family: "zhm" !important;color: #C49A71;font-size: 3rem;line-height: 3.2rem;letter-spacing: 1px;font-weight: normal;}

.series-top .series-ti .ti-t h4{font-family: "zhm" !important;color: #191919;font-size: 2.2rem;line-height: 2.6rem;font-weight: normal;}
.series-top .series-ti .ti-si{padding-right: 32px;float: right;text-align: right;}
.series-top .series-ti .ti-si h6{font-size: 0.8rem;}
.series-top .series-ti .ti-si h3{font-size: 1rem;line-height: 1.2rem;}





.series-list{width: 100%;margin: 0 auto;padding: 5% 0 0 0;}
.series-list.in{padding:0 0 16px 0;}
.series-list.fc{padding-top: 0;}
.series-list .list-pack{padding: 0 16px;}
.series-list .list-pack .list-it{width: 25%;float: left;}
.series-list .list-pack .list-it a{display: block;margin: 5% 5% 15% 5%;}
.series-list .list-pack .list-it a .it-gall{ padding:20% 12%; background-color: #F0EFE9;margin-bottom: 16px;}
.series-list .list-pack .list-it a .it-gall.shad img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);}
.series-list .list-pack .list-it a h6{font-family: "zht" !important;color: #191919;font-size: 1.2rem;font-weight: normal;line-height: 2rem;opacity: 0.8;}
.series-list .list-pack .list-it a h3{font-family: "zhm" !important;color: #C49A71;font-size: 1.8rem;font-weight: normal;line-height: 2.6rem;}
.series-list .list-pack .list-it a:hover h3{color: #191919;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.series-list .list-pack .list-it a .it-gall img{transition: transform 0.3s ease;transform: scale(1);}
.series-list .list-pack .list-it a:hover .it-gall img{transform: scale(1.05);}

.series-list .list-pack .list-it.fc a h6{color: #ffffff;}
.series-list .list-pack .list-it.fc a:hover h6{color: #ffffff;}
.series-list .list-pack .list-it.fc a:hover h3{color: #ffffff;}


.series-list .list-pack .list-it .it-info{display: block;margin: 16px;}
.series-list .list-pack .list-it .it-info .it-gall{ padding:48px 24px; background-color: #F0EFE9;margin-bottom: 8px;}
.series-list .list-pack .list-it .it-info h6{font-family: "zht" !important;color: #191919;font-size: 1.2rem;font-weight: normal;line-height: 1.6rem;}
.series-list .list-pack .list-it .it-info h3{font-family: "zhm" !important;color: #C49A71;font-size: 1.3rem;font-weight: normal;line-height: 2.2rem;}




.pro-more{width: 50%;margin: 5% auto 0 auto;}
.pro-more a{font-family: "zht" !important;display: block;font-size:1rem;line-height:2.2rem;color:#C49A71;border: 1px solid #B5A991; padding: 4px 12px 4px 16px;background-color: #F3F1ED;}
.pro-more a span{ font-size:1rem;color:#C49A71;padding: 0 0 0 4px;font-weight: bold;}
.pro-more a.hover-effect{color: #ffffff;background-color: #C49A71;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.pro-more a.hover-effect span{color: #ffffff;}

.pro-series .top-more{width: 116px;position: absolute;left: 32px;bottom: 32px;z-index: 98;}
.pro-series .top-more a{display: block;font-size:1.1rem;line-height:2.8rem;color:#fff;border: 1px solid #fff; padding: 0 12px 0 16px;}
.pro-series .top-more a span{ font-size:1.1rem;color:#fff;padding: 0 0 0 10px;}
.pro-series .top-more a.hover-effect{color: #C49A71;background-color: #fff;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.pro-series .top-more a.hover-effect span{color: #C49A71;}


.series-gall{padding: 0 16px;margin: 16px 0;}
.series-gall h3{font-family: "zhm" !important;color: #191919;font-size: 1.3rem;line-height: 2rem;background-color: #F0EFE9;padding: 12px 16px;font-weight: normal;}



.contact-info{width: 100%;height: 100%;background-color: #ffffff;padding: 30% 0 0 0;}
.contact-info h2{ font-family: "zhm" !important; color: #191919;font-size: 3.6rem;font-weight: normal;line-height: 10rem;text-align: center;}
.contact-info h5{ font-family: "zht" !important; color: #191919;font-size: 1.8rem;font-weight: normal;line-height: 3rem;text-align: center;opacity: 0.6;}
.contact-info h6{font-family: "ent" !important; color: #191919;font-size: 1.2rem;font-weight: normal;line-height: 2.4rem;text-align: center;opacity: 0.5;margin-top: 20px;}

.vic-intro{width: 100%;}
.vic-intro .p8{padding: 8%;}
.vic-intro .p8t{padding: 0 8% 8% 8%;}
.intro-mo{width: 100%; position: relative; overflow: hidden;z-index: 990;}
.intro-mo .mo-con{width: 100%; overflow: hidden; position: absolute; top: 15%;z-index: 999;}
.intro-mo .mo-con.t4{top: 6%;}
.con-log{width: 60%;margin: 0 auto;text-align: center;padding-bottom: 2%;}
.con-log .ux-logo-white{font-size: 4rem; line-height: 6rem; color: #191919;text-align: center;}
.con-log.fc .ux-logo-white{color: #fff;}
.main-hafl .mo-con{width: 100%; overflow: hidden; position: absolute; top: 10%;z-index: 999;}
.mo-con .flo-ita h5{color: #191919;}
.mo-con .flo-ita h6{color: #191919;letter-spacing: 1px;opacity: 0.6;}
.mo-con .flo-ita .ita-log span{color: #ffffff;opacity: 0.8;}


.footer { width: 100%; background-color: #191919; padding: 2% 0 10% 0; position: relative; overflow: hidden;z-index:100;}
.footer-logo { width: 100%; overflow: hidden; position: absolute; bottom: -2%;z-index:90; }
.footer-logo span { width: 96%; overflow: hidden; padding: 0; margin: 0 auto; display: block; font-size: 28rem; line-height: 28rem; color: #000000; font-weight: normal; text-align: center; }
.footer .footer-copy{position: relative; z-index:98;}
.footer .footer-copy h6 { font-family: "ent" !important; font-size: 1.2rem; color: #757575; margin: 4% 0 0 0; font-weight: normal; text-align: center; }
.footer-social{padding-top: 2%;position: relative; z-index:100;}
.footer-social h4{font-size: 1.2rem;color: #C49A71;margin-bottom: 1%;text-align: center;font-weight: bold;}
.footer-social .social-w{width: 360px;margin: 0 auto;margin-bottom: 4%;}
.footer-social .social-ic{padding: 0; margin: 0 24px;float: left; position: relative;top: 0;}
.footer-social .social-ic a{ display: block; width: 64px;height: 64px;line-height: 64px; font-size: 40px; text-align: center; color: #ffffff; margin:0; padding:4px;opacity: 0.5;position: relative;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.footer-social .social-ic .sbox{display: none;width: 200px;position: absolute;z-index:100;left: -65px;}
.footer-social .social-ic a:hover{ opacity: 1;}
.footer-social .social-ic .sbox.ac{display: block;}


.footer .links{ z-index: 999;position: relative;margin: 0 auto;text-align: center;z-index:100;}
.footer .links a{font-family: "zhm" !important; color:#F4F4F4;font-size: 1.3rem; padding: 0 20px;height: 48px;line-height: 48px;}
.footer .links a:hover{color: #C49A71;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}

.go-btn {width: 116px;margin: 0 auto;}
.go-btn a{font-family: "zht" !important;display: block;font-size:1.1rem;line-height:2.8rem;color:#fff;border: 1px solid #fff; padding: 0 12px 0 16px;}
.go-btn a span{ font-size:1.1rem;color:#fff;padding: 0 0 0 10px;}
.go-btn a:hover{color: #C49A71;background-color: #fff;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.go-btn a:hover span{color: #C49A71;}

.go-more {width: 116px;}
.go-more.mw {width: 170px;}
.go-more a{font-family: "zht" !important;display: block;font-size:1.1rem;line-height:2.8rem;color:#191919;border: 1px solid #191919; padding: 0 12px 0 16px;}
.go-more a span{ font-size:1.1rem;color:#191919;padding: 0 0 0 10px;}
.go-more a:hover{color: #C49A71;background-color: #191919;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.go-more a:hover span{color: #C49A71;}

.go-more.fc a{border: 1px solid #ffffff;color:#ffffff;}
.go-more.fc a span{color:#ffffff;}
.go-more.fc a:hover{background-color: #ffffff;color: #C49A71;}
.go-more.fc a:hover span{color: #C49A71;}

.go-more.fca {width: 128px;}
.go-more.fca a{font-family: "zhm" !important;border: 1px solid #C49A71;color:#C49A71;padding: 0 0 0 8px;font-size:1.3rem;}
.go-more.fca a span{color:#C49A71;font-weight: bold;font-size:1.3rem;}





.go-lan {width: 136px;margin: 4% auto 0 auto;position: relative;z-index:98;}
.go-lan a{font-family: "ent" !important;display: block;font-size:1rem;line-height:2.2rem;color:#fff;border: 1px solid #fff; padding: 0 0 0 12px;}
.go-lan a span{ font-size:1rem;color:#fff;padding: 0 0 0 4px;}
.go-lan a:hover{color: #C49A71;background-color: #fff;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.go-lan a:hover span{color: #C49A71;}

.fle{float: left;}
.fri{float: right;}

.anux{width: 1px;height: 1px;color: #191919;background-color: #191919;line-height: 1px;font-size: 1px;}