/* 瀛椾綋 */ @charset "utf-8"; /*鍦ㄧ嚎瀛椾綋寮曞叆锛氱綉鍧€锛歨ttps://www.googlefonts.cn/english*/ /*@import url('https://fonts.font.im/css?family=Krona+One|Montserrat:400,500,600,700,800,900');*/ /* 鍥炬爣icon */ /* 鏍瑰彉閲 */ :root{ /*瀹藉害*/ --mh_width:min(1600px,90%); /*棣栭〉瀹藉害,褰撳搴﹀ぇ浜?720鏃讹紝寰楁敼鎴?5%*/ --mn_width:min(1200px,90%); /*鍐呴〉瀹藉害*/ /*棰滆壊*/ --mmco:#193B6D; /*涓昏棰滆壊*/ /*鍏朵粬*/ --bs1:0 0 10px rgba(0,0,0,0.1); /*闃村奖*/ --bs3:0 0 10px rgba(0,0,0,0.3); /*闃村奖*/ --tr3:.3s ease; /*杩囨浮*/ --tr6:.6s ease; /*杩囨浮*/ /*瀛椾綋澶у皬*/ --fs-72: 72px; --fs-60: 60px; --fs-58: 58px; --fs-56: 56px; --fs-54: 54px; --fs-52: 52px; --fs-50: 50px; --fs-48: 48px; --fs-46: 46px; --fs-44: 44px; --fs-42: 42px; --fs-40: 40px; --fs-38: 38px; --fs-36: 36px; --fs-34: 34px; --fs-32: 32px; --fs-30: 30px; --fs-28: 28px; --fs-26: 26px; --fs-24: 24px; --fs-22: 22px; --fs-20: 20px; --fs-18: 18px; --fs-16: 16px; } /*婊氬姩鏉¤缃?/ html::-webkit-scrollbar { width: 10px; } html::-webkit-scrollbar-thumb { background: #c1c1c1; } html::-webkit-scrollbar-track { background: #E6E6E6; } /*閿氱偣鐐瑰嚮缂撳姩*/ html{ scroll-behavior: smooth; } html{ scroll-padding-top:130px; /*褰撳鑸爮鍥哄畾鍦ㄩ《閮ㄦ椂锛岃缃繖涓睘鎬ц兘璁╅敋鐐圭偣鍑讳互鍚庝笉琚鑸爮閬尅浣?/ } /*鍏叡鏍峰紡绫诲悕鑷畾涔?/ /*瀹藉害*/ .mhw{ /*棣栭〉瀹藉害*/ max-width: var(--mh_width); margin: 0 auto; } .mnw{ /*鍐呴〉瀹藉害*/ max-width: var(--mn_width); margin: 0 auto; } /*瑙嗗樊婊氬姩*/ .main .parallax-container{ transform: unset!important; } /* 鍥剧墖姣斾緥 */ .pbg{ position: relative; } .pbg img{ position: absolute; } /*鍏朵粬*/ /*闃村奖鏁堟灉*/ .bs1{ box-shadow: var(--bs1); } .bs3{ box-shadow: var(--bs3); } /*闃村奖绉诲叆鏁堟灉*/ .bs1h:hover{ box-shadow: var(--bs1); } .bs3h:hover{ box-shadow: var(--bs3); } /*杩囨浮鏁堟灉*/ .tr3{ transition: var(--tr3); } .tr6{ transition: var(--tr6); } /*鏂囧瓧绉诲叆鏁堟灉*/ /*鍗曚釜鏂囧瓧*/ .txh{ transition:color var(--tr3); } .txh:hover{ color: var(--mmco)!important; } /*绉诲叆瀹瑰櫒鍐呮枃瀛楁晥鏋?/ .ctx{ transition:color var(--tr3); } .ctxh:hover .ctx{ color: var(--mmco)!important; } /*鍥剧墖绉诲叆鏁堟灉*/ /*鍗曚釜鍥剧墖绉诲叆鏁堟灉*/ .imh img{ transition: transform var(--tr6); } .imh:hover img{ transform: scale(1.05); } /*绉诲叆瀹瑰櫒鍐呭浘鐗囨晥鏋?/ .cim img{ transition: transform var(--tr6); } .cimh:hover .cim img{ transform: scale(1.05); } /*鏂囨湰鎹㈣*/ .no_blak{ white-space: pre-line; } /*rem鍝嶅簲寮?/ /*娉ㄦ剰鍓嶅悗椤哄簭锛屽悓鏃跺瓨鍦╩in鎴栬€卪ax鏃讹紝鍚庨潰鐨勪細瑕嗙洊鍓嶉潰鐨?/ @media (min-width:1000px) { :root { --fs-72: 30px; --fs-60: 30px; --fs-58: 30px; --fs-56: 30px; --fs-54: 30px; --fs-52: 30px; --fs-50: 30px; --fs-48: 30px; --fs-46: 30px; --fs-44: 30px; --fs-42: 30px; --fs-40: 30px; --fs-38: 30px; --fs-36: 30px; --fs-34: 30px; --fs-32: 30px; --fs-30: 28px; --fs-28: 26px; --fs-26: 24px; --fs-24: 22px; --fs-22: 20px; --fs-20: 18px; } } @media (min-width:1600px) { :root { --fs-72: 72px; --fs-60: 60px; --fs-58: 58px; --fs-56: 56px; --fs-54: 54px; --fs-52: 52px; --fs-50: 50px; --fs-48: 48px; --fs-46: 46px; --fs-44: 44px; --fs-42: 42px; --fs-40: 40px; --fs-38: 38px; --fs-36: 36px; --fs-34: 34px; --fs-32: 32px; --fs-30: 30px; --fs-28: 28px; --fs-26: 26px; --fs-24: 24px; --fs-22: 22px; --fs-20: 20px; --fs-18: 16px; } } @media (max-width: 769px) { :root { /*瀛椾綋澶у皬*/ --fs-72: 28px; --fs-60: 28px; --fs-58: 28px; --fs-56: 28px; --fs-54: 28px; --fs-52: 28px; --fs-50: 28px; --fs-48: 28px; --fs-46: 28px; --fs-44: 28px; --fs-42: 28px; --fs-40: 22px; --fs-38: 28px; --fs-36: 28px; --fs-34: 28px; --fs-32: 28px; --fs-30: 18px; --fs-28: 22px; --fs-26: 22px; --fs-24: 20px; --fs-22: 20px; --fs-20: 14px; --fs-18: 14px; --fs-16: 14px; } .mhw{ /*棣栭〉瀹藉害*/ max-width:100%; } .mnw{ /*鍐呴〉瀹藉害*/ max-width:100%; } /*绉诲姩绔痯adding璋冩暣*/ .mbp{ padding: 1rem 10px!important; } } /*em鍝嶅簲寮?/ /*椤甸潰瀹藉害鏄?600px*/ @media (min-width:1600px){ body{ font-size: 16px; } } @media (max-width:1600px) and (min-width:1200px){ body{ font-size: 14px; } } @media (max-width: 769px) { body { font-size: 14px; } }