@charset "UTF-8";

@font-face{ font-family: js; src:url('../fonts/JosefinSans-SemiBold.woff'); font-display: swap; }
@font-face{font-family: ms; src:url('../fonts/montserrat-light.woff'); font-display: swap;}
@font-face{font-family: ms-base; src:url('../fonts/base.woff2'); font-display: swap;}
@font-face{font-family: al; src:url('../fonts/abhayalibre.woff2');font-display: swap;}
@font-face{font-family: al500; src:url('../fonts/al500.woff2');font-display: swap;}
@font-face{font-family: al600; src:url('../fonts/al600.woff2');font-display: swap;}
@font-face{font-family: al700; src:url('../fonts/al700.woff2');font-display: swap;}
@font-face{font-family: al800; src:url('../fonts/al800.woff2');font-display: swap;}
@font-face{font-family: 'moneta-bold'; src:url('../fonts/moneta-bold.woff2');font-display: swap;}
@font-face{font-family: 'moneta-black'; src:url('../fonts/moneta-black.woff2');font-display: swap;}
@font-face{font-family: 'moneta'; src:url('../fonts/moneta.woff2');font-display: swap;}
@font-face{font-family: 'raleway'; src:url('../fonts/raleway.woff2');font-display: swap;}
@font-face{font-family: 'cormorant garamond'; src:url('../fonts/cormorant-garamond.woff2');font-display: swap;}
@font-face{font-family: 'nanum myeongjo'; src:url('../fonts/nanum-myeongjo.woff2');font-display: swap;}
@font-face{font-family: 'cormorant-infant'; src:url('../fonts/cormorant-infant.woff2');font-display: swap;}
@font-face{font-family: 'playfair-display'; src:url('../fonts/playfair-display.woff2');font-display: swap;}
@font-face{font-family: 'roboto'; src:url('../fonts/roboto.woff2');font-display: swap;}
@font-face{font-family: 'libre'; src:url('../fonts/libre-caslon-display.woff2');font-display: swap;}
@font-face{font-family: 'inter'; src:url('../fonts/inter.woff2');font-display: swap;}
:root {
    --color1: #B3864B;
    --text1: #454545;
    --text2: #858585;
    --text3: #666; 
    --conpadding: 160px;
    --conpadding-pad: 120px;
    --conpadding-m: 100rem;
    --fontfamliy: 'roboto';
}

html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color: transparent !important;height:100%;touch-action:manipulation}
h1,h2,h3,h4,h5,h6{font-family: roboto;}
li{ line-height: 1.5!important;}
button,input,textarea{-webkit-appearance:auto !important}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display:block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border:1px solid black}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline:none;font-family:Arial,Microsoft Yahei}
img{vertical-align:middle;max-width:100%;object-fit:cover;height:auto;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline:0}
input::-webkit-input-safebox-button{display:none}
body{color:#121212;}
body.hid{overflow:hidden}
body *{box-sizing:border-box;}

html{font-size:100px}
@media(min-width:1921px){html{font-size:calc(100vw / 1920 * 100)}}
@media(max-width:1700px){html{font-size:calc(100vw / 1600 * 100)}}
@media(max-width:900px){html{font-size:calc(900px / 1920 * 100)}}body{font-size:calc(16 * 100vw / 1920)}
body{font-size: calc(16 * 100vw / 1920)}
@media(max-width: 1584px){body{font-size:13.2px}}
.s16{font-size:calc(16 * 100vw / 1920)}
@media(max-width:1584px){.s16{font-size:13.2px}}
.s18{font-size:calc(18 * 100vw / 1920)}
@media(max-width:1472px){.s18{font-size:13px}}
.s24{font-size:calc(24 * 100vw / 1920)}
@media(max-width:1248px){.s24{font-size:15.6px}}
.s34{font-size:calc(34 * 100vw / 1920)}
@media(max-width:1050px){.s34{font-size:18.6px}}

body,textarea, input, select, button, code{font-family: ms-base,Arial, Microsoft Yahei;}

.global-button{line-height: 55px;height: 55px;font-size: 16px;padding: 0 60px;border-radius: 2px;transition: all 0.3s;background: var(--text1);color: #fff;cursor: pointer;}
.global-button:hover{background: var(--color1);}
.global-line-button{line-height: 55px;height: 55px;font-size: 16px;padding: 0 60px;border-radius: 2px;transition: all 0.3s;background: #fff; border: 2px solid var(--text1);color: var(--text1);cursor: pointer;}
.global-line-button:hover{background: var(--color1); border: 2px solid var(--color1);color: #fff;}

.container { margin: 0 auto; width:100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}

body.has-pt{padding-top: .6rem;}
header{width: 100%;height: .6rem;position: fixed;left: 0;top: 0;z-index: 987654;background-color: rgba(0,0,0,0.2);font-size: 0;padding-left: .6rem;padding-right: .95rem;transition: all .5s;}
.oh-menu{display: inline-block;vertical-align: top;color: #fff;line-height: 0.6rem;cursor: pointer;width: 3em;position: relative;z-index: 987654;}
.oh-menu:before{content: "";display: inline-block;vertical-align: middle;width: 1.888em;height: 1.333em;background-image: url(../images/op2.png);background-size: 100% 100%;background-repeat: no-repeat;margin-right: .15rem;}
.oh-index{display: inline-block;vertical-align: top;margin-top: 0.15rem;margin-left: 1.18rem;position: relative;z-index: 987654;}
.oh-logo{height: 30px; width: 131px;vertical-align: top;outline: none;}
.oh-right{float: right;font-size: 0;position: relative;z-index: 987654;}
.oh-list{display: inline-block;vertical-align: top;font-size: 0;padding-right: 0.1rem;font-weight: 500;font-family: 'inter';}
.oh-el{display: inline-block;vertical-align: top;margin-left: .5rem;position: relative;}
.oh-lk{display: block;line-height: .6rem;color: #fff;position: relative;}
.oh-lk:after{content: "";display: inline-block;width: 0;height: 1px;position: absolute;left: 50%;top: 50%;margin-top: .88em;background-color: #ee7b30;transition: all .3s;}
.oh-icon{display: inline-block;vertical-align: top;width: .32rem;height: .32rem;position: relative;top: .3rem;margin-top: -0.16rem;margin-left: .32rem;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.oh-search{background-image: url(../images/op3.png);background-size: .22rem .22rem;}
.oh-position{background-image: url(../images/op4.png);background-size: .19rem .22rem;}
.oh-user{background-image: url(../images/op5.png);background-size: .19rem .21rem;}
.oh-3d{background-image: url(../images/op6.png);background-size: .22rem .22rem;}
.oh-sub{width:6.7rem;position:absolute;left:50%;margin-left:-3.35rem;top:100%;padding-top:0.2rem;display:none}
.oh-sub.sp{width: 9.9rem;margin-left: -4.95rem;}
.oh-sub.sp.project_nav{width: fit-content;margin: 0;transform: translateX(-50%);}
.oh-sub.sp.project_nav .oh-big:before{display: none;}
.oh-sub.sp.project_nav .oh-links{width: 260px;}
.oh-big{width:100%;background-color:rgba(0, 0, 0, 0.7);padding:0.45rem 0.5rem;position:relative}
.oh-big:before{content:"";width:1px;height:calc(100% - 0.9rem);background-color:#999;position:absolute;left:2.8rem;top:0.45rem}
.oh-arrow{display:block;border-bottom:0.16rem solid rgba(0, 0, 0, 0.7);border-left:0.14rem solid transparent;border-right:0.14rem solid transparent;position:absolute;left:50%;margin-left:-0.14rem;top:-0.16rem}
.oh-links{float:left;width:2.30rem;position:relative}
.oh-one{width:100%;margin-bottom:0.2rem}
.oh-one:last-child{margin-bottom:0}
.oh-one-a{display:block;color:#fff;line-height:1.55}
.oh-one-a:first-letter{text-transform:uppercase}
.oh-third{width: 3.2rem;position:absolute;left:100%;top:0;padding-left:0.4rem;visibility:hidden;opacity:0;transition:all .3s}
.oh-one.active .oh-third{visibility:visible;opacity:1}
.oh-one-b{display:block;color:#fff;line-height:1.75;margin-bottom:0.2rem;}
.oh-one-b:last-child{margin-bottom:0}
.oh-high{float:right;width:3.20rem;position:relative}
.oh-item{width:100%;position:absolute;left:0;top:0;opacity:0;z-index:1;transition:opacity .3s}
.oh-item.show{position:relative;opacity:1;z-index:10}
.oh-tit{color:#fff;font-family:js;text-transform:uppercase;margin-bottom:0.14rem;line-height: 1.3;}
.oh-k{display:block;width:100%;margin-bottom:.16rem;}
.oh-photo{width:100%}
.oh-tip{color:#fff;line-height:1.5}
.oh-one.active .oh-one-a{color:#ee7b30}
.oh-area{width: 31.25em;height: calc(100% - 0.6rem);max-width: 100%;position: fixed;left: -32em;top: 0.6rem;transition: all .5s;padding-bottom: 0.17rem;background-color: rgba(0, 0, 0, 0.7);z-index: 987654;overflow: auto;}
.oh-box{width: 100%;padding: .17rem .7rem .26rem .6rem;}
.oh-form{width: 100%;border-bottom: 1px solid #fff;font-size: 0;}
.oh-txt{width: calc(100% - 2.777em);float: left;height: 2.777em;border: none;background-color: transparent;color: #fff;}
.oh-submit{width: 2.777em;height: 2.777em;float: right;;background-color: transparent;border: none;background-image: url(../images/op3.png);background-size: 1.222em 1.222em;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.oh-form input::-webkit-input-placeholder,
.oh-form textarea::-webkit-input-placeholder{color: #fff;}
.oh-form input:-moz-placeholder,
.oh-form textarea:-moz-placeholder{color: #fff;}
.oh-form input::-moz-placeholder,
.oh-form textarea::-moz-placeholder{color: #fff;}
.oh-form input:-ms-input-placeholder,
.oh-form textarea:-ms-input-placeholder{color: #fff;}
.oh-ul{width: 100%;}
.oh-ul ul{display: none;}
.oh-ul li{position: relative;}
.oh-li{padding-left: .6rem;padding-right: .7rem;}
.oh-li.show{background-color: rgba(255, 255, 255, 0.1);}
.oh-li>a{color: #fff;display: block;line-height: 1.44;padding-right: 1.44em;padding-top: .22rem;padding-bottom: .22rem;padding-left: 0.777em;position: relative;}
.oh-li>a:before{content: "";display: inline-block;width: 0.444em;height: 0.444em;background-color: #ee7b30;position: absolute;left: 0;top: .22rem;margin-top: 0.47em;opacity: 0;transition: all .3s;}
.oh-li.show>a:before{opacity: 1;}
.oh-li>ul{padding-bottom: .13rem;}
.oh-li>ul li{padding-left: 1.375em;}
.oh-li>ul a{color: #fff;line-height: 1.5;padding-right: 1.5em;padding-top: .13rem;padding-bottom: .13rem;display: block;}
.oh-li>ul .last-level>a{padding-right: calc(1.5em + 0.4rem);}
.oh-ico{cursor: pointer;transition: all .3s;}
.has-ul>.oh-ico{width: 2em;height: 1.5em;box-sizing: content-box;padding: .13rem 0;position: absolute;right: 0;top: 0;background-image: url(../images/op10.png);background-size: 1.277em 1.277em;background-repeat: no-repeat;background-position: right center;}
.has-ul.show>.oh-ico{background-image: url(../images/op35.png);}
.oh-li.has-ul>.oh-ico{width: 2em;height: 1.44em;padding: .22rem 0;right: 0.7rem;}
.last-level>.oh-ico{width: 1.5em;height: 1.5em;box-sizing: content-box;padding: .13rem 0;position: absolute;right: 0.4rem;top: 0;pointer-events: none;background-image: url(../images/op9.png);background-size: 1.375em 1em;background-repeat: no-repeat;background-position: center center;}
.oh-li.last-level>.oh-ico{width: 1.44em;height: 1.44em;padding: .22rem 0;right: 1.1rem;}
.oh-li.last-level>a{padding-right: calc(1.44em + 0.4rem);}
.oh-mask{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0;z-index: 987654;visibility: hidden;opacity: 0;transition: all .3s;}
.oh-right .google-translate{top: 0.3rem;position: relative;margin-top: -9px;}

/* Local language-switcher demo. Mirrors the compact OPPEIN header control
   without depending on the unavailable third-party translation widget. */
.google-translate .gtranslate_wrapper{display:block}
.language-switcher-demo{display:flex;align-items:center;gap:14px;height:30px;color:#555}
.language-switcher-demo__icon{display:block;width:27px;height:27px;flex:0 0 27px;color:currentColor}
.language-switcher-demo__select{width:158px;height:21px;padding:0 28px 0 6px;border:1px solid #888;border-radius:2px;background:#fff;color:#333;font:14px/19px Arial,sans-serif;letter-spacing:.2px;cursor:pointer}
.language-switcher-demo__select:focus{outline:2px solid rgba(184,137,75,.35);outline-offset:1px}
@media(max-width:1200px){.language-switcher-demo{gap:8px}.language-switcher-demo__icon{width:23px;height:23px;flex-basis:23px}.language-switcher-demo__select{width:125px}}
@media(max-width:750px){.language-switcher-demo__select{width:112px;height:28px;font-size:13px}.language-switcher-demo__icon{width:22px;height:22px;flex-basis:22px}}
/* Header alignment fix for the local language control. */
.language-switcher-demo__icon{width:25px;height:25px;flex-basis:25px;color:#4f5153}
@media(max-width:1200px){.oh-right{display:flex;align-items:center;height:42px}.oh-right .google-translate{position:static!important;top:auto!important;margin:0 12px 0 8px!important;min-width:0!important;min-height:0!important}.language-switcher-demo{height:42px;gap:10px}.language-switcher-demo__select{width:138px;height:24px}}
@media(max-width:650px){.oh-right .google-translate{margin-right:8px!important;margin-left:2px!important}.language-switcher-demo{gap:7px}.language-switcher-demo__icon{width:21px;height:21px;flex-basis:21px}.language-switcher-demo__select{width:104px;height:28px;padding-left:7px;padding-right:22px;font-size:13px}.oh-search{background-size:18px}}
@media(max-width:380px){.language-switcher-demo__select{width:88px}.language-switcher-demo__icon{display:none}.oh-right .google-translate{margin-left:0!important}}
body.menu-state .oh-area{left: 0;}
body.has-pt header{background-color: rgba(0, 0, 0, 0.5);}
body.menu-state header{background-color: rgba(0, 0, 0, 0.7);}
body.menu-state .oh-menu:before{width: 1.888em;height: 1.833em;background-image: url(../images/op7.png);background-size: auto 100%;}
body.menu-state .oh-mask{visibility: visible;opacity: 1;}
@media(max-width: 1920px){    .oh-icon{width: 32px;height: 32px;margin-top: -16px;}
    .oh-search{background-size: 22px 22px;}
    .oh-position{background-size: 19px 22px;}
    .oh-user{background-size: 19px 21px;}
    .oh-3d{background-size: 22px 22px;}}
@media(min-width: 1201px){    .oh-el:hover .oh-lk:after,
    .oh-el.active .oh-lk:after{width: 100%;left: 0;}
    .oh-one-b:hover{color: var(--color1)}
    .oh-one:hover .h-one-a{color:#ee7b30}
    /* .pc-hide{display: none;} */
    .last-level:hover .oh-ico{transform: translate(100%,0);}
    .oh-li:hover>a:before{opacity: 1;}
    .oh-menu:hover{opacity: 0.8;}}
@media(max-width: 1200px){body.has-pt{padding-top: 42px;} header{height: 42px;}.oh-menu{line-height: 42px;} .oh-area{height: calc(100% - 42px);top: 41.5px;} .oh-logo{height: 22px;} .oh-index{margin-top: 10px;}.oh-icon{top: 21px;} .oh-right .google-translate{top:21px;}}
@media(max-width: 1380px){.oh-list{display: none;}}
@media(min-width: 601px){.pc-hide2{display: none;}}
@media(max-width: 650px){
    header{padding-left: 0;padding-right: 0;}
    .oh-icon{width: 42px;height: 42px;margin-left: 0;top: 0;margin-top: 0;}
    .oh-index{margin-left: 10px;margin-top: 12px;}
    .oh-logo{height: 18px; width: 78px;}
    .oh-menu{padding-left: 10px;width: 40px;}
    .oh-position{display: none;}
    .oh-user{display: none;}
    .oh-3d{display: none;}
}
@media(max-width: 450px){
    .oh-index{margin-left: 15px;}
    .oh-menu{font-size: 0;width: 36px;}
    body.menu-state .oh-menu:before{width: 18px;height: 18px;}
    .oh-menu:before{width: 26px;height: 18px;margin-right: 0;}
}

#ss-chat-p{display: none;}
footer{width:100%;background-color:#fff;padding-bottom:.62rem}
footer *{box-sizing:border-box;line-height:1}
.f-a{width:1440px;margin:0 auto}
.f-top{width:100%;border-bottom:1px solid #555;font-size:0;padding-top:69px;padding-bottom:41px;overflow:hidden}
.f-share{width:605px;display:inline-block;vertical-align:top;font-size:0}
.f-dt{display:inline-block;vertical-align:top;width:120px;font-size:16px;color:#333;font-family:js;line-height:30px}
.f-icons{display:inline-block;vertical-align:top;font-size:0;width:485px}
.f-icon{display:inline-block;vertical-align:top;margin:0 12px;cursor:pointer}
.f-img{width:30px;height:30px;vertical-align:top}
.f-bot{font-size:14px;color:#333;line-height:20px;padding:33px 0}
.f-bot a{color:#666}
.f-contact{display:inline-block;vertical-align:top;font-size:0}
.f-dt2{display:inline-block;vertical-align:top;width:150px;font-size:16px;color:#333;font-family:js;line-height:30px}
.f-cs{display:inline-block;vertical-align:top;font-size:0}
.f-item{display:inline-block;vertical-align:top;line-height:30px;font-size:16px;color:#333;margin-right:30px}
.f-item:last-child{margin-right:0}
.f-item1{cursor:pointer}
.f-ic{width:26px;height:26px;margin-right:6px;vertical-align:middle}
.f-mid{width:100%;font-size:0;padding-top:39px;padding-bottom:67px;border-bottom:1px solid #555;overflow: hidden;}
.f-one{display:inline-block;vertical-align:top;width:20%}
.f-tit{font-size:16px;color:#333;font-family:js;display:inline-block;vertical-align:top;margin-bottom:30px}
.f-links{width:100%}
.f-li{width:100%;margin-bottom:10px}
.f-li:last-child{margin-bottom:0}
.f-link{display:inline-block;vertical-align:top;font-size:14px;color:#333;line-height:20px}
.f-link:hover{color: var(--color1)}
.f-sp{color:#666}
.f-orange{width:100%;height:.62rem;background-color:#2A2A2A;position:fixed;left:0;bottom:-0.62rem;z-index:98765;transition:all .3s;display: none;}
.f-orange.show{bottom:0}
.f-o-center{width:1440px;margin:0 auto;font-size:0}
.f-o-item{display:inline-block;vertical-align:top;width:25%;border-left:1px solid rgba(255,255,255,0.1);transition:all .3s;padding-left:.1rem}
.f-o-item span{color:#fff;line-height:.62rem;padding-left:.5em}

.og-main{width: 100%;background-color: #ececec;padding-top: .55rem;padding-bottom: .55rem;}
.og-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;font-size: 0;}
footer .submit{float: none;padding: 80px 0 40px;display: flex;max-width: 940px;margin: 0 auto;align-items: center;}
footer .submit span{font-size: 24px;}
.og-form{font-size: 0;background-color: #fff;overflow: hidden;}
.og-left{display: inline-block;vertical-align: middle;width: 58.12%;}
.og-right{display: inline-block;vertical-align: middle;width: 41.88%;}
.dy-left{display: inline-block;vertical-align: middle;width: 35%;}
.dy-right{display: inline-block;vertical-align: middle;width: 35%;}
.dy-txt{width: 430px;border: 2px solid #8D9091;height: 55px;padding: 0 10px;color: #666;margin: 0 20px;font-size: 20px;}
.dy-sub{margin-right: 0.2rem;width: 62.78%;height: .48rem;line-height: .48rem;vertical-align: top;background-color: #666;border: none;cursor: pointer;color: #fff;transition: all .3s;}
.dy-tit{color: #121212;font-family: js;margin-bottom: .5rem;}
.og-sub{background-color: var(--color1);border: none;cursor: pointer;color: #fff;font-size: 20px; line-height: 1;padding: 0 40px;line-height: 55px;transition: all 0.3s;}
.og-sub:hover{background: var(--text1);}
.og-form input::-webkit-input-placeholder,
.og-form textarea::-webkit-input-placeholder{color: #666;}
.og-form input:-moz-placeholder,
.og-form textarea:-moz-placeholder{color: #666;}
.og-form input::-moz-placeholder,
.og-form textarea::-moz-placeholder{color: #666;}
.og-form input:-ms-input-placeholder,
.og-form textarea:-ms-input-placeholder{color: #666;}
.og-form.active{border-color: #fa8106;}
.og-form.active .og-sub{background-color: #fa8106;}
@media(max-width: 1024px){
    footer .submit{flex-wrap: wrap;justify-content: center;}
    footer .submit span{width: 100%;text-align: center;margin-bottom: 20px;}
}
@media(max-width: 1200px){ .og-txt{height: 32px;border-radius: 16px 0 0 16px;}}
@media(max-width: 900px){.og-inner{max-width: 704px;}}
@media(max-width: 750px){.og-main{padding: 20px 10px;}.og-inner{max-width: 500px;}.og-left{width: 100%;margin-bottom: 10px;} .og-right{width: 100%;}
    footer .submit{padding-top: 40px;}
    footer .submit span{font-size: 14px;text-align: left;}
    .og-form{display: flex;width: 100%;}
    .dy-txt{margin: 0;height: 40px;flex: 1;width: auto;border-right: 0;border: 1px solid #8D9091;font-size: 16px;min-width: 0px;}
    .og-sub{padding: 0 10px;font-size: 16px;line-height: 40px;}
}
@media(max-width:1400px){
    .f-share{
        margin-bottom: 15px;
    }
}
@media(max-width:1500px){
    .f-a{width:14.4rem}
    .f-o-center{width:14.4rem}
    .f-share{width:auto;margin-right:40px}
    .f-icons{width:auto}
    .f-dt{width:auto;padding-right:10px}
    .f-dt2{width:auto;padding-right:20px}
    .f-mid{padding-bottom:30px}
    .f-top{padding-top:40px;padding-bottom:30px}
    .f-bot{padding:25px 0}
}
@media(max-width:1300px){
    footer{padding-bottom:32px}
    .f-a{width:14.4rem}
    .f-o-center{width:704px}
    .f-o-item span{line-height:32px}
    .f-share{width:100%;margin-bottom:15px}
    .f-contact{width:100%}
    .f-dt{font-size:13px;line-height:26px}
    .f-dt2{font-size:13px;line-height:24px}
    .f-item{font-size:13px;line-height:24px}
    .f-one{width:20%;margin-bottom:18px}
    .f-ic{width:20px;height:20px}
    .f-icon{margin:0 6px}
    .f-img{width:20px;height:20px}
    .f-top{padding-top:36px;padding-bottom:20px}
    .f-bot{font-size:12px;line-height:20px;padding:25px 0}
    .f-tit{font-size:13px;margin-bottom:10px}
    .f-link{font-size:12px;line-height:18px}
    .f-mid{padding-top:20px;padding-bottom:18px}
    .f-li{margin-bottom:8px}
}
@media(max-width:750px){
    footer{padding-bottom:38px}
    .f-a{width:500px;padding:0 4%;max-width:100%;padding-right:42px}
    .f-orange{height:36px;bottom:0}
    .f-o-center{width:100%}
    .f-o-item{text-align:center;padding-left:0;line-height:36px;padding-top:3px;height:36px;box-sizing:border-box}
    .f-o-item span{display:none}
    .f-top{padding-top:30px;padding-bottom:16px}
    .f-one{width:100%}
    .f-mid{padding:0}
    .f-links{display:none;padding-top:14px;padding-bottom:14px;border-bottom:1px solid #383838}
    .f-one{margin-bottom:0}
    .f-tit{margin-bottom:0;line-height:46px;width:100%;border-bottom:1px solid #383838;position:relative}
    .f-tit:after{content:"+";position:absolute;right:0;top:50%;transform:translate(0,-50%);padding-right:10px}
    .f-tit.show:after{content:"-"}
    .f-dt{width:100%;padding-right:0;margin-bottom:7px}
    .f-dt2{width:100%;padding-right:0;margin-bottom:5px}
    .f-share{margin-bottom:15px;margin-right:0}

    .og-main{padding: 20px 10px;}
    .og-inner{max-width: 500px;} 
    .dy-left{width: 100%;margin-bottom: 10px;}
    .dy-right{width: 100%;  margin-bottom: 0.3rem;} 
    .dy-sub{height: 0.8rem;    margin-bottom: 0.5rem;}

    .f-item{margin-bottom: 10px;}
}


/* right popup */
.popup-right{position: fixed;right: 0;top: 50%;margin-top: -135px; z-index: 99;}
.popup-right-item{display: flex;height: 52px; margin-bottom: 2px;box-shadow: -2px 0 10px 0 rgba(0, 0, 0, 0.21);cursor: pointer;border-radius: 2px;overflow: hidden;justify-content: flex-end;}
.popup-right-item-btn{width: 52px;height: 52px;}
.popup-right-item-btn img{width: 100%;height: 100%;object-fit: cover;}
.popup-right-box{width: 0; color: #fff;background: #B3864B;transition: width 0.5s;}
.popup-right-box .text-box{padding-left: 16px;line-height: 52px;font-size: 16px;}
.popup-right-box.share-box{display: flex;}
.popup-right-box.share-box .share-btn{width: 50px;border-radius: 2px;overflow: hidden;border-right: 1px solid rgba(255, 231, 200, 0.15);flex-shrink: 0;}
.popup-right-box.share-box .share-btn:last-child{border-right: none;}
.popup-right-box.share-box .share-btn img{width: 100%;height: 100%;object-fit: cover;}
.popup-right:hover .popup-right-box{width: 150px;}
.popup-right:hover .popup-right-item{box-shadow: none;}
.popup-bottom-m{display: none;}
.popup-form{position: fixed;inset: 0;z-index: 987655;display: none;}
.popup-form-mask{position: absolute;inset: 0;background-color: rgba(0,0,0,.5);}
.popup-form-box{position: absolute;width: 1200px;top: 10vh;margin-left: -600px;left: -50vw;height: 80vh;padding: 20px 5px 20px 30px;background: #f5f5f5;border-radius: 20px;transition: 0.5s left;}
.popup-form.on{display: block;}
.popup-form .popup-form-box.on{left: 50%;}
.popup-form-box-con{position: relative;width: 100%;height: 100%;overflow-y: scroll;padding-right: 20px;z-index: 1;}
.popup-form-box .close{position: absolute;z-index: 2;width: 30px;height: 30px;right: 20px;top: 20px;border-radius: 50%;background-color: #c7c7c7;cursor: pointer;background-image: url('../videos/close.png');background-size: 20px;background-position: center center;background-repeat: no-repeat;}
.popup-form-box-con::-webkit-scrollbar {width: 4px;height: 12px;}
.popup-form-box-con::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px;}
.popup-form-box-con::-webkit-scrollbar-thumb { background: #888; border-radius: 10px;}
.popup-form-box .xf-b{ width: 100%; padding: 20px 0;}
.popup-form .zf-submitColor{ background: var(--text1); color: #fff; border: 0;}
.popup-form .zf-submitColor:hover{background: var(--color1);}
#global_ct_form .line {margin-bottom: 35px;display: flex;}
#global_ct_form .line input[type="text"],
#global_ct_form .line select {font-family: 'ms';width: calc(50% - 10px);margin-right: 20px;height: 40px;padding: 0 10px;border: 1px solid var(--text2);border-radius: 2px;font-size: 16px;font-weight: 500;color: var(--text2);}
#global_ct_form .line input[type="text"]:last-child, #global_ct_form .line select:last-child {margin-right: 0;}
#global_ct_form .line textarea {font-family: 'ms';padding: 10px 12px;width: 100%;border: 1px solid var(--text2);border-radius: 2px;font-size: 16px;font-weight: 500;color: var(--text2);line-height: 24px;height: 110px;}
#global_ct_form .line input::placeholder {color: #999;}
#global_ct_form .line textarea::placeholder {color: #999;}
#global_ct_form .line .row {display: inline-block;vertical-align: top;width: fit-content;line-height: 24px;font-size: 14px;margin-bottom: 6px;}
#global_ct_form .line .row .zf-check-field {display: inline-block;vertical-align: top;min-width: 180px;margin-right: 48px;cursor: pointer;}
#global_ct_form .line .row .zf-check-field input {display: none;}
#global_ct_form .line .row .zf-check-field span { position: relative; display: inline-block; vertical-align: top; width: 12px; height: 12px; background: #fff; border: 1px solid var(--text2);}
#global_ct_form .line .row .zf-check-field label {display: inline-block;vertical-align: top;}
#global_ct_form .line .row .zf-check-field:has(input:checked) span {border-color: var(--color1);}
#global_ct_form .line .row .zf-check-field:has(input:checked) span:after { content: ''; display: block; width: 100%; height: 100%; background: var(--color1); transform: translate(0, 0); z-index: 1;}
#global_ct_form .line .row .zf-check-field:has(input:checked) span::before { content: ''; display: block; width: 70%; height: 30%; position: absolute; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotateZ(-45deg); z-index: 2; top: 1px; left: 1px;}
#global_ct_form .line .row .zf-multiAttType { margin-right: 10px; display: inline-block; vertical-align: top;}
#global_ct_form .line .row .zf-multiAttType label {font-size: 14px;}
#global_ct_form .line .line-title { width: 100%; font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 12px;}
#global_ct_form .line .upload-btn { display: inline-block; vertical-align: top; margin: 0 8px 0 20px; line-height: 38px; font-size: 16px; color: #999; padding: 0 18px; border: 1px solid var(--text2); border-radius: 2px; cursor: pointer;}
#global_ct_form .line .upload-txt { display: inline-block; vertical-align: top; font-size: 14px; line-height: 40px;}
#global_ct_form .line input[type="file"] {display: none;}
#global_ct_form .line .select-mania-large .select-mania-search-input {font-size: 16px;}
#global_ct_form .line .select-mania, #global_ct_form .line .intl-tel-input {width: calc(50% - 10px) !important;}
#global_ct_form .line input[type="text"]#global_international_PhoneNumber_countrycode {width: 100%;padding-left: 52px;}
#global_ct_form #global_form-inquirey { display: none;}
#global_ct_form .submit-btn { margin-top: 55px; margin-left: auto; margin-right: auto; display: block; width: fit-content;}
#global_ct_form .hasrow {flex-wrap: wrap;}
@media screen and (max-width: 768px){
    .popup-right{display: none;}
    .popup-bottom-m{display: none; position: fixed;left: 0; right: 0; bottom: 0; z-index: 99;box-shadow: 0 -7px 7px 0 rgba(0, 0, 0, 0.06);}
    .popup-bottom-list{display: flex;}
    .popup-bottom-item{flex: 1;height: 58px;background: rgba(255, 255, 255, 0.9);border-right: 1px solid rgb(200, 200, 200);}
    .popup-bottom-item:last-child{border-right: 0;}
    .popup-bottom-item img{display: block;width: auto;height: 44px;margin: 7px auto;}
    .popup-bottom-item-share .on-img{display: none;}
    .popup-bottom-item-share .share-box{display: none;position: absolute;bottom: 58px;left: 0; width: 100%;}
    .popup-bottom-item-share .share-btn{display: flex;background: #B3864B;border-bottom: 1px solid rgba(255, 231, 200, 0.15);line-height: 40px;color: #fff;}
    .popup-bottom-item-share .share-btn:last-child{border-bottom: 0;}
    .popup-bottom-item-share .share-btn img{margin: 0;height: 40px; width: auto;}

    .popup-bottom-item-share.on .on-img{display: block;}
    .popup-bottom-item-share.on .static-img{display: none;}
    .popup-bottom-item-share.on{background: #B3864B;}
    .popup-bottom-item-share.on .share-box{display: block;}

    .popup-form-box{width: 90vw;margin-left: -45vw;}
    #global_ct_form .line{flex-wrap: wrap;margin-bottom: 0;}
    #global_ct_form .line input[type="text"] {width: 100%;margin-bottom: 30rem;margin-right: 0;height: 66rem;font-size: 26rem;}
    #global_ct_form .line .intl-tel-input {width: 100% !important;margin-bottom: 30rem;}
    #global_ct_form .line .select-mania {width: 100% !important;margin-bottom: 30rem;height: 66rem;}
    #global_ct_form .line .select-mania-large .select-mania-inner {max-height: 66rem;min-height: 66rem;}
    #global_ct_form .line .select-mania-large .select-mania-values {min-height: 66rem;}
    #global_ct_form .line .select-mania-large .select-mania-inner {padding: 0 8px;}
    #global_ct_form .line .select-mania-large .select-mania-value {line-height: 66rem;margin: 0;padding: 0;}
    #global_ct_form .line .select-mania-large .select-mania-value-text {line-height: 66rem;padding: 0;height: 66rem;font-size: 26rem;}
    #global_ct_form .line .select-mania-large .select-mania-arrow { margin-top: 24rem;}
    #global_ct_form .line .line-title { font-size: 26rem; line-height: 1; margin-bottom: 27rem;}
    #global_ct_form .line .row { display: block; font-size: 0; margin-bottom: 6px;}
    #global_ct_form .line .row .zf-check-field {min-width: 266rem;margin-right: 17rem;font-size: 24rem;line-height: 1;}
    #global_ct_form .line .row .zf-check-field span { width: 18rem; height: 18rem; min-width: 12px; min-height: 12px;}
    #global_ct_form .line .row .zf-check-field:last-child {margin-right: 0;}
    #global_ct_form .line .row .zf-multiAttType label {margin-left: 8rem;}
    #global_ct_form .line .upload-btn { margin: 0 8px 30rem 0; line-height: 66rem; height: 66rem; font-size: 26rem; padding: 0 18rem;}
    #global_ct_form .line .upload-txt {font-size: 26rem;}
    #global_ct_form .line textarea { font-size: 26rem; line-height: 1.4; }
    #global_ct_form .submit-btn { display: block; width: 390rem; line-height: 80rem !important; height: 80rem; margin: 90rem auto 0; font-size: 28rem; padding: 0;}

    #s-chat-plugin{bottom: 58px !important;}
    .f-a{width:680rem;margin-left: 0px;}
}

.xf-a{width:100%;background-color:#f5f5f5}
.xf-b{width:14.4rem;margin:0 auto;padding:.8rem 0}
.xf-form{width:100%;font-size:0}
.xf-top{width:100%;padding-left:.2rem;margin-bottom:.35rem}
.xf-titles{color:#333;line-height:1.1;font-family:js;position:relative;margin-bottom:.15rem}
.xf-titles:after{content:'';position:absolute;top:50%;left:-.2rem;margin-top:-.13rem;width:.03rem;height:.26rem;background-color:#fa8106}
.xf-c{color:#222222;line-height:1.3}
.xf-c span{color:#ef1313}
.xf-cont{width:100%;font-size:0}
.xf-item{display:inline-block;vertical-align:middle;width:4.6rem;margin-right:.3rem;margin-bottom:.3rem}
.xf-item:nth-child(3n){margin-right:0}
.xf-item.high{z-index:100;position:relative}
.xf-item.higher{z-index:200}
.xf-item.higher2{z-index:300}
.xf-item.higher3{z-index:400}
.xf-item .zs-select{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10}
.xf-item .zs-select:after{content:"";position:absolute;right:.2rem;top:0;z-index:1;width:.12rem;height:100%;background-image:url('../images/x14.png');background-size:.14rem auto;background-position:center center;background-repeat:no-repeat}
.xf-item .zs-text{width:100%;height:100%;border:none;color:#333;padding:0 .2rem}
.xf-box{width:100%;position:relative;background-color:#fff;height:.6rem}
.xf-d{display:block;width:100%;color:#999999;line-height:.6rem;padding:0 .2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.xf-d span{color:#ff0000}
.xf-d.hide{display:none}
.xf-e{position:absolute;top:0;left:0;z-index:18;border:none;padding:0 .2rem;color:#333;width:100%;height:.6rem;background-color:transparent}
.placeholderbox.show .xf-d{display:none}
.xf-label{display:block;cursor:pointer;width:100%;background-color:#fff;height:.6rem;position:relative}
.xf-file{display:none}
.xf-name{display:block;width:100%;padding:0 .3rem;line-height:.6rem;color:#999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xf-f{position:absolute;top:0;right:0;width:.6rem;height:.6rem;text-align:center;line-height:.6rem}
.xf-f img{width:.2rem}
.xf-label.show .xf-name{color:#333}
.xf-g{width:100%;margin-bottom:.2rem}
.xf-h{display:inline-block;cursor:pointer;margin-bottom:.3rem;color:#666666;border-bottom:1px solid #666666}
.xf-i{width:100%;position:relative}
.xf-i:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.xf-j{float:left;font-size:0;background-color:#ffffff;padding:0;padding:0 .2rem}
.xf-k{display:inline-block;vertical-align:middle;color:#ff0000;margin-right:.4rem}
.xf-l{display:inline-block;vertical-align:middle;cursor:pointer;padding-right:.1rem;width:.9rem;height:.6rem;line-height:.6rem;text-align:center}
.xf-form.sp .xf-l{background-color:#f5f5f5;padding-left:.1rem;width:1rem}
.xf-form.sp .xf-m{background-color:#f5f5f5;padding-right:.1rem}
.xf-l img{max-width:100%;max-height:100%;vertical-align:top}
.xf-m{display:inline-block;vertical-align:middle}
.xf-mspan{display:inline-block;vertical-align:middle;color:#666666}
.xf-minput{display:inline-block;vertical-align:middle;border:none;background-color:#fff;text-align:center;color:#333;width:40px;height:.6rem;max-height:36px}
.xf-n{float:right;position:absolute;left:50%;transform:translate(-50%,0)}
.xf-submit{display:block;cursor:pointer;border:none;min-width:2.4rem;padding:0 .15rem;height:.6rem;line-height:.6rem;color:#ffffff;border:1px solid #fa8106;position:relative;z-index:10;transition:all .45s;text-align:center}
.xf-submit:before{pointer-events:none;content:"";display:block;width:100%;height:100%;background-color:#fa8106;position:absolute;left:0;top:0;z-index:-1;transition:width .45s cubic-bezier(.785,.135,.15,.86)}
@media(min-width:1201px){.xf-submit:hover{color:#fa8106}.xf-submit:hover:before{width:0;right:0;left:auto}}
@media(max-width:1200px){.xf-form.sp .xf-m{height:60px;line-height:60px}}
@media(max-width:1100px){.xf-n{position:relative;left:0;transform:translate(0,0)}}
@media(max-width:500px){.xf-k{width:100%;text-align:left;padding-top:10px}.xf-j{text-align:right}}
.xf-a{position:relative;z-index:12}
.xf-a.cont2{background-color:#fff}
.xf-a.cont2 .xf-b{border-bottom:1px solid #eee}
.xf-a.cont2 .xf-box{background-color:#f5f5f5}
.xf-a.cont2 .xf-j{background-color:#f5f5f5}
.xf-a.cont2 .xf-label{background-color:#f5f5f5}
.xf-form.sp .xf-box{background-color:#f5f5f5}
.xf-form.sp .xf-label{background-color:#f5f5f5}
@media(max-width:1200px){.xf-box{height:36px}.xf-d{height:36px;line-height:36px}.xf-e{height:36px}.xf-label{height:36px}.xf-name{line-height:36px}.xf-l{width:auto;height:auto}.xf-form.sp .xf-l{width:auto}.xf-minput{height:36px}.xf-submit{height:36px;line-height:36px}.xf-f{width:36px;line-height:36px;height:36px}}
@media(max-width:750px){.xf-b{width:100%;max-width:500px;padding-left:10px;padding-right:10px}.xf-item{width:100%;margin-right:0;margin-bottom:10px}.xf-j{width:100%;float:none;margin-bottom:10px}.xf-n{float:none;width:100%}.xf-l{height:auto;width:auto}}
.zf-tempContDiv{margin-bottom:10px}
.zf-fmFooter{margin:0;padding:5px;text-align:center}
.zf-fmFooter .zf-submitColor{line-height: 55px;width: 280px;height: 55px;font-size: 20px;border-radius: 2px;letter-spacing: 2px;}
.zf-submitColor{color:#fff;border:1px solid;border-color:#F90;background:#F90;box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.zf-tempContDiv input[type="text"],.zf-tempContDiv textarea,.zf-tempContDiv .zf-pdfTextArea{background:#fff;border:1px solid #e5e5e5;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:15px;font-size:13px;width:100%;height:atuo;margin-bottom:10px}
.percent-one-half{position:relative;margin-right:4%;float:left;margin-bottom:0px}
.percent-one-half{width:48%;height:100%}
.column-last{margin-right:0 !important;clear:right}
@media only screen and (max-width:767px){ .percent-one-half{position:relative;margin-right:0;float:left;min-height:1px;margin-bottom:0px}}
@media only screen and (max-width:767px){ .percent-one-half{width:100%}.zf-tempContDiv textarea{width:90%;line-height: 1.5;}.zf-large .zf-tempContDiv input[type="text"]{width:90%}.zf-large .zf-tempContDiv .zf-form-sBox{width:90%}.zf-tempFrmWrapper{padding:0px 0px}.zf-file{border: 1px solid #ccc;padding: 5px;}}
.zf-addrCont.hasCountry-inut{display: flex;align-items: center;}
.zf-addrCont.hasCountry-inut .clear-country-btn{border: 1px solid #ddd;line-height: 38px;height: 40px;padding: 0 12px;margin-left: 10px;border-radius: 8px;background: #fff;color: #858585;font-size: 12px;box-shadow: inset 0 0 10px #f5f5f5;cursor: pointer;user-select: none;margin-bottom: 10px;}
@media(min-width: 751px){
    .llter{opacity: 0;transform:translate3d(-14rem,0,0);}
    .llter.is-visible{transform:translate3d(0,0,0);opacity: 1;transition: opacity 1.5s, transform 1.5s;}
    .lrter{opacity: 0;transform:translate3d(14rem,0,0);}
    .lrter.is-visible{transform:translate3d(0,0,0);opacity: 1;transition: opacity 1.5s, transform 1.5s;}
}

.oh-user {display: none !important;}
#loading { width: 100%; height: 100%; background-color: #f8f8f8; position: fixed; top: 0; left: 0; z-index: 9999;}

#loading>i {width: 0.8rem;height: 0.8rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 0.06rem solid rgba(238, 123, 48, 0.2);border-radius: 50%;}

#loading>i:before { content: ""; display: block; width: 0.8rem; height: 0.8rem; box-sizing: border-box; border: 0.06rem solid transparent; border-top-color: #ee7b30; position: absolute; left: -0.06rem; top: -0.06rem; border-radius: 50%; animation: spin 0.8s linear infinite;}
@keyframes spin {0% {transform: rotate(360deg);}100% {transform: rotate(0deg);}}

.contain-text{position:fixed;left:300px;top:300px;border:1px solid #ddd;background-color:#fff;display:none;text-align:left;z-index:99999999999;user-select:none;-webkit-user-select:none;-ms-user-select:none}
.contain-text ul{list-style:none;margin:0;padding:0}
.contain-text ul li{line-height:2;width:11em;text-align:center;cursor:default;transition:all .3s;color:#333}
.contain-text ul li:hover{background-color:#ddd}

@media screen and (max-width: 768px){
    html{font-size: calc(100vw / 750);}
    .oh-box{padding: 16rem 56rem 24rem;}
    .oh-li{padding-left: 56rem;padding-right: 56rem;}
    .oh-li>a{padding: 21rem;display: inline-block;}
    .oh-li.has-ul>.oh-ico{right: 64rem;padding: 20rem 0;}
    .oh-li>a:before{top: 20rem;}
    .oh-li>ul a{padding-top: 12rem;padding-bottom: 12rem;}
    .oh-li>ul .last-level>a{padding-top: 12.5rem;padding-bottom: 12.5rem;padding-right: calc(1.5em + 38rem);}
    .last-level>.oh-ico{right: 38rem;padding: 12rem;}
    .has-ul>.oh-ico{padding: 12rem;}
    .oh-li>ul{padding-bottom: 12rem;}
    .oh-li.last-level>a{padding-right: calc(1.44em + 37rem);}
    .oh-li.last-level>.oh-ico{padding: 20rem 0;right: 104rem;}
    .f-mid{border-bottom: 0;overflow: hidden;}
    .xf-b{padding: 75rem 10px;}
    .xf-top{padding-left: 20rem;margin-bottom: 32rem;}
    .xf-titles{margin-bottom: 14rem;}
    .xf-titles:after{left: -20rem;margin-top: -12rem;width: 2.8rem;height: 24rem;}
    .zf-check-field{display: inline-block;vertical-align: top;margin-right: 20px;margin-bottom: 10px;}
    .zf-fmFooter .zf-submitColor{cursor: pointer !important; line-height: 80rem; height: 80rem; font-size: 28rem; width: 390rem; margin-top: 60rem; letter-spacing: 2px;}
    .xf-b{width: 680rem;}
}

header{background: #fff;box-shadow: 0 0 10px 0 #ddd;}
.oh-lk{color: var(--text1);font-size: 18px;font-weight: 500;}
.oh-lk:after{background-color: var(--color1);}
.oh-lk:hover:after{width: 100%;left: 0;}
.oh-menu:before{background-image: url('../images/common/menu-b.png');}
body.menu-state .oh-menu:before{background-image: url('../images/common/close-b.png');}
.oh-search{background-image: url('../images/common/search-b.png')}
.oh-position{background-image: url('../images/common/addr-b.png')}
.oh-3d{background-image: url('../images/common/vr-b.png');background-size: 28px;}
body.menu-state header{background-color: #fff;}
.oh-area{background-color: rgb(255, 255, 255);}
.oh-form{border-bottom: 1px solid var(--text1);}
.oh-txt{color: var(--text1);}
.oh-txt::-webkit-input-placeholder{color: var(--text1) !important;}
.oh-txt::-moz-placeholder{color: var(--text1) !important;}
.oh-txt::-ms-input-placeholder{color: var(--text1) !important;}
.oh-submit{background-image: url('../images/common/search-b.png');}
.oh-li>a{color: var(--text1);}
.has-ul>.oh-ico{background-image: url('../images/common/jia-b.png')}
.oh-li>a:before{background-color: var(--color1);}
.has-ul.show>.oh-ico{background-image: url('../images/common/jian-b.png');}
.last-level>.oh-ico{background-image: url('../images/common/right-b.png');}
.oh-li>ul a{color: var(--text1);}
.oh-big{background-color: rgba(255, 255, 255);}
.oh-big:before{background-color: #777;}
.oh-arrow{border-bottom: 0.16rem solid rgba(255, 255, 255)}
.oh-one-a{color: var(--text1);}
.oh-one.active .oh-one-a{color: var(--color1)}
.oh-one-b{color: var(--text1)}
.oh-tit{color: var(--text1)}
.oh-tip{color: var(--text1);}
body.has-pt header{background: #fff;}
.oh-mask{top: 0.6rem;}
body{padding-top: 0.6rem !important;}
@media (max-width: 1200px){.oh-mask{top: 42px;}body{padding-top: 42px !important;}}
button.submit-loading{position: relative;}
button.submit-loading:after{position: absolute;inset: 0;width: 100%;content: '';background-color: rgba(255, 255, 255, 0.8);cursor: wait;z-index: 2;}
button.submit-loading:before{position: absolute; inset: 0; content: ''; background-image: url(../images/common/loading.gif); background-repeat: no-repeat;background-position: center;background-size: 30px;z-index: 3;cursor: wait;}
.field-error{border-color: red !important;}
.select-mania:has(.field-error) .select-mania-inner{border-color: red !important;}
.error-msg-text{color: red;padding-left: 20px;display: none;}
.breadcrumbs{background: #f6f6f6;line-height: 24px;padding: 30px 0;text-align: center;font-size: 16px;color: #999;}
.breadcrumbs *{font-family: 'ms-base,Arial, Microsoft Yahei';display: inline-block;vertical-align: top;}
.breadcrumbs code{margin: 0 10px;}
.breadcrumbs a:hover{color: var(--color1);}

@media (max-width: 1700px){
    header.es .oh-index{margin-left: 60px;}
    header.es .oh-sub.sp .oh-big{margin-left: 160px;}
    header.es .oh-arrow{ margin-left: -170px;}
}
@media (max-width: 1600px){
    header.es .oh-index{margin-left: 40px;}
    header.es .oh-lk{font-size: 14px;}
}

/* common block */
.op-container{
    position: relative;
    padding: var(--conpadding) 0;
    background: #EEE;
    box-shadow: 0px 2px 20px 0px #00000026;
    width: 100%;
    overflow: hidden;
}
.op-container.bg2{
    background: #FAFAFA;
}
.op-container.bg3{
    background: #FAF8F5;
}
.op-titlebox{
    margin-bottom: 55px;
}
.title-txt{
    font-family: 'roboto';
}
.op-title{
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    font-family: 'roboto';
    font-weight: 400;
    color: #1A1A1A;
    text-transform: uppercase;
    margin: 0 auto;
}
.op-subtitle{
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    font-family: 'inter';
    margin: 30px auto 0;
    text-align: center;
    color: #666;
    font-weight: 500;
}
.slide-left-btn{
    position: relative;
    font-size: 16px;
    line-height: 1;
    padding: 14px 40px;
    background: transparent;
    border: 2px solid var(--color1);
    color: var(--color1);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
    z-index: 1;
    font-family: 'inter';
    font-weight: 500;
    text-transform: capitalize;
}
.slide-left-btn:after{
    content: '';
    position: absolute;
    height: 100%; 
    top: 0;
    left: 0;
    width: 0;
    transition: width 0.5s;
    background: var(--color1);
    z-index: -1;
}
.slide-left-btn:hover{
    color: #fff;
}
.slide-left-btn:hover:after{
    width: 100%;
}
.white-line-btn{
    color: #fff;
    border: 2px solid #fff;
}
.white-line-btn:hover{
    border-color: var(--color1);
}
.main-full-grey{
    background: var(--color1);
    color: #fff;
    border-color: var(--color1);
}
.main-full-grey:hover{
    border-color: var(--text1);
}
.main-full-grey::after{
    background: var(--text1);
}
@keyframes video-play{
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}
.play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -40px;
    margin-top: -40px;
    background: url('../images/project-play.png') no-repeat center/100% 100%;
    cursor: pointer;
    z-index: 3;
    opacity: 0.66;
    &:after {
        content: '';
        position: absolute;
        z-index: 0;
        inset: 0;
        border-radius: 50%;
        background: radial-gradient(circle, transparent 30%, white 30%, transparent);
        animation: video-play 2s linear infinite;
    }
}
.container{
    padding: 0 50px;
    max-width: 1500px;
    margin: 0 auto;
}


@media screen and (max-width: 1024px){
    .op-container{
        padding: var(--conpadding-pad) 0;
    }
    .op-title{
        font-size: 44px;
        line-height: 1.5;
    }
    .op-subtitle{
        font-size: 20px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 900px){
    .slide-left-btn {
        padding: 10px 15px;
    }
}


@media screen and (min-width: 769px){
    .mDom{
        display: none !important;
    }
}
@media screen and (max-width: 768px){
    .pcDom{
        display: none !important;
    }
    .container{
        padding: 0 30rem;
    }
    .op-container{
        padding: var(--conpadding-m) 0;
    }
    .op-title{
        font-size: 48rem;
        line-height: 77rem;
        letter-spacing: 0;
    }
    .op-titlebox{
        margin-bottom: 40rem;
    }
    .op-subtitle{
        font-size: 28rem;
        line-height: 42rem;
        margin-top: 30rem
    }
    .slide-left-btn{
        font-size: 28rem;
        padding: 19rem 40rem;
        border-width: 1px;
    }
    .play-btn{
        width: 80rem; 
        height: 80rem; 
        margin-left: -40rem;
        margin-top: -40rem;
    }
}

/* Page shells sit after the fixed-header space already reserved by body. */
.door-panel-page,
.base-materials-page,
.exact-quality-template{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
@media(max-width:650px){.oh-right .oh-search{display:none!important}.oh-right .google-translate{margin-right:14px!important;margin-left:0!important}.language-switcher-demo{gap:12px}.language-switcher-demo__icon{display:block;width:24px;height:24px;flex-basis:24px}.language-switcher-demo__select{width:158px;height:22px;padding:0 26px 0 8px;border-color:#777;border-radius:2px;font-size:14px;line-height:20px}}
@media(max-width:380px){.oh-right .google-translate{margin-right:8px!important}.language-switcher-demo{gap:8px}.language-switcher-demo__select{width:132px}.language-switcher-demo__icon{display:block;width:22px;height:22px;flex-basis:22px}}

/* Site-wide mobile overflow and media safety. */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
img{height:auto}
iframe{max-width:100%}
table{max-width:100%}
pre,code{overflow-wrap:anywhere}
@media(max-width:768px){
  *,*:before,*:after{box-sizing:border-box}
  body{min-width:0!important}
  .w1440,.w1200,.w1280,.container{width:100%!important;max-width:100%!important}
  .w1440,.w1200,.w1280{padding-left:18px!important;padding-right:18px!important}
  main,section,article,.content,.main,.left,.right{max-width:100%}
  img,video{max-width:100%!important}
  iframe{width:100%!important}
  h1,h2,h3,h4,h5,h6,p,a,li,span{overflow-wrap:break-word}
  input,select,textarea,button{max-width:100%;font-size:16px}
  .popup-form-box,.popup-form .form,.pagetop .form{width:calc(100% - 28px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .categorys,.tabs,.sp-faq-tabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .categorys .type,.categorys .tuls,.tabs,.sp-faq-tabs{flex-wrap:nowrap}
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pcDom,.pc_bg{display:none!important}
  .mDom,.m_bg{display:block!important}
  .banner,.nanner,.inside-banner,.sp-hero{min-height:420px;height:auto}
  .banner>img,.banner>video,.nanner .img>img,.inside-banner>img,.inside-banner .img>img,.sp-hero>img{width:100%!important;height:100%!important;min-height:420px;object-fit:cover}
  .engam .imgs,.pl-card .pl-img,.case-card .case-photo,.project .item .imgbox,.news-list .imgbox{aspect-ratio:4/3;height:auto!important;overflow:hidden}
  .engam .imgs img,.pl-card .pl-img img,.case-card .case-photo img,.project .item .imgbox img,.news-list .imgbox img{width:100%!important;height:100%!important;object-fit:cover}
  .product-top .main-img,.product-con .con img,.art_main img,.sp-article img{height:auto!important;max-height:none!important;object-fit:contain}
}

/* Keep every mobile page below an opaque, fixed navigation bar. */
@media (max-width: 768px){
  html body,
  html body.has-pt{
    padding-top:42px!important;
  }
  html body > header.index-header,
  html body.has-pt > header.index-header,
  html body.menu-state > header.index-header,
  html body.sp-home-at-top:not(.menu-state) > header.index-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    background:#fff!important;
    box-shadow:0 2px 10px rgba(0,0,0,.12)!important;
  }
  html body > header.index-header .oh-logo,
  html body.sp-home-at-top:not(.menu-state) > header.index-header .oh-logo{
    opacity:1!important;
    filter:none!important;
  }
  html body > header.index-header .oh-menu:before,
  html body.sp-home-at-top:not(.menu-state) > header.index-header .oh-menu:before{
    background-image:url('../images/common/menu-b.png')!important;
  }
  html body > header.index-header .oh-search,
  html body.sp-home-at-top:not(.menu-state) > header.index-header .oh-search{
    background-image:url('../images/common/search-b.png')!important;
  }
  html body > header.index-header .oh-3d,
  html body.sp-home-at-top:not(.menu-state) > header.index-header .oh-3d{
    background-image:url('../images/common/vr-b.png')!important;
  }
}