@font-face {
  font-family: corbel;
  src: url("fonts/corbel.woff"), url("fonts/corbel.woff2"), url("fonts/corbel.ttf"), url("fonts/corbel.svg"), url("fonts/corbel.eot"); }
@font-face {
  font-family: corbeli;
  src: url("fonts/corbeli.woff"), url("fonts/corbeli.woff2"), url("fonts/corbeli.ttf"), url("fonts/corbeli.svg"), url("fonts/corbeli.eot"); }
div, a, span, i, p, input, select, textarea, ul, li {
  -webkit-tap-highlight-color: transparent; }

body, html {
  width: 100%;
  height: 100%;
  position: relative; }

html {
  font-size: 20px; }

@media only screen and (min-width: 360px) {
  html {
    font-size: 20px !important; } }
@media only screen and (min-width: 435px) {
  html {
    font-size: 30px !important; } }
@media only screen and (min-width: 500px) {
  html {
    font-size: 36px !important; } }
@media only screen and (min-width: 750px) {
  html {
    font-size: 40px !important; } }
input[type="text"], textarea {
  padding: 0;
  -webkit-appearance: none; }

a {
  outline: none; }

@keyframes move {
  0% {
    bottom: 2.5rem; }
  50% {
    bottom: 2rem; }
  100% {
    bottom: 2.5rem; } }
.swiper-slide {
  min-height: 2.5rem !important; }

.header {
  width: 100%;
  height: 2.375rem;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  border-top: 0.15rem solid #3bc089; }
  .header .logo {
    float: left;
    display: block;
    margin-left: 0.5rem;
    line-height: 2.375rem; }
    .header .logo img {
      width: 5.575rem;
      height: 1.25rem; }
  .header .menu {
    width: 13.33%;
    height: 100%;
    float: right;
    background: #3bc089; }
    .header .menu .line_box {
      width: 100%;
      height: auto;
      padding-top: 0.375rem; }
      .header .menu .line_box.active .line1 {
        transform: translate(0px, 0.325rem) rotate(45deg); }
      .header .menu .line_box.active .line2 {
        opacity: 0; }
      .header .menu .line_box.active .line3 {
        transform: translate(0px, -0.5rem) rotate(-45deg); }
      .header .menu .line_box .line {
        width: 1.2rem;
        height: 0.1rem;
        margin: 0.3rem auto 0 auto;
        background: #fff;
        transition: all 0.5s; }

.w945 {
  width: 94.5%;
  height: auto;
  margin: 0 auto; }

.pull-left {
  float: left; }

.main {
  width: 100%;
  height: auto; }
  .main.welcome {
    width: 100%;
    height: auto; }
    .main.welcome #fullpage {
      width: 100%;
      height: auto; }
      .main.welcome #fullpage .section {
        position: relative; }
        .main.welcome #fullpage .section .iconfont {
          position: absolute;
          left: 50%;
          bottom: 2.5rem;
          color: #fff;
          z-index: 100;
          animation: move 1s linear infinite; }
        .main.welcome #fullpage .section.fp-auto-height {
          height: auto !important; }
          .main.welcome #fullpage .section.fp-auto-height .fp-tableCell {
            height: auto !important; }
        .main.welcome #fullpage .section .text-box {
          display: inline-block;
          position: absolute;
          left: 1rem;
          top: 25%; }
          .main.welcome #fullpage .section .text-box .e-title {
            font-size: 2rem;
            color: #333;
            font-weight: bold;
            letter-spacing: 1px;
            line-height: 1.75rem;
            font-family: 'corbel'; }
          .main.welcome #fullpage .section .text-box .text {
            font-size: 0.6rem;
            color: #333;
            padding-top: 0.05rem; }
          .main.welcome #fullpage .section .text-box .c-title {
            font-size: 1rem;
            color: #333;
            line-height: 1.15rem; }
          .main.welcome #fullpage .section .text-box .line {
            width: 8.025rem;
            height: 0.3rem;
            background: url(../img/line.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 0.5rem; }
        .main.welcome #fullpage .section .box2 {
          width: 100%;
          height: auto; }
          .main.welcome #fullpage .section .box2.box3 .ex-welc-title .e-title {
            color: #fff; }
          .main.welcome #fullpage .section .box2.box3 .ex-welc-title .sm-title .text {
            color: #fff; }
          .main.welcome #fullpage .section .box2.box3 .ex-welc-title .sm-title .type {
            background: url(../img/type2.png) no-repeat;
            background-size: 100% 100%;
            color: #3bc06d; }
          .main.welcome #fullpage .section .box2.box3 .wrap {
            width: 100%;
            height: auto;
            padding-top: 0.75rem; }
            .main.welcome #fullpage .section .box2.box3 .wrap .title {
              font-size: 0.75rem;
              color: #fff;
              padding-bottom: 0.125rem;
              font-weight: bold; }
            .main.welcome #fullpage .section .box2.box3 .wrap .line {
              width: 100%;
              height: 1px;
              background: #ace4cd; }
            .main.welcome #fullpage .section .box2.box3 .wrap > .text {
              font-size: 0.6rem;
              color: #fff;
              padding-top: 0.2rem; }
            .main.welcome #fullpage .section .box2.box3 .wrap .ex-more-btn {
              width: 5.575rem;
              height: 1.675rem;
              display: block;
              border-radius: 1.675rem;
              margin-top: 1.5rem;
              background: #30a679;
              font-size: 0.6rem;
              color: #fff;
              line-height: 1.675rem; }
              .main.welcome #fullpage .section .box2.box3 .wrap .ex-more-btn span {
                display: inline-block; }
                .main.welcome #fullpage .section .box2.box3 .wrap .ex-more-btn span.txt {
                  padding-left: 1.1rem;
                  vertical-align: top; }
                .main.welcome #fullpage .section .box2.box3 .wrap .ex-more-btn span.icon {
                  height: 100%;
                  width: 0.9rem;
                  background: url(../img/play.png) no-repeat center center;
                  background-size: 0.9rem 0.9rem;
                  margin-left: 0.5rem; }
          .main.welcome #fullpage .section .box2 .ex-welc-title {
            padding-top: 3.625rem; }
            .main.welcome #fullpage .section .box2 .ex-welc-title .e-title {
              font-size: 1.75rem;
              color: #333;
              font-weight: bold;
              line-height: 1.75rem;
              font-family: 'corbel'; }
            .main.welcome #fullpage .section .box2 .ex-welc-title .sm-title .text {
              font-size: 0.9rem;
              color: #333;
              line-height: 1.15rem;
              display: inline-block;
              font-family: 'corbel'; }
            .main.welcome #fullpage .section .box2 .ex-welc-title .sm-title .type {
              width: 3.575rem;
              height: 1.25rem;
              background: url(../img/type.png) no-repeat;
              background-size: 100% 100%;
              font-size: 0.6rem;
              color: #fff;
              font-weight: bold;
              text-align: center;
              line-height: 0.6rem;
              padding-top: 0.125rem;
              display: inline-block; }
          .main.welcome #fullpage .section .box2 .list-box {
            width: 100%;
            height: auto;
            margin-top: 2.125rem; }
            @media (max-width: 400px) {
              .main.welcome #fullpage .section .box2 .list-box {
                margin-top: 1rem; } }
            .main.welcome #fullpage .section .box2 .list-box .link-box {
              width: 33.33%;
              height: auto; }
              .main.welcome #fullpage .section .box2 .list-box .link-box.link-box2 {
                width: 66.66%; }
                .main.welcome #fullpage .section .box2 .list-box .link-box.link-box2 .img-box {
                  width: 50% !important; }
                .main.welcome #fullpage .section .box2 .list-box .link-box.link-box2 .text-box2 {
                  width: 50% !important; }
              .main.welcome #fullpage .section .box2 .list-box .link-box .img-box {
                width: 100%;
                height: auto;
                display: block;
                overflow: hidden;
                position: relative;
                z-index: 5; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .img-box img {
                  width: 100%;
                  height: auto;
                  display: block; }
              .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 {
                width: 100%;
                height: auto;
                display: block;
                position: relative;
                z-index: 10; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg-blue {
                  background: #83d5e8; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg-blue .box .arrow {
                    top: -0.175rem;
                    border-bottom: 0.2rem solid #83d5e8; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg3 {
                  background: #f9ca4f; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg3 .box .arrow {
                    top: -0.175rem;
                    border-bottom: 0.2rem solid #f9ca4f; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg3 .box .icon {
                    background: url(../img/ms.png) no-repeat center top;
                    background-size: contain !important; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg4 {
                  background: #ec774b; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg4 .box .arrow {
                    left: -0.175rem;
                    border-right: 0.2rem solid #ec774b !important;
                    top: 50% !important;
                    margin-left: 0;
                    margin-top: -0.2rem !important;
                    border-left: none;
                    border-top: 0.2rem solid transparent;
                    border-bottom: 0.2rem solid transparent; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg5 {
                  background: #9ad4b2; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg2 {
                  background: #3bc089; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2.bg2 .box .arrow {
                    bottom: -0.175rem;
                    border-top: 0.2rem solid #3bc06d; }
                .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box {
                  padding-top: 1.25rem; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .arrow {
                    position: absolute;
                    left: 50%;
                    margin-left: -0.2rem;
                    display: block;
                    width: 0;
                    height: 0;
                    border-left: 0.2rem solid transparent;
                    border-right: 0.2rem solid transparent;
                    transition: all 0.4s;
                    z-index: 10; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .icon {
                    width: 100%;
                    height: 1.65rem;
                    background: url(../img/qy.png) no-repeat center top;
                    background-size: contain !important; }
                    .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .icon.icon2 {
                      background: url(../img/dance.png) no-repeat center top;
                      background-size: contain !important; }
                    .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .icon.icon3 {
                      background: url(../img/ms.png) no-repeat center top;
                      background-size: contain !important; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .text {
                    font-size: 0.6rem;
                    color: #fff;
                    text-align: center;
                    line-height: 0.75rem;
                    padding-top: 0.25rem; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .e-text {
                    font-size: 0.4rem;
                    color: #fff;
                    text-align: center;
                    line-height: 0.7rem;
                    font-family: corbeli; }
                    @media (max-width: 435px) {
                      .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .e-text {
                        font-size: 12px; } }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .ico {
                    width: 100%;
                    height: 1.225rem;
                    margin-top: 1rem;
                    background: url(../img/bf.png) no-repeat center center;
                    background-size: contain !important; }
                  .main.welcome #fullpage .section .box2 .list-box .link-box .text-box2 .box .txt {
                    font-size: 0.6rem;
                    color: #fff;
                    text-align: center;
                    padding-top: 0.125rem; }
          .main.welcome #fullpage .section .box2 .swiper-news {
            width: 100%;
            height: auto;
            margin-top: 2.625rem; }
            @media (max-width: 400px) {
              .main.welcome #fullpage .section .box2 .swiper-news {
                margin-top: 0.75rem; } }
            .main.welcome #fullpage .section .box2 .swiper-news .swiper-container {
              width: 100%;
              height: auto; }
              .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper {
                width: 100%;
                height: auto; }
                .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide {
                  width: 100%;
                  height: auto;
                  padding-bottom: 2rem; }
                  @media (max-width: 435px) {
                    .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide {
                      padding-bottom: 1.375rem; } }
                  .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a {
                    width: 100%;
                    height: auto;
                    display: block; }
                    .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .img-box {
                      width: 100%;
                      height: auto; }
                      .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .img-box img {
                        width: 100%;
                        height: auto; }
                    .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .text-box3 {
                      width: 100%;
                      height: auto;
                      margin-top: 1rem;
                      padding-bottom: 1rem;
                      border-bottom: 1px solid #b7b7b7; }
                      .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .text-box3 .pull-left .month {
                        font-size: 0.625rem;
                        color: #fff;
                        font-family: Arial;
                        background: url(../img/1.png) no-repeat;
                        width: 3.4rem;
                        text-align: center;
                        line-height: 1rem;
                        background-size: 100% 100%;
                        height: 1rem; }
                      .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .text-box3 .pull-left .day {
                        font-size: 2.375rem;
                        color: #666;
                        line-height: 2.15rem;
                        font-weight: bold;
                        font-family: Arial;
                        margin-left: 0.2rem; }
                      .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .text-box3 .pull-right {
                        float: right;
                        width: 75%; }
                        .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .text-box3 .pull-right .title {
                          font-size: 0.75rem;
                          color: #666;
                          font-weight: bold;
                          overflow: hidden;
                          white-space: nowrap;
                          text-overflow: ellipsis;
                          line-height: 0.75rem; }
                        .main.welcome #fullpage .section .box2 .swiper-news .swiper-container .swiper-wrapper .swiper-slide > a .text-box3 .pull-right .text {
                          font-size: 0.6rem;
                          color: #666;
                          line-height: 1rem;
                          padding-top: 0.15rem; }
          .main.welcome #fullpage .section .box2 .container {
            width: 100%;
            height: auto;
            position: relative;
            margin-top: 2rem; }
            @media (max-width: 400px) {
              .main.welcome #fullpage .section .box2 .container {
                margin-top: 0.75rem; } }
            .main.welcome #fullpage .section .box2 .container .icon {
              width: 11rem;
              height: 8.25rem;
              background: #eee;
              position: absolute;
              left: 5.625rem;
              top: 0;
              z-index: 2; }
              @media (max-width: 435px) {
                .main.welcome #fullpage .section .box2 .container .icon {
                  width: 8.75rem;
                  height: 7rem; } }
            .main.welcome #fullpage .section .box2 .container .icon2 {
              width: 3.75rem;
              height: 3.75rem;
              overflow: hidden;
              position: absolute;
              right: 0;
              z-index: 10;
              top: 2.25rem; }
              .main.welcome #fullpage .section .box2 .container .icon2 img {
                width: 100%;
                height: 100%; }
            .main.welcome #fullpage .section .box2 .container > a {
              display: block;
              width: 68%;
              height: auto;
              position: relative;
              z-index: 10;
              padding-top: 0.5rem; }
              @media (max-width: 435px) {
                .main.welcome #fullpage .section .box2 .container > a {
                  padding-top: 0.25rem; } }
              .main.welcome #fullpage .section .box2 .container > a .text {
                font-size: 0.6rem;
                color: #666;
                line-height: 1rem; }
              .main.welcome #fullpage .section .box2 .container > a .btn {
                font-size: 0.6rem;
                color: #666;
                line-height: 0.6rem;
                background: url(../img/yj.png) no-repeat right 0.05rem;
                background-size: 0.525rem 0.475rem;
                display: inline-block;
                margin-top: 1.75rem;
                padding-right: 0.75rem; }
                @media (max-width: 435px) {
                  .main.welcome #fullpage .section .box2 .container > a .btn {
                    margin-top: 0.75rem; } }
            .main.welcome #fullpage .section .box2 .container .swiper-style {
              width: 100%;
              height: auto;
              position: relative;
              margin-top: 2.25rem; }
              @media (max-width: 435px) {
                .main.welcome #fullpage .section .box2 .container .swiper-style {
                  margin-top: 1rem; } }
              .main.welcome #fullpage .section .box2 .container .swiper-style .swiper-container {
                width: 71.5%;
                height: auto;
                margin: 0 auto; }
                .main.welcome #fullpage .section .box2 .container .swiper-style .swiper-container .swiper-wrapper {
                  width: 100%;
                  height: auto; }
                  .main.welcome #fullpage .section .box2 .container .swiper-style .swiper-container .swiper-wrapper .swiper-slide {
                    width: 100%;
                    height: auto;
                    padding-bottom: 1.5rem; }
                    @media (max-width: 435px) {
                      .main.welcome #fullpage .section .box2 .container .swiper-style .swiper-container .swiper-wrapper .swiper-slide {
                        padding-bottom: 1.25rem; } }
                    .main.welcome #fullpage .section .box2 .container .swiper-style .swiper-container .swiper-wrapper .swiper-slide .tu {
                      width: 100%;
                      height: auto;
                      overflow: hidden; }
                      .main.welcome #fullpage .section .box2 .container .swiper-style .swiper-container .swiper-wrapper .swiper-slide .tu img {
                        width: 100%;
                        height: auto; }
              .main.welcome #fullpage .section .box2 .container .swiper-style .prev {
                width: 1.325rem;
                height: 1.325rem;
                background: url(../img/prev.png) no-repeat;
                background-size: 100% 100%;
                position: absolute;
                left: 0;
                top: 42%;
                margin-top: -0.6625rem; }
              .main.welcome #fullpage .section .box2 .container .swiper-style .next {
                width: 1.325rem;
                height: 1.325rem;
                background: url(../img/next.png) no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                top: 42%;
                margin-top: -0.6625rem; }
          .main.welcome #fullpage .section .box2 .txt_w {
            width: 80%;
            height: auto;
            font-size: 0.6rem;
            color: #232227;
            margin-top: 0.75rem; }
            @media (max-width: 435px) {
              .main.welcome #fullpage .section .box2 .txt_w {
                margin-top: 0.5rem; } }
          .main.welcome #fullpage .section .box2 .message {
            width: 100%;
            height: auto; }
            .main.welcome #fullpage .section .box2 .message .text:last-child {
              border: none; }
            .main.welcome #fullpage .section .box2 .message .text {
              width: 100%;
              height: 1.875rem;
              border-bottom: 1px solid #ebebeb;
              font-size: 0.7rem;
              color: #232227;
              line-height: 1.875rem; }
              @media (max-width: 435px) {
                .main.welcome #fullpage .section .box2 .message .text {
                  height: 1.375rem;
                  line-height: 1.375rem;
                  font-size: 0.65rem; } }
              .main.welcome #fullpage .section .box2 .message .text .ico {
                width: 0.825rem;
                height: 100%;
                background: url(../img/email.png) no-repeat left center;
                background-size: 0.825rem 0.65rem;
                margin-right: 0.625rem;
                display: inline-block;
                vertical-align: middle; }
                .main.welcome #fullpage .section .box2 .message .text .ico.ico3 {
                  background: url(../img/address.png) no-repeat left center;
                  background-size: 0.85rem 0.95rem; }
                .main.welcome #fullpage .section .box2 .message .text .ico.ico2 {
                  background: url(../img/tel.png) no-repeat left center;
                  background-size: 0.95rem 1rem; }
          .main.welcome #fullpage .section .box2 #myMap {
            width: 100%;
            height: 8.25rem;
            border: 3px solid #c0c0c0;
            box-sizing: border-box;
            margin-top: 1.25rem; }
            @media (max-width: 435px) {
              .main.welcome #fullpage .section .box2 #myMap {
                margin-top: 1.25rem;
                height: 7.5rem; } }
            .main.welcome #fullpage .section .box2 #myMap .anchorBL {
              display: none; }
          .main.welcome #fullpage .section .box2 .join {
            width: 4.5rem;
            height: 1.375rem;
            border-radius: 1.375rem;
            font-size: 0.6rem;
            color: #fff;
            text-align: center;
            line-height: 1.375rem;
            display: block;
            margin: 1.5rem auto 0 auto;
            background: #3bc089; }
            @media (max-width: 435px) {
              .main.welcome #fullpage .section .box2 .join {
                margin: 0.7rem auto 0 auto; } }
  .main.about {
    width: 100%;
    height: auto;
    padding-top: 2.525rem; }
    .main.about .banner {
      width: 100%;
      height: auto;
      position: relative; }
      .main.about .banner img {
        width: 100%;
        height: auto;
        display: block; }
      .main.about .banner .text {
        position: absolute;
        width: 94.5%;
        height: auto;
        left: 2.75%;
        text-align: right;
        color: #fff;
        top: 50%;
        font-size: 1.075rem;
        margin-top: -1.075rem;
        padding-right: 1.425rem;
        box-sizing: border-box; }
    .main.about .ex-sub-nav {
      width: 100%;
      height: 2.5rem;
      border-bottom: 1px solid #e4e4e4;
      position: relative; }
      .main.about .ex-sub-nav .list {
        float: left;
        width: 29.5%;
        height: 100%;
        background: #3bc089;
        padding-left: 3%; }
        .main.about .ex-sub-nav .list .line_box2 {
          width: 1.2rem;
          height: auto;
          float: left;
          padding-top: 0.65rem; }
          .main.about .ex-sub-nav .list .line_box2.active .line1 {
            transform: translate(0px, 0.3rem) rotate(45deg); }
          .main.about .ex-sub-nav .list .line_box2.active .line2 {
            opacity: 0; }
          .main.about .ex-sub-nav .list .line_box2.active .line3 {
            transform: translate(0px, -0.3rem) rotate(-45deg); }
          .main.about .ex-sub-nav .list .line_box2 .line {
            width: 1.2rem;
            height: 0.1rem;
            margin: 0.2rem auto 0 auto;
            background: #fff;
            transition: all 0.5s; }
        .main.about .ex-sub-nav .list .tit {
          float: left;
          margin-left: 0.8rem;
          font-size: 0.65rem;
          color: #fff;
          line-height: 2.5rem; }
      .main.about .ex-sub-nav .txt {
        font-size: 0.6rem;
        color: #666;
        float: right;
        line-height: 2.5rem;
        margin-right: 0.55rem; }
    .main.about .cont {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding-top: 1rem; }
      .main.about .cont .ex-left-title {
        width: 94.5%;
        margin: 0 auto;
        height: auto;
        border-bottom: 1px solid #3bc089;
        padding-bottom: 0.175rem;
        padding-top: 1.25rem; }
        .main.about .cont .ex-left-title .e-title {
          font-size: 0.95rem;
          color: #3bc089;
          line-height: 1.05rem; }
        .main.about .cont .ex-left-title .title {
          font-size: 0.65rem;
          color: #9c9c9c;
          line-height: 1.2rem; }
        .main.about .cont .ex-left-title .left {
          float: left; }
          .main.about .cont .ex-left-title .left .e-title {
            font-size: 0.95rem;
            color: #3bc089;
            line-height: 1.05rem; }
          .main.about .cont .ex-left-title .left .title {
            font-size: 0.65rem;
            color: #9c9c9c;
            line-height: 1.2rem; }
        .main.about .cont .ex-left-title .right {
          float: right;
          margin-top: 1.25rem; }
          .main.about .cont .ex-left-title .right a {
            width: 1.225rem;
            height: 1.425rem;
            display: block;
            float: left;
            margin-left: 0.7rem;
            background: url(../img/d1.png) no-repeat;
            background-size: 100% 100%; }
            .main.about .cont .ex-left-title .right a.btn2 {
              background: url(../img/d2.png) no-repeat;
              background-size: 100% 100%; }
            .main.about .cont .ex-left-title .right a.btn3 {
              background: url(../img/d3.png) no-repeat;
              background-size: 100% 100%; }
            .main.about .cont .ex-left-title .right a.btn4 {
              background: url(../img/d4.png) no-repeat;
              background-size: 100% 100%; }
            .main.about .cont .ex-left-title .right a.btn5 {
              background: url(../img/d5.png) no-repeat;
              background-size: 100% 100%; }
            .main.about .cont .ex-left-title .right a.cur {
              background: url(../img/d11.png) no-repeat;
              background-size: 100% 100%; }
              .main.about .cont .ex-left-title .right a.cur.btn2 {
                background: url(../img/d22.png) no-repeat;
                background-size: 100% 100%; }
              .main.about .cont .ex-left-title .right a.cur.btn3 {
                background: url(../img/d33.png) no-repeat;
                background-size: 100% 100%; }
              .main.about .cont .ex-left-title .right a.cur.btn4 {
                background: url(../img/d44.png) no-repeat;
                background-size: 100% 100%; }
              .main.about .cont .ex-left-title .right a.cur.btn5 {
                background: url(../img/d55.png) no-repeat;
                background-size: 100% 100%; }
      .main.about .cont .bg-title {
        font-size: 2.075rem;
        color: #e4e4e4;
        width: 94.5%;
        margin: 0 auto;
        opacity: 0.4;
        padding-top: 0.75rem;
        line-height: 2.075rem; }
      .main.about .cont .text-box {
        width: 90%;
        margin: 0 auto;
        height: auto; }
        .main.about .cont .text-box .title {
          font-size: 0.65rem;
          color: #3bc089;
          line-height: 1rem; }
        .main.about .cont .text-box .text {
          font-size: 0.6rem;
          color: #666;
          padding-top: 0.175rem;
          line-height: 1rem; }
          .main.about .cont .text-box .text img {
            max-width: 100%;
            width: 100%;
            height: auto;
            margin-bottom: 1.875rem;
            margin-top: 1rem; }
          .main.about .cont .text-box .text p {
            padding-bottom: 0.75rem; }
      .main.about .cont .box2 {
        width: 100%;
        height: auto; }
        .main.about .cont .box2 .js-ajax-box {
          width: 97.25%;
          margin-left: 2.75%;
          height: auto;
          padding-top: 0.5rem;
          padding-bottom: 1.75rem; }
          .main.about .cont .box2 .js-ajax-box .file-list {
            width: 100%;
            height: auto; }
            .main.about .cont .box2 .js-ajax-box .file-list a {
              display: block;
              width: 100%;
              height: 2.5rem;
              border-bottom: 1px solid #e4e4e4; }
              .main.about .cont .box2 .js-ajax-box .file-list a > .btn {
                width: 0.925rem;
                height: 100%;
                float: left;
                background: url(../img/dd.png) no-repeat left center;
                background-size: 0.925rem 1.05rem; }
                .main.about .cont .box2 .js-ajax-box .file-list a > .btn.icon1 {
                  background: url(../img/w1.png) no-repeat left center;
                  background-size: 0.925rem 1.05rem; }
                .main.about .cont .box2 .js-ajax-box .file-list a > .btn.icon2 {
                  background: url(../img/w3.png) no-repeat left center;
                  background-size: 0.925rem 1.05rem; }
                .main.about .cont .box2 .js-ajax-box .file-list a > .btn.icon3 {
                  background: url(../img/w4.png) no-repeat left center;
                  background-size: 0.925rem 1.05rem; }
                .main.about .cont .box2 .js-ajax-box .file-list a > .btn.icon4 {
                  background: url(../img/w5.png) no-repeat left center;
                  background-size: 0.925rem 1.05rem; }
              .main.about .cont .box2 .js-ajax-box .file-list a .text {
                font-size: 0.6rem;
                line-height: 2.5rem;
                color: #666;
                float: left;
                margin-left: 0.75rem;
                width: 70%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .main.about .cont .box2 .js-ajax-box .file-list a .right-btn {
                width: 0.975rem;
                height: 100%;
                float: right;
                background: url(../img/download.png) no-repeat center center;
                margin-right: 1.5rem;
                background-size: 0.975rem 0.975rem; }
        .main.about .cont .box2 .page2 {
          width: 94.5%;
          height: auto;
          margin: 0 auto 1.25rem auto; }
          .main.about .cont .box2 .page2 img {
            width: 100%;
            height: auto; }
      .main.about .cont .classification {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        text-align: right;
        padding-bottom: 0.375rem; }
        .main.about .cont .classification a {
          font-size: 0.65rem;
          color: #666;
          margin-left: 1.5rem;
          line-height: 2.5rem;
          display: inline-block; }
          .main.about .cont .classification a.active {
            color: #3bc089; }
      .main.about .cont .wrap {
        width: 100%;
        height: auto;
        margin: 0 auto; }
        .main.about .cont .wrap .page2 {
          width: 94.5%;
          height: auto;
          margin: 0 auto 1.25rem auto; }
          .main.about .cont .wrap .page2 img {
            width: 100%;
            height: auto; }
        .main.about .cont .wrap .list-box {
          width: 94.5%;
          height: auto;
          margin: 0 auto;
          padding-bottom: 0.75rem; }
          .main.about .cont .wrap .list-box .list:nth-child(even) {
            float: right; }
          .main.about .cont .wrap .list-box .list {
            float: left;
            width: 46.5%;
            height: auto;
            margin-bottom: 1.375rem; }
            .main.about .cont .wrap .list-box .list > .img-box {
              width: 100%;
              height: auto;
              padding: 0;
              margin: 0;
              overflow: hidden; }
              .main.about .cont .wrap .list-box .list > .img-box img {
                width: 100%;
                height: auto; }
            .main.about .cont .wrap .list-box .list .text {
              width: 100%;
              height: 1.625rem;
              font-size: 0.6rem;
              color: #999;
              text-align: center;
              line-height: 1.625rem;
              border-bottom: 2px solid #9c9c9c; }
        .main.about .cont .wrap .list-container {
          width: 94.5%;
          height: auto;
          padding-bottom: 1rem;
          margin: 0 auto; }
          .main.about .cont .wrap .list-container .item {
            width: 100%;
            height: auto;
            display: block;
            margin-bottom: 1.25rem; }
            .main.about .cont .wrap .list-container .item .img {
              width: 100%;
              height: auto;
              overflow: hidden;
              position: relative; }
              .main.about .cont .wrap .list-container .item .img .bg-black {
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0.7;
                position: absolute;
                left: 0;
                top: 0; }
              .main.about .cont .wrap .list-container .item .img .play {
                width: 2.225rem;
                height: 2.225rem;
                background: url(../img/vp.png) no-repeat;
                background-size: 100% 100%;
                position: absolute;
                left: 50%;
                margin-left: -1.1125rem;
                top: 50%;
                margin-top: -1.1125rem; }
              .main.about .cont .wrap .list-container .item .img img {
                width: 100%;
                height: auto; }
            .main.about .cont .wrap .list-container .item .txt_box {
              width: 100%;
              height: auto; }
              .main.about .cont .wrap .list-container .item .txt_box .title {
                font-size: 0.75rem;
                color: #666;
                padding-top: 0.25rem;
                font-weight: normal; }
              .main.about .cont .wrap .list-container .item .txt_box .text {
                font-size: 0.6rem;
                color: #bdbdbd;
                line-height: 0.85rem; }
              .main.about .cont .wrap .list-container .item .txt_box .more-btn {
                width: 3.75rem;
                height: 1.25rem;
                margin-top: 0.375rem;
                border: 1px solid #bfbfbf;
                border-radius: 0.75rem;
                line-height: 0.75rem;
                color: #bfbfc0;
                text-align: center;
                line-height: 1.25rem;
                font-size: 0.575rem; }
    .main.about .img-box {
      width: 94.5%;
      margin-left: auto;
      margin-right: auto;
      height: auto;
      padding-top: 1.5rem;
      padding-bottom: 1.625rem; }
      .main.about .img-box .m-size {
        width: 58.5%;
        height: auto;
        overflow: hidden;
        float: left; }
        .main.about .img-box .m-size img {
          width: 100%;
          height: auto; }
      .main.about .img-box .s-size {
        width: 39.5%;
        height: auto;
        float: right;
        overflow: hidden; }
        .main.about .img-box .s-size img {
          width: 100%;
          height: auto; }
      .main.about .img-box .l-size {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0.6rem;
        overflow: hidden; }
        .main.about .img-box .l-size img {
          width: 100%;
          height: auto; }
    .main.about .detail {
      width: 94.5%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 2rem; }
      .main.about .detail .title {
        font-size: 0.7rem;
        color: #333;
        font-weight: normal; }
      .main.about .detail img {
        max-width: 100%; }
      .main.about .detail .time {
        margin-top: 0.1rem;
        padding-bottom: 0.375rem;
        border-bottom: 1px solid #cdcdcd; }
        .main.about .detail .time .count {
          font-size: 0.6rem;
          color: #000;
          opacity: 0.7;
          line-height: 0.6rem;
          display: inline-block;
          background: url(../img/read.png) no-repeat left center;
          background-size: 0.7rem 0.425rem;
          padding-left: 0.875rem; }
        .main.about .detail .time .date {
          display: inline-block;
          font-size: 0.6rem;
          color: #000;
          opacity: 0.7;
          margin-left: 0.5rem;
          line-height: 0.6rem;
          background: url(../img/time.png) no-repeat left center;
          background-size: 0.5rem 0.5rem;
          padding-left: 0.75rem; }
      .main.about .detail .cont {
        width: 100%;
        height: auto;
        padding-top: 0.5rem; }
        .main.about .detail .cont video {
          width: 100%;
          display: block;
          height: 8.625rem;
          margin-bottom: 1rem; }
        .main.about .detail .cont .text {
          font-size: 0.6rem;
          color: #666;
          line-height: 1rem;
          padding-top: 0.5rem;
          padding-bottom: 1.25rem; }
        .main.about .detail .cont .return {
          width: 100%;
          height: 1.5rem;
          font-size: 0.6rem;
          color: #fff;
          text-align: center;
          background: #c2c3c6;
          display: block;
          line-height: 1.5rem; }
  .main.class {
    width: 100%;
    height: auto;
    padding-top: 2.525rem; }
    .main.class .banner {
      width: 100%;
      height: auto;
      position: relative; }
      .main.class .banner img {
        width: 100%;
        height: auto;
        display: block; }
      .main.class .banner .text {
        position: absolute;
        width: 94.5%;
        height: auto;
        left: 2.75%;
        text-align: right;
        color: #fff;
        top: 50%;
        font-size: 1.075rem;
        margin-top: -1.075rem;
        padding-right: 0.375rem;
        box-sizing: border-box; }
    .main.class .tab-box {
      width: 94.5%;
      height: auto;
      padding-top: 1rem;
      margin: 0 auto; }
      .main.class .tab-box .tab:last-child {
        margin-right: 0; }
      .main.class .tab-box .tab {
        width: 32.3%;
        height: 1.5rem;
        display: block;
        float: left;
        margin-right: 1.5%;
        background: #83d5e8;
        text-align: center;
        padding-top: 2.25rem;
        color: #fff; }
        .main.class .tab-box .tab.bg1 {
          background: #ec774b; }
          .main.class .tab-box .tab.bg1.cur {
            background: #3bc089; }
        .main.class .tab-box .tab.bg2 {
          background: #83d5e8; }
          .main.class .tab-box .tab.bg2.cur {
            background: #3bc089; }
        .main.class .tab-box .tab.bg3 {
          background: #f9ca4f; }
          .main.class .tab-box .tab.bg3.cur {
            background: #3bc089; }
    .main.class .ex-sub-nav {
      width: 100%;
      height: 2.5rem;
      border-bottom: 1px solid #e4e4e4;
      position: relative; }
      .main.class .ex-sub-nav .list {
        float: left;
        width: 29.5%;
        height: 100%;
        background: #3bc089;
        padding-left: 3%; }
        .main.class .ex-sub-nav .list .line_box2 {
          width: 1.2rem;
          height: auto;
          float: left;
          padding-top: 0.65rem; }
          .main.class .ex-sub-nav .list .line_box2.active .line1 {
            transform: translate(0px, 0.3rem) rotate(45deg); }
          .main.class .ex-sub-nav .list .line_box2.active .line2 {
            opacity: 0; }
          .main.class .ex-sub-nav .list .line_box2.active .line3 {
            transform: translate(0px, -0.3rem) rotate(-45deg); }
          .main.class .ex-sub-nav .list .line_box2 .line {
            width: 1.2rem;
            height: 0.1rem;
            margin: 0.2rem auto 0 auto;
            background: #fff;
            transition: all 0.5s; }
        .main.class .ex-sub-nav .list .tit {
          float: left;
          margin-left: 0.8rem;
          font-size: 0.65rem;
          color: #fff;
          line-height: 2.5rem; }
      .main.class .ex-sub-nav .txt {
        font-size: 0.6rem;
        color: #666;
        float: right;
        line-height: 2.5rem;
        margin-right: 0.55rem; }
    .main.class .cont {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      .main.class .cont .ex-left-title {
        width: 94.5%;
        margin: 0 auto;
        height: auto;
        border-bottom: 1px solid #3bc089;
        padding-bottom: 0.175rem;
        padding-top: 1.25rem; }
        .main.class .cont .ex-left-title .e-title {
          font-size: 0.95rem;
          color: #3bc089;
          line-height: 1.05rem; }
        .main.class .cont .ex-left-title .title {
          font-size: 0.65rem;
          color: #9c9c9c;
          line-height: 1.2rem; }
        .main.class .cont .ex-left-title .left {
          float: left; }
          .main.class .cont .ex-left-title .left .e-title {
            font-size: 0.95rem;
            color: #3bc089;
            line-height: 1.05rem; }
          .main.class .cont .ex-left-title .left .title {
            font-size: 0.65rem;
            color: #9c9c9c;
            line-height: 1.2rem; }
        .main.class .cont .ex-left-title .right {
          float: right;
          margin-top: 1.25rem; }
          .main.class .cont .ex-left-title .right a {
            width: 1.225rem;
            height: 1.425rem;
            display: block;
            float: left;
            margin-left: 0.7rem;
            background: url(../img/d1.png) no-repeat;
            background-size: 100% 100%; }
            .main.class .cont .ex-left-title .right a.btn2 {
              background: url(../img/d2.png) no-repeat;
              background-size: 100% 100%; }
            .main.class .cont .ex-left-title .right a.btn3 {
              background: url(../img/d3.png) no-repeat;
              background-size: 100% 100%; }
            .main.class .cont .ex-left-title .right a.btn4 {
              background: url(../img/d4.png) no-repeat;
              background-size: 100% 100%; }
            .main.class .cont .ex-left-title .right a.btn5 {
              background: url(../img/d5.png) no-repeat;
              background-size: 100% 100%; }
            .main.class .cont .ex-left-title .right a.cur {
              background: url(../img/d11.png) no-repeat;
              background-size: 100% 100%; }
              .main.class .cont .ex-left-title .right a.cur.btn2 {
                background: url(../img/d22.png) no-repeat;
                background-size: 100% 100%; }
              .main.class .cont .ex-left-title .right a.cur.btn3 {
                background: url(../img/d33.png) no-repeat;
                background-size: 100% 100%; }
              .main.class .cont .ex-left-title .right a.cur.btn4 {
                background: url(../img/d44.png) no-repeat;
                background-size: 100% 100%; }
              .main.class .cont .ex-left-title .right a.cur.btn5 {
                background: url(../img/d55.png) no-repeat;
                background-size: 100% 100%; }
      .main.class .cont .box {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 0.75rem; }
        .main.class .cont .box .list {
          width: 100%;
          height: auto;
          margin-bottom: 0.5rem; }
          .main.class .cont .box .list.list-top {
            margin-bottom: 0;
            border-bottom: 1px dashed #e6e6e6;
            padding-bottom: 0.7rem; }
            .main.class .cont .box .list.list-top .img-box {
              padding-top: 0.875rem; }
            .main.class .cont .box .list.list-top .text-box .title {
              background: none;
              padding-top: 0.3rem; }
            .main.class .cont .box .list.list-top .text-box .text {
              padding-top: 0; }
          .main.class .cont .box .list .text-box {
            padding-top: 0.625rem; }
            .main.class .cont .box .list .text-box .title {
              font-size: 0.65rem;
              color: #666;
              line-height: 1rem; }
              .main.class .cont .box .list .text-box .title .icon {
                height: 1rem;
                width: 1.25rem;
                float: left;
                background: url(../img/k.png) no-repeat left center;
                background-size: contain !important; }
                .main.class .cont .box .list .text-box .title .icon.icon2 {
                  background: url(../img/h.png) no-repeat left center;
                  background-size: contain !important; }
                .main.class .cont .box .list .text-box .title .icon.icon3 {
                  background: url(../img/g.png) no-repeat left center;
                  background-size: contain !important; }
                .main.class .cont .box .list .text-box .title .icon.icon4 {
                  background: url(../img/q.png) no-repeat left center;
                  background-size: contain !important; }
              .main.class .cont .box .list .text-box .title .txt {
                font-size: 0.65rem;
                color: #666;
                line-height: 1rem;
                float: left; }
            .main.class .cont .box .list .text-box .text {
              font-size: 0.6rem;
              color: #9c9c9c;
              padding-top: 0.3rem;
              line-height: 1.1rem; }
          .main.class .cont .box .list .img-box {
            width: 100%;
            padding-top: 0.5rem;
            height: auto; }
            .main.class .cont .box .list .img-box img {
              width: 100%;
              height: auto; }
    .main.class .box {
      width: 100%;
      height: auto; }
      .main.class .box .ex-left-title {
        width: 94.5%;
        margin: 0 auto;
        height: auto;
        border-bottom: 1px solid #3bc089;
        padding-bottom: 0.175rem;
        padding-top: 1.25rem; }
        .main.class .box .ex-left-title .e-title {
          font-size: 0.95rem;
          color: #3bc089;
          line-height: 1.05rem; }
        .main.class .box .ex-left-title .title {
          font-size: 0.65rem;
          color: #9c9c9c;
          line-height: 1.2rem; }
        .main.class .box .ex-left-title .left {
          float: left; }
          .main.class .box .ex-left-title .left .e-title {
            font-size: 0.95rem;
            color: #3bc089;
            line-height: 1.05rem; }
          .main.class .box .ex-left-title .left .title {
            font-size: 0.65rem;
            color: #9c9c9c;
            line-height: 1.2rem; }
        .main.class .box .ex-left-title .return {
          width: 3.875rem;
          height: 1.375rem;
          float: right;
          font-size: 0.6rem;
          color: #fff;
          display: block;
          background: #3bc089;
          text-align: center;
          margin-top: 0.625rem; }
      .main.class .box .text_box {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        font-size: 0.6rem;
        color: #9c9c9c;
        line-height: 0.95rem;
        padding-top: 0.75rem; }
        .main.class .box .text_box img {
          max-width: 100%;
          margin-bottom: 0.75rem; }
      .main.class .box .title-box {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        padding-top: 1.75rem;
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 0.45rem; }
        .main.class .box .title-box .title {
          width: 4rem;
          height: 1.5rem;
          background: #3bc089;
          font-size: 0.6rem;
          color: #fff;
          text-align: center;
          line-height: 1.5rem;
          float: left; }
        .main.class .box .title-box .more {
          width: 1.6rem;
          height: 1.6rem;
          background: url(../img/mm.jpg) no-repeat;
          background-size: 100% 100%;
          float: right;
          display: block; }
      .main.class .box .list-box {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 1.5rem;
        padding-top: 0.875rem; }
        .main.class .box .list-box .list:nth-child(3n) {
          margin-right: 0; }
        .main.class .box .list-box .list {
          width: 31.5%;
          height: auto;
          float: left;
          margin-right: 2.3%;
          display: block;
          margin-bottom: 10px; }
          .main.class .box .list-box .list .img-box {
            width: 100%;
            height: auto;
            overflow: hidden; }
            .main.class .box .list-box .list .img-box img {
              width: 100%;
              height: auto; }
          .main.class .box .list-box .list .text {
            width: 100%;
            height: 1.875rem;
            text-align: center;
            line-height: 1.875rem;
            border-left: 1px solid #c9c9c9;
            border-right: 1px solid #c9c9c9;
            font-size: 0.6rem;
            color: #666;
            font-weight: bold;
            box-sizing: border-box;
            border-bottom: 2px solid #aaaaaa; }
    .main.class .table_box {
      width: 94.5%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1.125rem; }
      .main.class .table_box a:last-child {
        margin-right: 0; }
      .main.class .table_box a {
        display: block;
        width: 19%;
        height: 3.175rem;
        float: left;
        margin-right: 1.2%;
        padding-top: 0.575rem; }
        .main.class .table_box a .icon {
          width: 100%;
          height: 1.75rem; }
        .main.class .table_box a .text {
          text-align: center;
          color: #fff;
          font-size: 0.6rem; }
        .main.class .table_box a.tab1 {
          background: #83d5e8; }
          .main.class .table_box a.tab1 .icon {
            background: url(../img/qy.png) no-repeat top center;
            background-size: contain !important; }
          .main.class .table_box a.tab1.cur {
            background: #3bc089; }
        .main.class .table_box a.tab2 {
          background: #c38fb3; }
          .main.class .table_box a.tab2 .icon {
            background: url(../img/dance.png) no-repeat top center;
            background-size: contain !important; }
          .main.class .table_box a.tab2.cur {
            background: #3bc089; }
        .main.class .table_box a.tab3 {
          background: #f9ca4f; }
          .main.class .table_box a.tab3 .icon {
            background: url(../img/ms.png) no-repeat top center;
            background-size: contain !important; }
          .main.class .table_box a.tab3.cur {
            background: #3bc089; }
        .main.class .table_box a.tab4 {
          background: #ec774b; }
          .main.class .table_box a.tab4 .icon {
            background: url(../img/sy.png) no-repeat top center;
            background-size: contain !important; }
          .main.class .table_box a.tab4.cur {
            background: #3bc089; }
        .main.class .table_box a.tab5 {
          background: #9ad4b2; }
          .main.class .table_box a.tab5 .icon {
            background: url(../img/jj.png) no-repeat top center;
            background-size: contain !important; }
          .main.class .table_box a.tab5.cur {
            background: #3bc089; }
    .main.class .cont_box {
      width: 94.5%;
      height: auto;
      margin: 0 auto; }
      .main.class .cont_box .wrap {
        width: 100%;
        height: auto;
        padding-top: 0.375rem;
        padding-bottom: 1.5rem; }
        .main.class .cont_box .wrap .list {
          width: 99.5%;
          height: auto;
          display: block;
          margin-top: 0.75rem;
          background: #fff;
          border: 1px solid #e2e2e2;
          box-shadow: 0.075rem 0.075rem 0px #e2e2e2;
          box-sizing: border-box; }
          .main.class .cont_box .wrap .list .img-box {
            float: left;
            width: 36%;
            height: auto;
            overflow: hidden;
            box-sizing: border-box;
            position: relative; }
            .main.class .cont_box .wrap .list .img-box .allow {
              width: 0.15rem;
              height: 100%;
              position: absolute;
              right: 0;
              top: 0;
              background: url(../img/11.png) no-repeat;
              background-size: cover !important; }
            .main.class .cont_box .wrap .list .img-box img {
              width: 100%;
              height: auto; }
          .main.class .cont_box .wrap .list .text-box {
            width: 53.5%;
            height: auto;
            float: left;
            padding-left: 5.5%;
            padding-right: 5%;
            position: relative; }
            .main.class .cont_box .wrap .list .text-box .tit {
              width: 100%;
              line-height: 0.65rem;
              padding-top: 1rem;
              height: auto; }
              .main.class .cont_box .wrap .list .text-box .tit .txt_w {
                font-size: 0.65rem;
                color: #3bc089;
                float: left; }
              .main.class .cont_box .wrap .list .text-box .tit .more {
                font-size: 0.6rem;
                color: #666;
                float: right;
                background: url(../img/yjt.png) no-repeat right center;
                padding-right: 0.625rem;
                background-size: 0.275rem 0.525rem; }
            .main.class .cont_box .wrap .list .text-box .text {
              font-size: 0.6rem;
              color: #b5b5b5;
              line-height: 0.95rem;
              padding-top: 0.75rem; }
      .main.class .cont_box .page2 {
        width: 100%;
        height: auto;
        margin: 0 auto 1.25rem auto; }
        .main.class .cont_box .page2 img {
          width: 100%;
          height: auto; }
  .main.news {
    width: 100%;
    height: auto;
    padding-top: 2.525rem; }
    .main.news .banner {
      width: 100%;
      height: auto;
      position: relative; }
      .main.news .banner img {
        width: 100%;
        height: auto;
        display: block; }
      .main.news .banner .text {
        position: absolute;
        width: 94.5%;
        height: auto;
        left: 2.75%;
        text-align: right;
        color: #fff;
        top: 50%;
        font-size: 1.075rem;
        margin-top: -1.075rem;
        padding-right: 0.375rem;
        box-sizing: border-box; }
    .main.news .ex-sub-nav {
      width: 100%;
      height: 2.5rem;
      border-bottom: 1px solid #e4e4e4;
      position: relative; }
      .main.news .ex-sub-nav .list {
        float: left;
        width: 29.5%;
        height: 100%;
        background: #3bc089;
        padding-left: 3%; }
        .main.news .ex-sub-nav .list .line_box2 {
          width: 1.2rem;
          height: auto;
          float: left;
          padding-top: 0.65rem; }
          .main.news .ex-sub-nav .list .line_box2.active .line1 {
            transform: translate(0px, 0.3rem) rotate(45deg); }
          .main.news .ex-sub-nav .list .line_box2.active .line2 {
            opacity: 0; }
          .main.news .ex-sub-nav .list .line_box2.active .line3 {
            transform: translate(0px, -0.3rem) rotate(-45deg); }
          .main.news .ex-sub-nav .list .line_box2 .line {
            width: 1.2rem;
            height: 0.1rem;
            margin: 0.2rem auto 0 auto;
            background: #fff;
            transition: all 0.5s; }
        .main.news .ex-sub-nav .list .tit {
          float: left;
          margin-left: 0.8rem;
          font-size: 0.65rem;
          color: #fff;
          line-height: 2.5rem; }
      .main.news .ex-sub-nav .txt {
        font-size: 0.6rem;
        color: #666;
        float: right;
        line-height: 2.5rem;
        margin-right: 0.55rem; }
    .main.news .cont {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      .main.news .cont .ex-left-title {
        width: 94.5%;
        margin: 0 auto;
        height: auto;
        border-bottom: 1px solid #3bc089;
        padding-bottom: 0.175rem;
        padding-top: 1.25rem; }
        .main.news .cont .ex-left-title .e-title {
          font-size: 0.95rem;
          color: #3bc089;
          line-height: 1.05rem; }
        .main.news .cont .ex-left-title .title {
          font-size: 0.65rem;
          color: #9c9c9c;
          line-height: 1.2rem; }
        .main.news .cont .ex-left-title .left {
          float: left; }
          .main.news .cont .ex-left-title .left .e-title {
            font-size: 0.95rem;
            color: #3bc089;
            line-height: 1.05rem; }
          .main.news .cont .ex-left-title .left .title {
            font-size: 0.65rem;
            color: #9c9c9c;
            line-height: 1.2rem; }
      .main.news .cont .wrap {
        width: 94.5%;
        height: auto;
        padding-bottom: 0.5rem;
        margin: 0 auto;
        padding-top: 0.75rem; }
        .main.news .cont .wrap .top-list {
          width: 100%;
          height: auto;
          display: block;
          padding-bottom: 0.5rem; }
          .main.news .cont .wrap .top-list .img-box {
            width: 100%;
            height: auto; }
            .main.news .cont .wrap .top-list .img-box img {
              width: 100%;
              height: auto; }
          .main.news .cont .wrap .top-list .text-box {
            width: 100%;
            height: auto; }
            .main.news .cont .wrap .top-list .text-box .time {
              font-size: 0.95rem;
              color: #3bc089;
              line-height: 1.75rem; }
            .main.news .cont .wrap .top-list .text-box .title {
              font-size: 0.65rem;
              color: #333;
              font-weight: bold;
              line-height: 0.65rem; }
            .main.news .cont .wrap .top-list .text-box .text {
              font-size: 0.6rem;
              color: #666;
              line-height: 1rem;
              padding-top: 0.5rem; }
            .main.news .cont .wrap .top-list .text-box .btn {
              width: 100%;
              height: 1.25rem;
              background: url(../img/b11.jpg) no-repeat;
              background-size: 100% 100%;
              margin-top: 0.25rem; }
        .main.news .cont .wrap .list {
          width: 100%;
          height: auto;
          display: block;
          padding-bottom: 0.75rem;
          margin-bottom: 0.55rem;
          border-bottom: 1px solid #e6e6e6; }
          .main.news .cont .wrap .list .time {
            float: left;
            width: 15.5%;
            height: 2.775rem;
            background: #e0e0e0;
            padding-left: 0.325rem;
            box-sizing: border-box; }
            .main.news .cont .wrap .list .time .day {
              font-size: 1.15rem;
              padding-top: 0.25rem;
              color: #3bc089;
              line-height: 1.375rem; }
            .main.news .cont .wrap .list .time .mon {
              font-size: 0.375rem;
              color: #666;
              line-height: 0.5rem; }
              @media (max-width: 435px) {
                .main.news .cont .wrap .list .time .mon {
                  font-size: 8px; } }
            .main.news .cont .wrap .list .time .yer {
              font-size: 0.375rem;
              color: #666;
              line-height: 0.5rem; }
              @media (max-width: 435px) {
                .main.news .cont .wrap .list .time .yer {
                  font-size: 8px; } }
          .main.news .cont .wrap .list .text-box {
            float: right;
            width: 78.8%; }
            .main.news .cont .wrap .list .text-box .title {
              font-size: 0.6rem;
              color: #333;
              line-height: 0.75rem;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
            .main.news .cont .wrap .list .text-box .text {
              font-size: 0.6rem;
              color: #666;
              line-height: 0.95rem; }
      .main.news .cont .news_info {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 0.75rem; }
        .main.news .cont .news_info img {
          max-width: 100%; }
        .main.news .cont .news_info .tit {
          font-size: 0.65rem;
          color: #3bc089;
          line-height: 1rem;
          padding-top: 0.25rem; }
      .main.news .cont .news_ic {
        width: 100%;
        height: auto;
        font-size: 0.6rem;
        color: #666; }
        .main.news .cont .news_ic p {
          padding-top: 0.375rem; }
        .main.news .cont .news_ic img {
          max-width: 100%; }
      .main.news .cont .news_info_b {
        width: 100%;
        height: auto;
        margin-top: 0.75rem; }
        .main.news .cont .news_info_b .mayew {
          float: left;
          width: 75%; }
          .main.news .cont .news_info_b .mayew a {
            display: inline-block;
            color: #666;
            width: 100%;
            overflow: hidden;
            font-size: 0.6rem;
            line-height: 1rem;
            text-overflow: ellipsis;
            white-space: nowrap; }
        .main.news .cont .news_info_b .por_info_fom {
          float: right;
          font-size: 0.6rem;
          color: #666;
          padding-top: 0.6rem; }
          .main.news .cont .news_info_b .por_info_fom a {
            color: #666; }
      .main.news .cont .page2 {
        width: 94.5%;
        height: auto;
        margin: 0 auto 2.25rem auto; }
        .main.news .cont .page2 img {
          width: 100%;
          height: auto; }
  .main.contact {
    width: 100%;
    height: auto;
    padding-top: 2.525rem; }
    .main.contact .banner {
      width: 100%;
      height: auto;
      position: relative; }
      .main.contact .banner img {
        width: 100%;
        height: auto;
        display: block; }
      .main.contact .banner .text {
        position: absolute;
        width: 94.5%;
        height: auto;
        left: 2.75%;
        text-align: right;
        color: #fff;
        top: 50%;
        font-size: 1.075rem;
        margin-top: -1.075rem;
        padding-right: 0.375rem;
        box-sizing: border-box; }
    .main.contact .ex-sub-nav {
      width: 100%;
      height: 2.5rem;
      border-bottom: 1px solid #e4e4e4;
      position: relative; }
      .main.contact .ex-sub-nav .list {
        float: left;
        width: 29.5%;
        height: 100%;
        background: #3bc089;
        padding-left: 3%; }
        .main.contact .ex-sub-nav .list .line_box2 {
          width: 1.2rem;
          height: auto;
          float: left;
          padding-top: 0.65rem; }
          .main.contact .ex-sub-nav .list .line_box2.active .line1 {
            transform: translate(0px, 0.3rem) rotate(45deg); }
          .main.contact .ex-sub-nav .list .line_box2.active .line2 {
            opacity: 0; }
          .main.contact .ex-sub-nav .list .line_box2.active .line3 {
            transform: translate(0px, -0.3rem) rotate(-45deg); }
          .main.contact .ex-sub-nav .list .line_box2 .line {
            width: 1.2rem;
            height: 0.1rem;
            margin: 0.2rem auto 0 auto;
            background: #fff;
            transition: all 0.5s; }
        .main.contact .ex-sub-nav .list .tit {
          float: left;
          margin-left: 0.5rem;
          font-size: 0.65rem;
          color: #fff;
          line-height: 2.5rem; }
      .main.contact .ex-sub-nav .txt {
        font-size: 0.6rem;
        color: #666;
        float: right;
        line-height: 2.5rem;
        margin-right: 0.55rem; }
    .main.contact .cont {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      .main.contact .cont .ex-left-title {
        width: 94.5%;
        margin: 0 auto;
        height: auto;
        border-bottom: 1px solid #3bc089;
        padding-bottom: 0.175rem;
        padding-top: 1.25rem; }
        .main.contact .cont .ex-left-title .e-title {
          font-size: 0.95rem;
          color: #3bc089;
          line-height: 1.05rem; }
        .main.contact .cont .ex-left-title .title {
          font-size: 0.65rem;
          color: #9c9c9c;
          line-height: 1.2rem; }
        .main.contact .cont .ex-left-title .left {
          float: left; }
          .main.contact .cont .ex-left-title .left .e-title {
            font-size: 0.95rem;
            color: #3bc089;
            line-height: 1.05rem; }
          .main.contact .cont .ex-left-title .left .title {
            font-size: 0.65rem;
            color: #9c9c9c;
            line-height: 1.2rem; }
      .main.contact .cont .wrap {
        width: 94.5%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 1.5rem; }
        .main.contact .cont .wrap .top-box {
          width: 100%;
          height: auto; }
          .main.contact .cont .wrap .top-box .text-b:last-child {
            border: none; }
          .main.contact .cont .wrap .top-box .text-b {
            width: 100%;
            height: auto;
            padding-top: 1.1rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #dedede; }
            .main.contact .cont .wrap .top-box .text-b .icon {
              float: left;
              width: 2.025rem;
              height: 2.025rem;
              background: url(../img/tell.png) no-repeat;
              background-size: 100% 100%; }
            .main.contact .cont .wrap .top-box .text-b .con {
              float: left;
              margin-left: 0.375rem;
              padding-top: 0.125rem; }
              .main.contact .cont .wrap .top-box .text-b .con .text {
                font-size: 0.6rem;
                color: #3bc089;
                line-height: 0.75rem; }
              .main.contact .cont .wrap .top-box .text-b .con .number {
                font-size: 0.75rem;
                line-height: 1rem;
                color: #9c9c9c; }
            .main.contact .cont .wrap .top-box .text-b .message {
              float: left; }
            .main.contact .cont .wrap .top-box .text-b .bdsharebuttonbox {
              float: right;
              margin-top: 0.375rem; }
              .main.contact .cont .wrap .top-box .text-b .bdsharebuttonbox a {
                display: block !important;
                padding: 0;
                margin: 0 3px !important;
                float: left !important; }
                .main.contact .cont .wrap .top-box .text-b .bdsharebuttonbox a.qq {
                  width: 1.225rem !important;
                  height: 1.175rem !important;
                  background: url(../img/q2.png) no-repeat;
                  background-size: 100% 100%; }
                .main.contact .cont .wrap .top-box .text-b .bdsharebuttonbox a.wx {
                  width: 1.225rem !important;
                  height: 1.175rem !important;
                  background: url(../img/wx2.png) no-repeat;
                  background-size: 100% 100%; }
                .main.contact .cont .wrap .top-box .text-b .bdsharebuttonbox a.sina {
                  width: 1.225rem !important;
                  height: 1.175rem !important;
                  background: url(../img/sina2.png) no-repeat;
                  background-size: 100% 100%; }
        .main.contact .cont .wrap .map_box {
          width: 100%;
          height: 9.5rem;
          position: relative;
          margin-top: 1.75rem; }
          .main.contact .cont .wrap .map_box #myMap {
            width: 100%;
            height: 100%; }
            .main.contact .cont .wrap .map_box #myMap .anchorBL {
              display: none; }
          .main.contact .cont .wrap .map_box .txt_w {
            width: 100%;
            height: 2rem;
            background: #3bc089;
            color: #fff;
            font-size: 0.6rem;
            line-height: 2rem;
            padding-left: 0.375rem;
            position: absolute;
            box-sizing: border-box;
            bottom: 0;
            left: 0; }

.ft {
  width: 100%;
  height: 2.375rem;
  overflow: hidden;
  background: #fff;
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  z-index: 100;
  transition: all 0.3s; }
  .ft.active {
    bottom: -2.375rem; }
  .ft > a {
    width: 50%;
    height: 100%;
    display: block;
    float: left;
    text-align: center;
    line-height: 2.375rem; }
    .ft > a.cur {
      background: #3bc089; }
      .ft > a.cur .txt {
        color: #fff; }
    .ft > a .ico {
      display: inline-block;
      width: 1.475rem;
      height: 100%;
      vertical-align: middle;
      margin: 0 0.175rem;
      background: url(../img/y.png) no-repeat left center;
      background-size: 1.475rem 1.15rem; }
      .ft > a .ico.ico2 {
        background: url(../img/t.png) no-repeat left center;
        background-size: 1.15rem 1.2rem;
        width: 1.15rem; }
    .ft > a .txt {
      font-size: 0.65rem;
      color: #666;
      margin: 0 0.175rem;
      vertical-align: middle; }

.feedback {
  width: 2.375rem;
  height: auto;
  position: fixed;
  top: 50%;
  right: 0;
  display: block;
  z-index: 100;
  background: #fff; }
  .feedback > a {
    width: 100%;
    height: 1.925rem;
    display: block;
    font-size: 0.6rem;
    color: #3bc089;
    line-height: 0.75rem;
    text-align: center;
    padding-top: 0.45rem; }
  .feedback .top {
    width: 100%;
    height: 2.375rem;
    background: url(../img/top.png) no-repeat center center #3bc089;
    background-size: 1.05rem 1.15rem; }

.footer {
  width: 100%;
  height: auto !important;
  background: #c2c3c6;
  padding-top: 1.5rem;
  padding-bottom: 3.5rem; }
  .footer .copyright {
    width: 94.5%;
    height: auto;
    margin: 0 auto;
    font-size: 0.6rem;
    color: #fff;
    text-align: center;
    line-height: 0.9rem; }
    .footer .copyright p a {
      font-size: 0.6rem;
      color: #fff; }
  .footer .bdsharebuttonbox {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 0.375rem; }
    .footer .bdsharebuttonbox a {
      display: inline-block !important;
      padding: 0;
      margin: 0 3px !important;
      float: none !important; }
      .footer .bdsharebuttonbox a.qq {
        width: 1.75rem !important;
        height: 1.75rem !important;
        background: url(../img/0131.png) no-repeat;
        background-size: 100% 100%; }
      .footer .bdsharebuttonbox a.wx {
        width: 1.75rem !important;
        height: 1.75rem !important;
        background: url(../img/0132.png) no-repeat;
        background-size: 100% 100%; }
      .footer .bdsharebuttonbox a.sina {
        width: 1.75rem !important;
        height: 1.75rem !important;
        background: url(../img/0133.png) no-repeat;
        background-size: 100% 100%; }

.swiper-news .swiper-pagination-bullet, .swiper-style .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #666;
  transition: all 0.5s; }

.swiper-news .swiper-pagination-bullet-active, .swiper-style .swiper-pagination-bullet-active {
  width: 30px;
  background: #3bc089; }

.swiper-news .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet,
.swiper-style .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 0 !important; }

.nav {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  display: none;
  z-index: 100;
  top: 2.5rem; }
  .nav ul {
    width: 100%;
    height: auto;
    padding: 0.25rem 0 0.5rem 0;
    background: rgba(59, 192, 137, 0.8); }
    .nav ul li {
      width: 100%;
      height: 1.75rem;
      color: #666; }
      .nav ul li a {
        width: 95%;
        height: 100%;
        display: block;
        color: #fff;
        margin: 0 auto;
        border-bottom: 1px solid #fff;
        font-size: 0.6rem;
        line-height: 1.75rem;
        background: url(../img/wel-butn1_2.png) no-repeat 95% center;
        background-size: 0.4rem 0.75rem;
        padding-left: 0.5rem;
        box-sizing: border-box; }

.mnav {
  position: fixed;
  left: 0;
  top: 2.525rem;
  bottom: 0;
  right: 0;
  background: rgba(59, 192, 137, 0.9);
  padding: 0 11.5%;
  box-sizing: border-box;
  display: none; }
  .mnav ul {
    width: 100%;
    height: auto;
    padding-top: 1.25rem; }
    .mnav ul li {
      width: 100%;
      height: auto;
      margin-top: 2.05rem; }
      .mnav ul li > a {
        width: 100%;
        height: 1.25rem;
        display: block;
        border-bottom: 2px solid #ffffff;
        font-size: 0.7rem;
        line-height: 0.7rem;
        color: #fff;
        background: url(../img/jt.png) no-repeat right top;
        background-size: 0.8rem 0.45rem; }
        .mnav ul li > a.active {
          background: url(../img/ss.png) no-repeat right top;
          background-size: 0.8rem 0.45rem; }
        .mnav ul li > a.no {
          background: none; }
      .mnav ul li .slider {
        width: 100%;
        height: auto;
        padding-top: 0.75rem;
        display: none; }
        .mnav ul li .slider a {
          display: block;
          font-size: 0.65rem;
          color: #fff;
          padding-bottom: 0.85rem; }

.register {
  position: fixed;
  left: 0;
  top: 2.525rem;
  bottom: 0;
  right: 0;
  background: rgba(59, 192, 137, 0.9);
  padding: 0 11.5%;
  box-sizing: border-box;
  display: none; }
  .register .close {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../img/close.png) no-repeat;
    position: absolute;
    right: 5.5%;
    top: 0.95rem;
    background-size: 100% 100%; }
  .register .tit {
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    margin-top: 2.75rem; }
  .register .form {
    width: 100%;
    padding-top: 0.875rem;
    height: auto; }
    .register .form input[type="text"] {
      width: 100%;
      height: 1.75rem;
      display: block;
      border: none;
      background: none;
      font-size: 0.675rem;
      margin-top: 1rem;
      color: #fff;
      line-height: 1.75rem;
      border-bottom: 2px solid #fff; }
    .register .form input[type="submit"] {
      width: 5.375rem;
      height: 1.625rem;
      background: #fff;
      display: block;
      margin: 1.25rem auto 0 auto;
      font-size: 0.6rem;
      border: none;
      color: #3bc089;
      text-align: center;
      line-height: 1.625rem; }
    .register .form .fo {
      width: 100%;
      height: auto;
      overflow: hidden; }
      .register .form .fo select {
        width: 48%;
        height: 1.75rem;
        display: block;
        border: none;
        background: none;
        font-size: 0.675rem;
        margin-top: 1rem;
        color: #fff;
        line-height: 1.75rem;
        border-bottom: 2px solid #fff; }
      .register .form .fo input {
        width: 48%;
        height: 1.65rem;
        display: block;
        border: none;
        background: none;
        font-size: 0.675rem;
        margin-top: 1rem;
        color: #fff;
        line-height: 1.65rem;
        border-bottom: 2px solid #fff; }
      .register .form .fo .fl {
        float: left; }
      .register .form .fo .fr {
        float: right; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff !important; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff !important; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff !important; }

.page {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden; }
  .page > .ajax_fpage {
    width: 13.5%;
    height: 2.375rem;
    float: right;
    text-align: center;
    line-height: 2.375rem;
    font-size: 0.75rem;
    background: #999;
    color: #fff; }
    .page > .ajax_fpage#shang_page {
      float: left; }
  .page .apages {
    width: 73%;
    height: 2.375rem;
    float: left;
    text-align: center; }
    .page .apages a {
      display: inline-block;
      font-size: 1rem;
      color: #666;
      font-weight: bold;
      line-height: 2.375rem;
      font-family: Arial;
      margin: 0 0.425rem; }
      .page .apages a.active {
        color: #3bc089; }

.container_box {
  width: 94.5%;
  padding-bottom: 0.75rem;
  margin: 0 auto;
  height: auto; }
  .container_box .list2 {
    overflow: hidden;
    margin-top: 0.5rem; }
    .container_box .list2 .l2 {
      width: 56.3%;
      float: left;
      display: block;
      overflow: hidden; }
      .container_box .list2 .l2 .wx {
        width: 46.5%;
        float: left; }
        .container_box .list2 .l2 .wx .code {
          box-sizing: border-box; }
          .container_box .list2 .l2 .wx .code img {
            width: 100%;
            height: auto; }
        .container_box .list2 .l2 .wx .txt {
          font-size: 0.55rem;
          color: #797a7a;
          margin-top: 0.225rem;
          line-height: 0.85rem;
          text-align: center; }
          @media (max-width: 435px) {
            .container_box .list2 .l2 .wx .txt {
              font-size: 12px; } }
      .container_box .list2 .l2 .wx2 {
        width: 46.5%;
        float: right; }
        .container_box .list2 .l2 .wx2 .code {
          box-sizing: border-box; }
          .container_box .list2 .l2 .wx2 .code img {
            width: 100%;
            height: auto; }
        .container_box .list2 .l2 .wx2 .txt {
          font-size: 0.55rem;
          color: #797a7a;
          margin-top: 0.225rem;
          line-height: 0.85rem;
          text-align: center; }
          @media (max-width: 435px) {
            .container_box .list2 .l2 .wx2 .txt {
              font-size: 12px; } }
    .container_box .list2 .weibo {
      float: right;
      width: 42.1%;
      display: block; }
      .container_box .list2 .weibo .code2 {
        width: 100%;
        box-sizing: border-box;
        text-align: center; }
        .container_box .list2 .weibo .code2 img {
          display: inline-block;
          width: 100%; }
      .container_box .list2 .weibo .txt {
        font-size: 0.55rem;
        color: #797a7a;
        margin-top: 0.225rem;
        line-height: 0.85rem;
        text-align: center; }
        @media (max-width: 435px) {
          .container_box .list2 .weibo .txt {
            font-size: 12px; } }
  .container_box .list {
    overflow: hidden; }
    .container_box .list .left {
      width: 56.3%;
      float: left;
      display: block;
      overflow: hidden; }
      .container_box .list .left img {
        width: 100%;
        height: auto; }
    .container_box .list .list_r {
      float: right;
      width: 42.2%; }
      .container_box .list .list_r a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block; }
        .container_box .list .list_r a img {
          width: 100%;
          height: auto; }
        .container_box .list .list_r a.m2 {
          margin-top: 0.25rem; }

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