@charset "utf-8";
/* CSS Document */

body{ background: #FFF; }
.warp{ width: auto; max-width: 100vw; min-width: 100vw; min-height: 100vh; background: #FFF; }
.warp .w1200,
.warp .w1280{ width: auto; }
.aBox{ position: relative; }
.Box{ position: relative; overflow: hidden; }
/*.warp .f_l,
.warp .f_r{ float: none; }*/

.header{ display: none; }


.Mobile_TopMain{ display: block !important; background: url(Mobile_Top_ico_2.png) no-repeat center top; background-size: 100% auto; }
.dbText{ height: 38px; padding: 0px 15px; position: relative; display: flex; justify-content: space-between; align-items: center; }
.dbText .Top_Btns{ user-select: none;}
.dbText .Top_Btns li{ float: left; position: relative; overflow: hidden; font-size: 12px; color: #FFF; }
.dbText .Top_Btns li + li{margin-left: 0.1em;}
.dbText .Top_Btns li a{ padding: 0 2px; color: #FFF; }


.Home_Logo{ position: relative; width: 50vw; margin: 0 auto; padding-top: 20px;}
.Home_Logo img{ width: 100%;}

.Head_Slogan{ position: relative; width: 70vw; margin: 10px auto 0; filter: brightness(1000); }
.Head_Slogan img{ width: 100%;}

.Home_Search{ position: relative; width: 70vw; margin: 20px auto 0; border: 1px solid #6eb3fa; border-radius: 4px; height: 38px; background-color: #FFF; }
.Home_Search input{ width: calc(100% - 70px); height:38px; line-height:38px; background:none; float:left; font-size: 14px; border: none; color: #888; padding-left: 10px; position: relative; }
.Home_Search input:focus{ color: #333; }
.Home_Search a{ display: block; width: 50px; height: 38px; position: relative; background: url(Mobile_Top_ico_3.png) no-repeat center; background-size: auto 70%; float: right; }



.NavBox{ position: relative; height:56px; background-color: #197df7; margin-top: 15px; box-shadow: 0px 2px 5px -2px #4c419f; }
.NavBox>.w1200{ overflow-x:auto;overflow-x: overlay;}
.NavBox>.w1200::-webkit-scrollbar{ display:none; }
.NavBox ul{ display: block; }
.NavBox li{ position: relative; float: left; height: 56px; font-size: 16.5px; }
.NavBox li>a{ display: block; height: 56px; line-height: 56px; padding: 0 10px; font-weight: bold; color: #FFF; min-width: 50px; text-align: center; }
.NavBox li.on{ background-color: #0068e7; text-shadow:2px 2px 1px #000; }





/*底部*/
.footer{ position: relative; margin-top: 25px; min-width: 100vw; }
.footer .foot-center{ width: auto; margin: 0; padding: 15px 10px; position: relative; background: #0068e7; }
.footer .foot-center h2{ line-height: 1.5; margin-bottom: 10px; font-size: 16px; }
.footer .foot-center>span,
.footer .foot-center a{ word-break: break-word; color: #FFF !important; }
.footer .foot-center font{ white-space: nowrap; }
body .footer .jc-bs{ width: auto; display: flex; align-items: center; justify-content: center;}
.footer .jc-bs span{ margin-top: 0 !important;}
.footer .jc-bs img{ margin: 0; max-width: 25vw; max-height: 17vw; }

/*悬浮广告*/
.footer ~ div:not(.layui-layer-shade,.layui-layer){display: none;}


@media screen and (max-width:600px ) {
    
}

@media screen and (max-width:375px ) {
    
}

@media screen and (max-width:345px ) {
    .dbText .Top_Btns li.Personl{ display:none; }
    .NavBox li{ zoom: 0.9; }
}

@media screen and (max-width:320px ) {
    
}
