:root{
    --color-black:#000;
    --color-gray-3:#333;
    --color-gray-6:#666;
    --color-gray-9:#999;
    --color-gray-c:#ccc;
    --color-gray-e:#eee;
    --color-white:#fff;
    --color-blue:#5B9BD5;
    --color-yellow:#E8941E;

    --font-size-smaller:14px;
    --font-size-small:16px;
    --font-size-middle:20px;
    --font-size-big:24px;
    --font-size-biger:32px;


    --font-family-default:PlusJakartaSans,Arial,sans-serif,Helvetica,Tahoma,Verdana;
    --font-family-spe:'Edwardian Script ITC';
    --font-family-titl:'Wulkan Display';

    --box-padding-small:50px 50px;
    --box-padding:100px 50px;

    --offset-smaller:10px;
    --offset-small:25px;
    --offset-middle:50px;
    --offset-big:100px;

    --box-width-smaller:800px;
    --box-width-small:1240px;
    --box-width-middle:1500px;
    --box-width-big:1640px;

    --split-line-colro:#999;

    --full-height:calc(100vh - 120px);
}
@font-face {
  font-family: 'iconfont';
  src: url('/lib/iconfont/iconfont.woff2') format('woff2'),
       url('/lib/iconfont/iconfont.woff') format('woff');
}

/* cyrillic-ext */
@font-face {
  font-family: 'PlusJakartaSans';
  font-display: swap;
  src: url(/lib/fonts/PlusJakartaSans/cyrillic.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'PlusJakartaSans';
  font-display: swap;
  src: url(/lib/fonts/PlusJakartaSans/vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'PlusJakartaSans';
  font-display: swap;
  src: url(/lib/fonts/PlusJakartaSans/latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PlusJakartaSans';
  font-display: swap;
  src: url(/lib/fonts/PlusJakartaSans/latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Wulkan Display';
	src: url('/lib/fonts/Wulkan/WulkanDisplayRegular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Wulkan Display Italic';
	src: url('/lib/fonts/Wulkan/WulkanDisplayItalic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Wulkan Display Light Italic';
	src: url('/lib/fonts/Wulkan/WulkanDisplayLightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Wulkan Display Light';
	src: url('/lib/fonts/Wulkan/WulkanDisplayLight.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/*设置宽度*/
/*::-webkit-scrollbar,-webkit-scrollbar {
  width: 8px;
  height: 8px;
}*/

/*设置滚动条的圆角和颜色*/
/*::-webkit-scrollbar-thumb,-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgb(232, 148, 30);
}*/

/*设置滚动条轨道的背景色*/
/*::-webkit-scrollbar-track,-webkit-scrollbar-track {
  background: transparent;
}*/

/*设置边角位置的圆角与背景色*/
/*::-webkit-scrollbar-corner,-webkit-scrollbar-corner {
  background: transparent;
}*/

/* reset */
* {margin:0;padding:0;font-family:inherit;box-sizing:border-box;font-size:inherit;}
table {border-collapse:collapse;border-spacing:0;}
ul,ol,dl,dt,dd,li {list-style:none}
input,textarea,select,label {outline:none;margin:auto 0;/*vertical-align:middle;*/}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAoUlEQVQYV2OcOXPmTgYGBjcgxgCMjIzb0tLSvLHJgcQY58yZo/P379/zQDYLmqLfQL5eenr6DZyaQRJA26cAqWw0RZOAGvNxaQTbDCIWLlwo/OPHj9tApiBU8VseHh7V6Ojo9wQ1Q23PA9ITQWwmJqac1NTUqfg0wm2GamYF0peAgfRXVVXVwNHR8Q/RmkEKZ8+e7fXv378/QL/uIqQRJA8AAv4vCKhspNYAAAAASUVORK5CYII=') right center no-repeat;padding-right:20px !important;}
select::-ms-expand { display: none; }

input[type="checkbox"] {display:none;}
input[type="checkbox"]+label {margin-right:20px;padding-left:24px;display:inline-block;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZ0lEQVQ4T2M8d+6c579//+YyMDBIAjEp4DkTE1My45kzZ54BdYWZmJgcIUU3UJ8NUP0qkAH/gZoZSdEMUwvSO2rAaBgMo3RAVmY6f/689d+/f9cwAhleQAYoO0uQkqEYGRmfArNzGgA183u0oExM7AAAAABJRU5ErkJggg==') left center no-repeat;user-select:none;}
input[type="checkbox"]:checked+label {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLklEQVQ4T6WTP0uCURTGf/etRL9AIVZDa0sgki1GQ1CzNBZSDc5NJf0DP0SLIVHR0heorS1MXBrKSCubgxYJqvfejoTpy6vlpTvf5895znlUYN1sOQ67yuBg8YxCay24YMa4tuCmToNEhTaMsRD2fbUmUAraJa0IBoehkIL9W8iefpvpmWAoAqUVCPVD/ATubiwIwqJcXIaggKfawB4Hq/OQHofpHNRfW1lFRuFKbAcaysdwX/bm+DNCdAIuFuD6BRJ78PEGI2My8yIM9EHsAB4q/n15MkjOwOEsnNVg7RwulyQkST2Wh6fHzsv2hZhJwmYUXLmO+jtMHgm4g3KTzkegxG5ObM/J7HEBP1d/P7Oua3QkNP359432fAfdqP5fJqnzjtR527aRkrGrDdkvQsZvAwhVY28AAAAASUVORK5CYII=');}
input[type="checkbox"]+label.sing-checkBox {width:18px;height:18px;margin:0;padding:0;}

input[type="radio"] {display:none;}
input[type="radio"]+label {padding-left:24px;display:inline-block;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABbklEQVQ4T2NkQAPnzp3T+v//fwoQezIyMipCpe8B6R1A/hwjI6NryFoYYZyrV6+y/fjxow/IDwVqngCkt/Dz898CyX/8+FENSPkADSgA0uvFxMQKZWVlv4PkwAZANW8FMj8BNSeZmJh8RHcZiH/mzBl+oCFzgUxBDg4OT21t7V9gA86ePTsVSEkCnRcMVPAfm2aYGNACRqA31wD5z42NjXMYL1y4oP3nz5+9QOeqqaqqfsKnGSZ3+/ZtPqC3brKwsLgwAm3vB5r6HujsJmI0w9QAvVMJdK0YI5BxnYmJKQLo/IskGqALVL8K5IKffEAAdP5PUgyABvxnSgzgAUb7c7K9AHS5HjDsllEaiOKMFy9e1Pn9+/duYDSqkxqNrKysrsgJSQIYEyEkJKQXwISUTZ2kjJQf4JkJ6LzNQK/d5OTkZASmVDUg2xdnZkKOf1DS/vv3byowhD2A4kpATb+A7AdAeg8w6c7R19e/gqweAJD24WU2hJ6yAAAAAElFTkSuQmCC') left center no-repeat;user-select:none;}
input[type="radio"]:checked+label {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACGUlEQVQ4T61TS2gTURR9981MKBITP9i0HRUrNC3+1rpvwYLS1jEguBNdKWKSaqur4EL8JSOIu7rUhWOciApCda1bQdQoqEgnkxS0Zgxq5/OubyZOCDGCqG/33nn3cu455wLpOKmsucVm3mECME4QB30YCLxFgg8jVJjT8v0v2ksgvKRyGLGtSoE/pHjJFUR6f+Ng4rWPf3hXSwKwPYTgCSCoiyinNRW+NZvzExTXKw84aEmRFYe0C2vqncyCfzOf4o7z9TpBslqKy+NaDuygwWTWuIZI+kv5AQUAsFtx+IaIMJUxbiOAebcgHwNlxtzq2uxxNN6TvJFba/kflZOLQ55rn0cCo02a+EgQI7PFS71v/PvB3MdYw/peFiU6CpOZBRUQlnRVPhvQPGUMOw4+5TRWdYj1WZJgp3ZRLgesM5XThLBemMgYLykRD+iFxLMASC8UefG+bmPwee+U1PWKj02kq9sJeLd8BssbNsmxq8dhuQkYXECMdW8AjZIqrwyFdyzjyz80WIw6dcf86xGU6doO13Nv/iKikq2MeIw96SaiQOmuYn7gVUtEZAmYmq5uY8ybj8Z6hkMbfzpxjns9FtiIOM8dOBM6ENpIqTDWChJh2KcX5P1/GiRCoVrKy0f/T5Rb+9C2TEDpvXVDifKSScBt1JLI2N7fLlO75360Pds7wmO8m0d4M9fB5svz3o8zCOKcfrnvefv/H7+fKW33LvQsAAAAAElFTkSuQmCC');}

/*input[type="submit"],input[type="button"],input[type="reset"] {-webkit-appearance: none;}
*/
input {-webkit-appearance: none;}



.aicf {font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing:grayscale;}

body {cursor:default;-webkit-text-size-adjust:none;font-size:14px;background:#fff;color:#090807;font-family:var(--font-family-default);font-weight:300;}

ul{list-style:none;}
img {border:0;}
a{text-decoration:none;color:inherit;}
.fl{float:left;}
.fr{float:right;}
.cl {clear:left;}
.cr {clear:right;}
.ca {clear:both;}
.ov {overflow:hidden;}

.text-ell {overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;}

.ms100 {transition:all 100ms ease;-moz-transition:all 100ms ease;-webkit-transition:all 100ms ease;-o-transition:all 100ms ease;}
.ms200 {transition:all 200ms ease;-moz-transition:all 200ms ease;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;}
.ms300 {transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;}
.ms400 {transition:all 400ms ease;-moz-transition:all 400ms ease;-webkit-transition:all 400ms ease;-o-transition:all 400ms ease;}
.ms500 {transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;}
.ms600 {transition:all 600ms ease;-moz-transition:all 600ms ease;-webkit-transition:all 600ms ease;-o-transition:all 600ms ease;}

.bg-ff {background:#fff;}
.bg-f5 {background:#f5f5f5;}
.bg-ee {background:#ededed;}
.bg-dd {background:#d6d8da;}
.bg-cc {background:#ccc;}
.bg-99 {background:#999;}
.bg-66 {background:#666;}
.bg-33 {background:#333;}
.bg-00 {background:#090807;}

.off-top-10 {margin-top:10px !important;}
.off-top-15 {margin-top:15px !important;}
.off-top-20 {margin-top:20px !important;}
.off-top-30 {margin-top:30px !important;}
.off-top-50 {margin-top:50px !important;}

.grayImg {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}

.dropdown-toggle {position:relative;overflow:hidden;}
.dropdown-toggle:hover {overflow:visible;}
.dropdown-menu {display:none;position:absolute;}

.theme-btn {display:inline-block;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}

/*buttons*/
.but-green {background:#009688;color:#fff;}
.but-green:hover {background:#32AA9F;color:#fff;}
.but-green.hover {background:#32AA9F;color:#ccc;}

.but-blue {background:#1E9FFF;color:#fff;}
.but-blue:hover {background:#4AB2FF;color:#fff;}
.but-blue.hover {background:#4AB2FF;color:#ccc;}

.but-red {background:#FF5722;color:#fff;}
.but-red:hover {background:#FF784E;color:#fff;}
.but-red.hover {background:#FF784E;color:#ccc;}

.but-org {background:#FFB800;color:#333;}
.but-org:hover {background:#FFC632;color:#333;}
.but-org.hover {background:#FFC632;color:#000;}

.but-gray {background:#bbb;color:#fff;}
.but-gray:hover {background:#999;color:#fff;}
.but-gray.hover {background:#999;color:#fff;}



.alert-but-green {background:#009688 !important;color:#fff !important;}
.alert-but-green:hover {background:#32AA9F !important;color:#fff !important;}

.alert-but-blue {background:#1E9FFF !important;color:#fff !important;}
.alert-but-blue:hover {background:#4AB2FF !important;color:#fff !important;}

.alert-but-red {background:#FF5722 !important;color:#fff !important;}
.alert-but-red:hover {background:#FF784E !important;color:#fff !important;}

.alert-but-org {background:#FFB800 !important;color:#333 !important;}
.alert-but-org:hover {background:#FFC632 !important;color:#333 !important;}

.alert-but-gray {background:#bbb !important;color:#fff !important;}
.alert-but-gray:hover {background:#999 !important;color:#fff !important;}

.blank-item {background:none transparent !important;visibility:hidden !important;height:0 !important;margin:0 !important;padding:0 !important;}

/*page set*/
.pageList {padding:3% 0 5%;text-align:center;}
.pageList * {font-size:14px;}
.pageList .list {display:flex;justify-content:center;gap:10px;}
.pageList .list em,.pageList .list a {display:block;height:38px;height:40px;line-height:38px;min-width:25px;padding:0 5px;min-width:38px;border:1px solid #e5e5e5;margin-left:-1px;font-style:normal;text-align:center;background:#fff;transition:all 300ms;}
.pageList .list a:hover,.pageList .list em {color:#fff;background:#3d3d3d;}
.pageList .list *:first-child {border-radius:5px 0 0 5px;}
.pageList .list *:last-child {border-radius:0 5px 5px 0;}
.pageList a.firstOrLast {width:65px;}
.pageList .pageInfo {display:none;}

.bg-size-cover {background-size:cover;background-repeat:no-repeat;}

@-webkit-keyframes BottomLine {
  0% {left:0%;width:0%;}
  15% {width:30%;}
  55% {width:30%;}
  70% {width:0%;left:100%;}
  100% {left:100%;}
}

@keyframes BottomLine {
  0% {left:0%;width:0%;}
  15% {width:30%;}
  55% {width:30%;}
  70% {width:0%;left:100%;}
  100% {left:100%;}
}

@-webkit-keyframes move-body-down {
  0% {transform:translateY(0)}
  30% {transform:translateY(-10px)}
  100% {transform:translateY(0)}
}

@keyframes move-body-down {
  0% {transform:translateY(0)}
  30% {transform:translateY(-10px)}
  100% {transform:translateY(0)}
}

body {min-height:100vh; padding-top:80px;padding-bottom:120px;position:relative;}/*transition:transform 1s;*/

.auto-box,.box-size { max-width: 100%;min-width:1280px; padding: 0 var(--offset-small); margin: 0 auto; }
.box-size-big {max-width:var(--box-width-big);padding:0 var(--offset-small);margin:0 auto;}
.box-size-m {max-width:var(--box-width-middle);padding:0 var(--offset-small);margin:0 auto;}
.box-size-s {max-width:var(--box-width-small);padding:0 var(--offset-small);margin:0 auto;}
.box-size-ss {max-width:var(--box-width-smaller);padding:0 var(--offset-smaller);margin:0 auto;}

.main-header { position: fixed; left: 0px; top: 0px; z-index: 999; width: 100%; background: rgba(214,216,218,1); box-shadow: rgba(0,0,0,0.3) 0 0 2px; transition: all .3s; font-family: Arial; }
.main-menu-box { display: flex; justify-content: space-between; flex-wrap: wrap; overflow: visible !important;position:relative; }
.main-menu-box .left { display: flex; margin-top: 15px; transition: all .3s; }

.main-menu-box .logo { position: relative; transition: all .2s; }
.main-menu-box .logo > a { display: block; }
.main-menu-box .logo > a > img.big { display: block; height: 50px; transition: all .2s; }
.main-menu-box .logo > a > img.small { display: none; height: 50px; transition: all .2s; }

.main-menu { font-weight: bold; padding-right:90px; }
.main-menu .navigation { display: flex; justify-content: flex-end; }
.main-menu .navigation > li { width: fit-content; padding: 25px 15px; transition: all .2s; position:relative; }

.main-menu .navigation > li:last-child { padding-right: 0px; }
.main-menu .navigation > li > a { position: relative; display: block; overflow: hidden; font-size: 20px; height: 30px; color: #090807; line-height: 30px; /*text-transform:uppercase;*/ }
.main-menu .navigation > li > a > span { display: block; margin-top: 0; font-weight: 300; }
.main-menu .navigation > li > a > span em { color: #E8941E; font-style: normal; }
.main-menu .navigation > li > div.dropdown { position: absolute; right:0; left: 0; min-width:200px ;color: #333; font-weight: 300; box-shadow: #D6D8DA 0 0 5px; margin-top:25px; overflow: hidden; z-index: 10; height: auto; transform-origin: top; transform: scaleY(0); background: #f5f5f5; }
.main-menu .navigation > li > div.dropdown .box {padding:10px;}
.main-menu .navigation > li > div.dropdown a { font-size: 16px; line-height:1.2em; padding:10px;display:block;transition:all .3s;border-radius:3px;}
.main-menu .navigation > li > div.dropdown a:hover {background:#ccc;}
.main-menu .navigation > li:hover > a > span { margin-top: -30px; }
.main-menu .navigation > li:hover > div.dropdown {transform: scaleY(1);}
.main-menu .navigation > li.current > a { color: #E8941E; }
.main-menu .navigation > li .nolink { cursor: default; }

.main-header .user-buts { position:absolute;right:0; font-size: 16px; color: #686868; top: 22px; right:16px; }

.main-header .user-buts .user-buts-box { position: relative; }
.main-header .user-buts .head-img { border-radius: 3px; width: 64px; height: 32px; position: relative; cursor: pointer; display:flex; }
.main-header .user-buts .head-img>.aicf { width: 32px; height: 32px;font-size:22px;border-radius: 16px;overflow:hidden;color:#fff; display: block; background:var(--color-yellow); align-content:center;text-align:center; }
.main-header .user-buts .head-img>.aicf.arrow {transition:all .3s;background:none !important;font-size:16px;color:#000;}
.main-header .user-buts .head-img>.aicf>img {display:block;width:100%;}
.main-header .user-buts .absMenus { display: none; position: absolute; z-index: 998; top: 32px; right: -10px; width: 180px; padding: 5px; padding-top: 16px; overflow: hidden; }
.main-header .user-buts .absMenus ul { padding:0 0 5px 0; background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); border-radius: 0 0 5px 5px; }
.main-header .user-buts .absMenus li { font-size: 14px; }
.main-header .user-buts .absMenus li.top-line { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; }
.main-header .user-buts .absMenus li a { display: block; line-height: 32px; padding: 0 10px; transition: all .3s; }
.main-header .user-buts .absMenus li a .aicf { margin-right: 8px; }
.main-header .user-buts .absMenus li a:hover { background: var(--color-yellow);color:#fff; padding-left: 15px; }

.main-header .user-buts .absMenus li.user-name {padding:10px;background:#e4e4e3;display:flex;align-items:center;margin-bottom:5px;}
.main-header .user-buts .absMenus li.user-name>div {padding:5px 0px;}
.main-header .user-buts .absMenus li.user-name>div>span {display:block;line-height:20px;width:100px;height:20px;overflow:hidden;white-space:none;word-break:keep-all;word-wrap:normal;}

.main-header .user-buts .absMenus li.user-name>div.aicf {padding:0;margin-right:10px;width:40px;height:40px;line-height:40px;border-radius:40px;overflow:hidden;font-size:26px;display: block; background:#ccc; align-content:center;text-align:center;}
.main-header .user-buts .absMenus li.user-name>div.aicf>img {display:block;width:100%;}

.main-header .user-buts .user-buts-box.hover .absMenus { display: block; animation: fadeInUp .3s; }
.main-header .user-buts .user-buts-box:hover .absMenus { display: block; animation: fadeInUp .3s; }
.main-header .user-buts .user-buts-box:hover .head-img>.arrow { transform:rotate(-90deg); }

.main-header .user-buts .user-buts-box>.login-but {display:block;line-height:28px;border-radius:3px;padding:3px 10px;width:fit-content;}

.img-list-3 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.img-list-3 .item {width:32%;margin-top:2%;}
.img-list-3 .item .img {overflow:hidden;position:relative;}
.img-list-3 .item img {display:block;width:100%;transition:all .3s;}
.img-list-3 .item .txt {line-height:40px;font-size:16px;}
.img-list-3 .item:hover img {transform:scale(1.05);}


.img-list-4 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.img-list-4 .item {width:24%;margin-top:1.333%;transition:all .3s;}
.img-list-4 .item .img {overflow:hidden;position:relative;}
.img-list-4 .item img {display:block;width:100%;}
.img-list-4 .item .txt {line-height:40px;font-size:16px;}
.img-list-4 .item:hover {box-shadow:rgba(0,0,0,0.6) 0 0 10px;}

.ckContent p  { font-size: 18px; line-height: 1.4em;margin:1em 0; }
.ckContent h6 { font-size: 18px; line-height: 1.6em;margin:1em 0; }
.ckContent h5 { font-size: 20px; line-height: 1.6em;margin:1em 0; }
.ckContent h4 { font-size: 24px; line-height: 1.6em;margin:1em 0; }
.ckContent h3 { font-size: 32px; line-height: 1.6em;margin:1em 0; }
.ckContent h2 { font-size: 48px; line-height: 1.6em;margin:1em 0; }
.ckContent h1 { font-size: 72px; line-height: 1.6em;margin:1em 0; }


.breadcrumb {padding:15px 0px;font-weight:300;overflow:hidden;font-size:16px;color:#555;display:flex;margin:2vw auto;align-items:center;}
.breadcrumb .links {width:70%;display:flex;}
.breadcrumb .links> span {padding-right:20px; position: relative; }
.breadcrumb .links> span::after { content: '/'; display: block; position: absolute; right: 0; top: 50%; width: 20px; text-align: center; line-height: 20px; margin-top: -10px; }
.breadcrumb .links> span:last-child::after { content: none; }

.breadcrumb .buts {width:30%;display:flex;justify-content:right;gap:1vw;}
.breadcrumb .buts .but {display:block;padding:5px 15px;border-radius:5px;}
/*Footer*/
footer { display: block;position:absolute;bottom:0;left:0;right:0;background:#000;}
footer .auto-box {border-top:1px solid #ccc;}
footer .copyright { line-height:30px; padding:45px 0; color: #fff;font-weight:400;font-size:1.2em; }

.right-panel {position:fixed;z-index:900;top:0;right:0;bottom:0;width:100px;background:#fff;box-shadow:rgba(0,0,0,0.5) 0 0 5px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:32px;}
.right-panel .item {display:block;cursor:pointer;}
.right-panel .icon {width:70px;height:70px;border-radius:70px;background:url('/images/right-panel-icons.png');background-size:cover;margin:0 auto;transition:all .3s;}
.right-panel .icon.dollar {background-position-y:0;}
.right-panel .icon.heart {background-position-y:-131px;}
.right-panel .icon.msg {background-position-y:-263px;}
.right-panel .icon.mail {background-position-y:-396px;}
.right-panel .icon.go-top {background-position-y:-528px;}
.right-panel .go-back {display:none;}
.right-panel .go-back .icon {background-position-y:-644px;}

.right-panel .icon:hover {background-color:var(--color-yellow);}

.right-panel .text {text-align:center;font-size:1em;line-height:1.2em;margin-top:0.5em;}

.form {margin:0 auto;}
.form .form-group {margin-top:20px;position:relative;display:flex;}
.form .form-group.wrap {display:block;min-height:60px;}
.form .form-group>label {display:block;width:180px;font-size:14px;font-weight:400;line-height:20px;color:#555;flex:1;margin-bottom:5px;}
.form .form-group>label::after {content:':';margin-left:10px;}
.form .form-group>label>em {color:#f00;font-style:normal;margin-right:2px;}
.form .form-group>div {display:block;flex:2;}
.form .form-group>div label {margin-right:15px;}
.form .form-group input.input {position:relative;z-index:1;display:inline-block;width:100%;height:40px;padding:5px 10px;line-height:22px;border:1px solid #ddd;background:none transparent !important;transition:border-color .5s ease,box-shadow .5s ease,background-color 50000000s ease-in-out 0s !important;font-size:14px;}
.form .form-group input.input:focus {border-color:#2196f3;box-shadow:1px 1px 3px #dedede inset;}

.hiddenInput {position:absolute;z-index:-100000;width:0;height:0;overflow:hidden;top:0;left:0;border:none transparent !important;background:none transparent none !important;}

.form .form-group.buts {height:auto;padding-left:200px;}
.form .form-group.buts input[type="submit"] {margin-left:1px;border:none transparent;width:fit-content;padding-left:20px;padding-right:20px;height:40px;color:#ffffff;font-weight:bold;text-align:center;background:#2196f3;cursor:pointer;border-radius:5px;}
.form .form-group.buts input[type="submit"]:hover {background:#1687ac;}

.form .text-danger {color:#ff0000;}
.form .error-result {color:#ff0000;margin-top:15px;}

table.table {width:100%;border-spacing:0;border-collapse:collapse;}
table.table tr.titleTr {background:#ddd;}
table.table tr.titleTr:hover {background:#ddd;}
table.table td {border:1px solid #ccc;padding:10px 5px;line-height:16px;}
table.table td.c {text-align:center;}
table.table td input {border:1px solid #ccc;text-align:center;width:80%;padding:3px;}
table.table tr:hover {background:#eee;}

.ckcontent-box {background:#fff;padding:50px;}
.ckcontent-box p {margin:15px 0;font-size:1.2em;line-height:1.6em;}
.ckcontent-box h6 {margin:28px 0;font-size:1.3em;line-height:1.6em;}
.ckcontent-box h5 {margin:20px 0;font-size:1.4em;line-height:1.6em;}
.ckcontent-box h4 {margin:22px 0;font-size:1.5em;line-height:1.6em;}
.ckcontent-box h3 {margin:24px 0;font-size:1.6em;line-height:1.6em;}
.ckcontent-box h2 {margin:26px 0;font-size:1.7em;line-height:1.6em;}
.ckcontent-box h1 {margin:28px 0;font-size:1.8em;line-height:1.6em;}

.apply-form {display:flex;justify-content:space-between;padding:80px 0;background:#fff;}
.apply-form .text-box {width:38%;}
.apply-form .form-box {width:55%;}
.apply-form .form .form-group>div label {width:100px;}
.apply-form .form input[type="text"] {max-width:700px;}
.apply-form .text-box {padding:20px 0;font-size:22px;}
.apply-form .text-box p {margin-top:2em;line-height:1.8em;font-size:16px;}

.waiting {text-align:center;padding:25vh 0;}
.waiting .aicf {font-size:100px;width:100px;height:120px;text-align:center;margin:0 auto;color:green;}
.waiting h5 {font-size:32px;line-height:2em;}
.waiting p {font-size:16px;line-height:1.8em;}

/*数字动画*/
.alan-nums {width:320px;height:76px;background:url('/images/num-bg.png');position:relative;}
.alan-nums .num-box {position:relative;top:18px;left:47px;height:38px;width:260px;display:flex;}
.alan-nums .num {overflow:hidden;width:24px;margin-right:1px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:28px;transform:scaleX(0.7);position:relative;}
.alan-nums .num:nth-child(3n+1) {margin-right:10px;}
.alan-nums .num .num-movie {position:absolute;width:100%;}
.alan-nums .num .num-movie i {display:block;text-align:center;font-style:normal;}


/*welcome part*/
.welcome {padding:var(--box-padding-small);}
.welcome .title { font-size:3em; font-weight:500;line-height:1.6em; text-align:center; }
.welcome .title .font-spe {font-family:var(--font-family-spe);font-weight:bold;font-size:1.5em;margin:0 .5em;}
.welcome .title .font-spe em {color:var(--color-yellow);font-style:normal;}
.welcome .title .color-spe {color:var(--color-yellow);}
.welcome .title p:nth-child(2) {margin-left:4em;}
.welcome .title p:nth-child(3) { margin-left:8em; }

.welcome .txt {font-size:var(--font-size-middle);line-height:2em;margin:var(--offset-small) auto;text-indent:4em;}

.banner {width:100%;height:31.25vw;background:url('/images/home/home-banner.jpg') left center no-repeat;background-size:cover;position:relative;user-select:none;}

/*home banner*/
.home-banner {background-image:url('/images/home/home-banner.jpg');}
.home-banner .nums {position:absolute;top:14.6vw;left:66vw;height:2vw;width:13.3vw;display:flex;}
.home-banner .nums .num {overflow:hidden;width:1.24vw;margin-right:0.05vw;height:2vw;line-height:2vw;text-align:center;color:#fff;font-size:1.5vw;transform:scaleX(0.7);position:relative;}
.home-banner .nums .num:nth-child(3n+1) {margin-right:0.56vw;}
.home-banner .nums .num .num-movie {position:absolute;width:100%;}
.home-banner .nums .num .num-movie i {display:block;text-align:center;font-style:normal;}

/*sys-desc*/
.sys-desc {padding:80px 0 100px 0;background:#ededed;text-align:center;}
.sys-desc h2 {font-size:30px;line-height:1.6em;}
.sys-desc p {font-size:var(--font-size-middle);line-height:1.6em;font-weight:400;margin-top:2em;}

/*project list*/
.group-project-list {padding-bottom:80px;padding-top:50px;display:block;overflow:hidden;}
.group-project-list h2 {font-size:1.6em;line-height:3em;margin-top:1em;border-bottom:1px solid #ccc;}
.group-project-list .items {display:flex;padding-top:32px;justify-content:space-between;flex-wrap:wrap;}
.group-project-list .items .item {width:23.5%;margin-bottom:32px;display:block;}
.group-project-list .items .item .img {position:relative;}
.group-project-list .items .item .img>img {display:block;width:100%;}
.group-project-list .items .item .img .cover {position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);color:#fff;z-index:1;display:none;}
.group-project-list .items .item .img .cover .logo {height:70%;width:100%;display:flex;align-items:center;justify-content:center;}
.group-project-list .items .item .img .cover .logo>img {max-width:70%;max-height:80%;margin-top:10%;border-radius:100px;box-shadow:rgba(255,255,255,1) 0 0 2px;}
.group-project-list .items .item .img .cover .txt {height:30%;width:100%;display:flex;align-items:center;justify-content:center;font-size:22px;}
.group-project-list .items .item:hover .img .cover {display:block;animation:fadeIn 200ms;}
.group-project-list .items .item:hover .img .cover .logo>img {animation:zoomIn 200ms;}
.group-project-list .items .item .label {line-height:20px;padding:8px 0;}

/*group list with brand list*/
.group-brand-list { padding:var(--offset-middle) 0;height:41px;}
.group-brand-list>div {position:relative;height:41px;z-index:1;padding-bottom:20px;}
.group-brand-list>div::before {content:'';display:block;position:absolute;top:40px;left:0;right:0;height:1px;background:var(--split-line-colro);z-index:1;}
.group-brand-list .items {margin:0 auto;display:flex;justify-content:center;}
.group-brand-list .items .item {min-width:200px;flex:1;background:#fff;position:relative;}
.group-brand-list .items .item .title {padding:8px 10px;font-weight:bold;font-size:var(--font-size-middle);cursor:pointer;position:relative;z-index:2;}
.group-brand-list .items .item .list-h {padding:50px 10px 10px 10px;display:none;font-size:var(--font-size-small);font-weight:400;position:absolute;left:0;right:0;top:0;background:rgba(255,255,255,.9);box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.group-brand-list .items .item .list-h>div {padding:10px 0;}
.group-brand-list .items .item .list-h>div a {text-decoration:underline;text-indent:0px;transition:all .3s;display:block;width:fit-content;}
.group-brand-list .items .item .list-h>div a:hover {color:var(--color-yellow);text-indent:10px;}

.group-brand-list>div .items .item:hover {height:auto;z-index:2;}
.group-brand-list>div .items .item:hover .list-h {display:block;animation:animeUp 300ms;}
.group-brand-list>div .items .item::before {content:'';display:block;position:absolute;top:40px;left:0;right:0;height:1px;background:var(--split-line-colro);z-index:3;}

/*group-brand-img-list*/
.group-brand-img-list {padding-bottom:var(--offset-big);}
.group-item {margin-top:var(--offset-small);}
.group-item .group-title {font-size:22px;line-height:50px;border-bottom:1px solid #eee;}
.group-item .brand-items {display:flex;flex-wrap:wrap;}
.group-item .brand-items .brand-item {width:23.5%;margin-left:2%;margin-top:30px;}
.group-item .brand-items .brand-item:nth-child(4n+1) {margin-left:0;}
.group-item .brand-items .brand-item a {display:block;overflow:hidden;transition:all .3s;}
.group-item .brand-items .brand-item img {display:block;max-width:100%;}
.group-item .brand-items .brand-item span {display:block;line-height:3em;transition:all .3s;}

.group-item .brand-items .brand-item a:hover {background:#eee;border-radius:8px;}
.group-item .brand-items .brand-item a:hover span {text-indent:10px;}



/*brand-detail*/
.brand-detail {padding:48px 0 20px 0;border-bottom:1px solid var(--split-line-colro);}
.brand-detail>div {display:flex;justify-content:space-between;}
.brand-detail>div .brand-img {width:47%;}
.brand-detail>div .brand-img img {display:block;max-width:100%;}

.brand-detail>div .brand-txt {width:47%;position:relative;padding-bottom:80px;}
.brand-detail>div .brand-txt>h2 {font-size:48px;}
.brand-detail>div .brand-txt>.txt {margin-top:1em;line-height:1.8em;font-size:20px;font-weight:400;}
.brand-detail>div .right-buts {position:absolute;right:0;bottom:0;left:0;display:flex;gap:32px;}
.brand-detail>div .buts .but {display:block;width:190px;border-radius:50px;line-height:46px;border:1px solid #999;text-align:center;transition:all .3s;}
.brand-detail>div .buts .but:hover {background:#000;color:#fff;}

.brand-detail>div .links {width:100%;margin-top:20px;font-size:20px;line-height:2em;display:flex;}
.brand-detail>div .links a {display:block;margin-right:40px;}
.brand-detail>div .links a.hover {color:var(--color-yellow);font-weight:500;}

.brand-detail-simple>div {align-items:center;}
.brand-detail-simple .left-buts {width:280px;}
.brand-detail-simple .left-buts .but {margin:25px 0;}
.brand-detail-simple>div .brand-txt {width:calc(100% - 280px);}

.brand-detail-items {padding-bottom:5vw;padding-top:2vw;}
.brand-detail-items .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
.brand-detail-items .items a {display:block;margin-top:30px;width:47%;font-size:30px;}
.brand-detail-items .items .img {min-height:200px;background:#eee;}
.brand-detail-items .items .img img {display:block;width:100%;}
.brand-detail-items .items .txt {position:relative;padding:16px 0;}
.brand-detail-items .items .txt::after {content:'Learn More';display:block;position:absolute;font-size:14px;top:50%;margin-top:-15px;right:0px;height:30px;line-height:28px;border:1px solid #777;border-radius:30px;padding:0 15px;}

.brand-detail-footer {display:flex;}
.brand-detail-footer>div {width:50%;display:flex;}
.brand-detail-footer>div.left {background:#353535;justify-content:right;}

.brand-detail-footer>div.right {background:#1c1c1c;justify-content:left;}

.brand-detail-footer>div .content {width:100%;max-width:calc(var(--box-width-big) / 2);padding:140px 50px 200px 50px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.brand-detail-footer>div .content h2 {font-family:'Wulkan Display Italic';font-size:48px;line-height:64px;}
.brand-detail-footer>div .content p {font-size:24px;line-height:64px;}
.brand-detail-footer>div .content .but {margin-top:60px;}
.brand-detail-footer>div .content .but a {display:block;font-size:18px;line-height:48px;border:1px solid #777;border-radius:50px;padding:0 85px;margin:0 auto;width:fit-content;}
.brand-detail-footer>div .alan-nums {margin:60px auto 0 auto;}

.scroll-projects {padding:80px 0;}
.scroll-projects h2 {font-family:'Wulkan Display Italic';font-size:32px;line-height:64px;margin-bottom:20px;}
.scroll-projects .owl-theme .owl-controls .owl-dots { display: none !important; }
.scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-"] { position: absolute; top: 50%;margin-top:-65px; display: inline-block; width: 50px; height: 50px; padding: 0px; color: #999; text-align: center; border-radius: 0px; border-radius: 100%; border: 1px solid #999; background-color:rgba(255,255,255,0.8) !important; }
.scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-"] .aicf { font-size: 28px; line-height: 50px; }
.scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-prev"] { left: -70px; }
.scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-next"] { right: -70px; }
.scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background-color: #E8941E !important; color: #ffffff; border-color: #E8941E; }
.scroll-projects .owl-carousel { padding-bottom:30px;padding-top:0px;}
.scroll-projects .owl-carousel .item .img {overflow:hidden;filter:brightness(0.8) grayscale(0.2);transition:all .3s;}
.scroll-projects .owl-carousel .item img { display: block; max-width: 100%; transform:scale(1);transition:all ease-out 3s;}
.scroll-projects .owl-carousel .item .txt {line-height:1.2em;padding:0.7em 0;font-weight:300;font-size:16px;}

.scroll-projects .owl-carousel .item:hover .img {filter:brightness(1) grayscale(0);}
.scroll-projects .owl-carousel .item:hover img {transform:scale(1.05);}

/*brand-photos*/
.brand-photos {padding:0 var(--offset-middle);padding-bottom:var(--offset-big);}
.brand-photos .box-size-m {padding:var(--offset-middle);background: var(--color-white);}
.brand-photos .items .item {margin-top:3em;}
.brand-photos .items .item:first-child {margin-top:1em;}
.brand-photos .items .title {font-size:24px;line-height:3em;font-weight:bold;border-bottom:1px solid #666;}
.brand-photos .items .img-list {display:flex;justify-content:space-between;flex-wrap:wrap;}
.brand-photos .items .img-list .img-item {width:32%;background:var(--color-white);margin-top:32px;transition:all .3s;}
.brand-photos .items .img-list .img-item img {display:block;width:100%;}
.brand-photos .items .img-list .img-item:hover {box-shadow:rgba(0,0,0,0.5) 5px 5px 10px;}
.brand-photos .note-txt {font-size:var(--font-size-big);line-height:2em;text-align:center;margin-top:var(--offset-middle);}
.brand-photos .note-txt a {text-decoration:underline;color:var(--color-black);}
.brand-photos .note-txt a:hover {color:var(--color-yellow);}

/*scheme-detail*/
/*.scheme-detail {padding:0;margin-top:var(--offset-middle);margin-bottom:var(--offset-middle);}
.scheme-detail .box-size-m {padding:var(--offset-middle);background: var(--color-white);}
.scheme-detail .items {max-width:var(--box-width-smaller);font-size:var(--font-size-middle);margin:var(--offset-middle) auto;}
.scheme-detail .items .item {padding:var(--offset-small) 0;}
.scheme-detail .items .item a {display:block;text-indent:0;transition:all .3s;}
.scheme-detail .items .item a em {display:inline-block;width:20px;text-align:center;font-style:normal;}
.scheme-detail .items .item a:hover {padding-left:15px;color:var(--color-yellow);}
.scheme-detail .note-txt {font-size:var(--font-size-big);line-height:2em;color:var(--color-black);margin-top:var(--offset-middle);font-weight:500;}
*/
/*brand-rooms*/
.brand-rooms {padding:0 0 var(--offset-big) 0;}
.brand-rooms h2.title {font-size:24px;line-height:4em;margin-top:1em;font-weight:bold;border-bottom:1px solid #666;}
.brand-rooms .items {display:flex;justify-content:space-between;flex-wrap:wrap;}
.brand-rooms .items .item {display:block;width:32%;background:var(--color-white);margin-top:64px;transition:all .3s;}
.brand-rooms .items .item img {display:block;width:100%;}
.brand-rooms .items .item .title {font-size:var(--font-size-middle);line-height:3em;font-weight:400;padding:0 15px;transition:all .3s;}
.brand-rooms .items .item:hover {box-shadow:rgba(0,0,0,0.3) 0 0 10px;}
.brand-rooms .items .item:hover .title {text-indent:10px;}

/*brand-products*/
.brand-products {padding-bottom:var(--offset-big);}
.brand-products h2.title {font-size:24px;line-height:4em;margin-top:1em;font-weight:bold;border-bottom:1px solid #666;cursor:pointer;transition:all .3s;}
.brand-products h2.title:hover {text-indent:10px;}
.brand-products .product-code-list {margin-top:2em;display:none;}

/*product-code-list*/
.product-code-list {display:block;}
.product-code-list h3 {line-height:2em;}
.product-code-list .item {display:flex;padding:5px 10px;line-height:1.8em;}
.product-code-list .item a {text-decoration:underline;}
.product-code-list .item.title {background:#ccc;font-weight:bold;font-size:1.2em;}
.product-code-list .item div.code {flex:2;}
.product-code-list .item div.name {flex:6;}
.product-code-list .item div.unit {flex:1;text-align:center;}
.product-code-list .item div.qty {flex:1;text-align:center;}
.product-code-list .item div.price {flex:1;text-align:center;display:none;}
.product-code-list .item div.price.show {display:block;}
.product-code-list .item div.count-all-title {flex:9;font-weight:bold;text-align:right;}
.product-code-list .item.count-all {background:var(--color-yellow);color:var(--color-white);}
.product-code-list h3 {background:#eee;color:var(--color-yellow);text-indent:10px;margin-top:10px;line-height:2.4em;font-size:var(--font-size-small);}

/*brand-finishes*/
.brand-finishes {margin-top:0 0 var(--offset-big) 0;}
.brand-finishes .title {font-size:var(--font-size-middle);line-height:3em;font-weight:bold;border-bottom:1px solid #666;}
.brand-finishes .items-scheme {display:block;padding-top:1em;padding-bottom:1em;}

.brand-finishes .material-img-list {padding-top:0;}


/*project-detail*/
.project-detail {padding:48px 0;border-bottom:1px solid var(--split-line-colro);}
.project-detail>div {display:flex;justify-content:space-between;}
.project-detail>div .img-part {width:47%;}
.project-detail>div .img-part img {display:block;max-width:100%;}

.project-detail>div .txt-part {width:47%;position:relative;padding-bottom:120px;}
.project-detail>div .txt-part>h2 {font-size:48px;}
.project-detail>div .txt-part>.txt {margin-top:1em;line-height:1.8em;font-size:20px;font-weight:400;}
.project-detail>div .txt-part>.txt .tag {margin-right:20px;}

.project-detail>div .right-buts {position:absolute;right:0;bottom:0;left:0;border-top:1px solid #eee;padding-top:0px;}
.project-detail>div .right-buts .label {font-weight:500;font-size:1.2em;line-height:46px;padding:0 10px;}
.project-detail>div .buts {display:flex;gap:32px;align-items:center;}
.project-detail>div .buts .but {display:block;border-radius:50px;padding:0 30px;line-height:46px;border:1px solid #999;text-align:center;transition:all .3s;}
.project-detail>div .buts .but:hover {background:#000;color:#fff;}

.project-img-list {padding:50px 0 100px 0;}
.project-img-list .item {overflow:hidden;}
.project-img-list .item img {transition:all .3s;}
.project-img-list .item:hover img {transform:scale(1.05);}

/*scheme-products*/
.scheme-products {padding:0 0 var(--offset-big) 0;}
.scheme-products .box-size-m {padding:var(--offset-middle);background: var(--color-white);}
.scheme-products .txt {font-size:var(--font-size-middle);line-height:2em;font-weight:bold;text-align:center;}
.scheme-products .items-scheme {display:flex;justify-content:center;}
.scheme-products .item-scheme {width:55%;min-width:400px;}

.scheme-products .items {max-width:400px;font-size:var(--font-size-middle);margin:var(--offset-middle) auto;}
.scheme-products .items .item {padding:var(--offset-smaller) 0;}
.scheme-products .items .item a {display:block;text-indent:0;transition:all .3s;}
.scheme-products .items .item a:hover {text-indent:15px;color:var(--color-yellow);}

.scheme-products .note-txt {font-size:var(--font-size-big);line-height:2em;color:var(--color-black);margin-top:var(--offset-middle);font-weight:500;text-align:center;}

/*scheme-room-info*/
.brand-room-info {padding:var(--offset-big) 0;}
.brand-room-info h2.title {text-align:center;font-size:var(--font-size-big);font-weight:bold;}
.brand-room-info .txt {font-size:var(--font-size-middle);line-height:2em;padding:var(--offset-small) 0;}


.blank-input {border:none transparent;background:none transparent;border-bottom:1px solid #ccc;text-align:center;}

.hotel-group {display:block;padding-top:5vh;}
.hotel-group>.text-box>h1 {font-size:32px;line-height:2em;}
.hotel-group>.text-box>p {font-size:16px;line-height:1.8em;margin-top:1em;}

.group-list {margin-top:5vh;padding-bottom:30px;}
.group-list .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
.group-list .items .item {width:19%;display:block;background:#fff;margin-top:30px;transition:all .3s;}
.group-list .items .item:hover {box-shadow:rgba(0,0,0,0.8) 0 0 5px;}
.group-list .items .img {padding:20px;}
.group-list .items .img img {display:block;width:100%;}
.group-list .items .txt {border-top:1px solid #eee;padding:15px;font-size:16px;}

.brand-list {margin-top:5vh;padding-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.brand-list .item {width:19%;display:block;background:#fff;margin-top:30px;overflow:hidden;transition:all .3s;}
.brand-list .item:hover {box-shadow:rgba(0,0,0,0.8) 0 0 5px;}
.brand-list .img {padding:20px;display:flex;align-items:center;position:relative;}
.brand-list .img img {display:block;width:100%;}
.brand-list .txt {border-top:1px solid #eee;padding:15px;font-size:16px;}

.brand-list .item.disable {display:block;position:relative;}
/*.brand-list .item.disable::before {content:'';display:block;position:absolute;z-index:1;width:30px;height:30px;top:15px;right:15px;background:url('/images/icons/disable.png') no-repeat;background-size:cover;}*/
.brand-list .item.disable .img::before {position:absolute;display:block;content:'';left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.2);}

.hotel-area {display:block;max-width:1500px;margin:0 auto;padding:0 0 120px 0;}
.hotel-area h1 {font-size:28px;line-height:2em;text-align:center;padding-top:1em;padding-bottom:2em;width:80%;margin:0 auto;}

.hotel-area h2 {font-size:22px;line-height:2em;margin-top:2em;border-bottom:2px solid #666;margin-bottom:1em;position:relative;}
.hotel-area h3 {font-size:18px;line-height:2em;}

.hotel-area h2 .swap-btn {position:absolute;display:block;top:50%;margin-top:-11px;width:22px;line-height:22px;font-size:16px;color:#999;right:10px;text-align:center;cursor:pointer;user-select:none;transition:all .3s;}
.hotel-area h2 .swap-btn.active {transform:rotateZ(-90deg);}

.hotel-area .swaper {display:block;}
.hotel-area .swaper>div {display:none;padding-bottom:2em;}
.hotel-area .swaper > div.active { display:block; }

.hotel-area .count-info {margin-top:var(--offset-small);padding:var(--offset-small) 0;}
.hotel-area .count-info>div {line-height:1.8em;text-align:right;}
.hotel-area .count-info>div>span {font-size:1.6em;color:var(--color-yellow);display:inline-block;min-width:60px;text-align:center;margin-left:5px;}
.hotel-area .count-info>div>em {font-size:1.2em;display:inline-block;width:30px;text-align:center;}


.planningImg {background:#fff;display:flex;justify-content:center;align-items:center;padding:20px 0;}
.planningImg img {display:block;max-width:100%;}

.schemePhotos {}
.schemePhotos {display:flex;flex-wrap:wrap;justify-content:space-between;}
.schemePhotos .item {display:block;width:48%;box-shadow:rgba(0,0,0,0.8) 0 0 3px;margin-bottom:20px;}
.schemePhotos .item .img img {display:block;max-width:100%;margin:0 auto;}
.schemePhotos .item .txt {border-top:1px solid rgba(0,0,0,0.2);padding:15px;font-size:18px;position:relative;}
.schemePhotos .item .txt::after {content:'Learn More >>';color:#666;display:block;font-size:16px;line-height:24px;position:absolute;right:10px;top:50%;margin-top:-12px;}

.roomTypePhotos {display:flex;flex-wrap:wrap;justify-content:space-between;}
.roomTypePhotos .item {width:24%;box-shadow:rgba(0,0,0,0.8) 0 0 3px;margin-bottom:20px;display:block;}
.roomTypePhotos .item .img img {display:block;max-width:100%;margin:0 auto;}
.roomTypePhotos .item .txt {border-top:1px solid rgba(0,0,0,0.2);padding:15px;font-size:18px;position:relative;}
.roomTypePhotos .item .txt::after {content:'Learn More >>';color:#666;display:block;font-size:16px;line-height:24px;position:absolute;right:10px;top:50%;margin-top:-12px;}

.renderImgs {display:flex;flex-wrap:wrap;justify-content:space-between;}
.renderImgs .item {width:24%;margin-bottom:20px;}
.renderImgs .item img {display:block;width:100%;}

.product-list {display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:30px;}
.product-list .item {width:19%;}
.product-list .item img {display:block;width:100%;}


.material-list {display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;}
.material-list .item {width:300px;}
.material-list .item img {display:block;width:100%;}

/*[data-edit-field] {position:relative;cursor:text;}
[data-edit-field]::after {content:'';display:block;position:absolute;width:20px;height:20px;right:5px;top:50%;margin-top:-10px;background:url('/images/icons/edit.png') center no-repeat;background-size:contain;}
*/
.fixed-bottom {position:fixed;bottom:0;left:0;right:0;background:#ccc;padding:15px;z-index:1111;}
.fixed-bottom .auto-box {display:flex;justify-content:space-between;max-width:1500px;padding:0;margin:0 auto;}
.fixed-bottom .auto-box>* {flex:1;}

.fixed-bottom .auto-box .txt {padding:10px 0;line-height:1.2em;font-weight:400;}
.fixed-bottom .auto-box .txt .price {color:#f00;margin:0 8px;font-weight:bold;font-size:1.2em;}

.fixed-bottom .btn-group {display:flex;justify-content:flex-end;align-items:center;}
.fixed-bottom .btn-group a {display:block;background:#e7e8e9;color:#000;padding:10px 25px;line-height:20px;font-weight:400;border-radius:3px;transition:all .3s;}
.fixed-bottom .btn-group a:hover {background:#fff;}

.fixed-bottom .btn-group span {display:block;padding:0 25px;line-height:18px;font-weight:400;text-align:right;}


.brand-scheme-list {display:block;max-width:1500px;margin:0 auto;background:#fff;margin-bottom:80px;}
.brand-scheme-list > h5 { font-size: 18px; line-height:1.5em; padding:20px; border-bottom: 2px solid #666;position: relative; overflow:hidden;}
.brand-scheme-list > h5 .title {color:#E8941E;font-size: 22px;}
.brand-scheme-list > h5 .addLink { float:right; word-break:keep-all; font-size: 16px;color: #999; text-align: center; cursor: pointer; user-select: none; transition: all .3s; }
.brand-scheme-list > h5 .addLink:hover { color: #E8941E; }

.room-type-list {display:flex;justify-content:space-between;padding:0 20px;padding-bottom:20px;flex-wrap:wrap;}
.room-type-list .item {width:23%;display:block;background:#fff;margin-top:20px;box-shadow:rgba(0,0,0,0.8) 0 0 1px;transition:all .3s;}
.room-type-list .item:hover {box-shadow:rgba(0,0,0,0.8) 0 0 5px;}
.room-type-list .img {display:flex;align-items:center;}
.room-type-list .img img {display:block;width:100%;}
.room-type-list .txt {border-top:1px solid #eee;padding:15px;font-size:16px;}


.product-detail {background:#fff;padding:60px 80px;margin-bottom:50px;font-weight:400;font-size:18px;}

.product-detail .main-paras {border-bottom:5px solid #333;padding-bottom:20px;margin-bottom:20px;}
.product-detail .main-paras .item {display:flex;padding:5px 0;}
.product-detail .main-paras .item>div {flex:2;}
.product-detail .main-paras .item>div label {margin-right:10px;font-weight:bold;}

.product-detail .paras {position:relative;overflow:hidden;}
.product-detail .paras .imgs {float:right;width:40%;margin-left:10%;}
.product-detail .paras .imgs .pro-img {display:block;}
.product-detail .paras .imgs .pro-img>img {display:block;margin:0 auto;max-width:90%;}
.product-detail .paras .imgs .mat-img {display:flex;gap:10px;justify-content:center;margin-top:10px;}
.product-detail .paras .imgs .mat-img>* {flex:1;display:block;max-width:100px;}

.product-detail .paras .item {overflow:hidden;padding:5px 0;line-height:1.8em;padding-left:200px;}
.product-detail .paras .item .key {width:200px;margin-left:-200px;float:left;font-weight:bold;}
.product-detail .paras .item .key::after {content:':'}
.product-detail .paras .item .value {float:left;}

.product-detail-list {margin-top:50px;padding-top:50px;}
.product-detail-list .product-detail {padding:30px 10px;border-bottom:2px dashed #000;}
.product-detail-list h3 {padding:10px;font-size:22px;background:#ccc;}

.product-detail-list .product-detail:last-child {border-bottom:none;}


.material-detail-list {margin-top:50px;padding-top:50px;}
.material-detail-list h3 {padding:10px;font-size:22px;background:#ccc;}

.material-detail {padding:30px 10px;border-top:2px dashed #000;display:flex;}
.material-detail .imgs {flex:1;}
.material-detail .imgs .pro-img {display:block;}
.material-detail .imgs .pro-img>img {display:block;margin:0 auto;max-width:90%;}
.material-detail .imgs .mat-img {display:flex;gap:10px;justify-content:center;}
.material-detail .imgs .mat-img>* {flex:1;display:block;max-width:160px;}

.material-detail .paras {flex:4; position:relative;overflow:hidden;padding-left:5%;}
.material-detail .paras h4 {font-weight:bold;margin-top:20px;}
.material-detail .paras .item {overflow:hidden;padding:5px 0;line-height:1.8em;padding-left:200px;}
.material-detail .paras .item .key {width:200px;margin-left:-200px;float:left;font-weight:bold;}
.material-detail .paras .item .key::after {content:':'}
.material-detail .paras .item .value {float:left;}

.material-detail .paras .manufacture {border-top:2px solid #eee;margin-top:20px;}

.material-img-list {padding:30px 0px;display:flex;flex-wrap:wrap;}
.material-img-list .item {width:19%;margin-left:1.25%;margin-top:30px;}
.material-img-list .item:nth-child(5n+1) {margin-left:0;}
.material-img-list .item .img>img {display:block;margin:0 auto;max-width:100%;box-shadow:rgba(0,0,0,0.5) 0 0 2px;}
.material-img-list .item .txt {font-size:18px;padding:8px 0;}


.planningImg-box {background:#fff;padding:50px;display:flex;justify-content:space-between;margin-bottom:50px;}
.planningImg-box>div {width:48%;}
.planningImg-box .img img {max-width:100%;display:block;margin:0 auto;}
.planningImg-box .h2 {font-size:var(--font-size-big);line-height:2em;text-transform:uppercase;font-weight:bold;}

.swaper .planningImg-box {padding:50px 0;border-bottom:20px solid #eee;}
.swaper .planningImg-box:last-child {border-bottom:none;}

@media only screen and (max-width:1700px) {
    .scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-prev"] { left: 20px; }
    .scroll-projects .owl-theme .owl-controls .owl-nav [class*="owl-next"] { right: 20px; }
}

@media only screen and (max-width:1640px)
{
    .right-panel {width:6vw;gap:2vw;min-width:75px;}
    .right-panel .icon {width:4vw;height:4vw;border-radius:4vw;}
    .right-panel .icon.dollar {background-position-y:0;}
    .right-panel .icon.heart {background-position-y:-7.45vw;}
    .right-panel .icon.msg {background-position-y:-15.05vw;}
    .right-panel .icon.mail {background-position-y:-22.58vw;}
    .right-panel .icon.go-top {background-position-y:-30.2vw;}
    .right-panel .go-back .icon {background-position-y:-36.75vw;}
    .right-panel .text {font-size:0.8vw;}
}

@media only screen and (max-width:1250px) {
    .right-panel .icon {width:50px;height:50px;border-radius:50px;}
    .right-panel .icon.dollar {background-position-y:0;}
    .right-panel .icon.heart {background-position-y:-93px;}
    .right-panel .icon.msg {background-position-y:-187px;}
    .right-panel .icon.mail {background-position-y:-282px;}
    .right-panel .icon.go-top {background-position-y:-378px;}
    .right-panel .go-back .icon {background-position-y:-459px;}
    .right-panel .text {font-size:14px;}

}