html {scroll-behavior: smooth;}

.pc_header {width: 100%;background:#2a345f;z-index: 9999;position: fixed;}
.mb_header {display: none;}

.top_header {position:relative;padding: 40px 0;background:#20554d;}
.top_header .container{display:flex;justify-content:space-between;align-items:center;width:1400px;}
.logo {text-align: center;}
.logo a{display:block;}
.logo img{width:250px;}
.sns{display:flex;}
.sns li{margin-right:10px;}
.sns a{display:block;width:40px;height:40px;position:relative;background:#143731;border-radius:40px;}
.sns a img{width:20px;height:20px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


.bt_header {background:#fff;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.bt_header ul {width: 1400px;display: flex;align-items:center;justify-content: space-between;margin: 0 auto;}
.bt_header ul li {position: relative;}
.bt_header ul li a {display: block;text-align: center;font-size: 16px;font-weight: 500;
padding: 25px 10px;color: #000;position: relative;}
.bt_header ul li:hover a{background: #dbe9e7;
    color: #20554d;
    font-weight: 600;

   }

.bt_header_active {background: #dbe9e7;
    color: #20554d !important;
    font-weight: 600 !important;}




@media screen and (max-width:799px) {
.pc_header {display: none;}
.mb_header {display: block;width: 100%;position: fixed;z-index: 99999;}
  .mb_hd{background:#fff;border-bottom:1px solid #e4e4e4;display:flex;align-items:center;justify-content:space-between;padding:0 30px;}
.mb_header .logo {width: 165px;}
.mb_header .logo a {display: block;padding: 30px 0;}
.mb_header .logo img {width: 100%;}
  .m_menu_btn{position:relative;top:0;right:0;}
  .m_menu_btn span {display: block;width: 24px;height: 2px;background: #20554d;margin-bottom: 6px;}
.mb_menu {}
  .mb_menu_icon{display:flex;justify-content:space-between;padding:0 30px;margin-bottom:30px;}
  .mb_menu_icon a{width:20px;}
  .mb_menu_icon img{width:100%;}
.mb_menu ul {width: 70%;position: fixed;top: 0px;right: -100%;z-index: 9999;background: rgba(0,0,0,0.7);height:100%;padding-top:35px;}
.mb_menu ul li {}
.mb_menu ul li a {padding-left:30px;color: #fff;font-size: 15px;display: block;padding-bottom:15px;font-weight: 500;}
.menu_bg {display: none;background: #333;opacity: 0.2;width: 100%;height: 100%;position: fixed;top: 0; cursor: pointer;}
  
  .hd_pop{margin-top:30px}
  .hd_pop a{display:block;color:#fff;font-size:14px;width:80%;padding:10px 0;text-align:center;margin:0 auto;margin-top:10px;border:1px solid #fff}

}