body{margin: 0;padding: 0;width:100%;overflow-x: hidden;background: #fff;}
.main{margin-top: 1rem;}
.main .banner img{width: 100%;}
a{text-decoration: none;}
.top{width: 19.2rem;/*height: 1rem;*/background:#fff;display: flex;align-items: center;position: fixed;top: 0;left: 0;z-index: 3;}
.head{width: 17.6rem;font-size: 0;display: flex;align-items: center;margin: auto;justify-content: space-between;height: 0.7rem;padding: 0.15rem 0;}
.head .logo{width: 4rem;}
.head .logo img{width: 100%;}
.head .menu{height: 100%;display: flex;}
.menu ul{display: flex;align-items:center;}
.menu ul li{margin-left: 0.6rem;display: flex;height: 100%;align-items: center;justify-content: center;}
/* .menu ul li:nth-last-of-type(1){width: 40px;height: 40px;background: #0f3691;border-radius: 50%;text-align: center;} */
.menu ul li a{font-size: 16px;color: #323232;}
.menu ul li.menu_active{border-bottom: 2px solid #0f3691;}
.menu ul li.menu_active a{color: #0f3691;}
.menu ul li a:hover{color: #0f3691;}
/* .menu ul li:nth-last-of-type(1) a{color: #fff;line-height: 40px;} */

.footer{background: #0a1c2a;width: 19.2rem;}
.footer .foot{width: 17.6rem;margin: auto;padding: 0.3rem 0 ;display: flex;justify-content: space-between;}
.footer .foot .ls{width: 3rem;font-size: 0;}
.footer .foot .ls .ul-title{font-size: 0.3rem;color: #fff;font-weight: bold;}
.footer .foot .ls hr{margin: 0.2rem 0 0.25rem 0;color: #fff;opacity: 0.2;}
.footer .foot .ls .lis{display: flex;/*flex-direction: column;*/flex-wrap: wrap;}
.footer .foot .ls .lis a{font-size: 15px;color: #fff;opacity: .5;margin-top: 0.25rem;cursor: pointer;width: 50%;}
.footer .foot .ls .lis a:hover{opacity: 1;}
.footer .foot .ls .lis span{font-size: 15px;color: #fff;opacity: .5;margin-top: 0.25rem;cursor: pointer;white-space:nowrap}
.footer .foot .ls .lis .email{display: flex;font-size: 15px;color: #fff;opacity: .5;margin-top: 0.25rem;cursor: pointer;}
.footer .foot .ls .lis .email>div:nth-of-type(1){width: 55px;}
.footer .foot .ls .lis .email>div:nth-of-type(2){width:calc(100% - 55px);}
.footer .foot .ls .lis .lis-ig{display: flex;align-items:center;width: 50%;flex-direction: column;margin-top: 0.25rem;}
.footer .foot .ls .lis .lis-ig img{width: 100%;max-width: 130px;}
.footer .foot .ls .lis .lis-ig>a{margin-right: 0.3rem;display: block;font-size: 0;}
.footer .feet{background: #061521;font-size: 14px;line-height:0.5rem ;color: #fff;text-align: center;opacity: .5;}



.mobile_content{display: none;}
.foot.mobile{display: none;}
.q4,.mobile_menu ul .submenu1{display: none;}
@media screen and (max-width: 1499px) {
  
  @media screen and (max-width: 783px){
    .mobile_menu ul .o1>a img{width: 100%;}
    .mobile_menu ul .o1>a{width: 40%;}
    .main{margin-top: 60px;}
    .mobile_content{display: flex;}
    .top{display: none;}
    .mobile_content nav{width: 100vw;position: fixed;top: 0;z-index: 2;background: #fff;}
    .mobile_menu ul{margin: 0;}
    .mobile_menu ul .o1{font-size: 0;}
    .footer{width: 100%;}
    .foot.pc{display: none !important;}
    .foot.mobile{display: flex;}
    .footer .foot.mobile{width: 90%;}
    .feet div{width: 90%;margin: auto;padding: 15px 0;}
    .footer .foot{padding:0.7rem 0 0.5rem 0 ;}
    .footer .foot .ls .lis a,.footer .feet{font-size: 18px;}
    
    @media screen and (max-width: 540px){
      .footer .feet{line-height: 25px;}
      .mobile_menu ul .o1>a img{width: 100%;}
      .mobile_menu ul .o1 a{width: 55%;}
      .mobile_menu ul .o1 a{font-size: 20px !important;}
      .footer .foot .ls .lis a,.footer .feet{font-size: 14px;}
      .footer .foot .ls .ul-title{font-size: 0.4rem;}
    }
    .mobile_menu ul .submenu1{padding: 20px 40px 0 40px !important;}
  }
}