@charset "UTF-8";
.main{width:100%;max-width:1920px;margin:0 auto;}
.main2{width:100%;max-width:1240px;margin:0 auto;padding:0 20px;}
main{overflow:hidden !important;}


/* 
全局css变量定义
--mainColor    // 主色调
--helpColor    // 辅助深色调
--helpColor1   // 辅助浅色调
--bgColor      // 辅助背景色 
*/
:root{
    --mainColor:#000;
    --helpColor:#4d4948;
    --helpColor1:#848484;
    --bgColor:#f5f5f5;
}

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

/* 导航左边logo */
.header_main{width: 100%;height: 100%;margin: 0 auto;position: relative;}
.header_logo{width:185px;overflow:hidden;height:100%;position: relative;margin-left: 80px;}
.header_logo a{display:block;top:50%;transform:translateY(-50%);position:absolute;}

/* 导航中间盒子 */
.header_center_box{height:100%;font-size:16px;}
.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:90px;padding: 0 45px;}
.header_nav ul li a span{white-space: nowrap;}
.header_nav ul li:hover >a{color: #000;background-color:#fff;}
.nav_bar{display: none;}
/* 当前选中导航样式 */
.active > a{font-size:16px;color:#000;background-color:#fff;}
.active a span {color: #000;}
.header_nav ul li:hover > .nav_bar{display: block;}
/* 二级菜单 */
.nav_bar{width: 100%;position: absolute;top: 100%;left: 0;background-color: #86a4cc;}
.header_nav .nav_bar_active a{color:#fff;display:block;height:56px;line-height:24px;padding:16px 0;text-align: center;white-space: nowrap;} 
.header_nav .nav_bar_active:hover > a{background-color:#18579a;color: #fff;}
.header_nav .nav_bar_max a{padding:16px 35px;}
/* 导航右边盒子 */
.header_right_box{display: flex;align-items: center;border-left: 1px solid #fff;height: 100%;color: #fff;font-size: 16px;}
.right_box1,.right_box2{width: 90px;height: 100%;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.header_right_box img{width: 20px;}
.header_right_box span{margin-left: 10px;}
.right_box2{background-color:  #86a4cc;}

/* 搜索框 */
.searchBox{width: 100%;position: absolute;padding: 20px;left: 500%;top: 100%;display: flex;align-items: center;justify-content: center;background-color: #86a4cc;transition:all .8s;}
.searchBox input{padding: 10px;font-size: 14px;border-radius: 20px;width: 50%;}
.search_btn{width: 80px;height: 40px;background-color: #e2c651;color: #fff;margin-left: 20px;font-size: 16px;text-align: center;font-weight: bold;border-radius: 20px;line-height: 40px;cursor: pointer;}
.search_show{left: 0;transition:all .8s;}
/* 尾部导航 start */
footer{width:100%;position:relative;color:#fff;background-color:#18579a;}
.footer-main{padding:80px;width:100%;max-width:1920px;margin:0 auto;align-items:flex-start;}
.footer_line{width:1px;height:190px;background-color:rgba(255,255,255,.1);}
/* 底部导航菜单 */
.footer-nav{width:80%;align-items:flex-start;}
.footer-nav_title{flex:1;padding-bottom: 10px;position: relative;}
.footer-nav_title::before{position: absolute;content: "";width: 120px;height: 2px;background-color: #fff;left: 0;bottom: -5px;display:none;}
.footer-nav ul li:first-child{font-weight:bold;margin-bottom:25px;font-size:18px;}
.footer-nav ul li:last-child{margin-bottom:0;}
.footer-nav ul li{margin-bottom:15px;text-align:left;font-size:14px;}
.footer-nav ul li a{color:#fff;}
.footer-nav ul li:first-child a{color:#fff;}
.footer-txt{width:16%;}
.footer-txt p{line-height:30px;}
.footer-nav ul li:hover a{text-decoration:underline;color:#fff;}
/* 底部二维码 */
.footer_code{display: flex;align-items: center; flex-direction:column;margin-bottom:30px;}
.footer_code img{width: 112px;height: 112px;margin-bottom: 10px;} 

/* 网站版权 */
.footer-record{width: 100%;padding:0 80px;font-size: 14px;}
.copyright-text{width:100%;border-top:#fff solid 1px;display: flex;justify-content:space-between;}
.footer-record p{padding:35px 0;flex-wrap:wrap;color:#fff;}
.footer-record a{color:#fff;}
.footer-record a:hover{color:#fff;}
.footer-record a:visited{color:#fff;}
.website-design{margin:0 15px;}
.website-design a:visited{color:#fff;}
.website-design a:hover{color:#fff;}
/* 尾部 end */
@media (min-width:1920px) {
    
}
@media(max-width:1800px){
    header{height:70px;}
    .header_logo,.header_logo2{width:155px;}/* 控制logo大小 */
    .header_nav > ul > li > a{line-height:70px;padding:0 45px;}
    .header_nav > ul > li > a::after{bottom:10px;}
    /* .active > a,.header_right_box{font-size:16px;} */
    .footer-record{font-size:14px;}
    /* .footer_line{height:175px;} */
    }
    @media(max-width:1680px){
    .side a{width:58px;height:58px;}
    .side_img{width:20px;height:20px;}
    .side_txt{font-size:14px;}
    }
@media(max-width:1560px){
    header{height:60px;}
    .header_logo,.header_logo2{width:144px;}/* 控制logo大小 */
    .header_nav > ul > li > a{line-height:60px;}
    .header_nav > ul > li > a::after{bottom:10px;}
    /* 下拉菜单 */
    .nav_bar{width:100%;}/* 2/5 */
    /* .header_nav ul li:hover .nav_bar{height:400px;} */
    .nav_bar_cont .nav_bar_left li > a{font-size:16px;line-height:20px;margin-bottom:22px;}/* 二级导航字大小和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;}
    .footer-cont{padding:0 8%;}
    }
    @media(max-width:1360px){
    .nav_bar{width:100%;}/* 2/5 */
    /* .header_nav ul li:hover .nav_bar{height:280px;} */
    .header_nav > ul > li > a{font-size: 14px;padding:  24px ;line-height: 16px;}


    .nav_bar_cont .nav_bar_left li > a{font-size:14px;line-height:20px;margin-bottom:20px;}/* 二级导航字大小和marging-bottom */
    .header_nav .nav_bar_active a{font-size: 14px;}
    .header_nav .nav_bar_active a{color:#fff;display:block;height:56px;line-height:18px;padding: 15px 0;}
    .header_nav .nav_bar_max a{padding:15px 15px;} 
    .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;}
    .header_right_box{font-size: 14px;}
    /* .header_right_box img{width: 15px;} */
    .footer-nav_title::before{width: 120px;}
    }
    @media(max-width:1240px){
    .main{padding:0 5%;}
    .main2{padding:0 5%;}
    .header_logo{margin-left: 0;}
    .footer-cont{padding:0 5%;}
    .footer-nav_title::before{width: 100px;}
    .footer-main{padding:60px 5%;}

    .footer-record{text-align:center;padding:16px 5%;}
    .copyright-text{display:block;text-align:center;}
    .footer-record p{padding:0;font-size:14px;color:#fff;line-height:28px;}
    }
    
    
    /* 移动端1080 */
    /*移动端导航按钮*/
    .phone_nav_btn{width:24px;height:24px;display:none;position:absolute;right:4%;cursor:auto;}
    .phone_nav_btn span{width:100%;display:block;background-color:#fff;height:2px;opacity:1;border-radius:4px;position:absolute;left:0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
    .phone_nav_btn .nav_line01{top:3px;}
    .phone_nav_btn .nav_line02{top:50%;transform:translateY(-50%);}
    .phone_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);}
    
    @media (max-width:1080px){
    .main{padding:0 4%;}
    .main2{padding:0 4%;}

    /* .header_main{padding: 0 0px;width: 90%;} */
    .right_box2{background-color: #18579a;width: auto;margin-right: 40px;}
    /* .header_nav .nav_bar_active a{color:#000;}  */
    /* .nav_bar{background-color: #fff;color: #000;} */
    
    .header_nav .nav_bar_active:hover > a{background-color:#86a4cc;}
    header{position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;background-color:#18579a;box-shadow:0 0 3px 2px rgba(17,17,131,.14);}
    .header_logo{display:block !important;margin: 0;}
    .header_logo2{display:none !important;}
    .header_right_box{border: 0;}
    .right_box1{display: none;}
    .phone_nav_btn{display:block !important;}
    
    .header_nav{width:100%;position:fixed;left:0;top:-120%;background-color:#18579a;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:#fff;padding:0;line-height:45px;}
    .header_nav > ul > li > a::after{background-color:#18579a;left:0;bottom:0;}
    .arrow2,.arrow3{position:absolute;width:50%;height:45px;right:0;top:0;z-index:33;}
    .arrow2::after,.arrow3::after{content:"";position:absolute;border:#fff 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:#fff;}
    .header_nav ul li:hover > .arrow2::after{border-color:#fff;}
    /* .header_nav ul .active > a{color:#005dc7;} */
    .header_nav ul .active > a::after{width:0;}
    .nav_bar-right{display:none;}/* 三级导航以另外的盒子显示 */
    /* 二级菜单 */
    .nav_bar{width:100%;height:0;position:static;transform:translate(0);transition:all ease .5s;}
    .nav_bar2{display:block;}
    .nav_bar_cont{padding:0 20px;display:block;}
    .nav_bar_left{padding:0;margin:0;border:unset;}
    .nav_bar_cont .nav_bar_left li > a{margin-bottom:0;font-size:14px;line-height:40px;color:var(--helpColor);}
    .header_nav ul li:hover > a{color: #fff;background-color:#18579a;}
    .header_nav ul li:hover >.header_nav .nav_bar_active a{color: #fff}
    .active > a{font-size:18px;color:#fff;background-color:#18579a;}
    .active a span {color: #fff;}
    /* 显示二级菜单 */
    .header_nav ul li:hover .nav_bar{height:0;}
    .autoHeight{height:auto !important;}
    .nav_bar_cont .nav_bar_left .nav_bar_active > a{color:var(--helpColor);}
    .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;}
    .header_nav .nav_bar_active a{color: #18579a;padding: 15px 20px;text-align:left;}

    /* 搜索框 */
.searchBox{padding: 10px;}
.searchBox input{padding: 8px;font-size: 14px;border-radius: 20px;}
.search_btn{width: 80px;height: 30px;margin-left: 20px;font-size: 14px;border-radius: 15px;line-height: 30px;cursor: pointer;}

    
    .footer-main{flex-wrap:wrap;padding:32px 0;}
    .footer_line{display:none;}
    .footer-logo{width:100%;}
    .footer-logo img{width:185px;margin:0 auto 20px;}
    .footer-nav{flex:1;flex-wrap:wrap;margin-top: 10px;}
    .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:hover a{text-decoration:none;}
    .footer-nav ul li:first-child{font-size:16px;font-weight:unset;margin-bottom:0px;line-height:42px;border-bottom:rgba(255,255,255,.1) 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;}

    /* 移动端隐藏侧边栏 */
    .side{display:none !important;}

    /* 底部二维码 */
    .footer_code{width: 100%;display: flex;align-items: center; flex-direction:column;}
    .footer_code img{width: 80px;height: 80px;margin-bottom: 10px;} 

    .footer-record{padding:16px 4%;}
    }
    @media(max-width:768px){
    
    .footer-logo img{width:145px;}
    .footer-nav ul li{font-size:14px;}

    .footer-record p{line-height:20px;font-size:12px;}

    }
    @media(max-width:475px){
    .footer-main{box-sizing:border-box;padding-bottom: 20px;}
    }
    
    .footer-bottom{align-items: flex-start;}
    .footer-top{width:100%;border-bottom:#fff solid 1px;padding-bottom:20px;margin-bottom:80px;}
    .footer-top a{display: block;max-width: 230px;}
    .footer-top a img{display: block;width:100%;}

    @media (max-width:1080px){
        .footer-top{padding-bottom:12px;margin-bottom:16px;}
        .footer-top a{max-width: 160px;}

        .footer-bottom{display:block;}
        .footer-nav{width:100%;}
        .footer-nav ul li:first-child{font-size:14px;}

        .footer-code-box{margin-top:40px;display:flex;align-items: center;justify-content: center;}
        .footer_code{margin-left:20px;margin-right:20px;}
    }

    @media (max-width:768px){
        .footer-top a{max-width: 144px;}
    }