@charset "UTF-8";
.main{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;overflow: hidden;}
.header_main{width:100%;max-width:1800px;margin:0 auto;padding:0 20px;}

.top{position: relative;top: -130px;}

/* 
全局css变量定义
--mainColor     // 主色调
--helpColor     // 辅助深色调
--bgColor       // 辅助背景色 
--borderColor //线条色
*/
:root{
    --mainColor:#2eb6ae;
    --helpColor:#888888;
    --bgColor:#f5f5f5;
    --borderColor:#e1e1e1;
}

/* 头部导航 start */
/* box-shadow: 0px 6px 14px 0px rgb(14 17 31 / 14%); */
header{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;z-index:9999;transition: all .2s;}
.header_white{background-color: #fff;transition: all .2s;box-shadow: 0px 6px 14px 0px rgb(14 17 31 / 14%);}
.header_white .logo{display: none !important;}
.header_white .logo-act{display: block !important;}
.header_white .header-nav ul li > a{color: #484443;}
.header_white .header_search,.header_white .header_language{border: 1px solid #484443;color: #484443 !important;}
.header_white .header_language a{color: #484443 !important;}
.header_white .header_search input{color: #484443;}
.header_white .header_search input::placeholder{color: #888;}
.header_white .icon-nav-btn span{background: #000;}
.header_white .search_icon{display: none;}
.header_white .search_icon_act{display: block;}

/* 移动端logo */
.phone-logo{display: none !important;}

/* 导航离开顶部 */
.header-active{background:rgb(0, 0, 0) !important;}
.header-logo{max-width:265px;overflow:hidden;height:100%;position: relative;}
.header-logo-show{display:block !important;}
.header-logo-hide{display:none !important;}
/* 右边部分 */
.header-rightBox{margin-left:auto;height:100%;}
.header-nav{z-index:2;}
.header-nav ul {height:100%;}
.header-nav ul li {position:relative;cursor:pointer;}
.header-nav ul li > a{color:#ffffff;display:block;height:100%;line-height:110px;padding:0 40px;position:relative;font-size: 18px;transition: all .2s;}
.header-nav ul li:hover > a{color:var(--mainColor);transition: all .2s;}
.header-nav ul .active > a{color:var(--mainColor) !important;}

/* 二级菜单 */
.navBar{width:100vw;height:0px;box-sizing:border-box;overflow:hidden;background-color:#fff;position:fixed;left:0;transition:all .3s;box-shadow: 0px 6px 14px 0px rgba(14, 17, 31, 0.14);}

/* 显示二级菜单 */
.header-nav ul li:hover .navBar{height:140px;}
.navBar-cont{width:100%;height:100%;padding:15px;box-sizing:border-box;position:relative;justify-content:center;}
.navBar-cont::after{content:'';display:block;width:100%;height:1px;background-color:#d6ddee;position:absolute;left:0;top:0;}
.navBar-left{display:flex;justify-content:flex-start;align-items:center;overflow:auto;box-sizing:content-box;overflow-y: overlay;}

.navBar-left::-webkit-scrollbar{position:relative;right:0;}
.navBar-cont .navBar-left li{max-width:265px;min-width:180px;}
.navBar-cont2 .navBar-left li{min-width:265px;}
.navBar_item{text-align:center;}
.navBar_item img{max-width:42px;margin-bottom: 10px;}
.navBar_item p{font-size:16px;color:#333;transition: all .2s;}
.navBar_item2 p{white-space:pre-wrap;padding: 0 10px;}

.navBar_item span{font-size:16px;color:#666;}
.navBar-right{flex:1;height:100%;}
.navBar-cont .navBar-left li > a{display:block;width:100%;font-size:16px;line-height:24px;display: flex;align-items: center;flex-direction: column;}
.navBar-cont .navBar-left li:hover > a p{color:var(--mainColor);transition: all .2s;}
.navBar-cont .navBar-left .navBarActive > a p{color:var(--mainColor);}
.navBar-cont .navBar-left li > a::after{content:"";display:none;}
.nav-icon-act{filter:brightness(0);transition: all .2s;}
.navBar_item:hover > .nav-icon-act{filter:initial;transition: all .2s;}
/*移动端导航按钮*/
.icon-nav-btn{width:24px;height:24px;display:none;position:absolute;right:4%;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);}

/* 搜索框 */
.header_search{height: 42px;border-radius: 42px;border: 1px solid #fff;padding: 0 15px;width: 200px;justify-content: flex-start;}
.header_search img{width: 25px;margin-right: 15px;}
.search_icon_act{display: none;}
.header_search input{background-color: initial;height: 100%;color: #fff;font-size: 18px;width: 130px;}
.header_search input::placeholder{color: #fff;font-size: 18px;}
.header_language{height: 42px;border-radius: 42px;border: 1px solid #fff;padding: 0 15px;width: 90px;color: #fff;font-size: 18px;justify-content: center;margin-left: 28px;}
.header_language a{color: #fff;}
.header_language:hover{background-color: var(--mainColor);border: 1px solid  var(--mainColor);color: #fff;}

/* 尾部导航 start */
footer{width:100%;position:relative;background: #222222;;color:#fff;}
.footer-cont{font-size:14px;}
.footer-main{padding:60px 0;align-items:flex-start;}
.footer-logo{padding: 20px 0 80px;}
.footer-title{font-size: 24px;margin-bottom: 30px;}
.foorer-code{width: 100px;}

.footer-line{height: 315px;width: 1px;background-color: #333;}

.footer-nav{width:60%;align-items:flex-start;margin:0 40px;padding-top: 20px;}
.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:24px;margin-bottom:30px;}
.footer-nav ul li:first-child a{color:#fff;font-size:24px;}
.footer-nav ul li:first-child:hover a{color: #fff !important;}
.footer-bold{font-weight:900;}
.footer-nav ul li a{color:#666666;font-size:16px;}
.footer-nav ul li a:hover{color: #fff !important;}
.footer-nav ul .footer-arrow a{color: #fff !important;}

.footer-link{width:100%;height:1px;background-color:#666666;}
.footer-record-left{padding:20px 0;color: #666666 !important;}
.footer-record-left a{margin-right: 10px;color: #666666 !important;font-size: 16px;}
.footer-record-right a{margin-left: 15px;color: #666666 !important;font-size: 16px;}
.footer-record-right a:hover{color: #fff;}


/* 尾部 end */

@media(max-width:1560px){
.header-logo{max-width:200px;}
.header-nav > ul > li > a{line-height:100px;padding:0 20px;font-size: 16px;}
.navBar_item p{font-size:14px;}
/* 搜索框 */
.header_search{height: 35px;border-radius: 35px;padding: 0 10px;width: 160px;}
.header_search img{width: 18px;margin-right: 10px;}
.header_search input{font-size: 14px;width: 110px;}
.header_search input::placeholder{font-size: 14px;}
.header_language{height: 35px;border-radius: 35px;padding: 0 10px;width: 60px;font-size: 14px;margin-left: 15px;}
.header_language:hover{background-color: var(--mainColor);border: 1px solid  var(--mainColor);}
/* 下拉菜单 */
.navBar-cont .navBar-left li > a{font-size:20px;line-height:20px;}/* 二级导航字大小和marging-bottom */
.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 ul{margin-right: 25px;}
}
@media(max-width:1350px){
.navBar-cont .navBar-left li > a{font-size:18px;line-height:18px;}/* 二级导航字大小和marging-bottom */
.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){
.footer-nav{margin:0;}
.footer_right{max-width:340px;}
}
/* 移动端 */
@media (max-width:1080px){
.header-logo{display: none;}
.phone-logo{display: block !important;}
.phone-logo img{max-width: 30px;object-fit: contain;margin-top: 10px;}
.header-nav > ul > li > a{line-height:40px;padding:0 20px;font-size: 16px;}
.header_main{height: 100%;}
.header-logo{max-width:160px;}
.header_right{margin-right: 60px;}

.header-phoneBox{display:block !important;width:24px;height:1px;}
header{position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;padding: 0;}
.icon-nav-btn{display:block !important;}
.header-right-cont{margin-right:10px;}
.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%;overflow-y:scroll;overflow-x:hidden;}
.header-nav > ul > li{width:100%;}
.header-nav > ul > li > a{color:#333;padding:0;}
.header-nav > ul > li > a::after{background-color:var(--mainColor);left:0;bottom:0;}
.arrow2,.arrow3{position:absolute;width:50%;height:40px;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:var(--mainColor);}
.header-nav ul li:hover > .arrow2::after{border-color:var(--mainColor);}
.active .arrow2::after{border-color:var(--mainColor);}
.navBar-right{display:none;}/* 三级导航以另外的盒子显示 */
/* 二级菜单 */
.navBar{width:100%;height:0;position:static;transform:translate(0);transition:all ease .5s;box-shadow:unset;}
.navBar2{display:block;}
.navBar-cont{padding:0 ;display:block;}
.navBar-left{padding:0;margin:0;border:unset;flex-wrap:wrap;}
.navBar-cont .navBar-left li{border:unset !important;width:100%;max-width:unset;margin-top:10px;}
.navBar-cont .navBar-left li:last-child{margin-bottom:10px;}
.navBar_item{text-align:left;}
.navBar_item p{font-size:14px;}
.navBar_item span{font-size:14px;display: none;}
.navBar_item img {
    max-width: 32px;
    margin: 0 ;
    margin-right: 5px;
}
.navBar-cont .navBar-left li > a{padding:0 20px;margin:0;display: flex;align-items: center;flex-direction: inherit;}

/* 搜索 */
.header_search{border: none;width: auto;padding: 0;height: auto;}
.header_search input{display: none;}
.header_language{border: none;width: auto;margin: 0;padding: 0;}
.header_language:hover{color: var(--mainColor);background-color: initial;border: none;}
.header_white .header_search,.header_white .header_language{border: none;}
.header_white .header_language a{color: #484443 !important;}

/* 显示二级菜单 */
.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 12px;justify-content: center;}
.footer-logo{width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0px}
.footer-title{font-size: 18px;margin-bottom: 15px;}
.foorer-code{width: 100px;height: 100px;}
.foorer-code img{width: 100%;height: 100%;object-fit: cover;}
.footer-line{display: none;}

.footer-nav{flex-wrap:wrap;width: 100%;max-width: inherit;}
.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;font-size:16px;}
.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{flex-wrap: wrap;}
.footer-record-left{padding:8px 0;color: #666666 !important;}
.footer-record-left a{margin-right: 10px;color: #666666;font-size: 14px;}
.footer-record-right{padding:8px 0;}
.footer-record-right a{margin-left: 0px;color: #666666;font-size: 14px;margin-right: 5px;}
.footer-record-right a:hover{color: #fff;}
}
@media(max-width:768px){
.navBar_item p{font-size:14px;}
.footer-nav{width:100%;flex:unset;}
.footer-title{font-size: 16px;margin-bottom: 15px;}
.footer-record-left a{font-size: 12px;}
.footer-record-right a{font-size: 12px;}
}

@media(max-width:580px){
.header_right { margin-right: 40px;}
}

/* 侧边 */
.side{position: fixed;z-index: 99;width: 56px;height: 113px;background-color: #fff;bottom: 60px;right: 30px;border-radius: 56px;box-shadow: 0px 0px 16px 0px rgb(14 17 31 / 14%);}
.side_cont{flex-direction: column;justify-content: center;width: 100%;height: 100%;position: relative;}
.side_cont::after{position: absolute;content: "";width: 100%;height: 2px;left: 0;top: 50%;background-color: #fff;transform: translateY(-50%);}
.service{width: 100%;height: 50%;position: relative;}
.service img{width: 22px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.gotop{width: 100%;height: 50%;position: relative;}
.gotop::after{position: absolute;content: "";width: 16px;height: 16px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);border: #ccc solid;border-width: 3px 3px 0 0;z-index: 99;}
@media (max-width:1360px) {
.side{width: 46px;height: 90px;bottom: 60px;right: 30px;border-radius: 46px;}
.gotop::after{position: absolute;content: "";width: 12px;height: 12px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);border: #ccc solid;border-width: 2px 2px 0 0;z-index: 99;}
.service img{width: 20px;}
}
@media (max-width:980px) {
.side{width: 40px;height: 70px;bottom: 60px;right: 20px;border-radius: 40px;}
.gotop::after{position: absolute;content: "";width: 10px;height: 10px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);border: #ccc solid;border-width: 2px 2px 0 0;z-index: 99;}
.service img{width: 18px;}
}