﻿@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("../fonts/impactmtstd.eot");
  src: url("../fonts/impactmtstd.eot") format("embedded-opentype"), url("../fonts/impactmtstd.woff") format("woff"), url("../fonts/impactmtstd.ttf") format("truetype"), url("../fonts/impactmtstd.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.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: 5.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: 5.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; } }