@charset "utf-8";
a, .transition, .head .headSearch, .sNav dl, .shadowBlue, .head .headSearch .submit:hover, .foot dl.btn dd:nth-child(2) a:hover, .pageBack a:hover, .productShow4 dl.btn a:hover, .case li:hover .img a, .pageNum2 a.back:hover, .apply .submit:hover, .news_01 a.more:hover, .pageNum3 a.back:hover, .contact .form .submit:hover, .bookLayer .submit div:hover, .shadowGreen, .foot dl.btn a:hover, .productShow4 dl.btn .dd_02 a:hover, .pageImgLayer, .about_03 li .box, .product .box, .productList .box, .productList dl.btn, .productShow4 li, .programme .box, .programmeShow5 .box, .caseList li, .service a .name, .service a p, .applyBuy .box, .applyBuy h2, .applyBuy dl.info, .applyBuy dl.info b, .news_01 .time, .news_01 .time b, .news li, .news .time, .news .time b, .pageNum3 li a .time b, .pageSearch .list a em, .about_02Btn dd, .jobLayer, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis, .case .name, .pageNum3 li a h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .foot .list ul, .foot dl.btn a, .pageBanner dl.btn, .pageBanner dl.btn a, .about_01 li .time, .about_01 li .box, .about_01 li dl, .pageTitle, .adviser li, .productNav ul, .product ul, .productList dl.btn, .pageBack a, .productShowNav ul, .productShowNav a, .productShow .list ul, .productShow2 .list ul, .productShow2 .list a, .productShow3 ul, .productShow3 a.name, .productShow4 li .box, .productShow4 dl.btn, .productShow4 dl.btn a, .programmeNav dl, .programme ul, .programmeShowNav ul, .programmeShow, .programmeShow .list ul, .programmeShow .list li b, .programmeShow2 ul, .programmeShow4 .list ul, .programmeShow5 ul, .case ul, .case dl.tag, .caseList li dl.tag, .caseShow .list ul, .caseShow .list2 ul, .pageNum2 dl.share, .service ul, .service a, .service2 ul, .feedback dl, .applyNav ul, .applyNav li, .apply ul, .applyBuy ul, .applyBuy dl.btn, .pageNum3 ul, .pageNum3 dl.share, .pageSearch .tag ul, .contact .container, .contact .side ul, .contact .side .ewm, .contact .form ul, .bookLayer ul, .Culture_01 .msg dl, .Culture_01 .list ul, .Culture_01 .list .box, .Culture_02 ul, .Culture_03 ul, .Culture_04 ul, .about_02Btn, .about_02Btn dl, .Culture_05 .box, .Culture_06 .title, .Culture_06 li, .Culture_07 .list ul, .Culture_07 .list2 ul {
  display: flex;
  display: -webkit-flex; }

.flexColumn, .about_01 li .time, .productList dl.btn, .productShow3 a.name, .productShow4 li .box, .service a, .applyNav li, .Culture_01 .list .box, .Culture_05 .box {
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .foot dl.btn a, .pageBanner dl.btn a, .about_01 li .time, .about_01 li .box, .about_01 li dl, .pageTitle, .productList dl.btn, .pageBack a, .productShowNav a, .productShow2 .list a, .productShow3 a.name, .productShow4 dl.btn a, .programmeShow .list li b, .pageNum2 dl.share, .service a, .applyNav li, .pageNum3 dl.share, .contact .side .ewm, .Culture_01 .msg dl, .Culture_01 .list .box {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .foot dl.btn a, .pageBanner dl.btn a, .about_01 li .time, .pageTitle, .pageBack a, .productShowNav a, .productShow2 .list a, .productShow3 a.name, .productShow4 li .box, .productShow4 dl.btn, .productShow4 dl.btn a, .programmeShowNav ul, .programmeShow .list ul, .programmeShow .list li b, .service a, .applyNav li, .Culture_01 .msg dl, .Culture_01 .list .box, .about_02Btn, .Culture_05 .box {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .adviser li, .productList dl.btn, .productShow .list ul, .programmeShow, .service2 ul, .contact .container {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .foot .list ul, .about_01 li dl, .adviser li, .productNav ul, .product ul, .productShow .list ul, .productShow2 .list ul, .productShow3 ul, .programme ul, .programmeShow, .programmeShow .list ul, .programmeShow2 ul, .programmeShow4 .list ul, .programmeShow5 ul, .case ul, .case dl.tag, .caseList li dl.tag, .caseShow .list ul, .caseShow .list2 ul, .service ul, .service2 ul, .feedback dl, .applyNav ul, .apply ul, .applyBuy ul, .pageNum3 ul, .pageSearch .tag ul, .contact .container, .contact .side ul, .contact .form ul, .bookLayer ul, .Culture_01 .list ul, .Culture_02 ul, .Culture_03 ul, .Culture_04 ul, .Culture_07 .list ul, .Culture_07 .list2 ul {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: .12rem;
  font-family: Arial, "微软雅黑";
  color: #333;
  -webkit-text-size-adjust: none;
  opacity: 0; }
  body.show {
    opacity: 1;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #1878c4;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #888;
  outline: none;
  border: 0px; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  width: 100%; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {
  max-width: 14rem;
  margin: 0 auto; }

@font-face {
  font-family: 'Impact';
  src: url("../images/impactmtstd.eot");
  src: url("../images/impactmtstd.eot") format("embedded-opentype"), url("../images/impactmtstd.woff") format("woff"), url("../images/impactmtstd.ttf") format("truetype"), url("../images/impactmtstd.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.headD {
  height: .85rem; }

.head {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
  .head .wal {
    height: .85rem;
    position: relative; }
  .head a.logo {
    display: block;
    width: 1.94rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.33rem; }
  .head a.searchA {
    display: block;
    background: url("../images/img34.png") center no-repeat;
    background-size: .34rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 2.8rem;
    top: 0;
    bottom: auto;
    height: .85rem;
    width: .8rem; }
  .head .headSearch {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 70%;
    bottom: auto;
    height: .8rem;
    background: #fff;
    border-top: #e7f1f9 solid 1px;
    width: 3.6rem;
    padding: .19rem 1.1rem 0 .2rem;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: .1rem;
    -webkit-border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
    -webkit-border-bottom-right-radius: .1rem;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 51, 102, 0.2);
    -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0, 51, 102, 0.2);
    -moz-box-shadow: 0 0.1rem 0.1rem rgba(0, 51, 102, 0.2); }
    .head .headSearch.on {
      opacity: 1;
      visibility: visible;
      top: 100%; }
    .head .headSearch .input {
      -moz-border-radius: 0.06rem;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem;
      background: #e7f1f9; }
      .head .headSearch .input input {
        width: 100%;
        height: .4rem;
        line-height: .4rem;
        padding: 0 .1rem;
        font-size: .16rem;
        color: #1878c4; }
    .head .headSearch .submit {
      background: #1878c4;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.2rem;
      top: 0.19rem;
      bottom: auto;
      width: .8rem;
      -moz-border-radius: 0.06rem;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem; }
      .head .headSearch .submit input {
        width: 100%;
        height: .4rem;
        font-size: .16rem;
        color: #fff; }
  .head a.tel {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    height: .85rem;
    line-height: .85rem;
    color: #1878c4;
    font-weight: bold;
    font-size: .28rem;
    padding-left: .75rem;
    background: url("../images/img56.png") left center no-repeat;
    background-size: .56rem; }

.nav {
  position: absolute;
  z-index: 10;
  left: 2.4rem;
  right: auto;
  top: 0;
  bottom: auto; }
  .nav li {
    float: left;
    padding-right: .4rem; }
  .nav a {
    display: block;
    height: .85rem;
    line-height: .85rem;
    color: #666;
    font-size: .16rem;
    position: relative; }
    .nav a:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: .2rem;
      width: 0;
      height: .03rem;
      background: #1878c4; }
  .nav a:hover, .nav a.on, .nav a.on2 {
    color: #1878c4; }
    .nav a:hover:before, .nav a.on:before, .nav a.on2:before {
      left: 0;
      width: 100%; }

.sNav {
  position: fixed;
  z-index: 49;
  left: 50%;
  top: .85rem;
  width: 1.2rem;
  background: rgba(0, 56, 102, 0.4);
  margin-left: -.28rem;
  padding-bottom: .1rem;
  display: none;
  border-bottom-left-radius: .08rem;
  -webkit-border-bottom-left-radius: .08rem;
  border-bottom-right-radius: .08rem;
  -webkit-border-bottom-right-radius: .08rem; }
  .sNav.on {
    display: block; }
  .sNav li {
    position: relative;
    min-height: .5rem; }
  .sNav a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    color: #fff;
    text-align: center; }
  .sNav dl {
    position: absolute;
    z-index: 10;
    left: 100%;
    right: auto;
    top: 0;
    bottom: auto;
    width: 2rem;
    background: rgba(0, 56, 102, 0.6);
    padding: .1rem 0;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: .08rem;
    -webkit-border-bottom-left-radius: .08rem;
    border-bottom-right-radius: .08rem;
    -webkit-border-bottom-right-radius: .08rem; }
    .sNav dl a {
      height: .4rem;
      line-height: .4rem;
      text-align: left;
      padding-left: .4rem;
      background: url("../images/img4_3.png") 0.28rem center no-repeat;
      background-size: .04rem; }
    .sNav dl a:hover {
      background-image: url("../images/img4_3on.png");
      color: #39d124; }
  .sNav li.on a.name {
    background-color: rgba(0, 56, 102, 0.3); }
  .sNav li.on dl {
    opacity: 1;
    visibility: visible; }

.foot .wal {
  min-height: 3.25rem;
  position: relative; }
.foot .img {
  padding-top: .3rem;
  height: 1rem;
  width: 2.21rem; }
.foot .list {
  position: absolute;
  z-index: 10;
  left: 2.8rem;
  right: auto;
  top: 0;
  bottom: auto;
  width: 9rem; }
  .foot .list li {
    min-width: 1.4rem; }
  .foot .list h2 {
    font-weight: 400;
    font-size: .18rem;
    padding: .3rem 0 .1rem 0; }
    .foot .list h2 a {
      color: #666; }
    .foot .list h2 a:hover {
      color: #1878c4; }
  .foot .list dd {
    font-size: .14rem;
    line-height: .27rem;
    color: #999;
    position: relative; }
    .foot .list dd a {
      color: #999; }
    .foot .list dd a:hover {
      color: #1878c4; }
  .foot .list li.li_01 {
    width: 3.06rem; }
    .foot .list li.li_01 dd {
      padding: 0 0 .06rem .34rem; }
    .foot .list li.li_01 img {
      width: .24rem;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto; }
.foot .msg {
  font-size: .14rem;
  line-height: 1.75em;
  color: #666;
  max-width: 2.25rem; }
.foot dl.btn {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0.33rem;
  bottom: auto;
  width: 2.05rem; }
  .foot dl.btn dd {
    padding-bottom: .38rem; }
  .foot dl.btn a {
    height: .48rem;
    background: #2ebe1a;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: .18rem;
    color: #fff; }
    .foot dl.btn a img {
      width: .32rem;
      margin-right: .2rem; }
  .foot dl.btn dd:nth-child(2) a {
    background: #1878c4; }
    .foot dl.btn dd:nth-child(2) a img {
      margin-right: .1rem; }

.blue {
  color: #1878c4; }

.submit input, .btn1 {
  cursor: pointer; }

.shadowBlue, .head .headSearch .submit:hover, .foot dl.btn dd:nth-child(2) a:hover, .pageBack a:hover, .productShow4 dl.btn a:hover, .case li:hover .img a, .pageNum2 a.back:hover, .apply .submit:hover, .news_01 a.more:hover, .pageNum3 a.back:hover, .contact .form .submit:hover, .bookLayer .submit div:hover {
  box-shadow: 0 0.03rem 0.2rem rgba(24, 120, 196, 0.5);
  -webkit-box-shadow: 0 0.03rem 0.2rem rgba(24, 120, 196, 0.5);
  -moz-box-shadow: 0 0.03rem 0.2rem rgba(24, 120, 196, 0.5); }

.shadowGreen, .foot dl.btn a:hover, .productShow4 dl.btn .dd_02 a:hover {
  box-shadow: 0 0.03rem 0.2rem rgba(0, 212, 0, 0.5);
  -webkit-box-shadow: 0 0.03rem 0.2rem rgba(0, 212, 0, 0.5);
  -moz-box-shadow: 0 0.03rem 0.2rem rgba(0, 212, 0, 0.5); }

#Layer1 {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: none; }

.pageImgLayer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden; }
  .pageImgLayer.show {
    opacity: 1;
    visibility: visible; }
  .pageImgLayer .container {
    width: 6.7rem;
    min-height: 5rem;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }
  .pageImgLayer a.close {
    display: block;
    background: url("../images/close68.png") center no-repeat;
    background-size: cover;
    width: .68rem;
    height: .68rem;
    position: absolute;
    top: .2rem;
    right: .2rem;
    z-index: 10; }
  .pageImgLayer a.arrow {
    display: block;
    width: .8rem;
    height: .8rem;
    background: center no-repeat;
    background-size: cover;
    opacity: .8;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -.4rem; }
    .pageImgLayer a.arrow:hover {
      opacity: 1; }
    .pageImgLayer a.arrow.prev {
      background-image: url("../images/prev80.png");
      left: -1.35rem; }
    .pageImgLayer a.arrow.next {
      background-image: url("../images/next80.png");
      right: -1.35rem; }
  .pageImgLayer #pageImgLayer {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .pageImgLayer .swiper-slide {
    padding: .2rem; }

@media screen and (max-width: 800px) {
  .pageImgLayer .container {
    width: 7.2rem; }
  .pageImgLayer a.arrow {
    display: none; } }
.pageBanner {
  background: center no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  position: relative;
  color: #fff; }
  .pageBanner .wal {
    height: 4.8rem; }
  .pageBanner .title {
    font-size: .24rem;
    padding-top: .8rem; }
    .pageBanner .title div.tag {
      padding: .5rem 0 .15rem 0; }
      .pageBanner .title div.tag em {
        display: inline-block;
        font-size: .18rem;
        color: #fff;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        height: .4rem;
        line-height: .4rem;
        padding: 0 .25rem;
        background: rgba(255, 255, 255, 0.3);
        letter-spacing: .01rem; }
    .pageBanner .title h2 {
      font-size: .65rem;
      font-weight: 400;
      padding: 0 0 .1rem 0; }
  .pageBanner dl.btn {
    padding-top: .35rem; }
    .pageBanner dl.btn dd {
      padding-right: .2rem; }
    .pageBanner dl.btn a {
      font-size: .16rem;
      color: #1878c4;
      background: #fff;
      width: 1.3rem;
      height: .35rem;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .pageBanner dl.btn a:hover {
      box-shadow: 0 0 0.3rem rgba(255, 255, 255, 0.3);
      -webkit-box-shadow: 0 0 0.3rem rgba(255, 255, 255, 0.3);
      -moz-box-shadow: 0 0 0.3rem rgba(255, 255, 255, 0.3); }
    .pageBanner dl.btn img {
      width: .2rem;
      margin-right: .07rem; }
  .pageBanner .list {
    background: url("../images/img1583.png") center no-repeat;
    background-size: cover;
    width: 15.83rem;
    height: 2.55rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 1.55rem;
    bottom: auto;
    margin-left: -9.6rem; }
    .pageBanner .list li {
      position: absolute;
      z-index: 10;
      left: auto;
      right: auto;
      top: auto;
      bottom: auto;
      text-align: center;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%); }
      .pageBanner .list li img {
        width: .8rem;
        position: relative;
        top: .06rem; }
      .pageBanner .list li p {
        font-size: .18rem;
        white-space: nowrap; }
    .pageBanner .list .li_01 {
      left: 4.22rem;
      top: 1rem; }
    .pageBanner .list .li_02 {
      left: 7.88rem;
      top: .6rem; }
    .pageBanner .list .li_03 {
      left: 11.4rem;
      top: 0; }
    .pageBanner .list .li_04 {
      left: 14.38rem;
      top: -.75rem; }
    .pageBanner .list .li_05 {
      left: 15.63rem;
      top: .45rem; }

.pageBg {
  min-height: 2rem;
  background: #eef5fa; }

.about_01 .msg {
  color: #fff;
  background: #529ad3;
  min-height: 1rem;
  position: relative;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: .4rem .45rem;
  font-size: .16rem;
  line-height: 2em;
  text-align: justify;
  z-index: 11; }
  .about_01 .msg:before, .about_01 .msg:after {
    content: "";
    display: block;
    position: absolute;
    width: .77rem;
    height: .72rem;
    background: url("../images/img77.png") center no-repeat;
    background-size: cover; }
  .about_01 .msg:before {
    left: 0;
    top: 0; }
  .about_01 .msg:after {
    right: 0;
    bottom: 0;
    background-image: url("../images/img77_2.png"); }
  .about_01 .msg .ico {
    width: .4rem;
    height: .2rem;
    background: url("../images/img40.png") center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 100%;
    bottom: auto;
    margin-left: -.2rem; }
.about_01 .list {
  min-height: 3rem;
  position: relative;
  padding: 1rem 0 2rem 0;
  margin-top: .2rem; }
  .about_01 .list:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: .08rem;
    height: 100%;
    margin-left: -.04rem;
    background: url("../images/line8.png") center top repeat-y;
    background-size: 100%; }
  .about_01 .list:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 4.8rem;
    height: .88rem;
    background: url("../images/img480.png") center no-repeat;
    background-size: cover;
    margin-left: -2.4rem; }
.about_01 li {
  min-height: 1.5rem;
  width: 5.55rem;
  margin-left: auto;
  position: relative; }
  .about_01 li .time {
    width: 2.12rem;
    padding-left: 1.02rem;
    height: 1.1rem;
    line-height: .5rem;
    color: #fff;
    position: absolute;
    z-index: 10;
    left: -1.57rem;
    right: auto;
    top: 0.45rem;
    bottom: auto;
    font-size: .22rem;
    background: url("../images/img212.png") center no-repeat;
    background-size: cover; }
    .about_01 li .time span {
      font-size: .26rem;
      font-family: 'Impact'; }
  .about_01 li .box {
    min-height: 2rem;
    background: #fff;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem; }
  .about_01 li dl {
    padding-left: .8rem; }
  .about_01 li dd {
    min-width: 2.2rem;
    padding-right: .3rem;
    font-size: .16rem;
    line-height: .36rem; }
.about_01 li.li_01 .img {
  width: 5.06rem;
  position: absolute;
  z-index: 10;
  left: 0.8rem;
  right: auto;
  top: -1.57rem;
  bottom: auto; }
.about_01 li.li_02 .img {
  width: 6.12rem;
  position: absolute;
  z-index: 10;
  left: -1rem;
  right: auto;
  top: 2rem;
  bottom: auto; }

@media screen and (min-width: 800px) {
  .about_01 li:nth-child(even) {
    margin-left: 0; }
    .about_01 li:nth-child(even) .time {
      background-image: url("../images/img212_1.png");
      padding: 0 1.02rem 0 0;
      left: auto;
      right: -1.57rem; }
    .about_01 li:nth-child(even) dl {
      padding-left: .4rem; } }
.pageTitle {
  padding: .95rem 0 .5rem 0;
  position: relative; }
  .pageTitle:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.54rem;
    height: .16rem;
    background: #ddebf6;
    left: 50%;
    top: 1.52rem;
    margin-left: -1.27rem; }
  .pageTitle b {
    color: #1878c4;
    font-size: .78rem;
    font-family: 'Impact';
    position: relative; }
  .pageTitle div {
    padding: 0 0 0 .1rem;
    position: relative;
    top: .03rem; }
    .pageTitle div span {
      color: #1878c4;
      font-size: .18rem; }
    .pageTitle div h2 {
      font-size: .36rem; }

.pageTitle-2 {
  padding-top: 0; }
  .pageTitle-2:before {
    top: .57rem; }

.about_02 {
  position: relative;
  padding: 0 .65rem 1rem .65rem; }
  .about_02 .list {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .about_02 .swiper-slide {
    padding: 0 .18rem;
    position: relative; }
    .about_02 .swiper-slide div {
      background: #1878c4; }
    .about_02 .swiper-slide img {
      border: #ddebf6 solid 1px; }
    .about_02 .swiper-slide a.name {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      font-size: .18rem;
      line-height: .26rem;
      padding-top: 2rem;
      background: url("../images/img41.png") center no-repeat;
      background-size: .41rem;
      color: #fff;
      text-align: center;
      opacity: 0; }
  .about_02 .swiper-slide:hover img {
    opacity: .2; }
  .about_02 .swiper-slide:hover a.name {
    opacity: 1; }
  .about_02 a.arrow {
    display: block;
    width: .43rem;
    height: 2.74rem;
    background: #d1e4f3 center no-repeat;
    background-size: .2rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: auto; }
    .about_02 a.arrow:hover {
      background-color: #1878c4; }
    .about_02 a.arrow.prev {
      background-image: url("../images/prev20.png");
      left: 0; }
    .about_02 a.arrow.next {
      background-image: url("../images/next20.png");
      right: 0; }

.about_03 ul {
  margin-left: -.5rem; }
.about_03 li {
  float: left;
  width: 25%;
  padding: 0 0 .5rem .5rem;
  text-align: center; }
  .about_03 li .box {
    min-height: 5.1rem;
    background: #fff url("../images/img278.png") right bottom no-repeat;
    background-size: 2.78rem;
    -moz-border-radius: 2.55rem;
    -webkit-border-radius: 2.55rem;
    border-radius: 2.55rem;
    padding: .1rem;
    position: relative; }
  .about_03 li .img img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .about_03 li .name {
    padding: .12rem 0;
    font-size: .14rem; }
    .about_03 li .name h2 {
      font-size: .24rem;
      padding-bottom: .05rem; }
    .about_03 li .name span {
      display: inline-block;
      opacity: .6; }
  .about_03 li p {
    font-size: .16rem;
    line-height: .28rem;
    padding: 0 .3rem;
    opacity: .9; }
  .about_03 li a {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%; }
.about_03 li:hover .box {
  background-color: #1878c4;
  color: #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }

.pageNow {
  font-size: .16rem;
  color: #666;
  padding: .7rem 0 .5rem 0; }
  .pageNow a {
    color: #666; }
  .pageNow a:hover {
    color: #1878c4; }

.adviser li {
  padding-bottom: .56rem; }
.adviser .img {
  width: 4.25rem;
  position: relative; }
  .adviser .img a {
    display: block;
    background: #e7f1f9;
    position: relative;
    left: .35rem; }
    .adviser .img a:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 11;
      width: 1.8rem;
      height: .05rem;
      background: #1878c4;
      top: 1.7rem;
      right: -1.6rem; }
  .adviser .img img {
    position: relative;
    left: -.35rem;
    top: .35rem; }
.adviser .container {
  width: 8.8rem;
  min-height: 6.2rem;
  border-bottom: #b9d6ed solid 1px;
  padding: 0 .7rem .5rem 0; }
  .adviser .container .name {
    padding: .5rem 0 .9rem 0;
    font-size: .22rem;
    color: #999; }
    .adviser .container .name h2 {
      font-weight: 400;
      padding-bottom: .08rem;
      font-size: .36rem; }
    .adviser .container .name a {
      color: #1878c4; }
  .adviser .container p {
    font-size: .18rem;
    line-height: .32rem;
    color: #666; }
.adviser li:nth-child(even) {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse; }
  .adviser li:nth-child(even) .img a {
    left: -.35rem; }
    .adviser li:nth-child(even) .img a:before {
      right: auto;
      left: -1.6rem; }
  .adviser li:nth-child(even) .img img {
    left: .35rem; }
  .adviser li:nth-child(even) .container {
    padding: 0 0 .5rem .7rem; }
.adviser li:last-child .container {
  border: 0; }

.footLine {
  clear: both;
  height: .6rem;
  border-bottom: #d8d6d6 solid 1px; }

.productNav {
  padding-top: 1.2rem;
  width: 2.38rem; }
  .productNav li {
    border-top: #e7f1f9 solid 1px;
    width: 100%; }
  .productNav a.name {
    display: block;
    height: .59rem;
    line-height: .59rem;
    position: relative;
    padding-left: .1rem;
    font-size: .16rem; }
    .productNav a.name:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: .34rem;
      height: 100%;
      background: url("../images/img14.png") center no-repeat;
      background-size: .14rem; }
  .productNav dl {
    display: none;
    padding-bottom: .06rem;
    position: relative;
    top: -.07rem; }
    .productNav dl a {
      display: block;
      font-size: .18rem;
      color: #666;
      padding-left: .37rem;
      height: .36rem;
      line-height: .36rem;
      background: url("../images/img4.png") 0.25rem center no-repeat;
      background-size: .04rem; }
    .productNav dl a:hover, .productNav dl a.on {
      color: #1878c4;
      background-image: url("../images/img4on.png"); }
  .productNav li.on a.name:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); }
  .productNav li.on dl {
    display: block; }

.product {
  width: 10.2rem;
  padding: 1.2rem 0 0 0; }
  .product ul {
    margin-left: -.2rem; }
  .product li {
    width: 50%;
    padding: 0 0 .2rem .2rem; }
  .product .box {
    height: 2.8rem;
    overflow: hidden;
    position: relative;
    background: #edf4fa;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: 0 .36rem; }
  .product h3 {
    position: absolute;
    z-index: 1;
    left: 0;
    right: auto;
    top: auto;
    bottom: -0.3rem;
    color: #1878c4;
    opacity: .07;
    font-size: 2rem;
    font-family: 'Impact';
    line-height: 1em;
    text-transform: uppercase; }
  .product h2 {
    font-size: .36rem;
    padding: .3rem 0 .15rem 0;
    font-weight: 500;
    text-transform: uppercase; }
    .product h2 a {
      color: #1878c4; }
  .product p {
    font-size: .16rem;
    line-height: 2em;
    text-align: justify;
    height: 6em;
    overflow: hidden; }
  .product a.more {
    display: block;
    font-size: .16rem;
    color: #fff;
    background: #1878c4;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.4rem;
    top: auto;
    bottom: 0.35rem;
    text-align: center; }
    .product a.more span {
      padding-right: .2rem;
      background: url("../images/img12_1.png") right center no-repeat;
      background-size: .12rem; }
  .product li:hover .box {
    background: #1878c4;
    color: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
  .product li:hover h3 {
    color: #fff; }
  .product li:hover h2 a {
    color: #fff; }
  .product li:hover a.more {
    background: #fff;
    color: #1878c4; }
    .product li:hover a.more span {
      background-image: url("../images/img12_1on.png"); }

.productList {
  width: 10.2rem; }
  .productList .pageNow {
    padding: 1.2rem 0 .35rem 0; }
  .productList li {
    padding-bottom: .2rem; }
  .productList .box {
    min-height: 2.5rem;
    position: relative;
    background: #edf4fa url("../images/img527.png") left bottom no-repeat;
    background-size: 5.27rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: .3rem 2.6rem .3rem .45rem;
    color: #666; }
  .productList h2 {
    font-size: .36rem;
    padding-bottom: .2rem;
    font-weight: 500;
    text-transform: uppercase; }
    .productList h2 a {
      color: #1878c4;
      display: inline-block;
      padding: 0 .15rem 0 0;
      position: relative; }
      .productList h2 a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: .17rem;
        background: #d2e0f6; }
      .productList h2 a span {
        display: inline-block;
        position: relative; }
  .productList dl.info dd {
    font-size: .16rem;
    line-height: .36rem;
    padding-left: .12rem;
    background: url("../images/img4_1.png") left 0.15rem no-repeat;
    background-size: .04rem; }
  .productList dl.btn {
    width: 2.3rem;
    height: 1.5rem;
    border-left: #d7e7f4 solid 1px;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    margin-top: -.75rem; }
    .productList dl.btn a {
      display: block;
      width: 1.3rem;
      height: .34rem;
      line-height: .34rem;
      background: #1878c4;
      color: #fff;
      font-size: .16rem;
      -moz-border-radius: 0.4rem;
      -webkit-border-radius: 0.4rem;
      border-radius: 0.4rem;
      text-align: center; }
      .productList dl.btn a span {
        padding-left: .26rem;
        display: inline-block;
        height: .34rem;
        background: left center no-repeat;
        background-size: .22rem; }
    .productList dl.btn .dd_02 a {
      background: #2ebe1a; }
    .productList dl.btn .dd_01 a span {
      background-image: url("../images/img22_1.png"); }
    .productList dl.btn .dd_02 a span {
      background-image: url("../images/img22_2.png"); }
    .productList dl.btn .dd_03 a span {
      background-image: url("../images/img22_3.png"); }
  .productList li:hover .box {
    background-color: #1878c4;
    color: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
  .productList li:hover h2 a {
    color: #fff; }
    .productList li:hover h2 a:before {
      opacity: 0; }
  .productList li:hover dl.info dd {
    background-image: url("../images/img4_1on.png"); }
  .productList li:hover dl.btn {
    border-color: #3086ca; }
    .productList li:hover dl.btn a {
      background: #fff;
      color: #1878c4; }
    .productList li:hover dl.btn .dd_01 a span {
      background-image: url("../images/img22_1on.png"); }
    .productList li:hover dl.btn .dd_02 a span {
      background-image: url("../images/img22_2on.png"); }
    .productList li:hover dl.btn .dd_03 a span {
      background-image: url("../images/img22_3on.png"); }

.pageBack {
  padding-top: .4rem; }
  .pageBack a {
    margin: 0 auto;
    font-size: .18rem;
    background: #1878c4;
    color: #fff;
    width: 1.5rem;
    height: .48rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem; }
  .pageBack img {
    width: .22rem;
    margin-right: .08rem; }

.productShowNav {
  height: 1.7rem;
  position: relative; }
  .productShowNav .list {
    width: 14.36rem;
    height: 1.72rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: -0.56rem;
    bottom: auto;
    margin-left: -7.18rem;
    background: url("../images/img1436.png") center no-repeat;
    background-size: 14.36rem;
    padding-top: .16rem; }
  .productShowNav ul {
    max-width: 10rem;
    margin: 0 auto; }
  .productShowNav li {
    width: 100%; }
  .productShowNav a {
    height: .8rem;
    font-size: .2rem;
    position: relative; }
    .productShowNav a:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      height: .02rem;
      background: #447ded; }
    .productShowNav a div {
      width: .4rem;
      margin-right: .05rem;
      position: relative; }
      .productShowNav a div img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
  .productShowNav a:hover, .productShowNav a.on {
    color: #447ded; }
    .productShowNav a:hover:before, .productShowNav a.on:before {
      left: 0;
      width: 100%; }
    .productShowNav a:hover div img:nth-child(1), .productShowNav a.on div img:nth-child(1) {
      opacity: 0; }
    .productShowNav a:hover div img:nth-child(2), .productShowNav a.on div img:nth-child(2) {
      opacity: 1; }

.productShow {
  padding-bottom: 1rem; }
  .productShow .content {
    font-size: .18rem;
    line-height: 1.9em;
    text-align: justify;
    padding-bottom: .65rem; }
  .productShow .list {
    border: #d8e8f4 solid .1rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    min-height: 2rem;
    position: relative;
    padding: .7rem .5rem .2rem .5rem;
    background: #fff; }
    .productShow .list h2.title {
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: -0.3rem;
      bottom: auto;
      background: #d8e8f4;
      font-size: .24rem;
      color: #1878c4;
      width: 2.6rem;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      margin-left: -1.3rem;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .productShow .list li {
      min-height: 1.13rem;
      position: relative;
      width: 5.85rem;
      padding: 0 0 .4rem .4rem; }
      .productShow .list li:before {
        content: "";
        display: block;
        position: absolute;
        width: 1.17rem;
        height: .1rem;
        background: #ddebf6;
        left: .15rem;
        top: .17rem; }
    .productShow .list .num {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: .3rem;
      height: .3rem;
      line-height: .3rem;
      text-align: center;
      background: #1878c4;
      color: #fff;
      font-size: .24rem;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .productShow .list h3 {
      font-size: .2rem;
      padding-bottom: .15rem;
      position: relative; }
    .productShow .list p {
      font-size: .18rem;
      line-height: .32rem;
      color: #666; }

.productShow2 {
  position: relative;
  min-height: 7.04rem;
  background: url("../images/productshow2.jpg") center no-repeat;
  background-size: cover;
  padding-top: .8rem; }
  .productShow2 .list {
    min-height: 3.2rem; }
    .productShow2 .list ul {
      margin-left: -.3rem; }
    .productShow2 .list li {
      width: 25%;
      padding: 0 0 .4rem .4rem; }
    .productShow2 .list a {
      height: 1.6rem;
      background: #edf4fa url("../images/img277.png") right bottom no-repeat;
      background-size: 2.77rem;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem;
      font-size: .22rem; }
      .productShow2 .list a div {
        width: .8rem;
        margin-right: .12rem;
        position: relative; }
      .productShow2 .list a img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .productShow2 .list a:hover {
      background-color: #1878c4;
      color: #fff;
      box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
      -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
      -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
      .productShow2 .list a:hover img:nth-child(1) {
        opacity: 0; }
      .productShow2 .list a:hover img:nth-child(2) {
        opacity: 1; }

.productShow3 ul {
  margin-left: -.05rem; }
.productShow3 li {
  width: 20%;
  padding: 0 0 .05rem .05rem;
  position: relative; }
.productShow3 .img {
  background: #001a33; }
  .productShow3 .img img {
    opacity: .5; }
.productShow3 a.name {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  padding-left: .05rem;
  font-size: .24rem;
  color: #fff; }
  .productShow3 a.name img {
    width: 1.2rem;
    margin-bottom: .06rem; }
.productShow3 li:hover .img {
  background: #1878c4; }
.productShow3 li:hover .img img {
  opacity: .3; }

.productShow4 {
  margin-top: -.05rem;
  padding-top: .8rem; }
  .productShow4 li {
    margin-bottom: .3rem;
    min-height: 2rem;
    position: relative;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background: #fff url("../images/bg469.png") right bottom no-repeat;
    background-size: 4.69rem;
    color: #666; }
    .productShow4 li .img {
      width: 3.1rem;
      position: absolute;
      z-index: 10;
      left: 0.05rem;
      right: auto;
      top: 0;
      bottom: auto; }
      .productShow4 li .img img:nth-child(2) {
        opacity: 0;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
    .productShow4 li .box {
      min-height: 2rem;
      padding: .3rem .35rem .3rem 3.2rem; }
    .productShow4 li h2 {
      font-size: .22rem;
      padding: 0 0 .1rem 0; }
    .productShow4 li p {
      font-size: .16rem;
      line-height: .29rem; }
  .productShow4 li:hover {
    background-color: #1878c4;
    color: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
    .productShow4 li:hover .img img:nth-child(1) {
      opacity: 0; }
    .productShow4 li:hover .img img:nth-child(2) {
      opacity: 1; }
    .productShow4 li:hover h2 a {
      color: #fff; }
  .productShow4 dl.btn {
    padding: .5rem 0 1rem 0; }
    .productShow4 dl.btn dd {
      padding: 0 .2rem; }
    .productShow4 dl.btn a {
      width: 1.5rem;
      height: .48rem;
      background: #1878c4;
      font-size: .18rem;
      color: #fff;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .productShow4 dl.btn img {
      width: .22rem;
      margin-right: .08rem; }
    .productShow4 dl.btn .dd_02 a {
      background: #2ebe1a; }

.programmeNav {
  min-height: 1.2rem;
  position: relative; }
  .programmeNav dl {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 100%;
    height: .65rem;
    background: #fff;
    border-top-left-radius: .1rem;
    -webkit-border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    -webkit-border-top-right-radius: .1rem; }
  .programmeNav dd {
    padding: 0 .64rem;
    position: relative; }
    .programmeNav dd:before {
      content: "";
      display: block;
      position: absolute;
      width: 1px;
      height: .22rem;
      background: #d2d2d2;
      top: 50%;
      right: 0;
      margin-top: -.11rem; }
    .programmeNav dd:last-child:before {
      display: none; }
  .programmeNav a {
    display: block;
    height: .65rem;
    line-height: .65rem;
    position: relative;
    font-size: .22rem; }
    .programmeNav a:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      height: .02rem;
      background: #1878c4; }
  .programmeNav a:hover, .programmeNav a.on {
    color: #1878c4; }
    .programmeNav a:hover:before, .programmeNav a.on:before {
      left: 0;
      width: 100%; }

.serviceNav {
  min-height: .7rem; }

.programme ul {
  margin-left: -.2rem; }
.programme li {
  width: 50%;
  padding: 0 0 .2rem .2rem; }
.programme .box {
  min-height: 2.8rem;
  background: #edf4fa url("../images/img420.png") right bottom no-repeat;
  background-size: 4.2rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: .3rem .4rem .3rem 2.18rem;
  position: relative; }
  .programme .box:before {
    content: "";
    display: block;
    position: absolute;
    left: 1.9rem;
    top: .4rem;
    width: 1px;
    height: 2rem;
    background: #d7e7f4; }
.programme .img {
  width: 1.5rem;
  position: absolute;
  z-index: 10;
  left: 0.3rem;
  right: auto;
  top: 0.65rem;
  bottom: auto; }
  .programme .img img:nth-child(2) {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    opacity: 0; }
.programme h2 {
  font-size: .36rem;
  font-weight: 500;
  text-transform: uppercase; }
  .programme h2 a {
    color: #1878c4; }
.programme p {
  font-size: .16rem;
  line-height: 2em;
  text-align: justify;
  padding: .15rem 0; }
.programme a.more {
  display: block;
  font-size: .16rem;
  color: #fff;
  background: #1878c4;
  width: 1.4rem;
  height: .4rem;
  line-height: .4rem;
  margin-left: auto;
  text-align: center;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }
  .programme a.more span {
    padding-right: .2rem;
    background: url("../images/img12_1.png") right center no-repeat;
    background-size: .12rem; }
.programme li:hover .box {
  background-color: #1878c4;
  color: #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
  .programme li:hover .box:before {
    background: #3086ca; }
.programme li:hover .img img:nth-child(1) {
  opacity: 0; }
.programme li:hover .img img:nth-child(2) {
  opacity: 1; }
.programme li:hover h2 a {
  color: #fff; }
.programme li:hover a.more {
  background: #fff;
  color: #1878c4; }
  .programme li:hover a.more span {
    background-image: url("../images/img12_1on.png"); }

.programmeShowNav {
  height: .4rem;
  border-bottom: #e7f1f9 solid 1px; }
  .programmeShowNav a {
    display: block;
    padding: 0 .48rem;
    height: .4rem;
    font-size: .18rem;
    position: relative; }
    .programmeShowNav a:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      height: .02rem;
      background: #1878c4; }
  .programmeShowNav a:hover, .programmeShowNav a.on {
    color: #1878c4; }
    .programmeShowNav a:hover:before, .programmeShowNav a.on:before {
      left: 0;
      width: 100%; }

.pageTitle2 {
  padding: .7rem 0 .4rem 0; }
  .pageTitle2 div {
    display: inline-block;
    position: relative;
    padding: 0 0 .03rem 0; }
    .pageTitle2 div:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: .14rem;
      background: #ddebf6; }
  .pageTitle2 b {
    font-size: .3rem;
    position: relative; }
  .pageTitle2 span {
    color: #1878c4;
    text-transform: uppercase;
    font-size: .16rem;
    position: relative;
    top: .03rem;
    padding: 0 .1rem 0 .05rem; }

.programmeShow .content {
  font-size: .16rem;
  line-height: 2em;
  text-align: justify;
  color: #666;
  margin-top: -.15rem; }
  .programmeShow .content p {
    padding-bottom: .15rem; }
.programmeShow .container-1 {
  width: 6.45rem; }
.programmeShow .container-2 {
  width: 6.4rem; }
.programmeShow .container-3 {
  width: 100%; }
.programmeShow .list ul {
  padding-bottom: .8rem; }
.programmeShow .list li {
  width: 1.7rem;
  height: 1.7rem;
  position: relative; }
  .programmeShow .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: .62rem;
    width: 100%;
    height: .06rem;
    background: #d1e4f3; }
  .programmeShow .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.3rem;
    background: url("../images/img130.png") center no-repeat;
    background-size: 1.3rem; }
  .programmeShow .list li b {
    position: relative;
    z-index: 11;
    font-size: .2rem;
    line-height: 1.5em;
    color: #1878c4;
    height: 1.3rem;
    text-align: center; }
.programmeShow .list li:last-child:before {
  display: none; }

.programmeShow2 ul {
  margin-left: -.4rem;
  padding-bottom: .4rem; }
.programmeShow2 li {
  width: 50%;
  padding: 0 0 .6rem .6rem; }
.programmeShow2 .box {
  min-height: 2.88rem;
  position: relative;
  background: #fff;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: 0 .4rem .3rem .4rem; }
.programmeShow2 .num {
  position: absolute;
  z-index: 10;
  left: -0.2rem;
  right: auto;
  top: -0.1rem;
  bottom: auto;
  background: #1878c4;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: .7rem;
  height: .7rem;
  line-height: .7rem;
  text-align: center;
  font-size: .4rem;
  font-weight: bold;
  font-family: 'Impact'; }
.programmeShow2 h2 {
  margin-left: -.4rem;
  margin-right: -.4rem;
  color: #1878c4;
  background: #d1e4f3;
  height: .5rem;
  line-height: .5rem;
  padding: 0 .3rem 0 .68rem;
  font-size: .18rem;
  border-top-left-radius: .1rem;
  -webkit-border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
  -webkit-border-top-right-radius: .1rem; }
.programmeShow2 h3 {
  font-size: .16rem;
  line-height: .28rem;
  padding: .3rem 0 .1rem 0; }
.programmeShow2 dd {
  font-size: .16rem;
  line-height: .28rem;
  color: #666;
  padding-bottom: .1rem; }

.programmeShow3 .content {
  font-size: .16rem;
  line-height: 2em;
  color: #666;
  text-align: justify;
  padding-bottom: .4rem; }
.programmeShow3 .list {
  padding-left: .2rem; }
  .programmeShow3 .list li {
    padding-bottom: .4rem; }
  .programmeShow3 .list .box {
    min-height: 1rem;
    position: relative;
    background: #edf4fa;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: 0 .4rem .3rem .4rem; }
  .programmeShow3 .list .num {
    position: absolute;
    z-index: 10;
    left: -0.2rem;
    right: auto;
    top: -0.1rem;
    bottom: auto;
    background: #1878c4;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: .7rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .4rem;
    font-weight: bold;
    font-family: 'Impact'; }
  .programmeShow3 .list h2 {
    margin-left: -.4rem;
    margin-right: -.4rem;
    color: #1878c4;
    background: #d1e4f3;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .3rem 0 .68rem;
    font-size: .18rem;
    margin-bottom: .3rem;
    border-top-left-radius: .1rem;
    -webkit-border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    -webkit-border-top-right-radius: .1rem; }
  .programmeShow3 .list h3 {
    font-size: .16rem;
    line-height: .28rem;
    padding-bottom: .1rem; }
  .programmeShow3 .list dd {
    font-size: .16rem;
    line-height: .28rem;
    color: #666;
    padding-bottom: .1rem; }

.programmeShow4 .content {
  font-size: .16rem;
  line-height: 2em;
  text-align: justify;
  color: #666; }
  .programmeShow4 .content b {
    color: #333; }
  .programmeShow4 .content p {
    padding-bottom: .15rem; }
.programmeShow4 h2.title {
  height: .5rem;
  position: relative;
  font-size: .22rem;
  padding-left: .36rem;
  line-height: .26rem; }
  .programmeShow4 h2.title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .26rem;
    height: .26rem;
    background: url("../images/img26.png") center no-repeat;
    background-size: cover; }
.programmeShow4 .list ul {
  margin-left: -.2rem;
  padding-bottom: .55rem; }
.programmeShow4 .list li {
  width: 50%;
  padding: 0 0 .2rem .2rem; }
.programmeShow4 .list .box {
  min-height: 1.96rem;
  background: #edf4fa;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: .32rem .38rem; }
.programmeShow4 .list h2 {
  color: #1878c4;
  font-size: .18rem;
  line-height: .3rem;
  padding-bottom: .1rem; }
.programmeShow4 .list p {
  font-size: .16rem;
  line-height: .3rem;
  color: #666; }
.programmeShow4 .list-2 li {
  width: 100%; }
.programmeShow4 .list-2 .box {
  min-height: 1rem; }

.programmeShow5 {
  background: #edf4fa url("../images/programmeshow5.png") center top no-repeat;
  background-size: 100%;
  min-height: 8rem;
  padding-top: .8rem; }
  .programmeShow5 ul {
    margin-left: -.2rem; }
  .programmeShow5 li {
    padding: 0 0 .6rem .2rem;
    width: 14.285%; }
  .programmeShow5 .box {
    background: #fff url("../images/img183.png") right bottom no-repeat;
    background-size: 1.83rem;
    min-height: 1.7rem;
    text-align: center;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: .3rem 0;
    color: #1878c4; }
  .programmeShow5 h2 {
    font-family: 'Impact';
    font-size: .6rem;
    text-transform: uppercase; }
  .programmeShow5 .name {
    font-size: .18rem;
    padding: .1rem 0; }
  .programmeShow5 dd {
    font-size: .16rem;
    line-height: .3rem; }
    .programmeShow5 dd a {
      display: inline-block;
      position: relative;
      padding: 0 0 0 .1rem;
      background: url("../images/img4_2.png") left center no-repeat;
      background-size: .04rem;
      color: #808080; }
      .programmeShow5 dd a span {
        display: inline-block;
        position: relative; }
      .programmeShow5 dd a:before {
        content: "";
        display: block;
        position: absolute;
        left: .1rem;
        bottom: .03rem;
        width: 0;
        height: .1rem;
        background: #74aedb; }
  .programmeShow5 li:hover .box {
    background-color: #1878c4;
    color: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
    .programmeShow5 li:hover .box:before {
      background: #3086ca; }
  .programmeShow5 li:hover .name a {
    color: #fff; }
  .programmeShow5 li:hover dd a {
    color: #fff;
    background-image: url("../images/img4_2on.png");
    opacity: .8; }
    .programmeShow5 li:hover dd a:hover {
      opacity: 1; }
      .programmeShow5 li:hover dd a:hover:before {
        width: 100%; }

.caseTitle {
  height: 2rem;
  position: relative;
  padding: .95rem 0 0 .35rem; }
  .caseTitle:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 1.41rem;
    width: 100%;
    height: 1px;
    background: #e7f1f9; }
  .caseTitle:after {
    content: "";
    display: block;
    position: absolute;
    left: .35rem;
    top: 1.38rem;
    width: 1.13rem;
    height: .08rem;
    background: #e7f1f9; }
  .caseTitle b {
    font-size: .72rem;
    text-transform: uppercase;
    color: #1878c4;
    font-family: 'Impact';
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.8rem;
    bottom: auto; }
  .caseTitle em {
    display: block;
    font-size: .18rem;
    color: #1878c4;
    line-height: .26rem; }
  .caseTitle h2 {
    font-size: .26rem;
    position: relative;
    z-index: 10; }
  .caseTitle a.more {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1.28rem;
    bottom: auto;
    font-size: .16rem;
    color: #999;
    padding: 0 .1rem;
    background: #fff url("../images/img5.png") right center no-repeat;
    background-size: .05rem;
    line-height: .28rem; }

.case ul {
  margin-left: -.4rem; }
.case li {
  width: 25%;
  padding: 0 0 0 .4rem; }
.case .img a {
  display: block;
  position: relative;
  border: #ddebf6 solid 1px; }
.case .img img:nth-child(2) {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  opacity: 0; }
.case .name {
  font-size: .22rem;
  height: .7rem;
  line-height: .7rem; }
.case dl.tag {
  margin-left: -.1rem; }
  .case dl.tag dd {
    padding: 0 0 .1rem .1rem; }
  .case dl.tag a {
    display: block;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: #e7f1f9;
    color: #1878c4;
    font-size: .14rem;
    height: .3rem;
    line-height: .3rem;
    min-width: .8rem;
    text-align: center;
    padding: 0 .15rem; }
  .case dl.tag a:hover {
    background: #1878c4;
    color: #fff; }
.case li:hover .img a {
  border-color: #1878c4;
  background: #1878c4; }
.case li:hover .img img:nth-child(1) {
  opacity: 0; }
.case li:hover .img img:nth-child(2) {
  opacity: 1; }
.case li:hover .name a {
  color: #1878c4;
  font-weight: bold; }

.caseList li {
  min-height: 2.4rem;
  border-bottom: #ddebf6 dashed 1px;
  position: relative;
  background: #fff url("../images/bg469.png") right bottom no-repeat;
  background-size: 4.69rem;
  color: #666;
  padding: .5rem 0 .3rem 3.08rem; }
  .caseList li .img {
    width: 2.8rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.47rem;
    bottom: auto; }
    .caseList li .img a {
      display: block;
      border: #ddebf6 solid 1px;
      position: relative;
      left: 0; }
    .caseList li .img img:nth-child(2) {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      opacity: 0; }
  .caseList li .name {
    font-size: .22rem;
    font-weight: 600; }
  .caseList li p {
    font-size: .16rem;
    line-height: .29rem;
    padding: .1rem 0 .12rem 0; }
  .caseList li dl.tag {
    margin-left: -.1rem; }
    .caseList li dl.tag dd {
      padding: 0 0 .1rem .1rem; }
    .caseList li dl.tag a {
      display: block;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      background: #e7f1f9;
      color: #1878c4;
      font-size: .14rem;
      height: .3rem;
      line-height: .3rem;
      min-width: .8rem;
      text-align: center;
      padding: 0 .15rem; }
    .caseList li dl.tag a:hover {
      background: #1878c4;
      color: #fff; }
.caseList li:last-child {
  border: 0; }

@media screen and (min-width: 800px) {
  .caseList li:hover {
    background-color: #1878c4;
    color: #fff;
    z-index: 10;
    padding-left: 3.4rem;
    padding-right: .3rem;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
    .caseList li:hover .img a {
      border-color: #1878c4;
      background: #1878c4;
      left: .2rem; }
    .caseList li:hover .img img:nth-child(1) {
      opacity: 0; }
    .caseList li:hover .img img:nth-child(2) {
      opacity: 1; }
    .caseList li:hover .name a {
      color: #fff; } }
.caseShow .title {
  text-align: center;
  font-size: .16rem;
  color: #999;
  padding-bottom: .45rem; }
  .caseShow .title h2 {
    font-size: .36rem;
    padding-bottom: .1rem;
    color: #333; }
.caseShow .content {
  font-size: .16rem;
  line-height: 2em;
  text-align: justify;
  padding-bottom: .5rem;
  color: #666; }
  .caseShow .content b {
    color: #333; }
  .caseShow .content p {
    padding-bottom: .15rem; }
.caseShow .title2 {
  height: .95rem;
  line-height: .95rem;
  position: relative;
  padding-left: .45rem;
  background: url("../images/img32.png") left center no-repeat;
  background-size: .32rem; }
  .caseShow .title2 h2 {
    font-size: .26rem;
    display: inline-block;
    position: relative;
    padding-right: .1rem; }
    .caseShow .title2 h2:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: .08rem;
      background: #e7f1f9;
      margin-top: -.04rem; }
    .caseShow .title2 h2 span {
      display: inline-block;
      position: relative; }
.caseShow .list ul {
  padding-bottom: .2rem; }
.caseShow .list li {
  width: 1.6rem;
  padding: 0 .1rem .1rem 0; }
.caseShow .list a {
  display: block;
  height: 1.6rem;
  text-align: center;
  font-size: .18rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding-top: .25rem;
  background: #fff url("../images/img161.png") right bottom no-repeat;
  background-size: 100%; }
.caseShow .list div {
  width: 1.1rem;
  height: .8rem;
  margin: 0 auto;
  position: relative; }
.caseShow .list img:nth-child(2) {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  opacity: 0; }
.caseShow .list a:hover {
  background-color: #1878c4;
  color: #fff;
  z-index: 11;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
  .caseShow .list a:hover div img:nth-child(1) {
    opacity: 0; }
  .caseShow .list a:hover div img:nth-child(2) {
    opacity: 1; }
.caseShow .list2 ul {
  padding-bottom: .5rem;
  margin-right: -.3rem; }
.caseShow .list2 li {
  padding: 0 .3rem .1rem 0; }
.caseShow .list2 a {
  display: block;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  font-size: .18rem;
  font-weight: bold;
  color: #1878c4;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  background: #e7f1f9 url("../images/img134.png") right bottom no-repeat;
  background-size: 100%;
  padding: 0 .25rem; }
.caseShow .list2 a:hover {
  background-color: #1878c4;
  color: #fff;
  z-index: 11;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }

.pageNum2 {
  position: relative;
  border-top: #ddd solid 1px;
  padding: .4rem 0 0 0;
  border-top: #e7f1f9 solid 1px;
  font-size: .16rem; }
  .pageNum2 li {
    line-height: 2em;
    padding: 0 2.5rem .2rem 0; }
    .pageNum2 li a {
      color: #666; }
    .pageNum2 li a:hover {
      color: #1878c4; }
  .pageNum2 dl.share {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.4rem;
    bottom: auto; }
    .pageNum2 dl.share dd {
      padding-left: .1rem;
      color: #666; }
    .pageNum2 dl.share a {
      display: block;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      width: .4rem;
      height: .4rem;
      background: #8bbbe1; }
    .pageNum2 dl.share a:hover {
      background: #1878c4; }
  .pageNum2 a.back {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1rem;
    bottom: auto;
    width: 1.2rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: #1878c4;
    color: #fff; }

.service ul {
  margin-left: -.4rem; }
.service li {
  width: 50%;
  padding: 0 0 .4rem .4rem; }
.service .box {
  width: 100%;
  overflow: hidden;
  position: relative;
  -moz-border-radius: 0.12rem;
  -webkit-border-radius: 0.12rem;
  border-radius: 0.12rem; }
.service a {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding-top: .6rem; }
  .service a img {
    width: 1.7rem;
    height: 1.7rem;
    border: rgba(0, 0, 0, 0) solid 0.02rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .service a .name {
    font-size: .36rem;
    padding-top: .1rem; }
  .service a p {
    font-size: .18rem;
    line-height: .26rem;
    text-align: center;
    opacity: 0;
    visibility: hidden; }
.service a:hover {
  background: rgba(24, 120, 196, 0.8);
  padding-top: 0; }
  .service a:hover img {
    width: 1.4rem;
    height: 1.4rem;
    border-color: #fff;
    padding: .23rem; }
  .service a:hover .name {
    padding: .25rem 0 .15rem 0; }
  .service a:hover p {
    opacity: 1;
    visibility: visible; }

.service2 .title {
  font-size: .28rem;
  position: relative;
  padding: .1rem 0 .15rem 0; }
  .service2 .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .53rem;
    height: .03rem;
    background: #1878c4; }
.service2 ul {
  margin-left: -.3rem;
  padding-bottom: .5rem; }
.service2 li {
  width: 33.333%;
  max-width: 3.87rem;
  padding: .23rem 0 0 .3rem; }
  .service2 li a {
    display: block;
    height: .72rem;
    line-height: .72rem;
    position: relative;
    border-bottom: #d2d2d2 solid 1px;
    font-size: .24rem;
    color: #666;
    padding-left: .48rem; }
    .service2 li a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: .31rem;
      height: 100%;
      background: url("../images/img31.png") center no-repeat;
      background-size: 100%; }
    .service2 li a:after {
      content: "";
      display: block;
      position: absolute;
      right: .2rem;
      top: 0;
      width: .14rem;
      height: 100%;
      background: url("../images/img14_1.png") center no-repeat;
      background-size: 100%; }
  .service2 li a:hover {
    background: #1878c4;
    color: #fff;
    border-color: #1878c4;
    padding-left: .75rem; }
    .service2 li a:hover:before {
      left: .3rem;
      background-image: url("../images/img31on.png"); }
    .service2 li a:hover:after {
      background-image: url("../images/img14_1on.png"); }

.feedback li {
  position: relative;
  min-height: 3.34rem;
  border-bottom: #b9d6ed dashed 1px;
  padding: .45rem 0 .3rem 2.9rem; }
  .feedback li:last-child {
    border: 0; }
  .feedback li:before {
    content: "";
    display: block;
    position: absolute;
    top: .5rem;
    right: 0;
    width: 1.08rem;
    height: .88rem;
    background: url("../images/img108.png") center no-repeat;
    background-size: cover; }
.feedback .img {
  width: 2.3rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.5rem;
  bottom: auto; }
  .feedback .img img {
    border: #ddebf6 solid 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
.feedback h2 {
  font-size: .22rem;
  position: relative; }
.feedback p {
  font-size: .16rem;
  line-height: .3rem;
  color: #666;
  padding: .12rem 0 .2rem 0;
  position: relative; }
.feedback h3 {
  font-size: .18rem;
  padding-bottom: .15rem; }
.feedback dl {
  margin-right: -.3rem; }
  .feedback dl dd {
    padding: 0 .45rem .2rem 0;
    text-align: center;
    font-size: .14rem; }
  .feedback dl div {
    width: .4rem;
    margin: 0 auto;
    padding-bottom: .05rem; }

.applyNav li {
  width: 14.285%;
  height: 1.4rem;
  font-size: .16rem;
  line-height: .26rem;
  color: #666;
  position: relative;
  text-align: center;
  border-top-left-radius: .1rem;
  -webkit-border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
  -webkit-border-top-right-radius: .1rem; }
  .applyNav li div {
    width: .5rem;
    padding-bottom: .06rem; }
    .applyNav li div img {
      opacity: .5; }
  .applyNav li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    height: .8rem;
    width: 1px;
    background: #fff;
    margin-top: -.4rem; }
  .applyNav li:last-child:before {
    display: none; }
.applyNav li:hover div img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1); }
.applyNav li.on {
  background: #fff;
  color: #1878c4; }
  .applyNav li.on div img {
    opacity: 1; }

.apply {
  min-height: 3rem;
  background: #fff;
  padding: 1rem 1.5rem .8rem 1.5rem; }
  .apply ul {
    margin-left: -.4rem; }
  .apply li {
    width: 50%;
    padding: 0 0 .3rem .4rem; }
    .apply li.li_01 {
      width: 25%; }
    .apply li.li_02 {
      width: 33.333%; }
    .apply li.li_03 {
      width: 100%; }
  .apply .input {
    -moz-border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem;
    min-height: .55rem;
    border: #d2d2d2 solid 1px;
    font-size: .18rem;
    position: relative; }
    .apply .input input {
      width: 100%;
      height: .53rem;
      line-height: .53rem;
      padding: 0 .22rem;
      font-size: .18rem; }
    .apply .input textarea {
      width: 100%;
      height: 1.15rem;
      line-height: .33rem;
      padding: .1rem .22rem;
      font-size: .18rem; }
    .apply .input:hover {
      color: #1878c4;
      border-color: #1878c4; }
      .apply .input:hover input {
        color: #1878c4; }
  .apply .select {
    padding: 0 .22rem;
    line-height: .53rem; }
    .apply .select span {
      background: url("../images/select21.png") right center no-repeat;
      background-size: .21rem;
      display: block; }
    .apply .select select {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .apply .submit {
    background: #1878c4;
    -moz-border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem; }
    .apply .submit input {
      width: 100%;
      height: .55rem;
      font-size: .24rem;
      color: #fff; }

.applyBuy ul {
  margin-left: -.6rem; }
.applyBuy li {
  width: 50%;
  padding: 0 0 .6rem .6rem; }
.applyBuy .box {
  min-height: 3.9rem;
  background: #edf4fa url("../images/img437.png") right bottom no-repeat;
  background-size: 4.37rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  padding: .4rem .8rem; }
.applyBuy h2 {
  color: #1878c4;
  font-size: .28rem;
  padding-bottom: .2rem;
  position: relative; }
  .applyBuy h2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.08rem;
    height: 1px;
    background: rgba(24, 120, 196, 0.2); }
.applyBuy dl.info {
  padding: .2rem 0;
  min-height: 1.82rem;
  max-width: 5.1rem;
  font-size: .16rem;
  line-height: .3rem;
  color: #666; }
  .applyBuy dl.info b {
    color: #333; }
.applyBuy dl.btn dd {
  padding-right: .52rem; }
.applyBuy dl.btn a {
  display: block;
  width: 1.6rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background: #1878c4;
  font-size: .24rem;
  color: #fff;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }
.applyBuy dl.btn span {
  padding-left: .4rem;
  display: inline-block;
  height: .5rem;
  background: left center no-repeat;
  background-size: .3rem; }
.applyBuy dl.btn .dd_01 span {
  background-image: url("../images/img30_1.png"); }
.applyBuy dl.btn .dd_02 a {
  background: #39d124; }
.applyBuy dl.btn .dd_02 span {
  background-image: url("../images/img30_2.png"); }
.applyBuy .box:hover {
  background-color: #1878c4;
  color: #fff;
  z-index: 11;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
  .applyBuy .box:hover h2 {
    color: #fff; }
    .applyBuy .box:hover h2:before {
      background: rgba(255, 255, 255, 0.2); }
  .applyBuy .box:hover dl.info {
    color: #fff; }
    .applyBuy .box:hover dl.info b {
      color: #fff; }
  .applyBuy .box:hover dl.btn a {
    background: #fff;
    color: #1878c4; }
  .applyBuy .box:hover dl.btn .dd_01 span {
    background-image: url("../images/img30_1on.png"); }
  .applyBuy .box:hover dl.btn .dd_02 a {
    background: #fff; }
  .applyBuy .box:hover dl.btn .dd_02 span {
    background-image: url("../images/img30_2on.png"); }

.news_01 {
  position: relative;
  min-height: 2.7rem;
  padding: 0 0 .3rem 4.9rem; }
  .news_01 .img {
    width: 3.65rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .news_01 .img a {
      display: block;
      height: 2.41rem;
      background: center no-repeat;
      background-size: cover; }
  .news_01 .time {
    position: absolute;
    z-index: 10;
    left: 4rem;
    right: auto;
    top: -0.05rem;
    bottom: auto;
    font-size: .16rem;
    color: #999; }
    .news_01 .time b {
      color: #1878c4;
      font-size: .55rem; }
  .news_01 .name {
    font-size: .22rem; }
  .news_01 p {
    font-size: .16rem;
    line-height: 2em;
    min-height: 1.6rem;
    padding: .1rem 0; }
  .news_01 a.more {
    display: block;
    width: 1.4rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    background: #1878c4;
    color: #fff;
    font-size: .18rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem; }

.news li {
  min-height: 1.73rem;
  position: relative;
  border-bottom: #e7f1f9 solid 1px;
  padding: .35rem 0 .3rem .88rem;
  color: #666;
  background: #fff url("../images/bg469.png") right bottom no-repeat;
  background-size: 4.69rem; }
.news .time {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.3rem;
  bottom: auto;
  font-size: .16rem;
  color: #999; }
  .news .time b {
    color: #1878c4;
    font-size: .55rem; }
.news .name {
  font-size: .22rem;
  padding-bottom: .1rem; }
.news p {
  font-size: .16rem;
  line-height: 2em; }
.news .more {
  padding: .3rem 0; }
  .news .more a {
    display: block;
    text-align: center;
    line-height: .63rem;
    background: #e7f1f9;
    font-size: .22rem;
    letter-spacing: .1rem; }

@media screen and (min-width: 800px) {
  .news li:hover {
    background-color: #1878c4;
    color: #fff;
    padding-left: 1.18rem;
    padding-right: .3rem;
    z-index: 3;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
    .news li:hover .name a {
      color: #fff; }
    .news li:hover .time {
      color: #fff;
      left: .3rem; }
    .news li:hover .time b {
      color: #fff; } }
.pageNum3 {
  position: relative;
  border-top: #ddd solid 1px;
  padding: .6rem 0 0 0;
  border-top: #e7f1f9 solid 1px;
  font-size: .16rem; }
  .pageNum3 ul {
    margin-left: -.6rem; }
  .pageNum3 li {
    width: 50%;
    padding: 0 0 .4rem .6rem; }
    .pageNum3 li a {
      display: block;
      position: relative;
      background: #fafafa;
      height: 1.22rem;
      padding: .15rem .2rem 0 1.18rem; }
      .pageNum3 li a .time {
        position: absolute;
        z-index: 10;
        left: 0.3rem;
        right: auto;
        top: 0.16rem;
        bottom: auto;
        color: #999; }
        .pageNum3 li a .time b {
          color: #1878c4;
          font-size: .55rem; }
      .pageNum3 li a span {
        color: #666; }
      .pageNum3 li a h2 {
        font-size: .22rem;
        line-height: .55rem;
        height: .55rem;
        font-weight: 400; }
    .pageNum3 li a:hover {
      background: #e7f1f9; }
  .pageNum3 dl.share dd {
    padding-left: .1rem;
    color: #666; }
  .pageNum3 dl.share a {
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    background: #8bbbe1; }
  .pageNum3 dl.share a:hover {
    background: #1878c4; }
  .pageNum3 a.back {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    width: 1.2rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: #1878c4;
    color: #fff; }

.pageSearch .tag {
  background: #edf4fa; }
  .pageSearch .tag a {
    display: block;
    padding: 0 .33rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    position: relative; }
    .pageSearch .tag a:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      height: .02rem;
      background: #1878c4; }
  .pageSearch .tag a:hover, .pageSearch .tag a.on {
    color: #1878c4; }
    .pageSearch .tag a:hover:before, .pageSearch .tag a.on:before {
      background: #1878c4;
      left: 0;
      width: 100%; }
  .pageSearch .tag a.on {
    font-weight: bold; }
.pageSearch .list {
  padding: .3rem 0; }
  .pageSearch .list a {
    display: block;
    position: relative;
    height: .6rem;
    line-height: .6rem;
    border-bottom: #e7f1f9 solid 1px;
    font-size: .16rem; }
  .pageSearch .list .name span {
    background: #d1e4f3; }
  .pageSearch .list a em {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    width: .58rem;
    height: .26rem;
    line-height: .24rem;
    text-align: center;
    background: #1878c4;
    color: #fff;
    font-size: .12rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    margin-top: -.13rem;
    border: #fff solid 1px; }
  .pageSearch .list a:hover {
    background-color: #1878c4;
    color: #fff;
    padding-left: .2rem;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }
    .pageSearch .list a:hover .name span {
      color: #333; }
    .pageSearch .list a:hover em {
      right: .2rem; }
  .pageSearch .list li:last-child a {
    border: 0; }

.contact {
  position: relative; }
  .contact .map {
    height: 9.9rem;
    background: url("../images/map.jpg") center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0; }
  .contact .container {
    width: 14rem;
    min-height: 6.9rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: -2rem;
    bottom: auto;
    margin-left: -7rem;
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
    background: #fff;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 77, 153, 0.3);
    -webkit-box-shadow: 0 0.2rem 0.4rem rgba(0, 77, 153, 0.3);
    -moz-box-shadow: 0 0.2rem 0.4rem rgba(0, 77, 153, 0.3); }
  .contact .side {
    min-height: 6.9rem;
    width: 5.4rem;
    background: #eef4fa;
    padding-left: .5rem;
    border-top-left-radius: .2rem;
    -webkit-border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    -webkit-border-bottom-left-radius: .2rem; }
    .contact .side .tel {
      height: 1.9rem;
      padding-left: .9rem;
      background: url("../images/img80.png") left center no-repeat;
      background-size: .8rem; }
      .contact .side .tel span {
        display: block;
        font-size: .18rem;
        padding: .6rem 0 .1rem 0; }
      .contact .side .tel h2 {
        font-size: .36rem; }
    .contact .side ul {
      padding-bottom: .3rem; }
      .contact .side ul li {
        width: 50%;
        position: relative;
        min-height: .8rem;
        padding: 0 0 .2rem .3rem; }
      .contact .side ul img {
        width: .24rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
      .contact .side ul h2 {
        font-size: .16rem;
        line-height: .24rem;
        padding-bottom: .02rem; }
      .contact .side ul p {
        font-size: .16rem;
        line-height: .26rem;
        color: #666; }
    .contact .side .ewm img {
      background: #fff;
      width: 1.4rem;
      border: #cfdae6 solid 1px;
      padding: .1rem; }
    .contact .side .ewm p {
      padding-left: .2rem;
      font-size: .18rem;
      line-height: 2em; }
  .contact .form {
    width: 7.8rem;
    padding-right: .8rem; }
    .contact .form h2 {
      color: #1878c4;
      text-align: center;
      font-size: .24rem;
      padding: .55rem 0 .25rem 0; }
    .contact .form ul {
      margin-left: -.8rem; }
    .contact .form li {
      width: 50%;
      padding: 0 0 .3rem .8rem; }
    .contact .form .name {
      line-height: .36rem;
      font-size: .16rem;
      padding-left: .06rem; }
    .contact .form .input {
      background: #edf4fa;
      border: #edf4fa solid 1px;
      -moz-border-radius: 0.06rem;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem; }
      .contact .form .input input {
        width: 100%;
        height: .38rem;
        line-height: .38rem;
        padding: 0 .1rem;
        font-size: .16rem;
        color: #1878c4; }
      .contact .form .input:hover {
        border-color: #b9d6ed; }
    .contact .form .li_01 {
      width: 100%;
      padding-bottom: .5rem; }
      .contact .form .li_01 textarea {
        width: 100%;
        height: 1.8rem;
        line-height: .28rem;
        padding: .1rem;
        font-size: .16rem;
        color: #1878c4; }
    .contact .form .submit {
      width: 1.3rem;
      background: #1878c4;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      margin: 0 auto; }
      .contact .form .submit input {
        width: 100%;
        height: .4rem;
        color: #fff;
        font-size: .16rem; }

.bookLayer {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  background: #fff;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  width: 6.6rem;
  min-height: 7.3rem;
  padding: 0 .5rem;
  margin-left: -3.3rem;
  margin-top: -3.65rem;
  display: none; }
  .bookLayer h2.title {
    text-align: center;
    font-size: .24rem;
    padding: .55rem 0 .1rem 0; }
  .bookLayer .msg {
    text-align: center;
    font-size: .16rem;
    color: #666; }
  .bookLayer ul {
    margin-left: -.4rem; }
  .bookLayer li {
    width: 50%;
    padding-left: .4rem; }
  .bookLayer .name {
    font-size: .16rem;
    padding: .35rem 0 .1rem .06rem; }
  .bookLayer .input {
    position: relative;
    -moz-border-radius: 0.07rem;
    -webkit-border-radius: 0.07rem;
    border-radius: 0.07rem;
    background: #edf4fa; }
    .bookLayer .input input {
      width: 100%;
      height: .4rem;
      line-height: .4rem;
      font-size: .16rem;
      padding-left: .4rem; }
    .bookLayer .input img {
      width: .3rem;
      position: absolute;
      z-index: 10;
      left: 0.05rem;
      right: auto;
      top: 0.05rem;
      bottom: auto;
      opacity: .5; }
  .bookLayer .li_01 {
    width: 100%; }
    .bookLayer .li_01 textarea {
      width: 100%;
      height: 2rem;
      line-height: .3rem;
      font-size: .16rem;
      padding: .1rem .2rem; }
  .bookLayer .submit {
    padding: .4rem 0; }
    .bookLayer .submit div {
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      background: #1878c4;
      width: 1.3rem;
      margin: 0 auto; }
    .bookLayer .submit input {
      width: 100%;
      height: .4rem;
      font-size: .16rem;
      color: #fff; }

.Culture_01 .content {
  width: 7.8rem;
  font-size: .16rem;
  line-height: 2em;
  text-align: justify; }
.Culture_01 .msg {
  background: #eef5fa;
  width: 5.5rem;
  -moz-border-radius: 0.12rem;
  -webkit-border-radius: 0.12rem;
  border-radius: 0.12rem; }
  .Culture_01 .msg dl {
    min-height: 2.18rem; }
  .Culture_01 .msg dd {
    padding: 0 .22rem;
    font-size: .18rem;
    color: #1878c4;
    text-align: center; }
  .Culture_01 .msg dd div {
    font-size: .48rem;
    font-family: 'Impact';
    padding-bottom: .06rem; }
    .Culture_01 .msg dd div em {
      font-size: .6rem; }
.Culture_01 .list {
  padding: .35rem 0 1rem 0; }
  .Culture_01 .list li {
    width: 33.333%;
    min-height: 4rem;
    position: relative; }
  .Culture_01 .list .img {
    height: 2rem;
    -moz-border-radius: 0.12rem;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
    background: center no-repeat;
    background-size: cover; }
  .Culture_01 .list .box {
    min-height: 2rem;
    text-align: center; }
    .Culture_01 .list .box h2 {
      font-size: .3rem;
      padding-bottom: .2rem; }
    .Culture_01 .list .box p {
      font-size: .18rem;
      line-height: 2em; }

@media screen and (min-width: 800px) {
  .Culture_01 .list li:nth-child(even) .img {
    position: absolute;
    left: 0;
    top: 2rem;
    width: 100%; } }
.Culture_02 .fl {
  width: 50%;
  padding-right: .12rem; }
.Culture_02 .fr {
  width: 50%;
  padding-left: .12rem; }
.Culture_02 img {
  -moz-border-radius: 0.12rem;
  -webkit-border-radius: 0.12rem;
  border-radius: 0.12rem; }
.Culture_02 ul {
  margin-left: -.24rem; }
.Culture_02 li {
  width: 50%;
  padding: 0 0 .24rem .24rem; }
.Culture_02 .h50 {
  height: .75rem; }

.Culture_03 {
  padding-bottom: .4rem; }
  .Culture_03 ul {
    margin-left: -.7rem; }
  .Culture_03 li {
    width: 50%;
    position: relative;
    min-height: 3rem;
    padding: 0 0 .3rem 2.8rem; }
    .Culture_03 li .img {
      width: 1.8rem;
      position: absolute;
      z-index: 10;
      left: 0.7rem;
      right: auto;
      top: 0;
      bottom: auto; }
      .Culture_03 li .img img {
        -moz-border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        border-radius: 0.1rem; }
    .Culture_03 li .tag {
      color: #1878c4;
      font-size: .18rem;
      padding: .2rem 0 .04rem 0; }
    .Culture_03 li h2.name {
      font-size: .24rem;
      color: #fff;
      background: #1878c4;
      -moz-border-radius: 0.06rem;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem;
      width: 1.6rem;
      height: .5rem;
      line-height: .5rem;
      position: relative;
      padding-left: .55rem;
      left: -.55rem;
      z-index: 11; }
    .Culture_03 li p {
      font-size: .16rem;
      line-height: 1.85em;
      text-align: justify;
      color: #666;
      padding-top: .15rem; }

.Culture_04 {
  padding-bottom: .5rem; }
  .Culture_04 ul {
    margin-left: -.16rem; }
  .Culture_04 li {
    width: 25%;
    padding: 0 0 .5rem .16rem; }
  .Culture_04 .box {
    background: #fff;
    min-height: 2.17rem;
    -moz-border-radius: 0.15rem;
    -webkit-border-radius: 0.15rem;
    border-radius: 0.15rem; }
    .Culture_04 .box h2 {
      height: .3rem;
      background: #d1e4f3;
      border-top-left-radius: .15rem;
      -webkit-border-top-left-radius: .15rem;
      border-top-right-radius: .15rem;
      -webkit-border-top-right-radius: .15rem; }
      .Culture_04 .box h2 em {
        display: block;
        padding-left: .3rem;
        position: relative;
        top: -.18rem;
        color: #1878c4;
        font-family: 'Impact';
        font-size: .3rem;
        letter-spacing: .02rem; }
    .Culture_04 .box dl {
      font-size: .16rem;
      line-height: .3rem;
      padding: .15rem .3rem; }

.about_02Btn {
  padding-bottom: .6rem; }
  .about_02Btn dl {
    background: #eef5fa;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem; }
  .about_02Btn dd {
    height: .48rem;
    line-height: .48rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 0 .3rem;
    font-size: .18rem;
    color: #666;
    cursor: pointer; }
  .about_02Btn dd.on {
    background: #1878c4;
    color: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 102, 204, 0.4); }

.Culture_05 {
  padding-bottom: .3rem; }
  .Culture_05 li {
    position: relative;
    padding: 0 0 .3rem 1.3rem;
    min-height: 1.45rem; }
  .Culture_05 .img {
    width: 1rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
  .Culture_05 .box {
    min-height: 1rem; }
    .Culture_05 .box h2 {
      font-size: .2rem;
      padding-bottom: .12rem; }
    .Culture_05 .box p {
      font-size: .16rem;
      line-height: .3rem;
      color: #666; }

.Culture_06 {
  width: 100%;
  overflow: hidden;
  -moz-border-radius: 0.12rem;
  -webkit-border-radius: 0.12rem;
  border-radius: 0.12rem;
  background: #eef5fa;
  margin-bottom: 1rem; }
  .Culture_06 .col {
    border-right: #fff solid 1px;
    height: .6rem;
    line-height: .6rem; }
    .Culture_06 .col.col-2 {
      padding-left: .3rem;
      width: 34%; }
    .Culture_06 .col.col-1 {
      text-align: center;
      width: 22%; }
    .Culture_06 .col:last-child {
      border-right: 0; }
  .Culture_06 .title {
    background: #1878c4;
    color: #fff;
    font-size: .18rem;
    font-weight: bold; }
  .Culture_06 li {
    border-top: #fff solid 1px;
    font-size: .16rem;
    color: #666; }
    .Culture_06 li a {
      display: block;
      margin: 0 auto;
      -moz-border-radius: 0.4rem;
      -webkit-border-radius: 0.4rem;
      border-radius: 0.4rem;
      color: #1878c4;
      border: #1878c4 solid 1px;
      height: .32rem;
      line-height: .3rem;
      width: 1rem;
      position: relative;
      top: .13rem; }
  .Culture_06 li:hover {
    font-weight: bold;
    color: #1878c4;
    background: #d1e4f3; }
    .Culture_06 li:hover a {
      background: #1878c4;
      color: #fff;
      font-weight: 400; }

.Culture_07 {
  padding: .5rem 0 1rem 0; }
  .Culture_07 .list ul {
    margin-left: -.4rem; }
  .Culture_07 .list li {
    width: 33.333%;
    padding: 0 0 .4rem .4rem; }
  .Culture_07 .list .box {
    background: #fff;
    -moz-border-radius: 0.12rem;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
    min-height: 2.36rem;
    text-align: center;
    position: relative; }
  .Culture_07 .list .img {
    width: 1rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: -0.5rem;
    bottom: auto;
    margin-left: -.5rem; }
  .Culture_07 .list h2 {
    padding: .86rem 0 .1rem 0;
    font-size: .24rem; }
  .Culture_07 .list p {
    font-size: .18rem;
    line-height: .3rem;
    color: #666; }
  .Culture_07 .list2 {
    min-height: 2.72rem;
    background: #fff;
    -moz-border-radius: 0.12rem;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
    padding: .55rem .3rem 0 .6rem; }
    .Culture_07 .list2 li {
      width: 25%;
      position: relative;
      padding: 0 0 .2rem .6rem; }
      .Culture_07 .list2 li .img {
        width: .5rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: -0.03rem;
        bottom: auto; }
      .Culture_07 .list2 li h2 {
        font-size: .18rem;
        padding-bottom: .05rem; }
      .Culture_07 .list2 li p {
        font-size: .18rem;
        line-height: .32rem;
        color: #666; }

.jobLayer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden; }
  .jobLayer.show {
    opacity: 1;
    visibility: visible; }
  .jobLayer .container {
    background: #fff;
    -moz-border-radius: 0.12rem;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
    width: 12rem;
    min-height: 6.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: .45rem .5rem .3rem .5rem;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }
  .jobLayer a.close {
    display: block;
    width: .33rem;
    height: .33rem;
    background: url("../images/close33.png") center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.45rem;
    top: 0.45rem;
    bottom: auto; }
  .jobLayer a.arrow {
    display: block;
    width: .6rem;
    height: .6rem;
    background: rgba(255, 255, 255, 0.1) center no-repeat;
    background-size: .3rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.3rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .jobLayer a.arrow:hover {
      background-color: #858585; }
    .jobLayer a.arrow.prev {
      left: -1rem;
      background-image: url("../images/prev30_1.png"); }
    .jobLayer a.arrow.next {
      right: -1rem;
      background-image: url("../images/next30_1.png"); }
  .jobLayer #jobLayer {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .jobLayer .title {
    text-align: center; }
    .jobLayer .title h2 {
      color: #1878c4;
      font-size: .24rem; }
    .jobLayer .title div {
      font-size: .14rem;
      color: #999;
      padding: .1rem 0 .2rem 0; }
  .jobLayer .scroll {
    color: #666; }
    .jobLayer .scroll h3 {
      font-size: .16rem;
      line-height: .36rem; }
    .jobLayer .scroll .content {
      font-size: .16rem;
      line-height: .36rem;
      padding-bottom: .35rem; }

@media screen and (min-width: 800px) {
  .jobLayer .scroll {
    height: 4.9rem;
    overflow: hidden;
    position: relative; } }

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


.fenye{ text-align:center; margin-top:50px; margin-bottom:10px;}
.fenye li{display:inline-block;border:1px solid #CCC; font-size:.16rem; line-height:.20rem; padding:.05rem} 
.fenye li a{ color:#666; font-size:.16rem;line-height:.20rem; padding:.05rem}