.head{width:100%;position:fixed;top:0;left:0;height:100px;z-index:99;transition:all .3s;}
.head::after{content:"";width:100%;height:100%;background-color:#fff;transition:all .3s;position:absolute;left:0;top:0;z-index:-1;opacity:0}
.head .mzbox{display:flex;justify-content:space-between;align-items:center;max-width:1800px}
.head .head-logo{display:flex;align-items:flex-end;gap:30px}
.head .head-logo img{max-height:66px;filter:brightness(0) invert(1);transition:all .3s}
.head .head-logo-line{width:1px;height:30px;background-color:#fff}
.head .head-logo-info{color:#fff;font-size:15px;line-height:1}
.head .head-logo-info p + p{margin-top:1px}
.head .head-navs{display:flex;align-items:center;justify-content:flex-end;gap:49px}
.head .head-nav-ul{display:flex;align-items:center;gap:51px;justify-content:flex-end;margin-right:12px}
.head .head-nav-li{font-size:18px;display:flex;align-items:center;justify-content:center;height:100px;cursor:pointer}
.head .head-nav-li>a{color:#fff}
.head .head-nav-li.active>a,.head .head-nav-li>a:hover{color:#1e50e4!important}
.head .head-line{height:17px;width:1px;background-color:#fff}
.head .head-language {font-size:17px;}

.head .head-language>div:first-of-type,
.head .head-search>div:first-of-type{height:33px;background-color:transparent;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s}
/*
.head .head-language:hover>div:first-of-type img,.head .head-search:hover>div:first-of-type img{cursor:pointer;transform:rotateY(180deg);color:#666;}
*/
.head-search-box{width:100%;position:fixed;top:0px;left:0;height:100px;z-index:9;transition:all .3s;background-color:#fff;opacity:0;z-index:9;border-top: 1px solid #fafafa;}
.head-search-box .mzbox{display:flex;justify-content:space-between;align-items:center;max-width:1800px;height:100%}
.head-search-box .head-logo{display:flex;align-items:flex-end;gap:30px}
.head-search-box .head-logo img{max-height:66px;transition:all .3s}
.head-search-box .head-logo-line{width:1px;height:30px;background-color:#fff}
.head-search-box .head-logo-info{color:#fff;font-size:15px;line-height:1}
.head-search-box .head-logo-info p + p{margin-top:1px}
.head-search-box .head-search-close{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;margin-left:29px;cursor:pointer}
.head-search-box .head-search-close span{width:100%;height:2px;background-color:#333;position:absolute}
.head-search-box .head-search-close span:first-of-type{transform:rotate(45deg)}
.head-search-box .head-search-close span:last-of-type{transform:rotate(-45deg)}
.head-search-box .head-search-content{ border-bottom: 1px solid #999; display:flex;align-items:center;justify-content:flex-end}
.head-search-box .head-search-content .ico{display:flex;align-items:center;justify-content:center;line-height:1}
.head-search-box .head-search-content .fa{font-size:24px;margin-right:19px}
.head-search-box .input-search{width:580px}
.head-search-box .input-search .form-control{border-radius:0;border:0;background-color:#fff}
.head-sub-nav{position:absolute;width:100vw;background:#fff;background-repeat:no-repeat;left:0;top:100px;display:none;height:auto}
.head-sub-nav::before{content:"";width:100%;height:8px;position:absolute;top:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.02),transparent);z-index:1}
.head-sub-nav .mzbox{display:flex;max-width:1600px;align-items:unset}
.head-sub-nav .left,.head-sub-nav .right{padding-top:60px;padding-bottom:60px}
.head-sub-nav .right{width:39.8%;font-size:22px;line-height:1;padding-left:100px;}
.head-sub-nav .right .tit{font-size:24px; color: #333333; margin-bottom: 30px;}
.head-sub-nav .right .desc{font-size:16px;line-height:32px; color: #666666;}

.head-sub-nav .left{display:flex;background-color:#f4f4f4;justify-content:space-between;width:60.2%;position:relative;}
.head-sub-nav .left::before{content:"";width:100%;height:100%;position:absolute;right:100%;background-color:#f4f4f4;top:0; }


.head-sub-nav .left .title{font-size:24px; font-weight: bold; color: #333333; margin-bottom: 30px;}
.head-sub-nav .left .sub-navs{/*padding-left:80px;padding-right:80px;*/ width: 48%; float: left;}
.head-sub-nav .left .sub-navs ul { width: 100%;}
.head-sub-nav .left .sub-navs ul li{width: 50%; float: left;padding-bottom:22px; margin-bottom: 10px;position:relative}
.head-sub-nav .left .sub-navs a{color:#666; font-size:18px;/*display:flex;justify-content:space-between; */line-height:1;}
.head-sub-nav .left .sub-navs a .fa{ margin-right: 12px; font-size: 22px; font-weight: normal; color: #2155e6;}

.head-sub-nav .left .sub-navs ul li:before{content:"";width:0%;height:1px;background-color:#2155e6;position:absolute;left:0;bottom:0;transition:all .3s}
.head-sub-nav .left .sub-navs ul li a:hover{color:#2155e6}
/*.head-sub-nav .left .sub-navs a:hover::before{width:90%}*/


.head-sub-nav .sub-navs-img{ width: 48%;overflow:hidden}
.head-sub-nav .sub-navs-img>div{display:block; }
.head-sub-nav .sub-navs-img img{ max-width: 100%; border-radius:5px;}
.head:hover::after{opacity:1}
.head:hover{background:#fff;box-shadow:0 2px 30px rgba(145, 109, 109, 0.2)}
.head:hover .head-logo img{filter:brightness(1) invert(0)}
.head:hover .head-nav-li>a{color:#333}
.head:hover .head-nav-li>a:hover,.head:hover .head-nav-li.active>a{color:#1e50e4!important}
.head:hover .head-line{background-color:#333}
.head:hover .head-language>div:first-of-type img,.head:hover .head-search>div:first-of-type img{filter:invert(1)}
.head:hover .head-language>div:first-of-type,.head:hover .head-search>div:first-of-type{ color:#333;}
.head.down .head-language>div:first-of-type,.head.down .head-search>div:first-of-type{ color:#333;}

.head.down,.head.white{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.3);}
.head.white .head-logo img,.head.down .head-logo img{filter:brightness(1) invert(0)}
.head.down .head-nav-li>a{color:#333}
.head.down .head-nav-li>a:hover,.head.down .head-nav-li.active>a{color:#1e50e4!important}
.head.down .head-line{background-color:#333}
.head.down .head-language>div:first-of-type img,.head.down .head-search>div:first-of-type img{filter:invert(1)}
.head.down .head-nav-li .sub-menu{top:100px}
.head.white .head-logo-line,.head:hover .head-logo-line,.head.down .head-logo-line{background-color:#333}
.head.white .head-logo-info,.head:hover .head-logo-info,.head.down .head-logo-info{color:#333}
.head-language{position:relative}
.language-sub{padding:9px 20px;border-radius:9px;box-shadow:0 0 15px rgba(0,0,0,.3);position:absolute;width:max-content; top:66px; left:50%;transform:translateX(-50%);background-color:#fff;display:none}
.language-sub a{border-bottom:1px solid #dcdcdc;font-size:16px;display:block;text-align:center;line-height:32px;padding:5px 6px}
.language-sub a:hover{color:#1e50e4!important;line-height:32px;}
 
.full-menu-btn{display:none!important;position:relative;z-index:11}
.full-menu-btn>div{width:62px;height:26px;align-items:center;justify-content:center;background-color:#1e50e4!important;display:flex;border-radius:50px}
.full-menu{width:100%;height:calc(100% - 100px);position:fixed;background-color:rgba(0,0,0,.5);display:flex;justify-content:flex-end;z-index:8;display:none; top:100px}
.full-menu-box{width:22%;background-color:#0a1e40;height:100%;overflow-y:auto;padding:40px;position:absolute;left:-100%;min-width:360px}
.full-menu-btn span{background-color:#fff;width:20px;height:1px;position:relative}
.full-menu-btn span::after,.full-menu-btn span::before{content:"";width:100%;height:100%;background-color:#fff;position:absolute;left:0;right:0;margin:auto;transform-origin:center;transition:all .3s}
.full-menu-btn span::after{top:-5px}
.full-menu-btn span::before{bottom:-5px}
.full-menu-btn.active span{background-color:transparent}
.full-menu-btn.active span::after{transform:rotate(-45deg);top:0}
.full-menu-btn.active span::before{transform:rotate(45deg);bottom:0}
.full-menu-box dl + dl{border-top:1px solid rgba(255,255,255,.2)}
.full-menu-box dl dt a{font-size:18px;color:#fff;font-weight:normal}
.full-menu-box dl dt{font-size:18px;color:#fff;font-weight:normal;padding-top:9px;padding-bottom:9px}
.full-menu-box dl dd{padding-bottom:9px}
.full-menu-box dl dd a{font-size:14px;display:block;padding:5px 11px;color:#fff}
.full-menu-box .sub-nav3{font-size:15px;padding-left:20px}
.index-title{margin-bottom:10px}
.index-title .title{display:flex;align-items:center;gap:10px}
.index-title .title h2{font-size:24px;color:#686d7a}
.index-title .desc,.index-title .desc>*{font-size:40px;font-weight:bold;color:#333}
.index-btn a{width:180px;height:50px;border-radius:5px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;color:#fff;font-size:16px;position:relative;overflow:hidden;background-color:transparent;gap:15px;font-weight:normal}
.index-btn a>*{position:relative;z-index:2;line-height:1}
.index-btn a::after{content:"";width:100%;height:100%;background-color:#1e50e4!important;position:absolute;right:0;top:0;transition:all .3s;z-index:1}

.input-search-close{opacity:.2;color:#000;text-shadow:none}
.input-search-close.icon{font-size:inherit;line-height:inherit}
.input-search-close:focus,.input-search-close:hover{cursor:pointer;text-decoration:none;opacity:.5;color:#000}
button.input-search-close{padding:0;cursor:pointer;border:0;background:0 0;-webkit-appearance:none}
.input-search{position:relative}
.input-search .form-control{border-radius:200px}
.input-search .input-search-close,
.input-search .input-search-icon{position:absolute;z-index:1;top:50%;width:2.573rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.input-search .input-search-close{right:8px}
.input-search .input-search-icon+.form-control{padding-left:3.073rem}
.input-search .input-search-icon{font-size:16px;left:8px;text-align:center;pointer-events:none;color:#a3afb7}
.input-search-btn+.form-control{padding-right:50px}
.input-search-btn{position:absolute;top:0;right:0;height:100%;padding:0 10px;border:none;border-radius:0 200px 200px 0;background:0 0}
.input-search-btn .icon{margin:0 3px}
.input-search-dark .input-search-icon{color:#76838f}
.input-search-dark .form-control{background:#f3f7f9;-webkit-box-shadow:none;box-shadow:none}
.input-search-dark .form-control:focus{background-color:#fff}
.form-inline .form-group{margin-right:20px}
.form-inline .form-group:last-child{margin-right:0}
.form-inline .form-control-label{margin-right:5px}
@media (max-width:1530px){
.head .head-nav-ul{ gap:41px; margin-right:5px; }
.head .head-navs{ gap: 30px;}
}
@media (max-width:1440px){
.head .head-nav-ul{ gap:36px;}
.head .head-navs{ gap: 25px;}
}
@media (max-width:1366px){
.head .head-nav-ul{ gap:30px; margin-right:0px; }
.head .head-navs{ gap: 20px;}
}
@media (max-width:1300px){
.head .head-nav-ul{ gap:20px; }
.head .head-navs{ gap: 15px;}
}
       
@media (max-width:1200px){
.head { display: none;}
}