.ctt{width:1400px;margin:0 auto;}
html {scroll-behavior: smooth;}

.q_fix{position:fixed;bottom:70px;right:70px;width:100px;border-radius:30px;overflow:hidden;z-index:9999;box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.m_q_fix{display:none;}
.q_sym{width:100%;background:#fff;cursor:pointer;}
.q_sym img{width:50px;display:block;margin:0px auto;padding:23px 0;}
.q_fix ul{display:none;background:#003e97;width:100%;}
.q_fix ul li{}
.q_fix ul li:hover svg{opacity:1;transition:all .5s;}
.q_fix ul li a{padding:20px;display:block;font-size:13px;text-align:center;text-align:Center;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);}
.q_fix ul li svg{width:20px;height:20px;display:block;margin:0 auto;margin-bottom:8px;fill:#fff;opacity:0.6;}

.pc_header {width: 100%;z-index: 9999;position: fixed;width:100%;transition:all .5s;}
.pc_header .ctt{display:flex;align-items:center;padding:30px 0;width:80%}
.mb_header {display: none;}
.pc_header:before{position:absolute;top:-500px;left:0;width:100%;background:#fff;content:"";height:100%;z-index:-1;transition:all 0.5s;}
.pc_header_active{transition:all .5s;}
.pc_header.pc_header_active:before{top:0;transition:all 0.5s;}
.pc_header_active .logo img{filter:none;}
.pc_header_active .bt_header ul li a{color:#000;}
.pc_header_active .bt_header ul li a:hover{color:#033e97;}

.logo {width:20%;}
.logo a{display:block;}
.logo img{width:250px;filter:invert(1) brightness(100)}


.bt_header {width:80%;}
.bt_header ul {display: flex;justify-content: space-between;margin: 0 auto;}
.bt_header ul li {}
.bt_header ul li a {display: block;text-align: center;font-size: 18px;font-weight: 600;
padding: 20px 0;color: #fff;position: relative;}
.bt_header ul li a:hover {color:orange;transition:all .5s;font-weight: 700;}
.bt_header ul li:last-child:after {display: none;}
.bt_header_active {position: relative;color:#003e97 !important}
.bt_header_active:before {position: absolute;display: block;content: "";width: 100%;height: 3px;background: #003e97;left: 0;bottom: -1px;}

@media screen and ( max-width:1650px){
  .pc_header .ctt{width:95%;justify-content:space-between;}
  .bt_header{width:70%;}
  .bt_header ul li a{font-size:16px;}
}
@media screen and (max-width: 1400px) {
.pc_header {display: none;}
  .m_q_fix{display:Block;}
  .m_top{position:relative;}
  .m_ban_rolling{position:relative;height:65px;}
  .m_ban_rolling .swiper-slide{display:flex;align-items:center;justify-content:center;}
  .m_ban1{background:url('../head/images/m_ban_bg1.svg')no-repeat;background-size:cover;}
  .m_ban2{background:url('../head/images/m_ban_bg2.svg')no-repeat;background-size:cover;}
  .m_ban_rolling img{height:25px;display: block;margin: 0 auto;}
  .m_ban_btn{position:absolute;width:95%;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;z-index:10;}
  .m_ban_btn div{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:20px;background:rgba(0,0,0,0.5)}
  .m_ban_btn div svg{width:12px;fill:#fff}
  .q_fix{width:auto;overflow:unset;border-radius:0;bottom:25px;right:25px;box-shadow:none;}
  .q_sym{width:50px;border-radius:10px;margin-lefT:auto;box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);}
  .q_sym img{width:30px;padding:10px 0;}
  .q_fix ul li a{display:flex;padding:12px 15px;align-items:Center;font-size:11.5px;}
  .q_fix ul{margin-top:15px;background:none;}
  .q_fix ul li{margin-bottom:6px;background:#003e97;border-radius:10px;}
  .q_fix ul li svg, .q_fix ul li img{margin:0;display:inline-block;margin-right:10px;width:15px;height:15px;opacity:0.6;}
.mb_header {display: block;width: 100%;position: fixed;z-index: 99999;background: #fff;}
.mb_header .logo {width: 250px;margin-left:20px;}
.mb_header .logo a {display: block;padding: 30px 0;}
.mb_header .logo img {width: 100%;filter:none;}
.quick_reserve {position: absolute;top: 25px;left: 40px;}
  .quick_reserve a{margin-right:5px;}
.quick_reserve img {border-radius: 10px;width: 40px;}

.m_menu_btn {position: absolute;top: 43px;right: 50px;cursor: pointer;}
.m_menu_btn span {display: block;width: 30px;height: 3px;background: #2e333d;margin-bottom: 6px;}
.mb_menu {width: 80%;position: fixed;top: 0px;right: -100%;z-index: 9999;height:100vh;background: #1a2a47;padding:50px 30px;}
.mb_menu ul {}
.mb_menu ul li {}
.mb_menu ul li a {color: #fff;font-size: 14px;display: block;padding: 10px 0;font-weight: 600;}
.menu_bg {display: none;background: #333;opacity: 0.5;width: 100%;height: 100%;position: fixed;top: 0; cursor: pointer;}
  .back_btn{display:Flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
  .back_btn a{display:block;}
  .back_btn a svg{width:20px;height:20px;fill:#fff;}
  .back_close svg{width;25px;height:25px;}
  .mb_link_btn{display:Flex;justify-content:space-between;margin-top:25px;}
  .mb_link_btn a{width:48%;display:block;font-size:13px;background:rgba(0,0,0,0.3);padding:20px;color:#fff;border-radius:10px;text-align:Center;font-weight:600;}
  .mb_link_btn a svg{display:block;margin:0 auto;margin-bottom:10px;width:20px;height:20px;fill:#fff;}
  .mb_footer_nav {margin-top:20px;display:Flex;flex-wrap:wrap;padding-top:25px;margin-top:35px;border-top:1px solid rgba(255,255,255,0.1)}
  .mb_footer_nav a{display:block;width:50%;color:#fff;font-weight:600;opacity:0.5;font-size:13px;padding:10px 0;}
}

@media screen and (max-width:799px) {
  .pc_q_fix{display:none;}
.quick_reserve {left: 25px;}
  
.m_menu_btn {top:20px;right: 25px;}
.m_menu_btn span {display: block;width: 25px;height: 2px;background: #2e333d;margin-bottom: 5px;}
.mb_menu ul {width: 70%;}
.mb_header .logo {width: 170px;}
.mb_header .logo a { padding: 10px 0;}
.quick_reserve img {width: 30px;border-radius:5px;}
.quick_reserve {top: 26px;}

  
}