@charset "utf-8";
a{color:#000;text-decoration:none;}
.mheader{background-color: #fff;padding: 0 1.5%;}
.mheader .mheader-cloumn{position: relative;height:2.2rem;margin-top: 0.5rem;}
.header-toolbar{padding: 1.5% 0;overflow: hidden;}
.header-toolbar ul li{ float: left;color:#808080;line-height: 1.5rem;}
.header-toolbar ul li a{color:#808080;display: inline-block;vertical-align: middle;font-size: 0.85rem;}
.header-toolbar ul li span{display: inline-block;margin: 0px 5px;font-size: 0.7rem;}

.mobile-btn{position:absolute; right:0; top:0; z-index:999; width:2.2rem;height:2.2rem;color:#fff; cursor:pointer;background:#2261B3;border-radius: 50%;} 
.mobile-btn span{display: block; position:absolute;left: 0;right: 10px;top: 0;bottom: 0;margin: auto;cursor:pointer;transition:200ms;  width: 1rem;height: .85rem;}
.mobile-btn i{position:absolute;display:block;left:6px;width:100%;height:15%;background:#fff;border-radius: 3px;transition:all .2s;margin-top: -1px;}
.mobile-btn i:nth-child(1){top:0;height: 14%;}
.mobile-btn i:nth-child(2){top:50%; width: 80%;height: 14%;}
.mobile-btn i:nth-child(3){top:100%;width: 60%;}

.mheader .logo{padding-top: 2.5%;text-align: center;}
.mheader .logo img{max-width: 90%;}
.mheader .search{position: relative;width: 90%;margin:1rem auto 0;}
.mheader .search-box{border: 1.5px solid #8ABAED;border-radius: 3px;height: 2.7rem;}
.mheader .search-box input{color:#A6A6A6;border:0;height: 2.5rem;padding-left: 1rem;font-size: 0.9rem;}
.mheader .search span{background: #3C7FD6;display: block;position: absolute;right: 0; top: 0;text-align: center;height: 2.7rem;width: 4rem;}
.mheader .search span img{width: 43%;vertical-align: middle;margin-top: 0.6rem;}

.header-tt{color: #D43030;font-family: "宋体";font-weight: bold;line-height: 1.5rem;margin-top: 20px;}
.header-tt span{display: block;text-align: right;margin-top: 1rem;}

.mobile-nav{background: #2661AD;overflow: hidden;margin-top: 30px;}
.mobile-nav ul{margin-top: 7px;margin-bottom: 7px;}
.mobile-nav ul li{float: left; width: 33.33%;text-align: center;font-weight: bold;}
.mobile-nav ul li a{color:#fff;font-size: 1.1rem; line-height:1.2rem;}
.mobile-nav ul li span{padding: 0.5rem 0;display: block;}
.mobile-nav ul li.on{background-color: #1956A6;}


.openmenu .mobile-btn i:nth-child(1){
    top:50%;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    -ms-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg);
}
.openmenu .mobile-btn i:nth-child(2) {
    -webkit-transform:translateY(-50%) scaleX(0);
    -ms-transform:translateY(-50%) scaleX(0);
    transform:translateY(-50%) scaleX(0);
}
.openmenu .mobile-btn i:nth-child(3) {
    top:50%;
    width: 100%;
    bottom:auto;
    -webkit-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg);
}

.openmenu .header-menuBox{height: 11.4rem;width: 50%;  padding-bottom: 1rem;display: block;}
.header-menuBox{z-index: 2; background: rgb(38,97,173); position: absolute; top: 3rem; right: 0; height: 0;display: none;}
.header-menuBox::before{position: absolute; right: 10px; top: -16px;}
.header-menuBox::before{content: "";border: 0.5rem solid transparent; display: inline-block; text-align: center;border-bottom-color:  rgb(38,97,173); margin-left: -0.25rem;}
.header-menuBox ul{padding-top: 1rem;}
.header-menuBox li{ line-height: 1.2rem;padding: .4rem 0;}
.header-menuBox li a{color: #fff; display: block; text-align: center;}