@font-face {
    font-family: 'Montserrat Medium';
    src: url('../font/Montserrat/Montserrat-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Regular';
    src: url('../font/Montserrat/Montserrat-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('../font/Montserrat/Montserrat-SemiBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html,body{-webkit-text-size-adjust:none;font-size:16px;margin:0;padding:0;min-width: 1600px;font-family: "Montserrat Medium"; background: #F5F6F6;}
ul,li,form,p,a{margin:0;padding:0;list-style:none;font-family: "Montserrat Medium";}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight: 700}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.mt90 {margin-top: 90px !important;}

.pl20 {padding-left: 20px !important}
.pl40 {padding-left: 40px !important}
.pl60 {padding-left: 60px !important}

.pt10 {padding-top: 10px !important}
.pt20 {padding-top: 20px !important}
.pt40 {padding-top: 40px !important}
.pr10 {padding-right: 10px !important}
.pb20 {padding-bottom: 20px !important}
.pb40 {padding-bottom: 40px !important}
.pb150 {padding-bottom: 120px !important}

.c282828 {color: #282828 !important;}

.img100 {width: 100% !important;}

.common-title {font-size:34px;width:100%;text-align:center;margin:80px 0 40px 0;font-weight:700;color:#ffffff;}
.common-title p {font-size:1.125rem;color:#ffffff;font-weight:normal;margin-top:20px;}

input {background-color:transparent;border:0;}
button {margin:0;padding:0;border:1px solid transparent;outline:none;background-color:transparent;}
button:active {opacity:0.6;}
.flex-col {display:flex;flex-direction:column;}
.flex-row {display:flex;flex-direction:row;}
.justify-start {display:flex;justify-content:flex-start;}
.justify-center {display:flex;justify-content:center;}
.justify-end {display:flex;justify-content:flex-end;}
.justify-evenly {display:flex;justify-content:space-evenly;}
.justify-around {display:flex;justify-content:space-around;}
.justify-between {display:flex;justify-content:space-between;}
.align-start {display:flex;align-items:flex-start;}
.align-center {display:flex;align-items:center;}
.align-end {display:flex;align-items:flex-end;}

/* header */
.header {width:100%;position:relative;background-color:#000000;}
.header .nav {width:94%;height:65px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.header .nav_left .logo {width:90px;}
.header .nav_left .logo img {width:100%;}
.header .nav_left {display:flex;justify-content:left;width: 80%;}
.header .nav_left .nav_menu {display:flex;justify-content:space-between;align-items:center;width:600px; margin-left:90px;}
.header .nav_left .nav_menu li {}
.header .nav_left .nav_menu li > a {color:#C2C2C2;font-size:15px;}
.header .nav_left .nav_menu li .nav-children-list {position:absolute;display:none;width:100%;left:0;top:66px;z-index:999;background-color:#000000;overflow:hidden;}
.header .nav_left .nav_menu li .nav-children-list > div {display: flex;}
.header .nav_left .nav_menu li .nav-children-list > div img{width:628px;}
.header .nav_left .nav_menu li .nav-children-list > div > div{flex:1; display: flex; flex-wrap: wrap; gap: 30px; padding: 30px 50px;}
.header .nav_left .nav_menu li .nav-children-list > div > div dl {flex: 1 1 calc(33.333% - 30px); }
.header .nav_left .nav_menu li .nav-children-list > div > div dl dt {display: block;}
.header .nav_left .nav_menu li .nav-children-list > div > div dl dt a {font-family: Montserrat, Montserrat;font-weight: 500;font-size: 21px;color: #FFAE45;line-height: 25px;text-align: left;font-style: normal;}
.header .nav_left .nav_menu li .nav-children-list > div > div dl dd{font-weight: 400;font-size: 15px;color: #C2C2C2;line-height: 23px;}
.header .nav_left .nav_menu li .nav-children-list a {display:block;white-space:nowrap;margin-top:15px;color:#666666;font-size:14px;letter-spacing:2px;}
.header .nav_left .nav_menu li .nav-children-list a:first-of-type {margin-top:0;}
.header .nav_left .nav_menu li .nav-children-list a:hover {color:#0632A0;}
.header .nav_right .tel {padding:0 60px;line-height:38px;font-family:"思源黑体 CN Regular";vertical-align:middle;border:1px}
.header .nav_right .tel img {padding-right:5px;}
.header .nav_right .search{width:202px; text-align: right;}
.header .nav_right .search i {display:inline-block;font-style:normal;font-size:20px;padding:0 6px;}
.header .nav_right select {border:0 !important;background:none !important;}
.header .nav_right .search .search-container {position:relative;right: 75px; top:4px}
.header .nav_right .search .select-lang-box{display:inline-block; padding-top: 3px;}
.header .nav_right .search .select-lang-box img{margin-right: 8px;}
.header .nav_right .search .select-lang-box a{color: #C2C2C2;}
.header .nav_right .search .search-input {width:0;border:none;position:absolute;opacity:0;right:-7px;transition:width 0.5s,opacity 0.5s;border:1px solid #0632A0;top:-7px;background-color:#ffffff;}
.header .nav_right .search .search-label {position:absolute;inset:0;right:10px;cursor:pointer;font-size: 17px;}
.header .nav_right .search .search-label img {margin: 0 6px 3px 0;}
.header .nav_right .search .search-input:focus {width:300px;/* 或者你需要的宽度 */opacity:1;padding:8px;/* 添加内边距使输入框看起来更好 */}

/* .header .nav_right .search .search-input:focus + .search-label {}*/
.footer {width:100%;background-color:#141414;}
.footer .center {position:relative;width:90%;margin:0 auto;padding-top:80px;color:rgba(255,255,255,0.5);font-size:14px;line-height:36px;}
.footer_top {display:flex;justify-content:space-between;color:#929292;padding-bottom:80px;overflow:hidden;}
.footer_top .footer_left {width: 640px; overflow: hidden;}
.footer_top .footer_left img.logo {width:150px;margin-bottom:30px;}
.footer_top .footer_left li{font-weight: 500;font-size: 18px;color: #979797;line-height: 22px;font-family: Montserrat, Montserrat;font-style: normal;}
.footer_top .footer_left li:first-of-type {font-size: 37px;color: #C2C2C2;line-height: 44px;}
.footer_top .footer_left li:nth-of-type(2) {font-size: 21px;color: #979797;line-height: 25px;}
.footer_top .footer_center {flex:1;justify-content: space-between;}
.footer_top .footer_center ul {float:right; overflow: hidden;}
.footer_top .footer_center li {float:left;margin-left:15rem;position:relative;font-weight: 500;font-size: 18px;color: #979797;line-height: 22px;font-family: Montserrat, Montserrat;font-style: normal;}
.footer_top .footer_center li:nth-of-type(2) {margin-left:10rem;}
.footer_top .footer_center li > a {font-size:1.125rem;color:#FFAE45;margin-bottom: 10px;display:block;}
.footer_top .footer_center li .nav-children-list {line-height: 36px;text-align: left;font-style: normal;}
.footer_top .footer_center li .nav-children-list a {font-size: 19px;color: #FFFFFF;line-height: 36px;text-align: left;font-style: normal;}
.footer .footer_right {position:absolute;top:0;right:0;}
.footer .footer_right img {width:144px;height:144px;margin-bottom:2px;}
.footer_top .footer_center li .qrcode {right:0;}
.footer .bottom {width:95%;height:80px;padding-top:25px;border-top:solid 1px rgba(255,255,255,0.1);font-weight: 400;font-size: 17px;color: #C2C2C2;line-height: 23px;text-align: right;font-style: normal;text-align:center;}
.contact-form {width:100%;background:url("../img/form-bg.png") no-repeat;background-size:100% 100%;padding-bottom:70px;overflow:hidden;}
.contact-form .title,.contact-form .title p {color:#ffffff;}
.contact-form .content {width:90%;margin:0 auto;}
.contact-form .content .layui-form-label {float:none;padding:20px 0;text-align:left;color:#ffffff;font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:1.125rem;}
.contact-form .content .layui-input-block {margin-left:0;}
.contact-form .content .layui-input {background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #ffffff;padding-left:0;}
.contact-form .content .layui-form-item .layui-inline {width:16%;margin:0 3.5% 0 0;}
.contact-form .content .layui-form-item .layui-inline:last-of-type {margin-right:0;}
.contact-form .content .layui-form-item .layui-input-inline {width:100%;margin-right:0;}

@media screen and (max-width: 1500px) {
    .footer_top .footer_left {width: 500px;}
}