@charset "UTF-8";
a, .transition, .head .headBtn li.on .layer, .nav .list, .foot .link dl, .indexFlash .swiper-slide .bg, .indexFlash .swiper-slide .img, .indexFlash .dots span, .indexFlash2 li .bg, .indexFlash2 li .img, .indexFlash2 .dots span, .indexPart2 .container .list a span, .indexPart3 .li_01 .bg, .indexPart3 .li_02 a.title p, .indexPart3 .li_03 .bg, .news li, #industry .industry .bg, #industry .industry .container, #industry .dots span, .job_01 li .container, .job_01 li .title, .job_01 li .title h2, .job_01 li p, .job_02 .tab li, .job_02 .list li div.name, .contact_02 li .container, .contact_02 li .title, .contactLayer .submit, :before, img, .nav {
  transition: All 0.3s linear;
  -webkit-transition: All 0.3s linear;
  -moz-transition: All 0.3s linear;
  -o-transition: All 0.3s linear; }

.ellipsis, .indexPart2 .imgList a.name, .indexPart2 .container .list a, .about_03 .imgList a.name, .about_03 .fr a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .nav .list dl, .indexPart2 .container .tab ul, .pageNav ul, .news li dl.info, .pageNum, .newShow .share, .newShow .btn dl, .job_02 .tab ul, .job_02 .list div.title, .job_02 .list div.name, .contact_01 li a dl {
  display: flex;
  display: -webkit-flex; }

.flexColumn, .indexPart3 li a.title, #industry .industry .wal {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .indexPart3 li a.title, .newShow .share, .job_02 .list div.title, .job_02 .list div.name {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexPart3 li a.title, .pageNum, .newShow .share, #industry .industry .wal {
  justify-content: center;
  -webkit-justify-content: center; }

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

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .indexPart2, .indexPart3 ul, .newShow dl.info, .job_01 ul, .contact_01 ul, .contact_02 ul {
  display: flex;
  display: -webkit-flex;
  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; }

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: #32a46d;
    outline: none; }

li {
  list-style: outside none; }
  
li {list-style-type: 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; }

.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: 12rem;
  margin: 0 auto; }

.tabContent {
  display: none; }

.tab li {
  cursor: pointer; }

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

.pageScroll {
  height: 100vh; }

.head {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: .8rem;
  background: rgba(255, 255, 255, 1); }
  .head a.logo {
    display: block;
    width: 3.11rem;
    height: 100%;
    background: url("../images/logo.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left: 0.22rem;
    right: auto;
    top: 0;
    bottom: auto; }
  .head .headBtn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.2rem;
    top: 0;
    bottom: auto; }
    .head .headBtn li {
      float: left;
      margin-left: .2rem;
      position: relative; }
      .head .headBtn li a.name {
        display: block;
        height: .8rem;
        width: .3rem;
        padding-top: .25rem; }
      .head .headBtn li .layer {
        position: absolute;
        z-index: 10;
        left: auto;
        right: -0.2rem;
        top: 100%;
        bottom: auto;
        opacity: 0;
        visibility: hidden;
        margin-top: .1rem;
        background: rgba(255, 255, 255, 0.5); }
    .head .headBtn .li_01 .layer {
      width: 2rem;
      padding-top: 1px;
      background: none;
      min-height: .35rem;
      right: -1.1rem; }
    .head .headBtn .li_01 .input {
      background: rgba(255, 255, 255, 0.5); }
      .head .headBtn .li_01 .input input {
        width: 100%;
        height: .35rem;
        line-height: .35rem;
        padding: 0 .1rem;
        color: #315751; }
    .head .headBtn .li_01 .submit {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 1px;
      bottom: auto;
      height: .35rem;
      width: .4rem;
      background: url("../images/img24.png") center no-repeat;
      background-size: .24rem; }
      .head .headBtn .li_01 .submit input {
        cursor: pointer;
        width: 100%;
        height: .35rem; }
    .head .headBtn .li_01.on .layer {
      margin-top: 0; }
    .head .headBtn .li_02 .layer {
      right: -.55rem;
      font-size: .24rem;
      color: #315751;
      width: 1.97rem;
      line-height: .35rem;
      text-align: center;
      letter-spacing: .02rem; }
    .head .headBtn .li_03 .layer {
      width: 1.84rem;
      text-align: center; }
      .head .headBtn .li_03 .layer .img {
        padding: .16rem .16rem 0; }
      .head .headBtn .li_03 .layer p {
        line-height: .38rem;
        font-size: .18rem; }
    .head .headBtn li.on .layer {
      opacity: 1;
      visibility: visible;
      top: 100%;
      margin-top: 1px; }

.head-2 {
  background: #fff; }

.nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 2.25rem;
  top: 0;
  bottom: auto; }
  .nav li {
    float: left;
    position: relative;
    margin-left: .4rem; }
  .nav a.name {
    display: block;
    height: .8rem;
    line-height: .8rem;
    font-size: .16rem;
    color: #224e4a;
    position: relative; }
    .nav a.name:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: .02rem;
      background: #32a46d; }
    .nav a.name.on {
      color: #32a46d; }
      .nav a.name.on:before {
        width: 100%; }
  .nav .list {
    position: absolute;
	border-radius:0.05rem;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 100%;
    bottom: auto;
    background: linear-gradient(to right,rgba(19, 105, 171, 0.8), rgba(43, 162, 59, 0.8));
    padding-right: .2rem;
    opacity: 0;
    visibility: hidden; }
    .nav .list a {
      display: block;
      height: .35rem;
      line-height: .35rem;
      color: #fff;
      font-size: .14rem;
      padding-left: .2rem;
      white-space: nowrap; }
  .nav .list-1 {
    margin-left: -.4rem; }
  .nav .tel {
    display: none; }

@media screen and (min-width: 800px) {
  .nav li:hover a.name {
    color: #32a46d; }
    .nav li:hover a.name:before {
      width: 100%; }
  .nav li:hover .list {
    opacity: 1;
    visibility: visible;
    left: 0; } }
.foot {
  min-height: 1rem;
  position: relative;
  background: #f2f2f2 url("../images/img241.png") left top no-repeat;
  background-size: 2.41rem;
  padding: 0 .86rem; }
  .foot .msg {
    font-size: .14rem;
    line-height: .3rem;
    color: #999;
    padding: .2rem 0; }
    .foot .msg a{color:#999;}
  .foot .link {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.86rem;
    top: 0.34rem;
    bottom: auto;
    width: 2.5rem;
	font-size: 0.14rem; }
    .foot .link .name {
      height: .33rem;
	  border-radius: 0.1rem;
      line-height: .31rem;
      border: #ccc solid 1px;
      padding-left: .11rem;
      color: #999;
      background: url("../images/img22.png") right center no-repeat;
      background-size: .22rem; }
    .foot .link dl {
      position: absolute;
	  border-radius: 0.1rem;
      z-index: 50;
      left: 0;
      right: auto;
      top: auto;
      bottom: 50%;
      border: #ccc solid 1px;
      background: #fff;
      border-bottom: 0;
      width: 100%;
      opacity: 0;
      visibility: hidden; }
      .foot .link dl dd {
        border-bottom: #eee solid 1px; }
      .foot .link dl a {
        display: block;
        height: .27rem;
        line-height: .27rem;
        color: #999;
        padding-left: .11rem; }
        .foot .link dl a:hover {
          background: linear-gradient(to right,rgba(19, 105, 171, 1), rgba(43, 162, 59, 1));
          color: #fff; }
    .foot .link.on dl {
      opacity: 1;
      visibility: visible;
      bottom: 100%; }
  .foot .ewm {
    display: none; }

@media screen and (max-width: 1400px) {
  .foot { padding: 0 .3rem; }
  .foot .link { right: .3rem; }
  .index-4 { margin-top: 4.4rem; }
  .indexBox .h10 { height: 0.5rem; }
   }
	   
/*index*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash .swiper-slide {
    height: 100vh;
    position: relative;
    overflow: hidden; }
    .indexFlash .swiper-slide .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: center no-repeat;
      background-size: cover; }
    .indexFlash .swiper-slide .img {
      width: 5.72rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: 3.8rem;
      bottom: auto;
      margin-left: -2.86rem;
      opacity: 0; }
  .indexFlash .swiper-slide-active .bg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition-duration: 6s;
    -webkit-transition-duration: 6s;
    -moz-transition-duration: 6s; }
  .indexFlash .swiper-slide-active .img {
    top: 2.8rem;
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.7rem;
    top: 50%;
    bottom: auto;
    width: .25rem; }
    .indexFlash .dots span {
      display: block;
      margin-left: auto;
      margin-bottom: .12rem;
      width: .14rem;
      height: .04rem;
      background: #fff;
      opacity: .44; }
    .indexFlash .dots .swiper-pagination-bullet-active {
      width: .25rem; }
  .indexFlash .ico {
    background: url("../images/img46.png") center no-repeat;
    height: .35rem;
    width: 100%;
    background-size: .46rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.7rem;
    animation: indexAnimation 2s infinite ease-out;
    -webkit-animation: indexAnimation 2s infinite ease-out;
    -moz-animation: indexAnimation 2s infinite ease-out; }
    .indexFlash2 {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .indexFlash2 li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in; }
    .indexFlash2 li .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: center no-repeat;
      background-size: cover; }
    .indexFlash2 li .img {
      width: 5.72rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: 1rem;
      bottom: auto;
      margin-left: -2.86rem;
      opacity: 0; }
  .indexFlash2 li.active {
    opacity: 1; }
    .indexFlash2 li.active .bg {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      transition-duration: 6s;
      -webkit-transition-duration: 6s;
      -moz-transition-duration: 6s; }
    .indexFlash2 li.active .img {
      top: 2.8rem;
      opacity: 1;
      transition-delay: .5s;
      -webkit-transition-delay: .5s;
      -moz-transition-delay: .5s;
      transition-duration: 1s;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s; }
  .indexFlash2 li.out {
    opacity: 0;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3); }
  .indexFlash2 .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.7rem;
    top: 50%;
    bottom: auto;
    width: .25rem; }
    .indexFlash2 .dots span {
      display: block;
      margin-left: auto;
      margin-bottom: .12rem;
      width: .25rem;
      height: .06rem;
      background: #fff;
      opacity: .44; }
    .indexFlash2 .dots .active {
      width: .5rem; }
  .indexFlash2 .ico {
    background: url("../images/img46.png") center no-repeat;
    height: .35rem;
    width: 100%;
    background-size: .46rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.7rem;
    animation: indexAnimation 2s infinite ease-out;
    -webkit-animation: indexAnimation 2s infinite ease-out;
    -moz-animation: indexAnimation 2s infinite ease-out; }

.index-4 {
    width: 100%;
    margin-top: -0.5rem;
    background-size: cover;
	padding-bottom:1.6rem;
    height: 1.22rem;
    color: #cc3333;}


@keyframes indexAnimation {
  from {
    bottom: 1.4rem;
    opacity: 1; }
  to {
    bottom: .7rem;
    opacity: 0; } }
@-webkit-keyframes indexAnimation {
  from {
    bottom: 1.4rem;
    opacity: 1; }
  to {
    bottom: .7rem;
    opacity: 0; } }
@-moz-keyframes indexAnimation {
  from {
    bottom: 1.4rem;
    opacity: 1; }
  to {
    bottom: .7rem;
    opacity: 0; } }
.indexPart1 {width: 100%; overflow: hidden; position: relative; z-index: 10; }
.indexPart1 .list{margin-left: -1px}
  .indexPart1 li {
    padding-left: 1px; }
    .indexPart1 li .name a {
      display: block;
      position: relative;
      font-size: .2rem;
      color: #008165;
      padding-left: .2rem;
      background: #e9e9e9;
      height: .71rem;
      line-height: .71rem; }
      .indexPart1 li .name a:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: .2rem;
        background: url("../images/img9.png") center no-repeat;
        background-size: 100%;
        width: .09rem;
        height: 100%; }
    .indexPart1 li .img {
      background: #000;
      width: 100%;
      overflow: hidden;
      position: relative; }
      .indexPart1 li .img img {
        opacity: .8; }
  .indexPart1 li:hover .name a {
    background: #fff; }
  .indexPart1 li:hover .img img {
    opacity: 1;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1); }
.indexPart1 H2 {
	font-size: 18px; color:#32a46d; padding-bottom: 0.2rem;}

.indexBox {
  padding: .9rem .86rem .86rem .86rem;
  background: #fff;
  min-height: 1rem; }
  .indexBox .h10 {
    height: .4rem; }

.indexPart2 {
  width: 63.5%; }
  .indexPart2 .imgList {
    width: 50%;
    overflow: hidden;
    position: relative; }
    .indexPart2 .imgList .swiper-slide {
      height: 4.66rem;
      position: relative; }
    .indexPart2 .imgList .img {
      width: 100%;
      overflow: hidden;
      position: relative; }
      .indexPart2 .video{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/img91.png) center no-repeat; background-size:.91rem;}
      .indexPart2 .imgList .img a {
        display: block;
        height: 4.1rem;
        background: center no-repeat;
        background-size: cover; }
      .indexPart2 .imgList .img:hover a {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2); }
    .indexPart2 .imgList a.name {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0;
      width: 100%;
      height: .57rem;
      line-height: .57rem;
      font-size: .18rem;
      color: #fff;
      background: linear-gradient(to right,rgba(19, 105, 171, 1), rgba(43, 162, 59, 1));
      padding: 0 1.2rem 0 .2rem; }
    .indexPart2 .imgList a.arrow {
      display: block;
      width: .5rem;
      height: .57rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: auto;
      bottom: 0;
      background: center no-repeat;
      background-size: .1rem; }
      .indexPart2 .imgList a.arrow:hover {
        background-color: #2373ba; }
      .indexPart2 .imgList a.arrow.prev {
        right: .5rem;
        background-image: url("../images/prev10.png"); }
      .indexPart2 .imgList a.arrow.next {
        background-image: url("../images/next10.png"); }
  .indexPart2 .container {
    width: 50%;
    min-height: 4.66rem;
    border: #eee solid 1px;
    border-top: #32a46d solid .03rem;
    background: url("../images/img224.jpg") right top no-repeat;
    background-size: 2.24rem;
    padding: 0 .2rem 0 .32rem;
    position: relative; }
    .indexPart2 .container a.more {
      display: block;
      width: .16rem;
      height: .85rem;
      background: url("../images/img16.png") center no-repeat;
      background-size: 100%;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.28rem;
      top: 0;
      bottom: auto; }
    .indexPart2 .container .tab li {
      height: .85rem;
      font-size: .16rem;
      line-height: .85rem;
      padding: 0 .06rem 0 .1rem;
      letter-spacing: 1px;
      position: relative;
      cursor: pointer; }
      .indexPart2 .container .tab li.on {
        color: #32a46d; }
        .indexPart2 .container .tab li.on:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          width: .04rem;
          height: .16rem;
          background: #32a46d;
          margin-top: -.08rem; }
    .indexPart2 .container .list a {
      display: block;
      font-size: .14rem;
      height: .6rem;
      line-height: .6rem;
      position: relative;
      color: #666;
      padding: 0 .9rem 0 .12rem;
      top: -.1rem;
      background: url("../images/img3.png") left center no-repeat;
      background-size: .03rem; }
      .indexPart2 .container .list a span {
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        color: #999; }
      .indexPart2 .container .list a:hover {
        color: #32a46d; }
        .indexPart2 .container .list a:hover span {
          color: #32a46d; }

.indexPart3 {
  width: 36.5%;
  padding-left: .8rem; }
  .indexPart3 li {
    height: 2.33rem;
	border-right: #fff solid 1px;
    width: 50%;
    background: center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden; }
    .indexPart3 li a.title {
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      color: #fff;
      text-transform: uppercase; }
      .indexPart3 li a.title .img {
        width: .6rem;
        position: relative; }
      .indexPart3 li a.title p {
        line-height: .2rem;
        font-size: .12rem; }
      .indexPart3 li a.title h2 {
        font-weight: 400;
        font-size: .16rem; }
  .indexPart3 .li_01 {
    width: 100%; border-bottom: #fff solid 1px;
    padding: .9rem .3rem 0 1.8rem; }
    .indexPart3 .li_01 a.title {
      width: 1.8rem; }
    .indexPart3 .li_01 .list {
      width: 100%;
      overflow: hidden;
      position: relative;
      font-size: .14rem;
      line-height: .24rem;
      color: #fff; }
      .indexPart3 .li_01 .list a.name {
        display: block;
        color: #fff;
        max-width: 2.7rem;
        height: .48rem;
        overflow: hidden; }
    .indexPart3 .li_01 .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: center right no-repeat;
      background-size: cover; }
    .indexPart3 .li_01:hover .bg {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1); }
  .indexPart3 .li_02 {
    background-image: url("../images/img233_2.jpg");border-right: #fff solid 1px; }
    .indexPart3 .li_02 a.title {
      color: #333; }
      .indexPart3 .li_02 a.title .img img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
      .indexPart3 .li_02 a.title p {
        color: #666; }
      .indexPart3 .li_02 a.title:hover {
        color: #315751; }
        .indexPart3 .li_02 a.title:hover p {
          color: #315751; }
        .indexPart3 .li_02 a.title:hover .img img:nth-child(1) {
          opacity: 0; }
        .indexPart3 .li_02 a.title:hover .img img:nth-child(2) {
          opacity: 1; }
  .indexPart3 .li_03 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: cover; }
  .indexPart3 .li_03:hover .bg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1); }

@media screen and (max-width: 1400px) {
  .indexBox {
    padding: .9rem .3rem 0 .3rem; }

  .indexPart2 .imgList .swiper-slide {
    height: 4rem; }
    .indexPart2 .imgList .swiper-slide .img a {
      height: 3.7rem; }
  .indexPart2 .container {
    min-height: 4rem; }
    .indexPart2 .container .list a {
      height: .5rem;
      line-height: .5rem; }

  .indexPart3 {
    padding-left: .3rem; }
    .indexPart3 li {
      height: 2rem; }
    .indexPart3 .li_01 {
      padding-top: .72rem; } }
/*page*/
.pageBannerBg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.96rem;
  background: center no-repeat;
  background-size: cover; }

.pageBanner {
  background: center no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden; }
  .pageBanner .wal {
    min-height: 3.96rem;
    padding: 0 .85rem; }
  .pageBanner .title {
    padding-top: 1.97rem;
    font-size: .24rem;
    color: #fff;
    letter-spacing: .02rem;
    position: relative; }
    .pageBanner .title img {
      height: .64rem; }
    .pageBanner .title h2 {
      font-weight: 400;
      font-size: .36rem;
      padding-bottom: .06rem;
      letter-spacing: .06rem; }

.pageBgBg {
  position: relative;
  background: #fff; }


/*@media screen and (max-width: 1400px){
  .pageBannerBg{height: 3rem}
  .pageBanner{
    .wal{min-height: 3rem}
    .title{padding-top: 1.5rem}
  }
}*/
.pageNav {
  height: .57rem;
  border-bottom: #cfcfcf solid 1px; }
  .pageNav li {
    padding-right: 1px; }
  .pageNav a {
    display: block;
    height: .57rem;
    line-height: .57rem;
    padding: 0 .2rem;
    font-size: .16rem;
    color: #224e4a; }
    .pageNav a:hover, .pageNav a.on {
      background: linear-gradient(to right,rgba(19, 105, 171, 1), rgba(43, 162, 59, 1)) ;
      color: #fff; }

.pageTitle {
  text-align: center;
  padding: .5rem 0; }
  .pageTitle img {
    height: .65rem; }

.about_01 {
  padding: 0 .2rem; }
  .about_01 .img {
    width: 5.26rem;
    overflow: hidden;
    position: relative;
    text-align: center; }
    .about_01 .img:hover img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2); }
  .about_01 .fr {
    width: 5.9rem; }
    .about_01 .fr .name {
      font-size: .24rem;
      color: #224e4a; }
    .about_01 .fr .content {
      font-size: .14rem;
      line-height: .28rem;
      text-align: justify;
      color: #666;
      padding: 0 0; }
  .about_01 .h50 {
    height: 1rem; }

.about_02 {
  background: #f7f7f7; }
  .about_02 .pageTitle {
    padding: .65rem 0 .8rem 0; }
  .about_02 .img {
    padding: 0 0 1rem 0;
    text-align: center; }
    .about_02 .img:hover img {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05); }

.about_03 {
  padding: 0 .2rem; }
  .about_03 .pageTitle {
    padding: .65rem 0 .6rem 0; }
  .about_03 .imgList {
    width: 5.55rem;
    overflow: hidden;
    position: relative; }
    .about_03 .imgList .swiper-slide {
      position: relative; }
      .about_03 .imgList .swiper-slide:hover .img img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2); }
    .about_03 .imgList .img {
      width: 100%;
      overflow: hidden;
      position: relative; }
    .about_03 .imgList a.name {
      display: block;
      height: .57rem;
      line-height: .57rem;
      font-size: .18rem;
      color: #fff;
      background: #32a46d;
      padding: 0 1.2rem 0 .2rem; }
    .about_03 .imgList a.arrow {
      display: block;
      width: .5rem;
      height: .57rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: auto;
      bottom: 0;
      background: center no-repeat;
      background-size: .1rem; }
      .about_03 .imgList a.arrow:hover {
        background-color: #2373ba; }
      .about_03 .imgList a.arrow.prev {
        right: .5rem;
        background-image: url("../images/prev10.png"); }
      .about_03 .imgList a.arrow.next {
        background-image: url("../images/next10.png"); }
  .about_03 .fr {
    width: 5.55rem;
    margin-top: -.1rem; }
    .about_03 .fr a {
      display: block;
      font-size: .18rem;
      color: #666;
      height: .58rem;
      line-height: .58rem;
      padding-left: .33rem;
      background: url("../images/img18.png") left center no-repeat;
      background-size: .18rem;
      letter-spacing: 1px; }
    .about_03 .fr li.on a {
      color: #32a46d; }

.about_04 {
  background: #f7f7f7;
  padding-bottom: 1.4rem; }
  .about_04 .pageTitle {
    padding: .65rem 0 .8rem 0; }
  .about_04 .list {
    position: relative;
    padding: 0 0 0 .8rem; }
    .about_04 .list:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: .11rem;
      width: 100%;
      height: .02rem;
      background: #32a46d; }
  .about_04 a.arrow {
    display: block;
    width: .19rem;
    height: .63rem;
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.32rem; }
    .about_04 a.arrow.prev {
      left: 0;
      background-image: url("../images/prev19.png"); }
      .about_04 a.arrow.prev:hover {
        background-image: url("../images/prev19on.png"); }
    .about_04 a.arrow.next {
      right: 0;
      background-image: url("../images/next19.png"); }
      .about_04 a.arrow.next:hover {
        background-image: url("../images/next19on.png"); }
  .about_04 #about_04 {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .about_04 .swiper-slide {
    padding: 0 .2rem .3rem .26rem;
    position: relative;
    min-height: 3.43rem; }
    .about_04 .swiper-slide:before {
      content: "";
      display: block;
      position: absolute;
      left: .12rem;
      top: 0;
      width: 1px;
      height: 100%;
      background: #32a46d; }
    .about_04 .swiper-slide:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: .25rem;
      height: .25rem;
      background: url("../images/img25.png") center no-repeat;
      background-size: cover; }
    .about_04 .swiper-slide .img {
      max-width: 2.67rem;
      overflow: hidden;
      position: relative; }
    .about_04 .swiper-slide .time {
      font-size: .2rem;
      color: #32a46d;
      padding: .1rem 0 .06rem 0; }
    .about_04 .swiper-slide .content {
      font-size: .14rem;
      line-height: .24rem;
      text-align: justify;
      max-width: 2.67rem; }
    .about_04 .swiper-slide:hover:after {
      background-image: url("../images/img25on.png"); }
    .about_04 .swiper-slide:hover .img img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2); }

.news {
  padding: .25rem 0; }
  .news li {
    border-bottom: #f1f1f1 solid 1px; }
    .news li .wal {
      min-height: 2.56rem;
      position: relative;
      padding: .22rem .2rem .2rem 3.7rem; }
    .news li .img {
      position: absolute;
      z-index: 10;
      left: 0.2rem;
      right: auto;
      top: 0.23rem;
      bottom: auto;
      width: 3.14rem;
      overflow: hidden; }
    .news li .name {
      font-size: .2rem;
      padding-bottom: .1rem; }
      .news li .name a {
        color: #224e4a; }
    .news li dl.info dd {
      font-size: .14rem;
      color: #999;
      line-height: .34rem;
      padding: 0 .45rem 0 .25rem;
      background: url("../images/img18_1.png") left center no-repeat;
      background-size: .18rem; }
    .news li dl.info .dd_02 {
      background-image: url("../images/img18_2.png"); }
    .news li p {
      font-size: .14rem;
      line-height: .34rem;
      color: #666;
      min-height: 1.05rem;
      padding-bottom: .2rem; }
    .news li .more a {
      display: block;
	  border-radius: 1rem;
      margin-left: auto;
      width: 1.1rem;
      height: .35rem;
      line-height: .35rem;
      text-align: center;
      background: #999;
      font-size: .14rem;
      color: #fff; }
  .news li:hover {
    background: #f1f1f1; }
    .news li:hover .img img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2); }
    .news li:hover .name a {
      color: #32a46d; }
    .news li:hover .more a {
      background: linear-gradient(to right,rgba(19, 105, 171, 1), rgba(43, 162, 59, 1));
      color: #fff; }

.pageNum {
  padding: .3rem 0 .5rem 0;
  text-align: center; }
  .pageNum a {
    margin: 0 .08rem;
	border-radius: 0.6rem;
    font-size: .16rem;
    color: #999;
    width: .47rem;
    height: .44rem;
    line-height: .42rem;
    border: #e7e7e7 solid 1px; }
    .pageNum a.arrow {
      width: 1.09rem; }
    .pageNum a:hover, .pageNum a.on {
      background: #32a46d;
      border-color: #32a46d;
      color: #fff; }

.pageBg {
  background: #e6e6e6; }
  .pageBg .wal {
    padding: .3rem .2rem; }

.newShow {
  min-height: 7rem;
  background: #fff;
  border-top: #32a46d solid 0.03rem;
  padding: .45rem .77rem 0 .77rem; }
  .newShow .title {
    font-size: .36rem;
    color: #008165;
    letter-spacing: .03rem; }
  .newShow dl.info {
    padding: .18rem 0 .2rem 0;
    font-size: .14rem;
    color: #999; }
    .newShow dl.info dd {
      padding-right: .24rem; }
  .newShow .content {
    padding: .35rem 0;
    border-top: #ccc solid 1px;
    border-bottom: #ebebeb solid 1px;
    font-size: .14rem;
    line-height: .28rem;
    text-align: justify; }
    .newShow .content p {
      padding-bottom: .24rem; }
    .newShow .content .img {
      padding-bottom: .24rem; }
  .newShow .share {
    height: .95rem;
    font-size: .14rem;
    color: #666; }
    .newShow .share dd {
      padding: 0 .13rem; }
    .newShow .share a {
      display: block;
      position: relative;
      width: .36rem; }
      .newShow .share a img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
      .newShow .share a:hover img:nth-child(1) {
        opacity: 0; }
      .newShow .share a:hover img:nth-child(2) {
        opacity: 1; }
  .newShow .btn {
    margin-left: -.77rem;
    margin-right: -.77rem;
    border-top: #ebebeb solid 1px; }
    .newShow .btn dd {
      width: 33.333%;
      border-right: #ebebeb solid 1px; }
      .newShow .btn dd:last-child {
        border: 0; }
      .newShow .btn dd a {
        display: block;
        text-align: center;
        height: .79rem;
        line-height: .79rem;
        font-size: .16rem;
        color: #666; }
      .newShow .btn dd a:hover {
        color: #fff;
        background: linear-gradient(to right,rgba(19, 105, 171, 1), rgba(43, 162, 59, 1)) }
    .newShow .btn .dd_01 a span {
      padding-left: .32rem;
      background: url("../images/prev17.png") left center no-repeat;
      background-size: .1rem; }
    .newShow .btn .dd_01 a:hover span {
      background-image: url("../images/prev17on.png"); }
    .newShow .btn .dd_02 a span {
      padding-left: .22rem;
      background: url("../images/img15.png") left center no-repeat;
      background-size: .15rem; }
    .newShow .btn .dd_02 a:hover span {
      background-image: url("../images/img15on.png"); }
    .newShow .btn .dd_03 a span {
      padding-right: .32rem;
      background: url("../images/next17.png") right center no-repeat;
      background-size: .1rem; }
    .newShow .btn .dd_03 a:hover span {
      background-image: url("../images/next17on.png"); }

#industry {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative; }
  #industry .industry {
    height: 100vh;
    overflow: hidden;
    position: relative; }
    #industry .industry .bg {
      background: center no-repeat;
      background-size: cover;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    #industry .industry .wal {
      min-height: 100vh;
      color: #fff;
      padding-top: .8rem;
      position: relative; }
    #industry .industry a {
      color: #fff; }
    #industry .industry .container {
      max-width: 5.3rem;
      opacity: 0;
      position: relative;
      top: 1rem; }
      #industry .industry .container h2 {
        font-weight: 400;
        letter-spacing: .04rem;
        font-size: .6rem;
        padding-bottom: .08rem; }
      #industry .industry .container .name {
        text-transform: uppercase;
        font-size: .24rem; }
      #industry .industry .container p {
        text-align: justify;
        font-size: .14rem;
        line-height: .24rem;
        padding: .2rem 0; }
      #industry .industry .container .btn a {
        display: block;
        width: 1.67rem;
        height: .48rem;
        line-height: .46rem;
        text-align: center;
        font-size: .16rem;
        color: #fff;
        border: #fff solid 1px;
        letter-spacing: .02rem; }
        #industry .industry .container .btn a span {
          padding-right: .3rem;
          background: url("../images/img24_2.png") right center no-repeat;
          background-size: .24rem; }
        #industry .industry .container .btn a:hover {
          background: #32a46d;
          border-color: #32a46d; }
    #industry .industry.swiper-slide-active .container, #industry .industry.swiper-slide-active .bg {
      transition-delay: 1s;
      -webkit-transition-delay: 1s;
      -moz-transition-delay: 1s; }
    #industry .industry.swiper-slide-active .container {
      opacity: 1;
      top: 0; }
    #industry .industry.swiper-slide-active .bg {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      transition-duration: 6s;
      -webkit-transition-duration: 6s;
      -moz-transition-duration: 6s; }
  #industry .industryOdd .wal {
    text-align: right;
    align-items: flex-end;
    -webkit-align-items: flex-end; }
    #industry .industryOdd .wal .btn a {
      margin-left: auto; }
  #industry .industryFoot {
    height: 1.1rem;
    background: #f2f2f2; }
  #industry .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.7rem;
    top: 50%;
    bottom: auto;
    width: .25rem; }
    #industry .dots span {
      display: block;
      margin-left: auto;
      margin-bottom: .12rem;
      width: .14rem;
      height: .04rem;
      background: #fff;
      opacity: .44; }
    #industry .dots .swiper-pagination-bullet-active {
      width: .25rem; }

.job_01 {
  background: url("../images/job.jpg") center no-repeat;
  background-size: cover;
  min-height: 6.62rem; }
  .job_01 .wal {
    padding: 1.3rem .3rem; }
  .job_01 li {
    width: 50%;
    padding: 0 .32rem; }
    .job_01 li .container {
      height: 4rem;
      background: rgba(255, 255, 255, 0.6);
      -moz-border-radius: 0.2rem;
      -webkit-border-radius: 0.2rem;
      border-radius: 0.2rem;
      position: relative; }
    .job_01 li .title {
      text-align: center;
      font-size: .14rem;
      color: #666;
      text-transform: uppercase;
      padding-top: 1.25rem; }
      .job_01 li .title .img {
        width: .86rem;
        margin: 0 auto;
        position: relative; }
        .job_01 li .title .img img:nth-child(2) {
          position: absolute;
          z-index: 10;
          left: 0;
          right: auto;
          top: 0;
          bottom: auto;
          opacity: 0; }
      .job_01 li .title h2 {
        font-weight: 400;
        letter-spacing: .02rem;
        font-size: .24rem;
        color: #32a46d;
        padding: .1rem 0 .12rem 0; }
    .job_01 li p {
      font-size: .14rem;
      line-height: .26rem;
      text-align: justify;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0.5rem;
      bottom: auto;
      width: 100%;
      padding: 2.35rem .32rem 0 .32rem;
      opacity: 0;
      visibility: hidden;
      color: #fff; }
  .job_01 li.on .container {
    background: rgba(0, 129, 101, 0.6); }
  .job_01 li.on .title {
    color: #fff;
    padding-top: .48rem; }
    .job_01 li.on .title .img img:nth-child(1) {
      opacity: 0; }
    .job_01 li.on .title .img img:nth-child(2) {
      opacity: 1; }
    .job_01 li.on .title h2 {
      color: #fff; }
  .job_01 li.on p {
    opacity: 1;
    visibility: visible;
    top: 0; }

.job_02 {
  padding-bottom: .8rem; }
  .job_02 .pageTitle {
    padding: .65rem 0 .6rem 0; }
  .job_02 .tab li {
    width: 50%;
    border: #ccc solid 1px;
    color: #32a46d; }
    .job_02 .tab li div {
      height: .7rem;
      line-height: .7rem;
      position: relative;
      padding-left: .62rem;
      width: 1.9rem;
      margin: 0 auto;
      font-size: .3rem;
      letter-spacing: .02rem; }
      .job_02 .tab li div img {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 50%;
        bottom: auto;
        margin-top: -.25rem;
        width: .52rem; }
      .job_02 .tab li div img:nth-child(2) {
        opacity: 0; }
  .job_02 .tab li.on {
    background: #32a46d;
    border-color: #32a46d;
    color: #fff; }
    .job_02 .tab li.on div img:nth-child(1) {
      opacity: 0; }
    .job_02 .tab li.on div img:nth-child(2) {
      opacity: 1; }
  .job_02 .list div.title .col-1, .job_02 .list div.name .col-1 {
    width: 2.6rem;
    padding-left: .4rem; }
  .job_02 .list div.title .col-2, .job_02 .list div.title .col-3, .job_02 .list div.title .col-4, .job_02 .list div.title .col-5, .job_02 .list div.name .col-2, .job_02 .list div.name .col-3, .job_02 .list div.name .col-4, .job_02 .list div.name .col-5 {
    width: 2.1rem; }
  .job_02 .list div.title .col-6, .job_02 .list div.name .col-6 {
    width: .9rem; }
  .job_02 .list div.title {
    height: .8rem;
    font-size: .2rem;
    color: #32a46d; }
  .job_02 .list li {
    padding-bottom: 4px; }
    .job_02 .list li div.name {
      height: .48rem;
      font-size: .16rem;
      background: #ccc;
      cursor: pointer; }
      .job_02 .list li div.name .btn {
        height: .48rem;
        cursor: pointer;
        background: url("../images/img18_3.png") center no-repeat;
        background-size: .18rem; }
    .job_02 .list li .content {
      display: none;
      font-size: .14rem;
      line-height: .24rem;
      color: #666;
      padding: .3rem .39rem;
      border: #ccc solid 1px;
      border-top: 0;
      background: url("../images/img330.jpg") right bottom no-repeat;
      background-size: 3.3rem; }
  .job_02 .list li.on div.name {
    background: #32a46d;
    color: #fff; }
    .job_02 .list li.on div.name .btn {
      background-image: url("../images/img18_3on.png"); }

.contact_01 ul {
  margin-left: -.3rem; }
.contact_01 li {
  width: 33.333%;
  padding: 0 0 .3rem .3rem; }
  .contact_01 li a {
    display: block;
    border: #ececec solid 1px;
    min-height: 2.2rem;
    padding: .2rem; }
    .contact_01 li a .name {
      font-size: .16rem;
      line-height: .24rem;
      color: #32a46d; }
    .contact_01 li a dl {
      padding-bottom: .06rem; }
      .contact_01 li a dl dd {
        font-size: .14rem;
        color: #999;
        line-height: .4rem;
        padding: 0 .45rem 0 .25rem;
        background: url("../images/img18_1.png") left center no-repeat;
        background-size: .18rem; }
      .contact_01 li a dl .dd_02 {
        background-image: url("../images/img18_2.png"); }
    .contact_01 li a p {
      font-size: .14rem;
      line-height: .3rem;
      height: .9rem;
      overflow: hidden;
      color: #666; }
  .contact_01 li a:hover {
    border-color: #32a46d; }
.contact_01 .more {
  padding: .2rem 0 .5rem 0; }
  .contact_01 .more a {
    display: block;
    margin: 0 auto;
    width: 1.1rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: #999;
    font-size: .14rem;
    color: #fff; }
    .contact_01 .more a:hover {
      background: #32a46d; }

.contact_02 {
  background: url("../images/contact_02.jpg") center no-repeat;
  background-size: cover;
  min-height: 6.62rem; }
  .contact_02 .wal {
    padding: 1.3rem .3rem; }
  .contact_02 li {
    width: 50%;
    padding: 0 .32rem; }
    .contact_02 li .container {
      height: 4rem;
      background: rgba(255, 255, 255, 0.6);
      -moz-border-radius: 0.2rem;
      -webkit-border-radius: 0.2rem;
      border-radius: 0.2rem;
      position: relative;
      text-align: center;
      color: #666;
      padding-top: 1.05rem;
      cursor: pointer; }
    .contact_02 li .title {
      text-align: center;
      color: #32a46d; }
      .contact_02 li .title .img {
        width: 1.2rem;
        margin: 0 auto;
        position: relative; }
        .contact_02 li .title .img img:nth-child(2) {
          position: absolute;
          z-index: 10;
          left: 0;
          right: auto;
          top: 0;
          bottom: auto;
          opacity: 0; }
      .contact_02 li .title h2 {
        font-weight: 400;
        letter-spacing: .02rem;
        font-size: .24rem;
        padding: .1rem 0 .12rem 0; }
    .contact_02 li p {
      font-size: .14rem;
      line-height: .26rem;
      max-width: 3.28rem;
      margin: 0 auto;
      padding: 0 .2rem; }
  .contact_02 li:hover .container {
    background: rgba(0, 129, 101, 0.6);
    color: #fff; }
  .contact_02 li:hover .title {
    color: #fff; }
    .contact_02 li:hover .title .img img:nth-child(1) {
      opacity: 0; }
    .contact_02 li:hover .title .img img:nth-child(2) {
      opacity: 1; }

.contactLayer {
  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: 5.9rem;
  min-height: 6.45rem;
  margin-left: -2.95rem;
  margin-top: -3.2rem;
  padding: 0 .48rem .4rem .48rem;
  display: none; }
  .contactLayer a.close {
    display: block;
    width: .56rem;
    height: .56rem;
    background: url("../images/close21.png") center no-repeat;
    background-size: .21rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto; }
  .contactLayer .title {
    font-size: .32rem;
    color: #32a46d;
    padding: .35rem 0 .2rem 0; }
  .contactLayer li {
    padding-bottom: .14rem; }
    .contactLayer li .input {
      border: #e5e5e5 solid 1px; }
      .contactLayer li .input input {
        height: .46rem;
        line-height: .46rem;
        width: 100%;
        font-size: .14rem;
        color: #999;
        padding: 0 .1rem; }
      .contactLayer li .input textarea {
        height: 1.6rem;
        line-height: .26rem;
        width: 100%;
        font-size: .14rem;
        color: #999;
        padding: .1rem; }
      .contactLayer li .input.on input, .contactLayer li .input.on textarea {
        color: #333; }
  .contactLayer .tips {
    line-height: .45rem;
    font-size: .14rem;
    color: #999;
    margin-bottom: .14rem;
    padding-left: .28rem;
    background: url("../images/img12.png") 0.07rem center no-repeat;
    background-size: .12rem; }
  .contactLayer .submit {
    background: #999; }
    .contactLayer .submit:hover {
      background: #32a46d; }
    .contactLayer .submit input {
      width: 100%;
      color: #fff;
      height: .46rem;
      font-size: .14rem;
      cursor: pointer; }

.contactLayer2 {
  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: 5.9rem;
  min-height: 3.56rem;
  margin-left: -2.95rem;
  margin-top: -1.78rem;
  padding: .65rem 0 0 0;
  display: none;
  text-align: center; }
  .contactLayer2 a.close {
    display: block;
    width: .56rem;
    height: .56rem;
    background: url("../images/close21.png") center no-repeat;
    background-size: .21rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto; }
  .contactLayer2 .img {
    width: 1.42rem;
    margin: 0 auto; }
  .contactLayer2 .msg {
    font-size: .18rem;
    color: #32a46d;
    padding: .15rem 0; }
  .contactLayer2 p {
    font-size: .14rem;
    color: #999; }

.contact_03 {
  position: relative;
  padding: .65rem 0;
  min-height: 5.4rem; }
  .contact_03 .map {
    width: 8.5rem;
    height: 4.3rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 0.65rem;
    bottom: auto;
    margin-left: -8.5rem; }
  .contact_03 .container {
    padding-left: .5rem;
    width: 50%;
    margin-left: auto; }
  .contact_03 .title {
    font-size: .32rem;
    padding: .3rem 0;
    letter-spacing: .02rem; }
  .contact_03 li {
    position: relative;
    min-height: .94rem;
    padding: 0 0 .2rem .8rem; }
    .contact_03 li .img {
      width: .63rem;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto; }
    .contact_03 li p {
      font-size: .16rem;
      line-height: .3rem; }

.pageLoading {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff; }
  .pageLoading img {
    width: 1.5rem;
    position: absolute;
    z-index: 10;
    left: 47%;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-left: -.34rem;
    margin-top: -.34rem;
    animation: LoadingAnimation 1s infinite linear;
    -webkit-animation: LoadingAnimation 1s infinite linear;
    -moz-animation: LoadingAnimation 1s infinite linear; }

@keyframes LoadingAnimation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes LoadingAnimation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-moz-keyframes LoadingAnimation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
    
    .videoLayer{position:fixed; z-index:100; left:50%; top:50%; width:960px; max-width:100%; padding:0 .2rem; display:none;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

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