:root { --border: #eee solid 1px; --wrapper: 1600px; --main-color:#b7894d; --main2-color:#b7894d; --main3-color:#b7894d; --xc1:#b7894d; --linearX: linear-gradient(#eee, #fff); --linearY: linear-gradient(-180deg, #051225,#ebebeb); --listbg: #060a28; --tit-color: #222; --sum-color: #727272; } * { font-family:'Arial', '寰蒋闆呴粦', sans-serif; word-break: normal; word-wrap: normal; } /*閫氱敤*/ .container { width: 100%; max-width: 100%; } a { cursor: pointer; } body, html { overflow-x: hidden !important; } a:focus, a:active, a:hover, a:visited { outline: none !important; text-decoration: none; } i { font-style: normal; } #easy_zoom { transition: all 0s; -moz-transition: all 0s; /* Firefox 4 */ -webkit-transition: all 0s; /* Safari 鍜 Chrome */ -o-transition: all 0s; } #easy_zoom * { transition: all 0s; -moz-transition: all 0s; /* Firefox 4 */ -webkit-transition: all 0s; /* Safari 鍜 Chrome */ -o-transition: all 0s; /* Opera */ } .page_a.current { background: var(--main-color); color: #fff; } @media only screen and (min-width: 769px) { .fa_text_pcc { text-align: center; } .fa_text_pcl { text-align: left; } .fa_text_pcr { text-align: right; } :root { --padding: 70px 10px; --margin: 70px auto; --m80: 80px 0; --m50: 50px 0; --f190: 190px; --f96: 96px; --f92: 92px; --f90: 90px; --f86: 86px; --f84: 84px; --f82: 82px; --f80: 80px; --f78: 78px; --f76: 76px; --f74: 74px; --f72: 72px; --f70: 70px; --f68: 68px; --f66: 66px; --f64: 64px; --f62: 62px; --f60: 60px; --f58: 58px; --f56: 56px; --f54: 54px; --f52: 52px; --f50: 50px; --f48: 48px; --f46: 46px; --f45: 45px; --f44: 44px; --f42: 42px; --f40: 40px; --f38: 38px; --f36: 36px; --f34: 34px; --f32: 32px; --f30: 30px; --f28: 28px; --f26: 26px; --f24: 24px; --f22: 22px; --f20: 20px; --f18: 18px; --f16: 16px; --f14: 14px; } } @media only screen and (max-width:768px) { .fa_text_moc { text-align: center; } .fa_text_mor { text-align: right; } .fa_text_mol { text-align: left; } :root { --padding: 30px 10px; --margin: 30px auto; --m80: 30px 0; --m50: 30px 0; --f190: 30px; --f96: 30px; --f92:30px; --f90: 30px; --f86:30px; --f84:26px; --f82: 26px; --f80:26px; --f78: 26px; --f76:26px; --f74: 26px; --f72:26px; --f70: 26px; --f68: 26px; --f66: 26px; --f64: 24px; --f62: 24px; --f60: 24px; --f58: 24px; --f56: 24px; --f54: 24px; --f52: 24px; --f50: 24px; --f48: 24px; --f46: 24px; --f45: 24px; --f44: 24px; --f42: 24px; --f40: 24px; --f38: 20px; --f36: 20px; --f34: 20px; --f32: 20px; --f30: 20px; --f28: 18px; --f26: 18px; --f24: 18px; --f22: 16px; --f20: 16px; --f18: 16px; --f16: 14px; --f14: 12px; } input::-webkit-input-placeholder { font-size: 14px; line-height: 1.42857143; } input::-moz-placeholder { font-size: 14px; line-height: 1.42857143; } input:-ms-input-placeholder { font-size: 14px; line-height: 1.42857143; } input:-moz-placeholder { font-size: 14px; line-height: 1.42857143; } } @media only screen and (max-width: 1200px) and (min-width: 769px) { :root { --padding: 50px 10px; --margin: 50px auto; --f190: 50px; --f96: 30px; --f92:30px; --f90: 30px; --f86:30px; --f84:26px; --f82: 26px; --f80:26px; --f78: 26px; --f76:26px; --f74: 26px; --f72:26px; --f70: 26px; --f68: 26px; --f66: 26px; --f64: 24px; --f62: 24px; --f60: 24px; --f58: 24px; --f56: 24px; --f54: 24px; --f52: 24px; --f50: 24px; --f48: 24px; --f46: 24px; --f45: 24px; --f44: 24px; --f42: 24px; --f40: 24px; --f38: 20px; --f36: 20px; --f34: 20px; --f32: 20px; --f30: 20px; --f28: 18px; --f26: 18px; --f24: 18px; --f22: 18px; --f20: 18px; --f18: 16px; --f16: 14px; --f14: 14px; } .fa_grid { padding: 50px 10px; } } @media only screen and (max-width: 1366px) and (min-width: 1200px) { #c_navigation_115_P_056-1698646511036 .e_navigationA-4 .p_level1Item a { font-size: 16px; font-weight: normal; padding: 0 10px; line-height: 100px; display: block; text-align: center; } #c_navigation_115_P_056-1698646511036 .e_navigationA-4 .nav-tel .tel-con { display: flex; align-items: center; padding: 0 15px; border-left: 1px solid rgba(255, 255, 255, .2); border-right: 1px solid rgba(255, 255, 255, .2); } :root { --padding: 50px 10px; --margin: 50px auto; --f190: 50px; --f96: 50px; --f92:50px; --f90:48px; --f86:48px; --f84:48px; --f82: 48px; --f80:48px; --f78: 48px; --f76: 48px; --f74: 40px; --f72: 40px; --f70: 40px; --f68: 36px; --f66: 36px; --f64: 34px; --f62: 34px; --f60: 34px; --f58: 30px; --f56: 30px; --f54: 30px; --f52: 30px; --f50: 30px; --f48: 28px; --f46:28px; --f45: 28px; --f44: 28px; --f42: 28px; --f40: 26px; --f38: 26px; --f36: 26px; --f34: 24px; --f32: 24px; --f30: 24px; --f28: 24px; --f26: 24px; --f24: 24px; --f22: 22px; --f20: 20px; --f18: 18px; --f16: 16px; --f14: 14px; } .fa_grid { padding: 50px 10px; } } @media only screen and (max-width: 1660px) and (min-width: 1366px) { `.e_navigationA-4 .p_level1Item a { font-size: 16px; font-weight: normal; padding: 0 10px; line-height: 100px; display: block; text-align: center; } .e_navigationA-4 .nav-tel .tel-con { padding: 0 20px; } :root { --padding: 50px 10px; --margin: 50px auto; --f190: 50px; --f96: 60px; --f92: 60px; --f90: 60px; --f86: 60px; --f84: 60px; --f82: 60px; --f80: 60px; --f78: 60px; --f76: 54px; --f74: 54px; --f72: 54px; --f70: 54px; --f68: 54px; --f66: 50px; --f64: 50px; --f62: 50px; --f60: 50px; --f58: 50px; --f56: 50px; --f54:46px; --f52: 46px; --f50: 46px; --f48: 46px; --f46:46px; --f45: 45px; --f44:44px; --f42: 42px; --f40: 40px; --f38: 38px; --f36: 36px; --f34: 44px; --f32: 32px; --f30: 30px; --f28: 28px; --f26: 26px; --f24: 24px; --f22: 22px; --f20: 20px; --f18: 18px; --f16: 16px; --f14: 14px; } .fa_grid { padding: 50px 10px; } }