@charset "UTF-8";
.main{width:100%;max-width:1920px;margin:0 auto;padding:0 8.333333%;}

/* 头部导航 start */
header{position:fixed;top:0;left:0;width:100%;height:100px;line-height:100px;box-sizing:border-box;background:transparent;z-index:9999;}

/* 导航离开顶部 */
.header-active{background:rgb(0, 0, 0) !important;}
.header-main{width:100%;margin:0 auto;height:100%;font-size:20px;}
.header-logo,.header-logo2{width:185px;overflow:hidden;height:100%;position: relative;}
.header-logo a,.header-logo2 a{display:block;top:50%;transform:translateY(-50%);position:absolute;}
.header-logo-show{display:block !important;}
.header-logo-hide{display:none !important;}
/* 右边部分 */
.header-rightBox{margin-left:auto;height:100%;}
.header-nav{z-index:2;flex:1;}
.header-nav ul {height:100%;}
.header-nav ul li {position:relative;cursor:pointer;}
.header-nav ul li > a{color:#fff;display:block;height:100%;line-height:100px;padding:0 20px;position:relative;}
.header-nav ul li > a::after{content:"";width:0%;display:block;height:2px;background-color:#FFF;position:absolute;left:50%;bottom:20px;transition:all ease .3s;}
.header-nav ul li:hover > a::after{width:100%;left:0;}
/* .header-active .header-nav ul li > a{color:#000;} */
.header-nav ul .active > a::after{width:100%;left:0;}/* 当前导航样式 */
/* 语言及搜索图标 */
.header-right{margin-left:30px;}
.header-right-cont{color:#fff;margin-right:30px;font-size:20px;}
.header-right-search{color:#fff;width:30px;cursor:pointer;user-select:none;}

/* 搜索栏 */
.SearchBar{position:fixed;z-index:99999;width:0;left:50%;transform:translateX(50%);height:80px;top:110px;overflow:hidden;;background-color:rgba(255,255,255,.7);border-radius:40px;transition:all ease .3s;padding:0;}
.SearchBar input{background-color:rgba(255,255,255,0);height:100%;font-size:24px;flex:1;min-width:100px;}
.SearchBar span{font-size:24px;display:block;height:100%;line-height:80px;margin-left:10px;cursor:pointer;user-select: none;}
.SearchBar span:hover{color:#0c64e2;}
.SearchBarActive{width:50%;left:0;padding:0 40px;}

/* 二级菜单 */
.navBar{width:1200px;height:0;box-sizing:border-box;overflow:hidden;background-color:#fff;position:absolute;top:calc(100%);left:50%;;transform:translateX(-50%);transition:all .3s;}
/* 显示二级菜单 */
.header-nav ul li:hover .navBar{height:480px;}
.navBar-cont{width:100%;height:100%;padding:60px 80px;box-sizing:border-box;}
.navBar-left{display:block;border-right:#ccc solid 2px;padding-right:40px;margin-right:40px;}
.navBar-right{flex:1;height:100%;}
.navBar-cont .navBar-left li > a{color:#000;display:block;width:100%;padding:0;font-size:24px;line-height:24px;margin-bottom:22px;}
.navBar-cont .navBar-left li:hover > a{color:#005dc7;}
.navBar-cont .navBar-left .navBarActive > a{color:#005dc7;}
.navBar-cont .navBar-left li > a::after{content:"";display:none;}
/* 三级导航 */
.secList-phone{display:none;}
.secList{height:100%;position:relative;}
.secList > ul{position:absolute;top:0;left:0;height:100%;width:calc(100% - 300px);}
.secList > .secBox{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.secList > .secBox > div{width:220px;height:220px;overflow:hidden;}
.secList > ul > li::before{content:"";width:0;height:1px;bottom:0;left:0;position:absolute;background-color:#666;transition:all .3s;}
.secList > ul > li > a{color:#666;;font-size:20px;line-height:24px;transition:all .3s;margin-bottom:24px;padding:0;padding-bottom:24px;}
.secList > ul > li > a::after{display:none;}
.arrow{position:absolute;right:0;width:30px;height:24px;opacity:0;transition:all .3s;}
.arrow::before{content:"";position:absolute;width:20px;height:2px;background-color:#005dc7;right:0;top:50%;transform:translateY(-50%);}
.arrow::after{content:"";position:absolute;width:10px;height:10px;border:#005dc7 solid 2px;border-width:2px 2px 0 0;right: 0;top:50%;transform:translateY(-50%) rotate(45deg);}
.secList > ul > li:hover::before{width:100%;}/*下拉菜单底边*/
.secList > ul > li:hover > a{color:#005dc7;border-width:100%;}/*三级菜单字体颜色*/
.secList > ul > li:hover > a .arrow{opacity:1;}/*三级菜单字体颜色*/

/*移动端导航按钮*/
.icon-nav-btn{width:24px;height:24px;display:none;position:absolute;right:2%;cursor:auto;}
.icon-nav-btn span{width:100%;display:block;height:2px;background:#fff;opacity:1;border-radius:4px;position:absolute;left:0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.icon-nav-btn .nav-line01{top:3px;}
.icon-nav-btn .nav-line02{top:50%;transform:translateY(-50%);}
.icon-nav-btn .nav-line03{bottom:3px;}
.open .nav-line01{top:11px;left:50%;transform:translateX(-50%) rotate(-45deg);}
.open .nav-line02{opacity:0;}
.open .nav-line03{bottom:11px;left:50%;transform:translateX(-50%) rotate(45deg);}

/* 尾部导航 start */
footer{width:100%;position:relative;background:#030408;color:#fff;}
.footer-cont{font-size:14px;}
.footer-main{padding:80px 0;align-items:flex-start;}
.footer-logo{width:185px;}
.footer-record p{border-top:rgba(254,254,254,.5) solid 1px;padding:40px 0;flex-wrap:wrap;}
.footer-record a{color:#fff;}
.footer-record a:hover,.footer-record a:visited{color:#fff;}
.website-design{margin:0 15px;}
.footer-nav{width:60%;align-items:flex-start;}
.footer-nav ul{margin-right:40px;}
.footer-nav ul:last-child{margin-right:0px;}
.footer-nav ul li{margin-bottom:15px;text-align:left;}
.footer-nav ul li:first-child{font-size:16px;font-weight:900;margin-bottom:30px;}
.footer-bold{font-weight:900;}
.footer-nav ul li a{color:#fff;}
.footer-txt{width:16%;}
.footer-txt p{line-height:30px;}
.footer-nav ul li:hover a{color:#0c64e2;}
/* 尾部 end */

@media(max-width:1800px){
header{height:70px;}
.SearchBar{height:60px;top:80px;}
.SearchBar span,.SearchBar input{line-height:58px;font-size:20px;}
.header-main{font-size:14px;}/* 控制导航字体大小 */
.header-logo,.header-logo2{width:155px;}/* 控制logo大小 */
.header-nav > ul > li > a{line-height:70px;padding:0 15px;}
.header-nav > ul > li > a::after{bottom:10px;}
.header-right-cont{margin-right:20px;font-size:16px;}
.header-right-search{width:22px;}
}
@media(max-width:1560px){
header{height:60px;}
.header-main{font-size:14px;}/* 控制导航字体大小 */
.header-logo,.header-logo2{width:115px;}/* 控制logo大小 */
.header-nav > ul > li > a{line-height:60px;}
.header-nav > ul > li > a::after{bottom:10px;}
.header-right-cont{margin-right:20px;font-size:14px;}
.header-right-search{width:20px;}
/* 下拉菜单 */
.navBar{width:1000px;}/* 2/5 */
.header-nav ul li:hover .navBar{height:400px;}
.navBar-cont{padding:45px 60px;}/* 下拉菜单padding 3/4 */
.navBar-cont .navBar-left li > a{font-size:20px;line-height:20px;margin-bottom:22px;}/* 二级导航字大小和marging-bottom */
.navBar-left{padding-right:40px;margin-right:40px;}/* 二级导航右边内外边距 */
.secList > ul{width:calc(100% - 180px - 60px);}/* 三级导航width(包括右边距 1:图片宽，2:边距宽) */
.secList > ul > li > a{font-size:16px;margin-bottom:16px;padding-bottom:16px;}/* 三级导航内外边距字体大小 */
.secList > .secBox > div{width:180px;height:180px;}/* 图片大小 */
.arrow{position:absolute;right:0;width:30px;height:24px;opacity:0;transition:all .3s;}
.arrow::before{width:20px;}
.arrow::after{width:8px;height:8px;}

.footer-nav{width:70%;}
.footer-nav ul{margin-right: 25px;}
}
@media(max-width:1350px){
.navBar{width:700px;}/* 2/5 */
.header-nav ul li:hover .navBar{height:280px;}
.navBar-cont{padding:37.5px 50px;}/* 下拉菜单padding 3/4 */
.navBar-cont .navBar-left li > a{font-size:18px;line-height:18px;margin-bottom:20px;}/* 二级导航字大小和marging-bottom */
.navBar-left{padding-right:30px;margin-right:30px;}/* 二级导航右边内外边距 */
.secList > ul{width:calc(100% - 120px - 50px);}/* 三级导航width(包括右边距 1:图片宽，2:边距宽) */
.secList > ul > li > a{font-size:16px;line-height:18px;margin-bottom:10px;padding-bottom:10px;}/* 三级导航内外边距字体大小 */
.secList > .secBox > div{width:120px;height:120px;}/* 图片大小 */
.arrow{position:absolute;right:0;width:30px;height:18px;opacity:0;transition:all .3s;}
.arrow::before{width:18px;}
.arrow::after{width:6px;height:6px;}
}
@media(max-width:1240px){
.main{padding:0 5%;}
}
/* 移动端 */
@media (max-width:1080px){
.SearchBar{top:60px;left:50%;transform:translateX(12%);}
.SearchBarActive{width:80%;left:0;padding:0 30px;}
.main{padding:0 4%;}
header{position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;background-color:#000;}
.header-right{margin:0 34px 0 0}
.icon-nav-btn{display:block !important;}
.header-right-cont{margin-right:10px;}
.header-right-search{width:24px;}
.header-nav{width:100%;position:fixed;left:0;top:-120%;background-color:rgba(255,255,255,1);height:100vh;z-index:999;transition:all 0.8s;}
.header-nav > ul {flex-wrap:wrap;align-content:flex-start;padding:10px 5%;}
.header-nav > ul > li{width:100%;}
.header-nav > ul > li > a{color:#333;padding:0;}
.header-nav > ul > li > a::after{background-color:#005dc7;left:0;bottom:0;}
.arrow2,.arrow3{position:absolute;width:50%;height:60px;right:0;top:0;z-index:33;}
.arrow2::after,.arrow3::after{content:"";position:absolute;border:#333 solid;border-width:2px 2px 0 0;width:10px;height:10px;top:50%;right:0;transform:translateY(-50%) rotate(45deg);display:block;transition:all .3s;}
.arrow2-open::after{transform:translateY(-50%) rotate(135deg);}
.header-nav ul li:hover > a{color:#005dc7;}
.header-nav ul li:hover > .arrow2::after{border-color:#005dc7;}
/* .header-nav ul .active > a{color:#005dc7;} */
.header-nav ul .active > a::after{width:0;}
.navBar-right{display:none;}/* 三级导航以另外的盒子显示 */
/* 二级菜单 */
.navBar{width:100%;height:0;position:static;transform:translate(0);transition:all ease .5s;}
.navBar2{display:block;}
.navBar-cont{padding:0 20px;display:block;}
.navBar-left{padding:0;margin:0;border:unset;}
.navBar-cont .navBar-left li > a{margin-bottom:0;font-size:14px;line-height:60px;}
/* 显示二级菜单 */
.header-nav ul li:hover .navBar{height:0;}
.autoHeight{height:auto !important;}
.navBar-cont .navBar-left .navBarActive > a{color:#333;}
.secList-phone{display:block;height: 0;overflow:hidden;transition:all .3s;padding: 0 20px;}
.secList-phone > ul > li > a{line-height:40px !important;font-size:12px !important;}

.footer-main{flex-wrap:wrap;padding:50px 0;}
.footer-logo{width:100%;}
.footer-logo img{width:185px;margin:0 auto 20px;}
.footer-nav{flex:1;flex-wrap:wrap;}
.footer-nav ul{width:100%;margin-right:0;transition:all ease .5s;max-height:43px;overflow:hidden;}
.footer-nav ul li{padding:0 2.5%;margin-bottom:0;line-height:30px;cursor:pointer;max-height:0;overflow:hidden;transition:all ease .5s;}
.footer-nav ul li a{display:block;width:100%;}
.footer-nav ul li:first-child{font-size:16px;font-weight:unset;margin-bottom:0px;line-height:42px;border-bottom:#333 solid 1px;padding:0 10px;max-height:45px !important;position:relative;}
.footer-nav ul li:first-child a{display:inline;}
.footer-nav ul li:first-child::after{content:'';display:block;position:absolute;width:8px;height:8px;border:#fff solid;border-width:2px 2px 0 0;top:50%;right:10px;transform:translateY(-50%) rotate(135deg);transition:all ease .3s;}
.footer-nav ul .footer-arrow::after{transform:translateY(-50%) rotate(-45deg) !important;}
.footer-record p{padding:30px 0;flex-wrap:wrap;}
}
@media(max-width:768px){
.header-logo,.header-logo2{width:100px;}/* 控制logo大小 */
.footer-logo img{width:145px;}
.footer-record p{justify-content:center;}
}
@media(max-width:475px){
.SearchBar{height:50px;}
.SearchBar span,.SearchBar input{line-height:48px;font-size:16px;}
.SearchBarActive{padding:0 20px;}
}