body {overflow-x: hidden;margin: 0;scroll-behavior: smooth;font-size: 16px;background-color: #f3f3f3;font-family: "Microsoft YaHei", sans-serif;color: #404040;}
html { scrollbar-width: none; -ms-overflow-style: none;scroll-behavior: smooth;font-size: 16px;}
::-webkit-scrollbar { width: 0px; background: transparent; }

* { box-sizing: border-box; }

.container{max-width: 1200px;width: 100%;margin: 0 auto;padding: 0;position: relative;}
a {text-decoration: none;}
p, h1, h2, h3, h4{margin: 0;}

ul, li{padding: 0;margin: 0;}
li{list-style: none;}

.hidden{display: none!important;}

header{background-color: #4aabff;height: 115px;width: 100%;/*position: fixed;z-index: 999;*/}
header .container{height: 100%;}
header .headerWrap{display: flex;align-items: center;width: 100%;height: 100%;}
header .headerWrap .logoWrap{width: 215px;height: max-content;margin-right: 40px;flex: 0 0 215px;max-width: 215px;}
header .headerWrap .logoWrap img{width: 100%;height: auto;display: block;}
header .headerWrap .navigation-bar{display: flex;flex-direction: column;width: 100%;}
header .headerWrap .navigation-bar .navigation-top{display: flex;align-items: center;justify-content: flex-end;height: 35px;}
header .headerWrap .navigation-bar .navigation-top a{padding: 0 18px;font-size: 12px;color: #ffffff;position: relative;}
header .headerWrap .navigation-bar .navigation-top a::after{width: 1px;height: 70%;background-color: #ffffff;top: 50%;transform: translateY(-50%);right: 0;position: absolute;content: "";}
header .headerWrap .navigation-bar .navigation-bottom{height: 80px;display: flex;align-items: center;padding: 0 12px 0 118px;column-gap: 86px;background-color: #ffffff;clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);}
header .headerWrap .navigation-bar .navigation-bottom .menu-list{width: 507px;height: 40px;display: flex;align-items: center;justify-content: space-between;flex: 0 0 507px;max-width: 507px;}
header .headerWrap .navigation-bar .navigation-bottom .menu-list a{height: 100%;font-size: 18px;color: #333333;position: relative;line-height: 40px;}
header .headerWrap .navigation-bar .navigation-bottom .menu-list a.active{font-size: 24px;font-weight: bold;}
header .headerWrap .navigation-bar .navigation-bottom .menu-list a.active::after{position: absolute;content: "";bottom: 0;width: 100%;height: 4px;border-radius: 2px;background-color: #4AABFF;left: 0;}
header .headerWrap .navigation-bar .navigation-bottom .search-input{background-color: #F3F3F3;border-radius: 24px;width: 220px;height: 48px;flex: 0 0 220px;max-width: 220px;display: flex;align-items: center;padding: 12px 12px 10px 12px;}
header .headerWrap .navigation-bar .navigation-bottom .search-input img{width: 17px;height: 17px;display: block;margin-right: 5px;margin-bottom: 5px;}
header .headerWrap .navigation-bar .navigation-bottom .search-input input{border: none;outline: none;height: 100%;width: 100%;font-size: 16px;color: #404040;background-color: transparent;}
header .headerWrap .navigation-bar .navigation-bottom .search-input input::placeholder{color: #999999;}
.header-spacing{height: 115px;width: 100%;}

footer{background-color: #313131;margin-top: 40px;padding: 38px 0 24px;}
footer .footerWrap{display: flex;flex-direction: column;align-items: center;}
footer .footerWrap .footerLogo{width: 216px;height: max-content;margin-bottom: 23px;}
footer .footerWrap .footerLogo img{width: 100%;height: auto;display: block;}
footer .footerWrap .footer-menu{display: flex;align-items: center;justify-content: center;column-gap: 58px;margin-bottom: 20px;}
footer .footerWrap .footer-menu a{font-size: 14px;color: #999999;position: relative;}
footer .footerWrap .footer-menu a.active{font-weight: bold;color: #4AABFF;padding: 0 16px;}
footer .footerWrap .footer-menu a.active::after{position: absolute;content: "〞";top: 0;right: 0;}
footer .footerWrap .footer-menu a.active::before{position: absolute;content: "〝";top: 0;left: 0;}
footer .footerWrap .copyright{display: flex;flex-direction: column;align-items: center;}
footer .footerWrap .copyright p{font-size: 14px;color: #666666;line-height: 24px;}
footer .footerWrap .copyright a{color: #666666;}
.titleWrap{position: relative;padding: 7px 12px 0 0;width: 100%;margin-bottom: 12px;}
.titleWrap h2{font-size: 18px;font-weight: bold;color: #404040;position: relative;width: max-content;}
.titleWrap p{font-size: 18px;font-weight: bold;color: #404040;position: relative;width: max-content;}
.titleWrap::before{position: absolute;content: "";top: 0;height: 2px;background-color: #DCDCDC;width: 100%;}
.titleWrap h2::before{position: absolute;content: "";top: -7px;height: 3px;background-color: #4AABFF;width: 100%;}
.titleWrap p::before{position: absolute;content: "";top: -7px;height: 3px;background-color: #4AABFF;width: 100%;}

.breadcrumbs{margin-top: 20px;margin-bottom: 10px;}
.breadcrumbs .container{display: flex;align-items: center;column-gap: 12px;}
.breadcrumbs a,.breadcrumbs span{font-size: 14px;color: #999999;line-height: 20px;}
.breadcrumbs a::after{content: '>';display:inline-block;height: 14px;padding-left: 12px;line-height: 14px;}
.breadcrumbs a.current{font-weight: bold;color: #4AABFF;}
.breadcrumbs span{font-weight: bold;color: #4AABFF;}
.breadcrumbs img{width: 14px;}

.error-page{margin-top: 24px;}
.error-page .errorWrap{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 100px 0 200px;background-color: #ffffff;}
.error-page .errorWrap > img{width: 570px;height: auto;display: block;}
.error-page .errorWrap p{font-size: 24px;color: #404040;}
.error-page .errorWrap a{margin-top: 27px;width: 123px;height: 36px;line-height: 36px;text-align: center;border-radius: 16px;background-color: #FFD930;font-size: 18px;color: #FFFFFF;}