@charset "utf-8";
@font-face {
  font-family: 'PingFang';
  src: url('../font/PingFangMC.ttf');
}
@font-face {
  font-family: 'SemiBold';
  src: url('../font/MontserratSemiBold.otf');
}
@font-face {
  font-family: 'PingFangRB';
  src: url('../font/PingFangRB.ttf')  format('truetype');
}
@font-face {
  font-family: 'PingFangSCR';
  src: url('../font/PingFangSCRegular.ttf')  format('truetype');
}

*{margin: 0;padding:0}
*:not(input,textarea){-webkit-touch-callout:none;-moz-touch-callout: none;-webkit-user-select: none;-moz-user-select: none}
html, body {
    position: relative;
    height:100%;
    transition:all 0.5s;
    font-size:16px;
}
body,input,button,select,textarea,p{
  font-size:14px;
  -webkit-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-family:"PingFang","Helvetica Neue bold", Helvetica, Arial, sans-serif;
  color: #222;
  /* line-height: 20px; */
  letter-spacing: 2px;

}
textarea{resize: none;border: 1px solid #ccc}
table{empty-cells: show;border-collapse: collapse}
caption,th{text-align: left;font-weight: 400}
ul li,.xl li{list-style: none}
h1,h2,h3,h4,h5,h6{font-size: 1em}
em,cite,i{font-style: normal}
a,button,input{-moz-tap-highlight-color: rgba(255,0,0,0);-webkit-tap-highlight-color: rgba(255,0,0,0);tap-highlight-color: rgba(255,0,0,0);text-decoration: none;outline: 0}
select{border-radius: 0}
input,input[type="text"],input[type="password"],textarea{-moz-appearance: none;-webkit-appearance: none;appearance: none;border: 1px solid #ccc;border-radius: 3px;outline: 0;-moz-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0)}
select{outline: 0;border: 1px solid #ccc;font-size: 12px;padding: 2px}
a{color: #333;text-decoration: none;/* font-family: 'PingFang'; */}
a:hover{text-decoration: none;}
*:focus{outline: 0}
.grey,.grey a{color: #999}
.white,.white a{color: #fff}
.red,.red a{color: #ed1b13}
.green,.green a{color: #add752}
.blue,.blue a{color: #223897}
.dark-blue,.dark-blue a{color: #223897}
.yellow,.yellow a{color: #fc7900}
.bg-red{background: #ed1b13;color:#fff;}
.bg-dark{background: #172738;color:#fff;}
.bg-grey{background: #f6f4f4}
.orange,.orange a{color: #f2921c}
.purple,.purple a{color: #f77594}
.bg-l-y{background-color: #fffcf4}
.bg-w{background-color: #fff;color:#222;}
.black,.black a,a.black{color: #000}
.bg-blue{background-color: #223897;color:#fff;}
.cursor{cursor: pointer}
.cursor-move{cursor: move}
.color80{color:#808080;}
.color2{color:#222;}
.color3{color:#333;}
.color6{color:#666;}
.color-d{color:#ddd;}
.color7a{color:#666;}
.text-c{
  text-align: center
}
.fl{float: left}
.fr{float: right}
.cl:after{content:".";display: block;width: 0;height: 0;clear: both;visibility: hidden}
.clear{clear: both}
.ul li{float: left}
.flex{
  display: flex;
}
.re{position: relative;text-align: justify}
.part1-container{
  padding:30px;
}
.ab{position: absolute;left:0;top:0;z-index:5;}
.fixed{position: fixed}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.top{top: 0}
.right{right: 0}
.right10{right: 10px}
.bottom{bottom: 0}
.bottom10{bottom: 10px;}
.left{left: 0}
.left10{left: 10px}
.top50{top: 50%}
.left50{left: 50%}

.table-cell{display: table-cell;}
.v-mid{vertical-align: middle}
.v-top{vertical-align: top}
.v-bottom{vertical-align: bottom;}
.v-center{display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;}
.box{display: -webkit-box;display:-moz-box;display: -o-box;display: box;}
.v-box{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex,.flexBox{display: flex}
.flex-1,.flex1{flex:1;}
.block{display: block}
.sizing{box-sizing: border-box}
.hide{display: none}
.inline{display:inline-block;}
.font-l{font-weight:lighter;}
.st{font-family: '宋体'}
.light{font-family: 'PingFangSC-Light', 'PingFang SC Light', 'Source Han Sans CN Light', 'Noto Sans CJK SC Light';}
.bold{font-family: 'PingFangSC-Medium', 'PingFang SC Semibold', 'Source Han Sans CN Medium', 'Noto Sans CJK SC Medium';}
.tc{text-align: center}
.li-th{text-decoration: line-through;}
.over{overflow: hidden;}
.t-over{white-space: nowrap;overflow: hidden;text-overflow: clip}
.t-elli{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.tl{text-align: left}
.tr{text-align: right}
.b{font-weight: bold}
.normal{font-weight: normal}
.white-space{white-space: nowrap}
.word-spacing{word-spacing: 25px}
.bd{border: 1px solid #ececec}
.bdt{border-top: 1px solid #ececec}
.bdr{border-right: 1px solid #ececec}
.bdb{border-bottom: 1px solid #ececec}
.bdl{border-left: 1px solid #ececec}
input.bd0,input[type="text"].bd0, .bd0{border:0;}
.m-auto{margin: 0 auto}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.menu-icon {
  width: 26px;height: 24px;
  display: inline-block;
  vertical-align: middle;
  float:right;
  margin-left:10px;
  display: none;
}
.menu-icon i {display: block;width:26px;height:3px;background: black;position: absolute;top:50%;margin: 0 auto;border-radius: 4px;transition: transform .4s ease;}
.menu-icon i:nth-of-type(1) {transform: translate3d(0, -9px, 0);}
.menu-icon i:nth-of-type(3) {transform: translate3d(0, 9px, 0);}
.show .menu-icon i:nth-of-type(1) {transform: rotate(45deg);}
.show .menu-icon i:nth-of-type(2) {transform: scaleX(0);}
.show .menu-icon i:nth-of-type(3) {transform: rotate(-45deg);}
.wrap{
  width:1024px;
  overflow:hidden;
  margin:0 auto;
}
.banner .wrap{
  position: absolute;
  top:150px;
  left:50%;
  transform: translateX(-50%);
}
.banner .wrap div{
  width:50%;
}
.banner-msg{
  flex:1;
  padding-right:150px;
}
.banner-msg p{
  font-size: 1.2vw;
  color: #000;
  margin-top: 20px;
  text-align: justify;
}
.banner-msg .banner-title{
      color: #2e3192;
    font-size: 45px;
    font-weight: bold;
}
.banner-msg .banner-subtitle{
    color: #000;
    font-size: 26px;
    font-weight: 500;
    margin: 10px 0;
    font-family: 'PingFangRB';
}
.contry{
  width: 120px;
  height: 28px;
  line-height: 28px;
  border-radius: 15px;
  font-size: 16px;
  color: white;
  float: right;
  right: 0;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  margin-top: 4px;
  background: #2e3192;
  font-family: "PingFangRB";
}
.contry img{
   width:24px;
  height:24px;
}
.main-header{
      position: fixed;
      background:transparent;
      left: 0;
      top: 0;
      width: 100%;
      padding: 21px 0;
      z-index: 20;
}
.s-pc{
  display: block;
}
.s-mobile{
  display: none;
}
.main-header .inner .nav{
  position: relative;
  display: flex;
  /* float:right; */
  color:white;
  margin: 0 100px 0 250px;
}
.main-header .inner .nav li{
      /* display: inline-block; */
      flex: 1;
      margin: 0 10px;
      color: #A1A1A1;
      cursor: pointer;
      font-size: 23px;
      text-align: center;
}
.main-header .inner .nav li a{
  font-family: "PingFangRB";
  white-space: nowrap;
}
.main-header .inner .nav li.active a{
   color: #2e3192;
   position: relative;
   white-space: nowrap;
}
.disTri{
  margin-top:30px;
}
.disTri b{
  font-size: 12px;
  display: inline-block;
  margin-bottom:20px;
}
.disTri p{
  line-height: 24px;
}
.flex-v{
  display: flex;
    align-items: center;
    height: 100%;
    min-height: 250px;
}
.slide-bg{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index: 1;
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
}
.slide-1{
  background-image:url('../img/bg1.png');
}
.slide-2{
  background-image:url('../img/bg2.png');
}
.banner img{ 
  width:100%;
}
.pagination{
  position: fixed;
  /*top:calc(50% + 20px);*/
  top:10%;
  left:60px;
  /*transform:translateY(-50%);*/
  width:1px;
  height:80%;
  z-index: 12;
}
.pagination div{
  width:1px;
  height:100px;
  margin-top:12px;
  background:#f0ad6a;
  position: relative;
}
.pagination div span{
  position: absolute;
  content: '';
  left:-6px;
  top:-12px;
  width:11px;
  height:11px;
  border-radius:50%;
  z-index: 12;
  cursor: pointer;

}
.main-header .logo{
     position: absolute;
     top: 50%;
     width: 110px;
     transform: translateY(-50%);
}
.content{
}
.grad-3{
  width: 280px;
  /* height: 500px; */
  /* float:left; */
  text-align: center;
  display: inline-block;
  clear: both;
  /* overflow: hidden; */
}
.grad-4{
  width:24.8888%;
  float:left;
  text-align: center;
}
.grad-2{
  width:20%;
  float:left;
  text-align: center;
}
.grad-40{
  width:40%;
  float:left;
  text-align: center;
}
.wap-list{
  padding-top: 50px;
  text-align: center;
  clear: both;
  display: flex;
  justify-content: center;
}
.grad-inner{
  margin: 10px;
  padding: 125px 25px 0 25px;
  box-sizing: border-box;
  border: 2px solid #0505fc;
  border-radius: 20px;
  height: 400px;
  position: relative;
  box-shadow: 0 0 21px -8px #0505fc;
  clear: both;
  background-image: linear-gradient(to top, #ececf3,#fff, #fff);
}
.grad-inner img{
  position: absolute;
  width:140px;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.grad-inner .title{
  font-size:24px;
  font-weight: bold;
  padding:15px 0;
  color: #2e3192;
  /* font-family: "PingFangRB"; */
}
.grad-inner .msg{
  font-size:15px;
}
.grad-3 .name{
  color:#ddc58e;
  margin:10px 0;
  font-weight: bold;
}
.card{
  width: 280px;
  border-radius:28px;
  display: inline-block;
  background-color: white;
  overflow: hidden;
  margin: 0 10px;
  box-shadow: 0 0 15px -2px white;
}
.card-head img{
  width:100%;
}
.card-content{
  text-align: center;
  margin-bottom:20px;
  display: flex;
  justify-content: center;
}
.card-inner{
  padding: 15px;
    text-align: justify;
}
.card-inner .name{
  color:#0505fc;
  font-size:18px;
  text-align:center;
  margin-bottom:10px;
  font-family: "PingFangRB";
}
.card-inner .msg,.card-inner .msg1{
  color:#666;
  font-size:13px;
  font-family: "PingFangSCR";
  word-wrap: break-word;
  word-break: break-all;
  

}
.card-inner .msg{
  margin-bottom: 8px;
}
.card-title{
  color:white;
  font-size:22px;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.card-itMsg{
  color:white;
  font-size:32px;
  text-align: center;
  margin:20px 0 30px 0;
  font-family: "PingFangRB";
}
.sc{
  clear:both;
  overflow: hidden;
  padding:50px 0; 
}
.sc-1{
  padding:20px 0;
  width:80%;
  margin:auto;
}
.sc-1 img,span{
  font-size: 13px;
  vertical-align: middle;
  color: #999;
}
.sc-1 span{
  padding-left:10px;
}
.sc-7{
  background:#1a50ff;
}
.sc-2,.sc-5,.sc-9{
  background:#fff;
}
.sc-4,.sc-6{
  background: #293d50;
  color:white;
}

.sc-10{
  background: #ddc58e;
  color:white;
}
.wrap-map{
  width:75%;
}
.mainTitle{
  font-size:45px;
  font-weight: bold;
  text-align: center;
  position: relative;
  color:#2e3192;
  font-family: "PingFangRB";
}
.word-msg{
  text-align: center;
    font-size: 1.1rem;
    color: #1a1a1a;
    width: 50%;
    margin: 0 auto;
}
.itMsg{
  width:50%;
  text-align: center;
  margin:0  auto 40px auto;
}
.specName{
  color: #ddc58e;
  font-size:30px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.specName span{
  font-size:22px;
  font-weight: 400;
}
.specName span.specMsg{
  position: absolute;
    display: block;
    width: 100%;
    font-size: 12px;
    bottom: -32px;
    text-align: left;
    color:#666;
}
.specName:before{
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    left: 0;
    bottom:-10px;
    background: #ddc58e;
}
.sc-2 .spec{
  color:#ddc58e;
}
.sc-2 .msg{
  margin-top:20px;
  font-size:12px;
 text-align: justify;
  text-justify: inter-ideograph;
   text-indent: 2em;
} 
.concatBox{
  display: flex;
}
.concat{
  display: inline-block;
  flex:1;
}
.concat img,.concat span{
  vertical-align: middle;
  color:white;
  font-size:16px;
}
.concat span{
  margin-left:15px;
}
.footer{
  background: #001565;
  color:white;
  padding:20px 0;
}
.footer-title{
  text-align: center;
  font-size:35px;
  font-weight: bold;
  padding-top:10px
}
.footer-subtitle{
  text-align: center;
  font-size:18px;
  margin:10px;
  color:white
}
.footer-subtitle p{
  font-size:18px;
  color:white
}

.footer .footTitle{
  color:#ddc58e;
  margin-bottom:20px;
  text-align: left;
}
.footer-form{
  /* display: flex; */
  text-align: center;
  margin-top: 15px;
}
.form-input{
  background: white;
  border-radius: 7px;
  display: inline-block;
  padding: 7px 8px;
  box-shadow: 0 0 4px 1px white;
  margin:5px;
}
.form-input input{
  vertical-align: middle;
  border:none;
  width: 250px;
  padding-left:10px;
}
.footer-flex{
  width:600px;
  display: flex;
  margin-top:20px;
  margin: 40px auto;
}
.footer-flex .logo{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-flex .logo img{
  height:50px;
}
.contact-title{
  font-size: 24px;
}
.s-mobile{
  display: none;
}
.flex-left{
  flex:1;
  position: relative;
  text-align: center;
  display: flex;
}
.flex-right{
  flex:1;
  overflow: hidden;
}
.link-inner{
  padding-left: 50px
}
.link{
  font-size:14px;
  font-weight: bold;
  margin-bottom:20px;
}
.address{
  font-size:12px;
  margin-bottom:30px;
  font-family: 'PingFangSCR';
}
.flex-right img{
  width:80%;
}
.footer-flex .nav{
  width:40px;
}
.footer-flex .nav p{
  color:white;
  font-size:14px;
  margin-bottom:10px;
  font-family: 'PingFangRB';
}
.qcode{
  border-radius:10px;
}
.more{
  border:1px solid #ddc58e;
  padding:10px 20px;
  color:#ddc58e;
  font-size:16px;
  border-radius:5px;
  display: inline-block;
  margin:30px 0; 
}
.sc-8 .time,.sc-8 .msg{
  text-align: left;
}
.sc-8 .time{
  color:#999;
  margin:10px 0;
}
.timeline {
    margin: 35px 0;
    padding: 0 15px;
    box-sizing: border-box;
        overflow: hidden;
}
.timelineItem{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /*overflow: hidden;*/
    padding: 2px 0px 15px;
    box-sizing: border-box;
    position: relative;
}
.coverLine{
       width: 4px;
    height: 100px;
    position: absolute;
    left: 50%;
    z-index: 1;
    background: #293d50;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    top: 10px;
}
.timelineItem .left{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 49%;
    text-align: right;
    box-sizing: border-box;
    margin-top: -3px;
}
.timelineItem .point{
      width: 1px;
    margin: 0 15px;
    position: relative;
    width: 10px;
    height: 10px;
    background: #bbb;
    border-radius: 50%;
    margin-top: -2px;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}
.timelineItem .point:after{
  content: ' ';
    width: 1px;
    height: 100vh;
    position: absolute;
    left: 50%;
    background: inherit;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.timelineItem .pointLast:after{
   height:0vh;
}
.circle0,.circle1,.circle2,.circle3,.circle4{
  border:1px solid #ddc58e;
  width:10px;
  height:10px;
  position: absolute;
  border-radius:50%;
  top:-1px;
  left:-1px;
  z-index: 4;
  box-shadow: 0 0 13px #ddc58e;
}
.circle0{
  background: #ddc58e;
}
.circle2{
  width:16px;
  height:16px;
      top: -4px;
    left: -4px;
}
.circle3{
  width:22px;
  height:22px;
  top:-7px;
  left:-7px;
}
.circle4{
  width:28px;
  height:28px;
  top:-10px;
  left:-10px;
}
.timelineItem .right{
    margin: 2px;
    min-width: 0;
    position: relative;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    flex-shrink: 10;
    margin-top: -3px;
}
.itBox{
    width:95%;margin-left:5%
  }
.isPc{
  overflow:hidden;
}
.swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    display: inline-block;
    border-radius: 0;
    background: #f6f7fc;
    opacity: .5;
}
.swiper-pagination-bullet-active{
      opacity: 1;
}
.news-viewer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}
.news-viewer .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
}
.news-viewer .pic-alert {
    position: absolute;
    width: 200px;
    height:200px;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
  }
  .news-viewer .pic-alert > img {
    display: block;
    width: 100%;
}
.Wechat{cursor:pointer;}
.newItem{
  display: flex;
  padding:10px 10px 10px 0;
  /*border-bottom:1px solid #cec5c5;*/
}
.newItem .msg{
  font-size:14px;
  word-break:break-all;
}
.newItem .time{
  margin-top:10px;
  color:#999;
}
.newItem .flex1{
  padding-left:10px;
}
.service-list{
  text-align: center;
}
.service-list-item{
  width: 350px;
  display: inline-block;
  margin: 10px;
  box-sizing: border-box;
  border: 2px solid #0505fc;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 21px -8px #0505fc;
  clear: both;
  padding: 20px;
  height: 190px;
}
.service-list-item img{
  width: 100px;
}
.service-list-item div{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    position: relative;
    color: #2e3192;
}
.trends-item{
 
  display: inline-block;
  margin: 10px;
  box-sizing: border-box;
  clear: both;
 
}
.trends-img{
  width: 350px;
  border: 1px solid #0505fc;
  background-repeat: no-repeat;
  height: 190px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 21px -8px #0505fc;
  background-size: cover;
}
.trans-title{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: relative;
  white-space: nowrap;
  color: #2e3192;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px;
}
.trans-subtitle{
  font-size: 12px;
  text-align: center;
  position: relative;
  color: #999;
}
.view-item{
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
}
.view-img{
  width:440px;
  padding: 10px;
  text-align: center;
}

.view-img  img{
  width: 100%;
  border: 1px solid #0505fc;
  border-radius: 20px;
  overflow: hidden;
  /* position: relative; */
  box-shadow: 0 0 21px -8px #0505fc;
}
.view-info{
  width: 500px;
  overflow: hidden;
  margin: 0 30px;
}
.view-info-title{
  color: #2e3192;
  font-weight: bold;
  font-size: 30px;
  margin: 50px 0 10px;
}
.view-info-msg{
  font-size: 12px;
  color:#1a1a1a;
  font-size: 16px;
}
.bg-content{
  width:100%;
  background:url(../image/bg1.jpg) no-repeat;
  background-size:contain;
  padding: 100px 0;
}
.contact{
  display: flex;
  margin-top: 70px;
  justify-content: center;
}
.contact-info{
  width: 400px;
}
.contact-form{
  width:540px;
  overflow: hidden;
  padding-left: 50px;
}
.contact-item{
  display: flex;
  margin-top: 20px;
}
.contact-item .icon img{
  width: 15px;
}
.contact-item .info{
  flex:1;
  padding-left: 15px;
}
.contact-name{
  color:#000;
  font-size: 28px;
  padding-left: 32px;
  font-family: "PingFangRB";
}
.contact-msg{
  font-size: 16px;
  margin-top: 20px;
  color:#666;
  padding-left: 32px;
  font-family: PingFangSCR;
}
.detail{
  font-size: 14px;
}
.detail img{
  max-width: 100%;
}
.form-msg{
  font-size:20px;
  color:#000;
  padding: 0 10px;
  font-family: "PingFangRB";
}
.input-group{
  display: flex;
}
.flex-input{
  flex:1;
  padding-right: 15px;
}
.flex-input .label{
  color:#666;
  font-size: 14px;
  padding: 12px 10px 6px 10px;
  font-family: PingFangSCR;
}
.flex-input .inner{
  background: #2e3192;
  border-radius: 20px;
  overflow: hidden;
}
.flex-input .inner input{
  width:100%;
  height: 32px;
  padding-left: 15px;
  color: white;
  background: transparent;
}
.flex-input .inner textarea{
  width:100%;
  height: 100px;
  padding: 15px;
  color: white;
  background: transparent;
  border: none;
}

/* 分页 */
.laypage-main{
  position: relative;
  text-align: center;
  zoom: 1;
}


.laypage-main .active {
  margin: 0 5px;
  width: 82px;
  height: 38px;
  line-height: 38px;
  background: #999;
  color: #fff;
  font-size: 14px;
  border: 1px solid #2e3192;
}

.laypage-main a {
  display:inline-block;
  margin: 0 5px;
  width: 82px;
  height: 38px;
  line-height: 38px;
  background: #2e3192;
  color: #fff;
  font-size: 14px;
}

.m-style a:hover {
  color: #fff;
  background: #999;
}