.sc-light {font-weight: light;}
.sc-bold {font-family: 'HarmonyOS_Sans_SC_Bold';}
.sc-medium {font-family: 'HarmonyOS_Sans_SC_Medium';}
.counter {font-family: 'Neue-Hans-Kendrick-Bold';}
.zidx2 {position: relative; z-index: 2;}
.zidx3 {position: relative; z-index: 3;}
.bg-cyan {background-color: var(--cyan);}
.bg-white {background-color: #fff;}
.bg-gray {background-color: #f7f7f7;}
.orange {color: #d2a87e;}
.swiper-button-next, .swiper-button-prev {width: 32rem !important; height: 32rem !important; background: #e3e3e3; border-radius: 50%; transition: all .3s;}
.swiper-button-next:before, .swiper-button-prev:before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; background: var(--primary-color); border-radius: 50%; transform: scale(0); transform-origin: center; transition: all .3s ease;} 
.swiper-button-next:after, .swiper-button-prev:after {position: relative; font-size: 13px !important; color: #333; transition: all .3s;}
.swiper-button-next:not(.swiper-button-disabled):hover::before, .swiper-button-prev:not(.swiper-button-disabled):hover::before {transform: scale(1);}
.swiper-button-next:not(.swiper-button-disabled):hover::after, .swiper-button-prev:not(.swiper-button-disabled):hover::after {color: #fff;}
.jscv {opacity: 0; position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; object-fit: cover;}
.jscv.on {opacity: 1;}
.idx-banner {position: fixed; z-index: 3; top: 0; left: 0; right: 0; background-color: var(--cyan);}
.idx-banner, .idx-banner .swiper-slide {height: 100vh !important;}
.idx-banner .swiper-slide .container {position: absolute; left: 0; right: 0; height: 100%; color: #fff;}
.idx-banner .slide-inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover;}
.idx-banner h3 {line-height: 1.172; color: #cea17c; text-shadow:0 0 100px  rgba(0, 0, 0, .9);}


.idx-banner .isvideo {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover;}
.idxbox {position: relative; z-index: 4; margin-top: 100vh; overflow: hidden;}
.idx1 .container {padding-top: 190rem; padding-bottom: 210rem;}
.idx1 p {position: relative; z-index: 2; margin-top: 20rem; line-height: inherit;}
.idx1 .imgbox {position: absolute; right: 0; bottom: 0; width: 100%;}
.idx2 {position: relative; padding-top: 140rem; padding-bottom: 140rem;}
.idx2 li {display: inline-block; margin: 20rem 0; color: #fff;}
.idx2 li p {margin-bottom: 27rem;}
.idx2 li:not(:last-child) span:last-child {display: inline-block;}
.idx3 li { height: calc(20.5vw * (489 / 393)); background-color: #f6f6f6; overflow: hidden;}
.idx3 li .imgbox {height: 100%;}
.idx3 .name {bottom: 30rem; left: 30rem; right: 30rem; transform: translateY(0); transition: all .4s ease-out;}
.idx3 .nameen {bottom: 30rem; left: 30rem; right: 30rem; transform: translateY(0); transition: all .4s ease-out;}
.idx3 .after {top: 0; left: 0; right: 0; bottom: 0; padding: 45rem 50rem; line-height: 1.7; color: #fff; background-color: rgba(42, 80, 81, .9); opacity: 0; transform: translateY(10%); transition: all .4s ease-out;}
.idx3 .after::before {position: absolute; left: 50rem; top: 50rem; display: block; content: ''; width: 16rem; height: 12rem; background: url(../img/quot.png) no-repeat center center; background-size: cover; opacity: 0; transform: translateY(10px); transition: all .4s .3s ease-out;}
.idx3 .after p {max-height: 82%; overflow-y: auto; opacity: 0; transform: translateY(10px); transition: all .4s .6s ease-out; word-wrap: break-word;}
.idx3 li:hover .name, .idx3 li:hover .nameen {opacity: 0; transform: translateY(-100%);}
.idx3 li:hover .after {opacity: 1; transform: translateY(0);}
.idx3 li:hover .after::before, .idx3 li:hover .after p {opacity: 1; transform: translateY(0);}
.idx4 {position: relative; background: var(--cyan);}
.idx4::after {position: absolute; z-index: 2; display: block; content: ''; width: 20%; right: 0; top: 0; bottom: 0; background-color: #f1f1f1;}
.idx4 .imgbox {position: absolute; left: -620rem; top: -50%; width: 1870rem; height: 1264rem; background: url(../img/logo.png) no-repeat -1390% 4%; background-attachment: fixed;}
.idx4 ul {padding-top: 120rem; padding-bottom: 160rem; background-color: #f1f1f1;}
.idx4 ul li {margin-left: 50rem; padding: 25rem 32rem 25rem 0; border-top: 1px solid #b0b0b0; cursor: pointer;}
.idx4 ul li:first-child {border-top: 0;}
.idx4 ul li:first-child p {display: block;}
.idx4 p {display: none; margin-top: 16rem; color: rgba(0, 0, 0, .6);}
.idx5 .swiper-container {position: relative; margin-bottom: 50rem; margin-left: -50rem; margin-right: -50rem; padding-bottom: 90rem;}
.idx5 li {padding: 0 50rem;}
.idx5 li::after {position: absolute; display: block; content: ''; top: 28%; right: 0; bottom: 0; width: 1px; background-color: #e6e6e6;}
.idx5 li:last-child::after {display: none;}
.idx5 .des {margin-top: 10rem; margin-bottom: 40rem;}
.idx5 .imgbox {margin-right: 20rem; width: 68rem; height: 68rem; overflow: hidden; background-color: #dadada; border-radius: 50%;}
.idx5 .swiper-button-prev, .idx6 .swiper-button-prev {bottom: 0; top: auto; left: 50%; margin-left: -45rem;}
.idx5 .swiper-button-next, .idx6 .swiper-button-next {bottom: 0; top: auto; right: 50%; margin-right: -45rem;}
.idx6 {background-color: #f3f3f3;}
.idx6 .swiper-container {position: relative; margin-bottom: 79rem; padding-bottom: 102rem; text-align: center;}
.idx6 li {background-color: #fff; cursor: pointer; overflow: hidden;}
.idx6 li::before {position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 20%; background-color: #fff; border: 1px solid #e3e3e3; box-shadow: 0 27rem 32rem rgba(0, 0, 0, .05); opacity: 1; transition: opacity .3s;}
.idx6 .date {position: absolute; z-index: 2; top: 35rem; left: 0; right: 0; font-family: 'Neue-Hans-Kendrick-Bold'; transition: top .3s;}
.idx6 .date .f46 {display: block; opacity: 1; transition: opacity .3s;}
.idx6 .date .f12 {position: relative; display: inline-block; top: -3rem; padding: 2rem 6rem 1rem; color: var(--primary-color); background-color: #fff; border-radius: 0; transition: border-radius .3s;}
.idx6 .tit {position: absolute; z-index: 2; left: 0; right: 0; bottom: 32%; padding: 0 12%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; transition: all .3s;}
.idx6 .log {position: absolute; z-index: 2; left: 50%; bottom: 7.8%; width: 25rem; height: 17rem; transform: translateX(-50%);}
.idx6 .log i {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: opacity .3s;}
.idx6 .log .before {background-image: url(../img/smlogo1.png); opacity: 1;}
.idx6 .log .after {background-image: url(../img/smlogo2.png); opacity: 0;}
.idx6 .imgbox {height: calc(19.25vw * (374 / 369)); opacity: 0; transform: scale(1.2); transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.bgfixed1 {display: none; bottom: 18%; right: -5%; width: 46.35%;}
.bgfixed2 {display: none; bottom: -31%; left: -32.5%; width: 97.6502%;}
.isios {height: 100vh; overflow-y: auto;}
.contact .cont {padding-top: 110rem; padding-bottom: 244rem;}
.contact .header:not(.on) .logo .before {display: none;}
.contact .header:not(.on) .logo .after {display: block;}
.contact .header:not(.on) .navbar a {color: #333;}
.contact .header:not(.on) .navbar .icon-earch {display: none;}
.contact .header:not(.on) .navbar .icon-earch1 {display: inline-block;}
.contact .header:not(.on) .menubtn i {background-color: #333;}
.contact .bgcover {top: 0; left: 0; bottom: 0; width: 100%; background-image: url(../img/contact.jpg); background-position: 50% 30%;}
.contact .smlogo {margin: 79rem auto 0; width: 39rem;}
.contact h2 {line-height: 1.2;}
.contact .list {margin-top: 147rem;}
.contact .list li {margin-bottom: 40rem;}
.contact .list h3 {margin-bottom: 8rem;}
.contact .list p {line-height: 1.6;}
.contact .iconbox a {position: relative; display: inline-block;margin: 20rem 30rem; width: 48rem; height: 48rem;}
.contact .iconbox svg {position: absolute; left: 0; top: 0; width: 100%;}
.contact .iconbox circle {fill: #999; transition: all .3s;}
.contact .iconbox i {position: relative; display: block; width: 48rem; height: 48rem; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.contact .iconbox a:nth-child(1) i {background-image: url(../img/wx_big.png);}
.contact .iconbox a:nth-child(2) i {background-image: url(../img/in_big.png);}
.contact .wxbox {left: 50%; top: 50%; margin-left: -140rem; margin-top: -140rem; width: 280rem; height: 280rem; padding: 10rem;  display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 5rem; box-shadow: 0 0 10rem rgba(0, 0, 0, .1); transform: scale(0); transform-origin: 50% 50%; transition: all .7s;}
.contact .wxbox::before, .contact .wxbox::after {position: absolute; right: 15rem; top: 25rem; display: block; content: ''; width: 24rem; height: 2rem; background-color: #999; cursor: pointer;}
.contact .wxbox::before {transform: rotate(45deg);}
.contact .wxbox::after {transform: rotate(-45deg);}
.contact .wxbox.on {transform: scale(1);}
.banner .imgbox {position: fixed; top: 0; left: 0; right: 0; height: 500rem;}
.banner .weui-cell {height: 500rem; color: #fff;}
.morebtn {position: relative; padding-right: 12rem; display: inline-block; line-height: 28rem; color: #b38b6a;}
.morebtn::after {position: absolute; display: block; content: ''; right: 0; bottom: 7rem; width: 8rem; height: 8rem; border-right: 1px solid #b38b6a; border-bottom: 1px solid #b38b6a; transition: all .3s;}
.pagination {margin: 50rem auto 60rem; padding: 2px 5px;}
.pagination .pager, .pagination .pager a{display: inline-block;}
.pagination .pager a{margin: 0 6rem; width: 26rem; line-height: 26rem; color: #333; transition: all .3s;}
.pagination .pager a.on {background-color: #D2A87E;}
/* .pagination .loadmore {padding: 8rem 25rem; color: #fff; background: #D2A87E; border-radius: 6rem;} */
.news {padding-top: 70rem;}
.news li {margin-bottom: 40rem; padding: 30rem 0; border-bottom: 1px solid #E4E4E4;}
.news li h3 {margin-top: 20rem; margin-bottom: 30rem;}
.news li .morebtn {float: right;}
.newdetail {padding-top: 73rem; padding-bottom: 70rem;}
.newdetail header {padding: 42rem 40rem 45rem; border-bottom: 1px solid #EDEDED;}
.newdetail header h1 {margin-top: 5rem;}
.newdetail article {margin-bottom: 20rem; padding: 45rem 40rem; line-height: 1.75;}
.newdetail article p {line-height: inherit;}
.newdetail article img {max-width: 100% !important; max-height: 100% !important;}
.career1 .container {padding-top: 150rem; padding-bottom: 150rem;}
.career1 h2 {margin-bottom: 62rem;}
.career1 p {line-height: 1.75;}
.career1 .imgbox {position: absolute; right: 0; bottom: 0; width: 100%;}
.career2 {padding-top: 215rem; padding-bottom: 213rem; background: #f5f5f5;}
.career2 h2 {margin-top: 5rem; margin-bottom: 50rem;}
.career2 .innerbox {margin-left: -10rem; margin-right: -10rem;}
.career2 .innerbox li {padding: 10rem;}
.career2 .innerbox li .imgbox {background: #fff;}
.career2 .innerbox li img {transform-origin: 100% 100%; transition: all .3s;}
.career2 .innerbox li:nth-child(2) .imgbox, .career2 .innerbox li:nth-child(5) .imgbox {color: #fff; background: #c3966e;}
.career2 .innerbox li p {position: absolute; left: 0; top: 0; right: 0; padding: 25rem 30rem; }
.about1 {padding-top: 192rem; padding-bottom: 300rem;}
.about1 p, .business p {line-height: 2;}
.about2 {padding-top: 265rem; padding-bottom: 265rem; color: #fff; background-attachment: fixed;}
.about2 .f46 {margin-bottom: 5rem; white-space: nowrap;}
.about3 {padding-top: 220rem; padding-bottom: 188rem;}
.about3 .tabs {border-bottom: 1px solid #E5E5E5;}
.about3 .tabs li {position: relative; display: inline-block; margin-right: 14%; padding: 20rem 10rem; cursor: pointer;}
.about3 .tabs li::after {position: absolute; display: block; content: ''; left: 0; right: 100%; bottom: 0; height: 4rem; background: #c59972;}
.about3 .tabs li:last-child {margin-right: 0;}
.about3 .tabs li.on {color: #c59972;}
.about3 .tabs li.on::after {right: 0;}
.about3 .tabs-panel {margin-top: 85rem;}
.about3 .tabs-panel ul:not(:first-child) {display: none;}
.about3 .tabs-panel li {padding-top: 35rem; padding-bottom: 35rem;}
.about3 .tabs-panel .des {margin-top: 55rem;}
.about3 .tabs-panel .des p {line-height: inherit;}
.about4 {padding-top: 224rem; padding-bottom: 224rem;}
.about4 h2 {margin-bottom: 70rem;}
.about4 li {padding: 37rem 0; border-bottom: 1px solid #d8d8d8; cursor: pointer;}
.about4 li i {position: relative; top: -2rem; display: inline-block; margin-right: 8rem; border-top: 6rem solid transparent; border-left: 10rem solid #b38b6a; border-bottom: 6rem solid transparent; vertical-align: middle;}
.about4 li p {display: none; margin-top: 33rem; margin-bottom: 43rem;}
.about4 li:first-child p {display: block;}
.business1 {padding-top: 212rem; padding-bottom: 210rem;}
.business1 .col-sm-7 b {font-family: 'HarmonyOS_Sans_SC_Bold';}
.business2 {padding: 130rem 0; color: #fff; background-color: #c3966e; background-attachment: fixed;}
.business2 li {padding: 43rem 0;}
.business3 {padding-top: 215rem; padding-bottom: 170rem;}
.business3 h2 {margin-bottom: 30rem;}
.business3 li {margin: 33rem 0; padding: 0 64rem 35rem;}
.business3 .iconbox {height: calc(11.875vw); overflow: hidden; display: flex; align-items: center; justify-content: center;}
.business3 .iconbox img {max-height: 100%; filter: grayscale(1); opacity: .35;}
.business3 h3 {margin-bottom: 25rem;}
.business3 p {line-height: 1.5;}
.business3 .pagination {margin-top: 70rem;}
.business3 .swiper-container {margin-bottom: 100rem; overflow: hidden;}
.business3 .swiper-pagination {bottom: 170rem !important;}
.business3 .swiper-pagination-bullet {margin: 0 6rem !important; width: 26rem; height: 26rem; font-size: 12rem; line-height: 26rem; color: #333 !important; font-family: 'HarmonyOS_Sans_SC_Bold'; text-align: center; opacity: 1 !important; background: rgba(210, 168, 126, 0); border: 0 !important; border-radius: 0 !important; transition: background .3s;}
.business3 .swiper-pagination-bullet-active {background: rgba(210, 168, 126, 1);}
.business .idx5 .swiper-container {margin-bottom: 230rem; padding-bottom: 70rem;}
.business .idx5 li {padding-bottom: 50rem;}
.business .idx5 li::after {top: 25%;}