@charset "utf-8";
/* CSS Document */
  .content .navbar {
    width: 100%;
    height: 50px;
    background: #015293; }
    .content .navbar .m {
      display: flex;
      align-items: center;
      margin: 0 auto;
      width: 1200px;
      height: 100%; }
      .content .navbar .m li {
        height: 100%;
        position: relative; }
        .content .navbar .m li.on a {
          color: #fff; }
        .content .navbar .m li a {
          height: 100%;
          display: flex;
          align-items: center;
          font-size: 21px;
          color: #D0E4F5;
          font-weight: bold;
          padding: 0 25px; }
.header {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0; }
  .header .search {
    overflow: hidden;
    width: 314px;
    height: 36px;
    position: relative;
    border-radius: 40px;
    border: 1px solid #5598CF;
    font-size: 12px;
    display: flex;
    padding-left: 12px;
    align-items: center; }
    .header .search img {
      width: 15px; }
    .header .search input {
      width: 80%;
      height: 100%;
      border: none;
      outline: none;
      background: none;
      font-size: 14px;
      color: #1F68A3;
      padding-left: 6px; }
      .header .search input::placeholder {
        color: #1F68A3; }
    .header .search .btn {
      overflow: hidden;
      width: 70px;
      height: 100%;
      background: #015293;
      border-radius: 40px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      z-index: 99;
      color: #fff;
      position: absolute;
      right: 0;
      top: 0; }
  .header .fl {
    display: flex;
    align-items: center; }
    .header .fl div {
      overflow: hidden;
      width: 107px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #015293;
      border-radius: 40px;
      border: 1px solid #015293; }
    .header .fl ul {
      display: flex;
      align-items: center;
      margin-left: 6px; }
      .header .fl ul li {
        cursor: pointer; }
        .header .fl ul li a {
          color: #1F68A3;
          font-size: 16px;
          padding: 0 17px;
          display: block;
          box-sizing: border-box;
          position: relative; }
          .header .fl ul li a::after {
            content: '';
            width: 1px;
            height: 15px;
            background: #1F68A3;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%); }
        .header .fl ul li:last-child a::after {
          display: none; }

.banner {
  overflow: hidden;
  width: 100%;
  height: 310px;
  background: linear-gradient(180deg, #52adf7 0%, rgba(255, 255, 255, 0.01) 100%); }
  .banner .m {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    padding: 0 20px; }
    .banner .m .logo {
      overflow: hidden;
      display: flex;
      align-items: center;
      margin-top: 84px; }
      .banner .m .logo img {
        display: block;
        width: 109px; }
      .banner .m .logo div {
        overflow: hidden;
        margin-left: 14px; }
        .banner .m .logo div p {
          font-size: 46px;
          font-weight: bold;
          font-family: "songti";
          line-height: 67px;
          margin-bottom: 4px;
          color: #C2392F; }
        .banner .m .logo div span {
          display: block;
          font-size: 21px;
          color: #C2392F; }
.footer a{color:#A1CCF0}
.footer {
  overflow: hidden;
  width: 100%;
  background: #015293; }
  .footer div.m {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .footer div.m .fl {
      display: flex;
      align-items: center; }
      .footer div.m .fl img {
        display: block;
        width: 80px; }
      .footer div.m .fl div {
        overflow: hidden;
        margin-left: 20px; }
        .footer div.m .fl div p {
          font-size: 16px;
          color: #A1CCF0;
          line-height: 30px; }
    .footer div.m .code {
      overflow: hidden; }
      .footer div.m .code div {
        overflow: hidden;
        width: 85px;
        background: #fff;
        margin: 0 auto;
        padding: 6px; }
        .footer div.m .code div img {
          display: block;
          width: 100%; }
      .footer div.m .code span {
        display: block;
        text-align: center;
        font-size: 12px;
        margin-top: 5px;
        line-height: 18px;
        color: #6BA6D6; }
  .footer .t {
    width: 100%;
    height: 50px;
    background: #014280; }
    .footer .t .m {
      width: 1200px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center; }
      .footer .t .m li {
        width: 25%;
        height: 100%;
        position: relative; }
        .footer .t .m li::after {
          content: '';
          width: 1px;
          height: 18px;
          background: #E8E8E8;
          opacity: 0.2;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        .footer .t .m li:last-child::after {
          display: none; }
        .footer .t .m li a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 18px;
          color: #D0E4F5; }

@media (max-width: 1400px) {
  .m {
    width: 95% !important; } }
@media (max-width: 1200px) {
  .m {
    width: 95% !important; }

  .footer .t .m li a {
    font-size: 16px; } }
@media (max-width: 1000px) {
  .m {
    width: 100% !important;
    padding: 0 .3rem; }

  .banner .m .header {
    width: 100%;
    height: 1.1rem;
    position: fixed;
    left: 0;
    z-index: 99999;
    transition: all .3s;
    top: 0;
    padding: 0 .3rem; }
    .banner .m .header.on {
      background: #fff; }

  .banner .m .logo {
    display: block;
    margin-top: 1.8rem; }

  .footer .t {
    height: auto; }

  .footer .t .m {
    flex-wrap: wrap; }

  .footer .t .m li {
    width: 50%; }
    .footer .t .m li a {
      font-size: .24rem;
      line-height: .66rem; }

  .footer .t .m li:nth-child(2n)::after {
    display: none; }

  .footer div.m {
    display: block;
    width: 100%;
    padding: .5rem .3rem !important; }

  .footer div.m .fl {
    float: none;
    display: block; }

  .footer div.m .code {
    margin-top: .6rem; }

  .footer div.m .code div {
    width: 1.6rem; }

  .footer div.m .code span {
    font-size: .22rem; }

  .footer div.m .fl img {
    width: 1.6rem;
    margin: 0 auto; }

  .footer div.m .fl div {
    margin: 0;
    width: 100%; }

  .footer div.m .fl div p {
    font-size: .24rem;
    line-height: 1.66; }

  .banner .m .logo img {
    width: 1.6rem;
    margin: 0 auto; }

  .banner .m .logo div {
    margin: 0;
    width: 100%;
    margin-top: .3rem; }

  .banner .m .logo div p {
    font-size: .35rem;
    text-align: center;
    line-height: 1.01; }

  .banner {
    height: 5.6rem; }

  .banner .m .logo div span {
    font-size: .24rem;
    text-align: center;
    line-height: 1.66; }

  .banner .m .header .fl {
    display: none; }

  .banner .m .header .search {
    width: 70%;
    height: .7rem; }

  .banner .m .header .search img {
    width: .25rem; }

  .banner .m .header .search input {
    font-size: .26rem; }

  .banner .m .header .search .btn {
    width: 1.3rem;
    font-size: .28rem;
    height: .7rem; }

  .footer .t .m li a {
    font-size: .22rem !important; }

  .menu {
    width: .5rem;
    position: absolute;
    right: .3rem;
    top: .3rem;
    z-index: 999;
    display: block; }

  .mobile_navbar {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    display: none; }

  .mobile_navbar .box {
    width: 70%;
    position: absolute;
    right: -70%;
    top: 0;
    overflow: auto;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

  .mobile_navbar .box ul {
    overflow: hidden; }

  .mobile_navbar .box ul li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ECECEC; }

  .mobile_navbar .box ul li > a {
    display: flex;
    align-items: center;
    height: 100%;
    height: .9rem;
    padding-right: .2rem;
    padding-left: .3rem;
    font-size: .28rem;
    color: #333;
    justify-content: space-between; }

  .mobile_navbar .box ul li > a.on img {
    transform: rotate(90deg); }

  .mobile_navbar .box ul li > a img {
    transition: all .2s; }

  .childer {
    overflow: hidden;
    padding-left: .3rem;
    display: none; }

  .childer a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ECECEC;
    height: 100%;
    height: .9rem;
    padding-left: .5rem;
    font-size: .26rem;
    color: #333; }

  .mobile_navbar .box ul li div {
    display: none; }

  .mobile_navbar .box ul li div a {
    display: flex;
    align-items: center;
    height: 1rem;
    padding-left: .6rem;
    color: #9D9EA5;
    font-size: .28rem; }

  .mobile_navbar .box > img {
    width: .4rem;
    margin: .3rem;
    float: right; }

  .childer a:last-child {
    border: none; }

  .menu {
    position: absolute;
    display: block !important; } }

/*# sourceMappingURL=header.css.map */

body > div{margin-right:auto;margin-left:auto; }
body{font-family: "microsoft yahei", '微软雅黑';}
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#025194;text-decoration:none;}
.menu {
  display: none; }

.mobile_navbar {
  display: none; }

.content {
  overflow: hidden;
  width: 100%; }
  .content .head {
    width: 100%;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F0F3F5;
    border-bottom: 1px solid #D3DCE6; }
    .content .head .more {
      height: 100%;
      display: flex;
      align-items: stretch;
      padding: 0 10.5px;
      opacity: .4;
      align-items: center;
      font-size: 16px;
      transition: all .1s;
      color: #015293; }
      .content .head .more:hover {
        opacity: 1; }
    .content .head ul {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .head ul li {
        font-size: 21px;
        opacity: 0.6;
        padding: 0 20px;
        color: #015293;
        font-weight: bold;
        height: 100%;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .head ul li.on {
          background: #fff;
          color: #015293;
          opacity: 1;
          z-index: 9;
          border-right: 1px solid #D3DCE6;
          border-left: 1px solid #D3DCE6;
          height: calc(100% - 1px);
          top: 2px; }
          .content .head ul li.on::after {
            content: '';
            width: 100%;
            height: 3px;
            position: absolute;
            left: 0;
            top: -2px;
            background: #015293; }
  .content .tong_news {
    overflow: hidden;
    width: 100%; }
    .content .tong_news .fadein {
      overflow: hidden;
      width: 100%;
      margin-top: 20px; }
      .content .tong_news .fadein ul {
        overflow: hidden; }
        .content .tong_news .fadein ul li {
          overflow: hidden;
          width: 100%;
          height: 37px; }
          .content .tong_news .fadein ul li:hover a p {
            color: #015293; }
          .content .tong_news .fadein ul li:hover a span {
            color: #015293; }
          .content .tong_news .fadein ul li a {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .content .tong_news .fadein ul li a p {
              font-size: 16px;
              color: #383838;
              padding-left: 20px;
              width: 80%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              box-sizing: border-box;
              position: relative; }
              .content .tong_news .fadein ul li a p::after {
                content: '';
                width: 5px;
                height: 5px;
                background: #015293;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%); }
            .content .tong_news .fadein ul li a span {
              font-size: 16px;
              color: #888888;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
  .content .main_content {
    width: 100%;
    overflow: hidden;
    background-image: url(../images/bgs_03.png);
    padding-bottom: 32px; }
    .content .main_content .m {
      width: 1200px;
      overflow: hidden;
      margin: 0 auto;
      background: #fff;
      padding: 32px 32px 37px 32px; }
      .content .main_content .m .main_news_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .content .main_content .m .main_news_list .tong_news {
          width: 48.59154929577465%;
          margin-top: 30px; }
          .content .main_content .m .main_news_list .tong_news.on {
            width: 31.60211267605634%; }
          .content .main_content .m .main_news_list .tong_news.on1 {
            width: 31.69014084507042%; }
          .content .main_content .m .main_news_list .tong_news .list {
            overflow: hidden;
            width: 100%; }
            .content .main_content .m .main_news_list .tong_news .list .label {
              overflow: hidden;
              width: 100%;
              height: 60px;
              background: #F0F3F5;
              margin-top: 14px;
              border-left: 2px solid #1C73BA;
              position: relative; }
              .content .main_content .m .main_news_list .tong_news .list .label:hover {
                background: #E6EFF5; }
                .content .main_content .m .main_news_list .tong_news .list .label:hover::after {
                  background-image: url(../images/right1.png); }
                .content .main_content .m .main_news_list .tong_news .list .label:hover a span {
                  color: #015293; }
              .content .main_content .m .main_news_list .tong_news .list .label::after {
                content: '';
                width: 10px;
                height: 17px;
                background-size: 100% 100%;
                background-image: url(../images/right.png);
                position: absolute;
                right: 45px;
                top: 50%;
                transform: translateY(-50%); }
              .content .main_content .m .main_news_list .tong_news .list .label a {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                padding-left: 60px; }
                .content .main_content .m .main_news_list .tong_news .list .label a img {
                  display: block;
                  width: 30px; }
                .content .main_content .m .main_news_list .tong_news .list .label a span {
                  font-size: 18px;
                  color: #000000;
                  margin-left: 12px; }
      .content .main_content .m .main_Art {
        overflow: hidden;
        width: 100%;
        margin-top: 54px; }
        .content .main_content .m .main_Art .fadein {
          overflow: hidden;
          width: 100%;
          margin-top: 34px; }
          .content .main_content .m .main_Art .fadein .box {
            width: 100%;
            position: relative; }
            .content .main_content .m .main_Art .fadein .box .btn {
              width: 27px;
              height: 46px;
              background: rgba(0, 0, 0, 0.5);
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              z-index: 9999;
              position: absolute;
              top: 50%;
              transform: translateY(-50%); }
              .content .main_content .m .main_Art .fadein .box .btn img {
                display: block;
                width: 10px; }
              .content .main_content .m .main_Art .fadein .box .btn.prev {
                left: 0; }
              .content .main_content .m .main_Art .fadein .box .btn.next {
                right: 0; }
            .content .main_content .m .main_Art .fadein .box .mySwiper1 {
              width: 100%;
              position: relative; }
              .content .main_content .m .main_Art .fadein .box .mySwiper1 .swiper-slide {
                width: 23.15140845070423%;
                height: 100%;
                position: relative;
                margin-right: 2.5%; }
            .content .main_content .m .main_Art .fadein .box .label {
              overflow: hidden;
              width: 100%; }
              .content .main_content .m .main_Art .fadein .box .label:hover img {
                transform: scale(1.05); }
              .content .main_content .m .main_Art .fadein .box .label img {
                display: block;
                width: 100%;
                transition: all .6s; }
      .content .main_content .m .link_btn {
        overflow: hidden;
        width: 100%; }
        .content .main_content .m .link_btn.on ul li {
          width: 23.15140845070423%; }
        .content .main_content .m .link_btn ul {
          display: flex;
          overflow: hidden;
          flex-wrap: wrap;
          justify-content: space-between; }
          .content .main_content .m .link_btn ul li {
            overflow: hidden;
            width: 31.69014084507042%;
            margin-top: 30px; }
            .content .main_content .m .link_btn ul li img {
              display: block;
              width: 100%; }
      .content .main_content .m .des_banner {
        width: 100%;
        margin-top: 26px; }
        .content .main_content .m .des_banner img {
          display: block;
          width: 100%; }
      .content .main_content .m .top_news {
        display: flex;
        justify-content: space-between; }
        .content .main_content .m .top_news .tong_news {
          overflow: hidden;
          width: 43.57394366197183%; }
        .content .main_content .m .top_news .slide {
          overflow: hidden;
          width: 54.57746478873239%;
          height: 373px;
          position: relative; }
          .content .main_content .m .top_news .slide .swiper-pagination {
            font-size: 12px;
            bottom: 47px; }
          .content .main_content .m .top_news .slide .mySwiper {
            width: 100%;
            height: 100%;
            position: relative; }
            .content .main_content .m .top_news .slide .mySwiper .swiper-slide {
              width: 100%;
              height: 100%;
              position: relative; }
          .content .main_content .m .top_news .slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .content .main_content .m .top_news .slide .font {
            overflow: hidden;
            width: 100%;
            padding: 27px 0 11px 0;
            position: absolute;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5); }
            .content .main_content .m .top_news .slide .font p {
              font-size: 16px;
              color: #fff;
              width: 64.83870967741935%;
              line-height: 32px;
              margin: 0 auto;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
  .content .navbar {
    width: 100%;
    height: 50px;
    background: #015293; }
    .content .navbar .m {
      display: flex;
      align-items: center;
      margin: 0 auto;
      width: 1200px;
      height: 100%; }
      .content .navbar .m li {
        height: 100%;
        position: relative; }
        .content .navbar .m li.on a {
          color: #fff; }
        .content .navbar .m li a {
          height: 100%;
          display: flex;
          align-items: center;
          font-size: 21px;
          color: #D0E4F5;
          font-weight: bold;
          padding: 0 25px; }

@media (max-width: 1400px) {
  .m {
    width: 95% !important; }

  .content .navbar .m li a {
    font-size: 18px; } }
@media (max-width: 1200px) {
  .m {
    width: 95% !important; }

  .content .head ul li {
    font-size: 18px; }

  .content .head .more {
    font-size: 14px; }

  .footer .t .m li a {
    font-size: 16px; }

  .content .navbar .m li a {
    font-size: 16px;
    padding: 0 18px; }

  .content .tong_news .fadein ul li a p {
    width: 75%; } }
@media (max-width: 1000px) {
  .m {
    width: 100% !important;
    padding: 0 .3rem; }

  .content .main_content {
    padding-bottom: .3rem; }

  .content .main_content .m {
    padding: .3rem; }

  .content .main_content .m .top_news {
    display: block;
    width: 100%; }

  .content .main_content .m .top_news .slide {
    width: 100%;
    height: 5rem; }

  .content .head {
    height: .85rem; }

  .content .head .more {
    font-size: .26rem; }

  .content .tong_news .fadein ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }

  .content .tong_news .fadein {
    margin-top: .2rem; }

  .content .main_content .m .des_banner {
    margin-top: .3rem; }

  .content .main_content .m .link_btn ul li {
    margin-top: .3rem;
    width: 32%; }

  .content .main_content .m .main_news_list .tong_news {
    width: 100%;
    margin-top: .3rem; }

  .content .main_content .m .main_news_list .tong_news.on {
    width: 100%; }

  .content .main_content .m .main_news_list .tong_news.on1 {
    width: 100%; }

  .content .main_content .m .main_news_list .tong_news .list .label {
    height: .88rem; }

  .content .main_content .m .main_news_list .tong_news .list .label a {
    padding-left: .5rem; }

  .content .main_content .m .main_news_list .tong_news .list .label a img {
    width: .5rem; }

  .content .main_content .m .main_news_list .tong_news .list .label a span {
    font-size: .28rem; }

  .content .main_content .m .main_news_list .tong_news .list .label::after {
    width: .14rem;
    height: .2rem;
    right: .3rem; }

  .content .main_content .m .link_btn.on ul li {
    width: 48.5%;
    margin-top: .2rem; }

  .content .main_content .m .main_Art {
    margin-top: .3rem; }

  .content .main_content .m .main_Art .fadein {
    margin-top: .3rem; }

  .content .main_content .m .main_Art .fadein .box .mySwiper1 .swiper-slide {
    width: 48%;
    margin-right: 4%; }

  .content .main_content .m .main_Art .fadein .box .mySwiper1 .swiper-slide:nth-child(4n) {
    margin-right: 4%; }

  .content .main_content .m .link_btn.on ul {
    justify-content: space-between; }

  .content .tong_news .fadein ul li a p {
    font-size: .26rem; }

  .content .tong_news .fadein ul li a span {
    font-size: .26rem; }

  .content .main_content .m .top_news .tong_news {
    width: 100%;
    margin-top: .3rem; }

  .content .head ul li {
    font-size: .28rem;
    padding: 0 .3rem; }

  .content .main_content .m .top_news .slide .font p {
    font-size: .26rem;
    width: 80%; }

  .content .navbar {
    display: none; } }

/*# sourceMappingURL=css.css.map */

/*文字排版*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.block{display:block}
.none{display:none}
/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}
/*边距*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}