@charset "UTF-8";
* {
  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; background-color:#f2f2f2;
 }

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: #fb2600;
    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;
   }

.fl {
  float: left; }

.fr {
  float: right; }

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

.ellipsis, .indexPart2 .swiper-slide .name a, .footNav .list dd a, .news li .name, .honor .name, .project .name p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.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; }

a, .transition, .loading .logo, .head, .indexPart1 .box, .indexPart1 .name span, .indexPart2 .swiper-slide, .indexPart2 .swiper-slide .time, .indexPart3 .list a p, .news li, .news li .name, .honorLayer, .project .box, :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; }

.flex {
  display: flex;
  display: -webkit-flex; }

.flexColumn {
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

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

.pcShow {
  display: block; }

.phoneShow {
  display: none; }

@font-face {
  font-family: 'Impact';
  src: url("fonts/MonImpact.eot");
  src: url("fonts/MonImpact.eot?#iefix") format("embedded-opentype"), url("fonts/MonImpact.woff") format("woff"), url("fonts/MonImpact.ttf") format("truetype"), url("fonts/MonImpact.svg#Sri-TSCRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
.loading {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .loading .bg {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 50%;
    background: #005ca1;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease; }
    .loading .bg.bgT {
      top: 0; }
    .loading .bg.bgB {
      bottom: 0; }
  .loading .logo {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/logo.png") no-repeat;
    background-size: 2.05rem;
    position: absolute;
    z-index: 10;
    left: 42%;
    right: auto;
    top: 48%;
    bottom: auto; }
  .loading.hide .bg {
    height: 0; }
  .loading.hide .logo {
    opacity: 0; }

.head {
  position: fixed; background-image:url(bsbj.png);
  z-index: 50;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 1.2rem;

  padding: 0 3.45rem; }
  .head.hide {
    top: -1.2rem; }
  .head.on { background-color:#FFFFFF;
    /*background: rgba(0, 0, 0, 0.5); */}
  .head a.logo {
    display: block;
    width: 3.05rem;
    height: 100%;
    background: url("/img/logoo.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left: 0.7rem;
    right: 0.7rem;
    top: 0;
    bottom: auto; }
  .head .search {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.7rem;
    top: 50%;
    bottom: auto;
    width: 2.05rem;
    height: .44rem;
    margin-top: -.22rem;
  
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem; }
    .head .search .input1 {
      width: 100%;
      height: .4rem;
      line-height: .4rem;
      padding-left: .3rem;
      font-size: .14rem;
      color: #999; }
    .head .search .btn1 {
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.02rem;
      top: -0.02rem;
      bottom: auto;
      width: .44rem;
      height: .44rem;
      background: url("../images/btn44.png") center no-repeat;
      background-size: cover; }
  .head .nav {
    height: 1.2rem;
      padding:0px 100px; }
    .head .nav li {
      float: left;
      width: 16.5%; }
    .head .nav a {
      display: block;
      height: 1.2rem;
      line-height: 1.2rem;
      color: #005ca1;
      font-size: .18rem;
      text-align: center; }
      .head .nav a:hover, .head .nav a.on {
        background: #005ca1;
        color: #fff; }
    .head .nav dl {
      display: none; }

.sNav {
  position: fixed;
  z-index: 49;
  left: 0;
  right: auto;
  top: 1.2rem;
  bottom: auto;
  width: 100%;
  min-height: 2rem;
  background: #005ca1;
  padding: 0 3.45rem;
  opacity: 0;
  visibility: hidden; }
  .sNav.on {
    opacity: 1;
    visibility: visible; }
  .sNav ul {
    padding:0px 100px; }
  .sNav li {
    float: left;
    width: 16.5%; color:#FFFFFF;
    min-height: 2rem;
    border-right: #006bbb solid 1px;
    padding: .2rem 0 0 .2rem;
    position: relative; }
    .sNav li:hover, .sNav li.on {
      background: #056ebd; }
      .sNav li:hover:before, .sNav li.on:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: -1.2rem;
        width: 100%;
        height: 1.2rem;
        background: #005ca1;
        border-bottom: #005798 solid .05rem; }
    .sNav li:nth-child(1):hover, .sNav li:nth-child(1).on {
      background: none; }
  .sNav dd {
    padding-bottom: .06rem; color:#FFFFFF; text-align:left;}
  .sNav a {
    display: inline-block;text-align:left;
    font-size: .10rem;
    height: .26rem;
    line-height: .26rem;
    color: #78c5ff; 
    padding: 0.03rem;
    -moz-border-radius: 0.26rem;
    -webkit-border-radius: 0.26rem;
    border-radius: 0.26rem; }
    .sNav a:hover {
      color: #fff;
      background: #005ca1; }

@media screen and (max-width: 1800px) {
  .head {
    padding: 0 2.8rem; }
    .head a.logo {
      left: .3rem; }
    .head .search {
      right: .3rem; }
    .head .nav {
      padding: 0; }

  .sNav {
    padding: 0 2.8rem; }
    .sNav ul {
      padding: 0; }
    .sNav li {
      padding: .2rem 0 0 .1rem; }
    .sNav a {
      padding: 0 .1rem; } }
#index {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  #index .section {
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    width: 100%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%); }
  #index .indexSide {
    background: center no-repeat;
    background-size: cover; }

.indexFlash .swiper-slide {
  height: 100vh;
  background: center no-repeat;
  background-size: cover; }
  .indexFlash .swiper-slide .layer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    width: 100%;
    padding-left: .7rem;
    margin-top: -.55rem; }
  .indexFlash .swiper-slide .name { 
     }
  .indexFlash .swiper-slide .content {
    font-size: .14rem;
    line-height: 1.72em;
    color: #fff;
    max-width: 7.45rem;
    padding-top: .35rem; }
.indexFlash .dots2 {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0.35rem;
  width: 100%;
  font-size: 0;
  text-align: center; }
  .indexFlash .dots2 span {
    display: inline-block;
    margin: 0 .09rem;
    width: .16rem;
    height: .16rem;
    border: #fff solid 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .indexFlash .dots2 span.swiper-pagination-bullet-active {
      background: #fb2600;
      border-color: #fb2600; }
.indexFlash a.arrow {
  display: block;
  width: .8rem;
  height: .8rem;
  background: center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 10;
  left: auto;
  right: auto;
  top: 50%;
  bottom: auto;
  margin-top: -.4rem; }
  .indexFlash a.arrow.prev {
    left: -.85rem;
    background-image: url("/syimg/nimg80_1.png"); }
    .indexFlash a.arrow.prev:hover {
      background-image: url("/syimg/prevon.png"); }
  .indexFlash a.arrow.next {
    right: -.85rem;
    background-image: url("/syimg/nimg80_2.png"); }
    .indexFlash a.arrow.next:hover {
      background-image: url("/syimg/nexton.png"); }
.indexFlash:hover a.arrow.prev {
  left: .75rem; }
.indexFlash:hover a.arrow.next {
  right: .75rem; }

.indexTitle {
  text-align: center;
  padding-bottom:0.6rem; }
  .indexTitle div {
    font-size: .3rem; margin-bottom:15px;
    background: url("../images/indexTitle.png") center no-repeat;
    background-size: 1.95rem; }
  .indexTitle span {
    font-size: .14rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .02rem;
    padding-top: .06rem;
    display: block; }

.indexPart1 {
  background: url("/syimg/aboutbj.jpg"); }
  .indexPart1:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2.65rem;
    background: #005ca1;
    left: 0;
    bottom: 0; }
  .indexPart1 ul {
    margin-left: -1px; }
  .indexPart1 li {
    float: left;
    width: 25%;
    height: 6.5rem;
    padding-left: 1px; }
    .indexPart1 li:hover .box {
      background: #005ca1;
      color: #fff;
      z-index: 10;
      margin-left: -5px;
      margin-right: -5px;
      top: -.15rem;
      box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.32);
      -webkit-box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.32);
      -moz-box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.32); }
    .indexPart1 li:hover .imgDiv a {
      height: 4.65rem; }
    .indexPart1 li:hover .img .img1 {
      opacity: 0; }
    .indexPart1 li:hover .img .img2 {
      opacity: 1; }
    .indexPart1 li:hover .name a, .indexPart1 li:hover .name span {
      color: #fff; }
  .indexPart1 .box {
    background: #fff;
    text-align: center;
    position: relative;
    top: 0;
    margin: 0; }
  .indexPart1 .imgDiv a {
    display: block;
    height:423px;
    background: center no-repeat;
    background-size: cover; }
  .indexPart1 .img {
    width: .67rem;
    height: 1.15rem;
    margin: 0 auto;
    position: relative; }
    .indexPart1 .img img {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0.3rem;
      bottom: auto;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      border: #d9d9d9 solid 1px; }
    .indexPart1 .img .img2 {
      opacity: 0;
      border-color: #fff; }
  .indexPart1 .name {
    height: .75rem;
    font-size: .18rem; }
    .indexPart1 .name span {
      display: block;
      font-size: .14rem;
      text-transform: uppercase;
      color: #b2b2b2;
      padding-top: .04rem; }

.indexPart2 .wal {
  min-height: 3rem;
  position: relative; }
.indexPart2 .btn {
  height: 1rem;
  font-size: 0;
  text-align: center; }
  .indexPart2 .btn li {
    display: inline-block;
    padding: 0 .1rem; }
  .indexPart2 .btn a {
    display: block;
    font-size: .16rem;
    height: .32rem;
    line-height: .32rem;
    padding: 0 .2rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem; }
    .indexPart2 .btn a:hover, .indexPart2 .btn a.on {
      background: #005ca1;
      color: #fff; }
.indexPart2 .list {
  min-height: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 .35rem;
  opacity: 0;
  visibility: hidden; }
  .indexPart2 .list.on {
    position: relative;
    opacity: 1;
    visibility: visible; }
.indexPart2 .listBg {
  background: #fff;
  height: 3.5rem;
  width: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.75rem;
  bottom: auto;
  box-shadow: 0 0.08rem 0.1rem rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0.08rem 0.1rem rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0.08rem 0.1rem rgba(0, 0, 0, 0.06); }
.indexPart2 .listWrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 11; }
.indexPart2 .swiper-slide {
  padding: 1.3rem .35rem 0 .35rem;
  height: 5.52rem;
  border: rgba(0, 0, 0, 0) solid 0.1rem;
  color: #666; }
  .indexPart2 .swiper-slide:hover {
    border-color: #fff;
    background: #005ca1;
    color: #fff;
    padding-top: .5rem; }
    .indexPart2 .swiper-slide:hover .name a {
      color: #fff; }
    .indexPart2 .swiper-slide:hover .time {
      color: #fff; }
    .indexPart2 .swiper-slide:hover .img a {
      height: 1.66rem;
      opacity: 1;
      margin-bottom: .3rem; }
    .indexPart2 .swiper-slide:hover p {
      height: 6.88em; }
    .indexPart2 .swiper-slide:hover a.more {
      bottom: .35rem;
      opacity: 1; }
  .indexPart2 .swiper-slide .name a {
    display: block;
    font-size: .18rem;
    font-weight: bold;
    height: .4rem;
    line-height: .4rem; }
  .indexPart2 .swiper-slide .time {
    font-size: .14rem;
    color: #999;
    padding-bottom: .32rem; }
  .indexPart2 .swiper-slide .img a {
    display: block;
    height: 0;
    border: #fff solid .02rem;
    background: center no-repeat;
    background-size: cover;
    margin-bottom: 0;
    opacity: 0; }
  .indexPart2 .swiper-slide p {
    font-size: .14rem;
    line-height: 1.72em;
    text-align: justify;
    height: 10.32em;
    overflow: hidden; }
  .indexPart2 .swiper-slide a.more {
    display: block;
    width: 1.2rem;
    height: .3rem;
    border: #fff solid 1px;
    background: url("../images/more76.png") center no-repeat;
    background-size: .76rem;
    position: absolute;
    z-index: 10;
    left: 0.35rem;
    right: auto;
    top: auto;
    bottom: 0.65rem;
    opacity: 0; }
.indexPart2 .dots3 {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 5.4rem;
  bottom: auto;
  width: 100%;
  font-size: 0;
  text-align: center; }
  .indexPart2 .dots3 span {
    display: inline-block;
    margin: 0 .09rem;
    width: .16rem;
    height: .16rem;
    border: #005ca1 solid 1px;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .indexPart2 .dots3 span.swiper-pagination-bullet-active {
      background: #005ca1;
      border-color: #005ca1; }

.indexPart3 .indexTitle {
  padding-bottom: .5rem; }
.indexPart3 .imgList {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexPart3 .imgList .swiper-slide {
    position: relative; }
  .indexPart3 .imgList .name {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.2rem;
    width: 100%;
    padding: 0 .28rem; }
    .indexPart3 .imgList .name a {
      display: block;
      font-size: .16rem;
      color: #fff;
      height: .5rem;
      line-height: .5rem;
      background: rgba(0, 0, 0, 0.2);
      padding-left: .2rem;
      border-left: #fb2600 solid 0.08rem; }
  .indexPart3 .imgList .dots4 {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.5rem;
    top: auto;
    bottom: 0.4rem;
    font-size: 0;
    text-align: center; }
    .indexPart3 .imgList .dots4 span {
      display: inline-block;
      margin-left: .1rem;
      width: .13rem;
      height: .13rem;
      background: #fff;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .indexPart3 .imgList .dots4 span.swiper-pagination-bullet-active {
        background: #fb2600; }
  .indexPart3 .imgList a.arrow {
    display: block;
    width: .7rem;
    height: .7rem;
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.4rem; }
    .indexPart3 .imgList a.arrow.prev {
      left: .35rem;
      background-image: url("../images/nimg80_1.png"); }
      .indexPart3 .imgList a.arrow.prev:hover {
        background-image: url("../images/prevon.png"); }
    .indexPart3 .imgList a.arrow.next {
      right: .35rem;
      background-image: url("../images/nimg80_2.png"); }
      .indexPart3 .imgList a.arrow.next:hover {
        background-image: url("../images/nexton.png"); }
.indexPart3 .bg {
  height: .5rem;
  background: url("../images/bg.png") center top no-repeat;
  background-size: 100%; }
.indexPart3 .list ul {
  margin-left: -2px; }
.indexPart3 .list li {
  float: left;
  width: 25%;
  padding: 0 0 2px 2px; }
.indexPart3 .list a {
  display: block;
  min-height: 2.6rem;
  padding: .5rem 0;
  text-align: center;
  font-size: .12rem;
  color: #b2b2b2;
  text-transform: uppercase;
  background: #fff;
  position: relative; }
  .indexPart3 .list a:hover p {
    opacity: 1; }
  .indexPart3 .list a .img {
    width: .64rem;
    margin: 0 auto; }
  .indexPart3 .list a div {
    font-size: .18rem;
    color: #333;
    padding: .15rem 0 .08rem 0; }
  .indexPart3 .list a p {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: 100%;
    font-size: .14rem;
    height: .41rem;
    line-height: .41rem;
    text-align: center;
    background: #fb2600;
    color: #fff;
    opacity: 0; }

.indexPart4 {
  background: #001e33;
  min-height: 100vh; }
  .indexPart4 .map {
    height:506px;
    background: center no-repeat;
    background-size: cover;
    position: relative; }
    .indexPart4 .map .address {
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: 1.51rem;
      bottom: auto;
      background: #fff;
      width: 4.4rem;
      height: .44rem;
      line-height: .44rem;
      text-align: center;
      -moz-border-radius: 0.44rem;
      -webkit-border-radius: 0.44rem;
      border-radius: 0.44rem;
      margin-left: -2.2rem;
      font-size: .14rem; }
      .indexPart4 .map .address:before {
        content: "";
        display: block;
        position: absolute;
        width: .24rem;
        height: .42rem;
        background: url("/syimg/img24.png") center no-repeat;
        background-size: cover;
        left: 50%;
        bottom: -.66rem;
        margin-left: -.12rem; }

.footNav {
  background: #002b49; }
  .footNav .wal {
    min-height: 2.3rem;
    position: relative; }
  .footNav .list {
    padding-right: 3.65rem; }
    .footNav .list li {
      float: left;
      width: 14.285%; }
    .footNav .list h2 {
      padding: .35rem 0 .08rem 0; }
      .footNav .list h2 a {
        font-size: .16rem;
        font-weight: 400;
        color: #82a2bc; }
    .footNav .list dd a {
      display: block;
      font-size: .13rem;
      height: 2em;
      line-height: 2em;
      color: #425c71; }
      .footNav .list dd a:hover {
        color: #fb2600;
        text-decoration: underline; }
  .footNav .tel {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.32rem;
    bottom: auto;
    width: 3.6rem;
    padding: 0 0 0 1.65rem;
    min-height: 1.6rem;
    color: #fff; }
    .footNav .tel .img {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 1.2rem; }
    .footNav .tel .name {
      font-size: .17rem;
      padding-top: .17rem; }
    .footNav .tel h2 {
      line-height: .52rem;
      font-size: .3rem; }
    .footNav .tel a.btn {
      display: block;
      font-size: .16rem;
      color: #bababa;
      width: 1.37rem;
      height: .4rem;
      line-height: .38rem;
      border: #656565 solid 1px;
      -moz-border-radius: 0.04rem;
      -webkit-border-radius: 0.04rem;
      border-radius: 0.04rem;
      padding-left: .56rem;
      background: url("../images/nimg29_1.png") 0.15rem center no-repeat;
      background-size: .29rem; }

.foot {
  background: #001e33; }
  .foot .wal {
    min-height: .55rem;
    padding: .1rem 0;
    line-height: .35rem;
    position: relative;
    color: #384854;
    font-size: 12px; }
  .foot p {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.1rem;
    bottom: auto; }

@media screen and (max-width: 1800px) {
  .head {
    padding: 0 2.8rem; }
    .head a.logo {
      left: .3rem; }
    .head .search {
      right: .3rem; }
    .head .nav {
      padding-left: 70px; }

  .sNav {
    padding: 0 2.8rem; }
    .sNav ul {
      padding-left: 70px; }
    .sNav li {
      padding: .2rem 0 0 .1rem; }
    .sNav a {
      padding: 0 .1rem; } }
/*page-----------------*/
.pageBanner {
  height: 6.15rem;
  background: center no-repeat;
  background-size: cover; }

.pageBg {
  min-height: 5rem;
  background: #fff;
  position: relative;
  z-index: 10;
  top: -.6rem;
  padding: 0 .5rem; }

.pageTitle {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: -1.33rem;
  bottom: auto;
  width: 100%;
  height: 1.33rem;
  line-height: 1.33rem;
  padding: 0 .5rem;
  background: #fff; }
  .pageTitle h2 {
    font-weight: 400;
    font-size: .24rem;
    padding-left: .24rem;
    background: url("../images/img1.jpg") left center no-repeat;
    background-size: .04rem; }
    .pageTitle h2 span {
      font-weight: bold;
      font-size: .18rem;
      color: #ccc;
      font-family: "Impact";
      text-transform: uppercase;
      padding-left: .12rem; }
  .pageTitle .curr {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.5rem;
    top: 0;
    bottom: auto;
    height: 1.33rem;
    font-size: .14rem; }
    .pageTitle .curr a {
      padding-left: .36rem;
      background: url("../images/img9.png") 0.13rem center no-repeat;
      background-size: .09rem;
      color: #ccc; }
      .pageTitle .curr a.home {
        padding: 0;
        color: rgba(0, 0, 0, 0);
        background: url("../images/img14.png") center no-repeat;
        background-size: .14rem;
        width: .2rem;
        height: .2rem; }
      .pageTitle .curr a span {
        color: #999; }

.pageNav {
  min-height: .6rem;
  background: #f2f2f2;
  position: relative; }
  .pageNav ul {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.3rem;
    top: 0;
    bottom: auto; }
  .pageNav li {
    float: left;
    padding-left: 1px; }
  .pageNav a {
    display: block;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .45rem;
    font-size: .16rem;
    border-bottom: rgba(0, 0, 0, 0) solid 0.03rem; }
    .pageNav a:hover, .pageNav a.on {
      background: #fff;
      border-color: #fb2600;
      color: #fb2600; }
    .pageNav a.on {
      font-weight: bold; }

.job {
  padding: .3rem 0; }
  .job li {
    padding-bottom: .21rem; }
  .job .name {
    border: #e6e5e4 solid 1px;
    height: .5rem;
    line-height: .48rem;
    position: relative;
    font-size: .14rem;
    color: #666;
    cursor: pointer; }
    .job .name h2 {
      font-size: .16rem;
      padding-left: .36rem;
      font-weight: 400;
      background: url("../images/img4.png") 0.26rem center no-repeat;
      background-size: .04rem; }
    .job .name i {
      font-style: normal;
      padding-left: .1rem; }
    .job .name span {
      position: absolute;
      z-index: 10;
      left: 1.95rem;
      right: auto;
      top: 0;
      bottom: auto; }
    .job .name b {
      font-size: .16rem;
      color: #fb2600;
      position: absolute;
      z-index: 10;
      left: 3.92rem;
      right: auto;
      top: 0;
      bottom: auto; }
    .job .name .time {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.26rem;
      top: 0;
      bottom: auto;
      color: #999; }
  .job .content {
    border: #e6e5e4 solid 1px;
    border-top: 0;
    padding: .2rem .36rem .36rem;
    font-size: .14rem;
    line-height: 1.72em;
    color: #666;
    display: none; }
    .job .content h3.title {
      font-size: .15rem;
      padding-bottom: .06rem; }

.about {
  min-height: 5rem;
  position: relative; }
  .about .title {
    padding: .7rem 0 .6rem 0;
    font-size: .12rem;
    color: #cccccc;
    text-transform: uppercase; }
    .about .title h2 {
      font-size: .24rem;
      color: #555;
      padding-bottom: .08rem; }
  .about .img {
    width: 7.86rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.7rem;
    bottom: auto; }
  .about .msg {
    min-height: 2.75rem;
    max-width: 4.55rem;
    color: #555;
    font-size: .16rem;
    line-height: 1.87em;
    text-indent: 2em;
    padding-bottom: .55rem; }
  .about .content {
    color: #555;
    font-size: .16rem;
    line-height: 1.87em;
    padding: .55rem 0;
    background: url("../images/line.png") center top no-repeat;
    background-size: 100%; }

.news {
  padding-top: .3rem; }
  .news li {
    margin-bottom: .3rem;
    min-height: 2.04rem;
    position: relative;
    border: #ebe9e8 solid 1px;
    padding: .2rem .2rem .2rem 2.75rem;
    font-size: .14rem;
    color: #999; }
    .news li .img {
      width: 2.17rem;
      overflow: hidden;
      -moz-border-radius: 0.05rem;
      -webkit-border-radius: 0.05rem;
      border-radius: 0.05rem;
      position: absolute;
      z-index: 10;
      left: 0.2rem;
      right: auto;
      top: 0.2rem;
      bottom: auto; }
    .news li .name {
      font-size: .2rem;
      color: #333;
      height: .55rem;
      line-height: .55rem; }
    .news li .time {
      padding: 0 0 .3rem 0; }
    .news li p {
      line-height: 1.72em; }
    .news li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%; }
    .news li:hover {
      box-shadow: 0 0.03rem 0.2rem rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: 0 0.03rem 0.2rem rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0.03rem 0.2rem rgba(0, 0, 0, 0.15); }
      .news li:hover .name {
        color: #fb2600;
        font-weight: bold; }

.pageNum {
  clear: both;
  font-size: 0;
  text-align: center;
  padding-top: .3rem;
  height: 1.3rem; }
  .pageNum a {
    display: inline-block;
    font-size: .14rem;
    color: #888;
    margin: 0 .05rem;
    height: .4rem;
    line-height: .38rem;
    padding: 0 .15rem;
    border: #ebe9e8 solid 1px;
    -moz-border-radius: 0.03rem;
    -webkit-border-radius: 0.03rem;
    border-radius: 0.03rem; }
    .pageNum a:hover, .pageNum a.on {
      color: #fff;
      background: #fb2600;
      border-color: #fb2600; }

.newShow .title {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: -1.33rem;
  bottom: auto;
  width: 100%;
  height: 1.33rem;
  line-height: 1.33rem;
  padding: 0 .5rem;
  background: #fff;
  text-align: center;
  font-weight: bold;
  font-size: .2rem; }
.newShow a.back {
  display: block;
  position: absolute;
  z-index: 11;
  left: 0.5rem;
  right: auto;
  top: -0.85rem;
  bottom: auto;
  font-size: .16rem;
  color: #cccccc;
  border: #ebe9e8 solid 1px;
  width: 1.32rem;
  height: .44rem;
  line-height: .42rem;
  padding-left: .4rem;
  -moz-border-radius: 0.05rem;
  -webkit-border-radius: 0.05rem;
  border-radius: 0.05rem;
  background: url("../images/img7.png") 0.17rem center no-repeat;
  background-size: .07rem; }
  .newShow a.back:hover {
    color: #fb2600;
    border-color: #fb2600; }
.newShow .msg {
  line-height: .6rem;
  text-align: center;
  font-size: .14rem;
  color: #999;
  background: #f2f2f2; }
  .newShow .msg span {
    padding-left: 2em; }
.newShow .content {
  padding: .3rem 0;
  font-size: .16rem;
  line-height: 1.87em;
  color: #555555;
  text-align: justify; }
  .newShow .content .imgDiv {
    padding-bottom: .3rem;
    text-align: center; }
  .newShow .content img {
    width: auto; }
  .newShow .content h2.name {
    text-align: center;
    padding: .3rem 0;
    font-size: .2rem; }
.newShow .share {
  padding: .4rem 0 0 0;
  height: .9rem;
  border-bottom: #ebe9e8 solid 1px; }

.pageNum2 {
  padding: .32rem 0;
  font-size: .14rem;
  line-height: .36rem; }
  .pageNum2 a {
    color: #666; }
    .pageNum2 a:hover {
      color: #fb2600; }

.honor {
  padding-top: .3rem; }
  .honor ul {
    margin-left: -.19rem; }
  .honor li {
    float: left;
    width: 25%;
    padding: 0 0 .3rem .19rem;
    text-align: center;
    cursor:pointer;
     }
  .honor .box {
    padding: .1rem .1rem 0;
    border: #ebe9e8 solid 1px; }
  .honor .name {
    color: #666;
    font-size: .14rem;
    height: 3em;
    line-height: 3em; }

.honorLayer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden; }
  .honorLayer.show {
    opacity: 1;
    visibility: visible; }
  .honorLayer .list {
    background: #fff;
    width: 7rem;
    height: 5.8rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-left: -3.5rem;
    margin-top: -2.9rem; }
  .honorLayer a.close {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.2rem;
    top: -0.2rem;
    bottom: auto;
    background: url("../images/nimg39.png") center no-repeat;
    background-size: cover;
    width: .39rem;
    height: .39rem; }
  .honorLayer a.arrow {
    display: block;
    background: center no-repeat;
    background-size: cover;
    width: .14rem;
    height: .28rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.14rem; }
    .honorLayer a.arrow.prev {
      background-image: url("../images/prev14.png");
      left: .2rem; }
      .honorLayer a.arrow.prev:hover {
        background-image: url("../images/prev14on.png"); }
    .honorLayer a.arrow.next {
      background-image: url("../images/next14.png");
      right: .2rem; }
      .honorLayer a.arrow.next:hover {
        background-image: url("../images/next14on.png"); }
  .honorLayer #honorLayer {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .honorLayer .swiper-slide {
    padding: 0 .7rem;
    height: 5.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center; }
.honorLayer .swiper-slide img{max-height:500px;}
.project {
  padding-top: .3rem; }
  .project ul {
    margin-left: -.75rem; }
  .project li {
    float: left;
    width: 50%;
    padding: 0 0 .3rem .75rem; }
    .project li:hover .box {
      background: #fb2600;
      color: #fff;
      box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.25); }
    .project li:hover .name:before {
      background-image: url("../images/img32on.png"); }
  .project .box {
    min-height: 1rem;
    position: relative;
    color: #555;
    background: #f2f2f2; }
  .project .name {
    height: 1rem;
    padding: 0 .28rem;
    font-size: .14rem;
    position: relative; }
    .project .name h2 {
      padding: .2rem 0 .1rem 0;
      font-size: .18rem;
      font-weight: bold; }
    .project .name p {
      height: 1.2em;
      line-height: 1.2em; }
    .project .name:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: url("../images/img32.png") center no-repeat;
      background-size: .32rem;
      width: 1.2rem;
      height: 100%; }
  .project a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }

.projectImg {
  text-align: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: .3rem; }
  .projectImg img {
    width: auto; }
  .projectImg h2 {
    font-size: .2rem;
    padding: .45rem 0 .1rem 0;
    color: #555; }
  .projectImg .dots {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 1rem;
    width: 100%;
    font-size: 0;
    text-align: center; }
    .projectImg .dots span {
      display: inline-block;
      margin: 0 .09rem;
      width: .1rem;
      height: .1rem;
      background: rgba(255, 255, 255, 0.8);
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .projectImg .dots span.swiper-pagination-bullet-active {
        background: #fb2600; }

@media screen and (max-width: 800px) {
  .wal {
    max-width: 8rem; }

  .pcShow {
    display: none; }

  .phoneShow {
    display: block; }

  body.navShow .navBg {
    display: block; }
  body.navShow .head .nav {
    right: 0; }

  .navBg {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none; }

  .head .search {
    width: 2.5rem;
    height: .56rem;
    margin-top: -.28rem;
    right: 1rem; }
    .head .search .input1 {
      height: .56rem;
      line-height: .56rem;
      font-size: .2rem; }
    .head .search .btn1 {
      width: .56rem;
      height: .56rem; }
  .head a.navA {
    display: block;
    width: 1rem;
    height: 1.2rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    background: url("../images/navA.png") center no-repeat;
    background-size: .45rem; }
  .head .nav {
    height: 100%;
    width: 4.5rem;
    overflow-y: auto;
    border: 0;
    padding: 0;
    background: #000;
    position: fixed;
    top: 0;
    right: -4.5rem;
    z-index: 20; }
    .head .nav.on {
      right: 0; }
    .head .nav .close {
      display: block;
      height: 1.2rem;
      position: relative; }
      .head .nav .close i {
        display: block;
        width: 1rem;
        height: 1.2rem;
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        background: url("../images/close.png") center no-repeat;
        background-size: .45rem; }
    .head .nav li {
      float: none;
      width: 100%;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .head .nav a {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      text-align: left;
      padding-left: .5rem; }
    .head .nav dl {
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
      .head .nav dl a {
        font-size: .24rem;
        padding-left: .65rem;
        height: .8rem;
        line-height: .8rem; }

  .sNav {
    display: none; }

  /*index-----------*/
  .indexFlash .swiper-slide .layer {
    padding: 0 .7rem; }
  .indexFlash .swiper-slide .content {
    font-size: .2rem; }
  .indexFlash:hover a.arrow.prev {
    left: .3rem; }
  .indexFlash:hover a.arrow.next {
    right: .3rem; }

  .indexTitle {
    padding-bottom: .5rem; }
    .indexTitle div {
      font-size: .36rem;
      background-size: 2.5rem; }
    .indexTitle span {
      font-size: .24rem; }

  .indexPart1:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2.93rem;
    background: #005ca1;
    left: 0;
    bottom: 0; }
  .indexPart1 li {
    width: 50%;
    height: 5rem; }
    .indexPart1 li:hover .imgDiv a {
      height: 2.65rem; }
  .indexPart1 .imgDiv a {
    height: 2.5rem; }
  .indexPart1 .name {
    height: .95rem;
    font-size: .26rem; }
    .indexPart1 .name span {
      font-size: .2rem; }

  .indexPart2 .btn a {
    font-size: .24rem;
    height: .5rem;
    line-height: .5rem; }
  .indexPart2 .list {
    padding: 0; }
  .indexPart2 .swiper-slide {
    padding: 1rem .2rem 0 .2rem; }
    .indexPart2 .swiper-slide:hover {
      padding-top: .4rem; }
      .indexPart2 .swiper-slide:hover .img a {
        height: 1.3rem; }
      .indexPart2 .swiper-slide:hover a.more {
        bottom: .2rem; }
    .indexPart2 .swiper-slide .name a {
      font-size: .24rem;
      height: .6rem;
      line-height: .6rem; }
    .indexPart2 .swiper-slide .time {
      font-size: .22rem; }
    .indexPart2 .swiper-slide p {
      font-size: .2rem;
      height: 6.88em; }
    .indexPart2 .swiper-slide a.more {
      left: .2rem; }

  .indexPart3 .imgList .name a {
    font-size: .22rem; }
  .indexPart3 .list li {
    width: 50%; }
  .indexPart3 .list a {
    font-size: .2rem; }
    .indexPart3 .list a div {
      font-size: .26rem; }
    .indexPart3 .list a p {
      font-size: .2rem;
      height: .51rem;
      line-height: .51rem; }

  .indexPart4 .map {
    height: 40vh; }
    .indexPart4 .map .address {
      width: 6.6rem;
      height: .6rem;
      line-height: .6rem;
      margin-left: -3.3rem;
      font-size: .22rem; }

  .footNav .list {
    padding-right: 0;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .footNav .list ul {
      margin-right: -.6rem; }
    .footNav .list li {
      width: 25%; }
      .footNav .list li:nth-child(5) {
        clear: left; }
    .footNav .list h2 {
      padding: .5rem 0 .1rem 0; }
      .footNav .list h2 a {
        font-size: .24rem; }
    .footNav .list dd a {
      font-size: .22rem; }
  .footNav .h10 {
    height: .5rem; }
  .footNav .tel {
    width: 25%;
    padding: 0;
    top: 3rem;
    right: -.3rem; }
    .footNav .tel .img {
      position: relative; }
    .footNav .tel .name {
      font-size: .22rem;
      padding-top: .1rem; }
    .footNav .tel h2 {
      font-size: .24rem; }

  .foot .wal {
    padding: .3rem 0;
    font-size: .24rem; }
  .foot p {
    position: relative;
    top: 0; }

  /*page-----------------*/
  .pageBg {
    padding: 0 .3rem; }

  .pageTitle {
    padding: 0 .3rem; }
    .pageTitle h2 {
      font-size: .28rem; }
      .pageTitle h2 span {
        font-size: .24rem; }
    .pageTitle .curr {
      display: none; }

  .pageNav {
    min-height: .9rem;
    margin-left: -.3rem;
    margin-right: -.3rem;
    padding: 0 .2rem; }
    .pageNav ul {
      position: relative;
      right: 0;
      display: flex;
      justify-content: flex-end;
      display: -webkit-flex;
      -webkit-justify-content: flex-end; }
    .pageNav li {
      float: none;
      padding: 0; }
    .pageNav a {
      height: .9rem;
      line-height: .9rem;
      padding: 0 .15rem;
      font-size: .24rem; }

  .job .name {
    height: .7rem;
    line-height: .68rem;
    font-size: .22rem; }
    .job .name h2 {
      font-size: .26rem; }
    .job .name span, .job .name b {
      display: none; }
  .job .content {
    font-size: .24rem; }
    .job .content h3.title {
      font-size: .26rem; }

  .about .title {
    font-size: .2rem; }
    .about .title h2 {
      font-size: .3rem; }
  .about .img {
    width: 100%;
    position: relative;
    top: 0; }
  .about .msg {
    min-height: .75rem;
    max-width: 100%;
    font-size: .24rem; }
  .about .content {
    font-size: .24rem; }

  .news li {
    font-size: .22rem;
    padding-left: 2.65rem; }
    .news li .name {
      font-size: .26rem;
      height: .75rem;
      line-height: .75rem; }
    .news li .time {
      padding: 0 0 .85rem 0; }
    .news li p {
      margin-left: -2.45rem; }

  .pageNum {
    height: 2rem; }
    .pageNum a {
      font-size: .24rem;
      height: .6rem;
      line-height: .58rem;
      padding: 0 .22rem; }

  .newShow .title {
    padding: 0 .2rem;
    font-size: .26rem; }
  .newShow a.back {
    display: none; }
  .newShow .msg {
    line-height: .8rem;
    font-size: .2rem; }
  .newShow .content {
    font-size: .24rem; }
    .newShow .content h2.name {
      font-size: .26rem; }
  .newShow .share {
    height: 1.5rem; }

  .pageNum2 {
    font-size: .2rem;
    padding-bottom: .2rem; }
    .pageNum2 li {
      padding-bottom: .1rem; }

  .honor li {
    width: 50%; }
  .honor .name {
    font-size: .24rem; }

  .honorLayer .list {
    width: 6rem;
    height: 8rem;
    margin-left: -3rem;
    margin-top: -4rem; }
  .honorLayer .swiper-slide {
    height: 8rem; }

  .project li {
    width: 100%; }
  .project .name {
    height: 1.5rem;
    font-size: .24rem; }
    .project .name h2 {
      padding: .35rem 0 .16rem 0;
      font-size: .28rem; }
    .project .name p {
      height: 1.2em;
      line-height: 1.2em; }

  .projectImg h2 {
    font-size: .26rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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