* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    overflow-x: hidden;
    background: #F5F5F7;
    font-family: "Arial", "sans-serif", "Microsoft YaHei UI", "Microsoft YaHei";
    font-size: .4rem;
    color: #333333;
}

fieldset, img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

li {
    list-style: none
}

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    /* 触发 hasLayout */
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

.hide {
    display: none;
}
.clear{clear:both}
.space3{clear: both; height: 30px;}


.lmtitle{
    border-bottom: 1px #0D65CF solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.lmtitle h5{
    font-weight: bold;
    font-size: .6rem;
    border-bottom: 6px solid #0D65D1;
    color: #0D65D1;
  
}
.lmtitle h5 a{font-size: .45rem; color: #0D65D1;}

.lmtitle .more {
   
}
.lmtitle .more a{font-size: .45rem; color: #999;}

.padcon{padding: 3%;}


/* focus */
.focus .hd{position: absolute; z-index: 20; left:40%; bottom: 15px; z-index: 2;}
.focus2 .hd li{display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #fff; margin-right: 9px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.focus2 .hd li.on{background: #0D65D1; border: 2px #fff solid;}
.focus .bd li img{width: 100%; height: auto; display: block;}
.focus img{width: 100%; height: auto; display: block;}
.focus .bd li b{ display:block; position:absolute; width:100%; height:60px; bottom:0;left:0;background:#000; opacity:.7;filter:alpha(opacity=70); z-index:1;}
.focus .bd li span{ display:block; position:absolute;width:100%;height:30px; bottom:30px;left:0; z-index:2; line-height:30px;}
.focus .bd li span a{color:#FFF; display:block; float:left; padding:0 15px; position:relative; z-index:3; font-size:16px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}

.focus2{position: relative;  background: #fff;  width: 100%; height: auto; overflow: hidden;}
.focus2 .hd{position: absolute; z-index: 20; left:0; bottom: 15px; z-index: 2; text-align: center; width: 100%;}
.focus2 .hd ul{text-align: center; display: flex; justify-content: center; align-items: center;}
.focus2 .hd li{display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #fff; margin-right: 9px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.focus2 .hd li.on{background: #0D65D1; border: 2px #fff solid;}
.focus2 .bd li img{width: 100%; height: auto;  display: block;}


.focus3{position: relative;  background: #fff; width: 100%; height: auto; overflow: hidden;}
.focus3 .hd{position: absolute; z-index: 20; right:0; bottom: 5px; z-index: 2;}
.focus3 .hd li{float:left; width: 10px; height: 10px; border-radius: 50%; background: #AAAFB3; margin-right: 9px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.focus3 .hd li.on{background: #005393;}

/* tab */
.tabBox .hd{}
.tabBox .hd ul{display: flex; justify-content:space-between;}
.tabBox .hd li{display: inline-block; color: #D2D6D9; font-weight: bold; font-size: .6rem; text-align: center;}
.tabBox .hd li.on{color: #333; background:url(m_index_r9_c2_s1.png) bottom center no-repeat; padding-bottom: 27px;}
.tabBox .tempWrap{border: 1px #EBF0F6 solid;}
.tabBox .bd .zs{color: #999; line-height: 1.5;}

.headTop {
    width: 100%;
    background: #93BFF0;
    padding-bottom: .2rem;
    border-bottom: 1px #fff solid;
}

.headTop .gjl {
    width: 90%;
    margin: 0 auto;
}

.headTop .gjl .fl {
    margin-top: .15rem;
}

.headTop .gjl a {
    font-weight: bold;
    padding: 0 15px;
    line-height: .8rem;
    text-align: center;
    color: #ffffff;
    background: #f17d00;
    margin-right: .15rem;
    border-radius: .2rem;
    display: inline-block;
}

.headTop .gjl .ipv6 img {
    width: 1rem;
    height: auto;
}

.headTop .navtoggle {
    width: .5rem;
    height: .4rem;
    margin-top: .25rem;
    background: url("/pubm2023/menu_m.png") no-repeat;
    right: 2%;
    z-index: 30;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
}

.headTop .mainnav_mobile {
    display: none;
}
.navclose {
    width: 0.4rem;
    height: 0.4rem;
    background: url(/pubm2023/close.png) no-repeat;
    background-size: 100% 100%;
}
.headTop .mainnav_mobile {
    background: #4899e4;
    width: 65%;
    left: 0;
    right: auto;
    height: 100%;
    position: absolute;
    z-index: 999;
}

.headTop .mainnav_mobile li {
    text-align: center;
    position: relative;
    padding: 13px 0;
    font-size: .38rem;
}

.headTop .mainnav_mobile li.active a {
    border-bottom: 4px solid #ffffff;
    padding-bottom: .2rem;
    font-weight: bold;
}

.headTop .mainnav_mobile li a {
    color: #fff;
    line-height: 40px;
}

.head {
    width: 100%;
    background: url("m_index_bg.jpg") top center no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 0.3rem;
}

.head .logo {
    width: 75%;
    margin: 0 auto;
    padding-top: .3rem;
}

.head .logo img {
    width: 100%;
}

.head .searchbox {
    width: 75%;
    height: 0.83rem;
    background: url("search_bg_m.png") center no-repeat;
    margin: .2rem auto;
    background-size: 100% 100%;
    padding: 0.3rem 0;
}



.head .search_con {
    width: 85%;
    margin: 0 auto;
}

.head .search_con .stxt {
    width: 82%;
    line-height: 60px;
    border: none;
    background: none;
    float: left;
    outline: none;
    color: #fff;
    font-size: 0.5rem;
    font-weight: bold;
}
input.stxt::-webkit-input-placeholder{color:#fff}
input.stxt:-moz-placeholder{color:#fff}
input.stxt::-moz-placeholder{color:#fff}
input.stxt::-ms-input-placeholder{color:#fff}

.head .search_con .ssbtn {
    width: .7rem;
    float: right;
    height: .8rem;
    background: url("index_ss_btn.png") center no-repeat;
    outline: none;
    border: none;
}

/* 角色模式 */
.jsms_list {
    display: none;
    width: 80%;
    margin: 0 auto;
    background: url("/pubm2023/jsms_bg_m.png") center no-repeat;
    padding: 6% 2% 3%;
    position: absolute;
    top: 48vw;
    left: 8%;
    z-index: 9;
    background-size: 100% 100%;
}

.jsms_list li {
    width: 31%;
    margin-right: 10px;
    border-radius: 12px;
    background: #fff;
    height: 100%;
    float: left;
    padding-bottom: .2rem;
}

.jsms_list li .pic {
    margin: .2rem 0;
}

.jsms_list li .pic img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

.jsms_list li .jsmc {
    font-size: .3rem;
    font-weight: bold;
    color: #237cea;
    display: block;
    text-align: center;
}

.jsms_list li .jsspan {
    width: 90%;
    margin: .2rem auto 0;
    display: block;
    text-align: center;
    font-size: .28rem;
    padding: .1rem 0;
    border-radius: .1rem;
}

.jsms_list li.yksj .jsspan {
    border: 1px solid #87dcdc;
}

.jsms_list li.jmsj .jsspan {
    border: 1px solid #71bfe7;
}

.jsms_list li.qysj .jsspan {
    border: 1px solid #f5b473;
}

.jsms_list li.qysj {
    float: right;
    margin-right: 0;
}

/* footer */
.footer{background: #EAEAEA; display: block;}
.footer .dbbox{display: flex; justify-content: space-around; padding: 3% 0}
.footer .dbbox .dbmenu{padding:0 30px 30px; width: 42.5%; background: #ddd;}
.footer .dbbox .dbmenu li{margin: 20px 0;}
.footer .dbbox .dbmenu li a{font-size: 0.35rem; color: #333;}

.mask {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    transition: all 0.4s linear;
    left: 0;
    top: 0;
    display: none;
}

@media (max-width:912px) {
    .footer .dbbox .dbmenu{width: 41.5%;}
}

@media (max-width:820px) {
    .footer .dbbox .dbmenu{width: 40%;}
    .footer .dbbox .dbmenu li{
        margin: 10px 0;  height: 0.9rem; display: flex; align-items: center;
       }   
}

@media (max-width:768px) {
    .headTop .gjl a{padding: 0 5px;}
}

@media (max-width:640px) {
    body{font-size: .35rem;}
    .lmtitle h5, .tabBox .hd li{font-size: .5rem;}
    .lmtitle .more a{font-size: .35rem;}
    .head .search_con .stxt{font-size: .4rem;}
    .head .searchbox{padding: 0 ; height: 1rem;}
    .head .search_con .stxt{line-height: 68px;}
    .head .search_con .ssbtn{height: 1rem;}
    .footer .dbbox .dbmenu{width: 38%;}
}

@media (max-width:540px) {
    body{font-size: .3rem;}
    .lmtitle{margin-bottom: .3rem;}
    .lmtitle h5{font-size: .45rem;}
    .tabBox .hd li{font-size: .38rem;}
    .lmtitle .more a{font-size: .3rem;}
    .headTop .gjl a{line-height: .5rem; border-radius: 5px;}
    .headTop .gjl .ipv6 img{width: .6rem;}
    .head .searchbox, .head .search_con .ssbtn{height: .8rem;}
    .head .search_con .stxt{font-size: .35rem; line-height: 58px;}
    .head .search_con .ssbtn{background-size: 34px;}
    .footer .dbbox .dbmenu{width: 40%; padding: 0 20px 30px;}
    .footer .dbbox .dbmenu li a{font-size: .28rem;}
    .footer .dbbox .dbmenu li{margin: 0; height: 0.7rem;}
}

@media (max-width:480px) {
    .head .search_con .stxt{font-size: .3rem; line-height: 44px;}
    .head .search_con .ssbtn{background-size: 26px;}
    .footer .dbbox .dbmenu{width: 37%;}
    .focus2 .hd li{width: 10px; height: 10px;}
}

@media (max-width:400px) {
}

@media (max-width:380px) {
    .head .search_con .stxt{line-height: 38px;}
    .head .search_con .ssbtn{background-size: 22px;}
    
}

@media (max-width:360px) {
    .lmtitle{margin-bottom: .3rem;}
    .lmtitle h5{border-bottom: 3px solid #0D65D1;}
}

@media (max-width:320px) {
    .footer .dbbox .dbmenu{padding: 0 15px 10px; width: 38%;}
}