a,
.transition,
.g-head .btn .search .submit,
.g-head .btn .search .form,
.about-2 .list .ico,
.about-2 .list .layer,
.about-4 .year-list .bg,
.about-4 .year-list li,
.p-search .list,
.project li,
.project-foot .list a .name,
.project-map .head .select-layer,
.project-map .list a .name,
.service-4 .list a .name,
.service-list a .name,
.news a .name,
.zxjb-layer,
.zxjb-layer .file dd div,
.p-tips-layer,
.p-tips-layer2,
.p-tips-layer3,
.p-tips-layer4,
: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,
.p-search .list-2 a,
.project-foot .list a .name,
.project-map .list a .name,
.service-4 .list a p,
.service-list a .name,
.service-list a p,
.notice li .col-1,
.page-search li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.flex,
.g-head .btn,
.g-foot .list ul,
.index-btn ul,
.index-case .p-arrow,
.index-case .dots,
.p-nav ul,
.about-box .list ul,
.p-search .container .select,
.p-search .container .form,
.p-search .container .btn,
.p-search .container .btn .map,
.p-search .list-1 li,
.project li .col .btn dl,
.project li .col dl.info dd,
.project-foot .title,
.project-foot .title dl,
.project-map .head,
.project-map .head .select,
.project-map .head .select-layer li,
.project-show-1 .list .box div,
.project-show-3 li .layer,
.project-show-3 li .layer .name,
.project-show-5 .tab-btn ul,
.service-show .share dl,
.sideTel,
.p-num,
.notice .title,
.notice li,
.newSearch,
.newSearch .time,
.zxjb-layer,
.zxjb-layer .file dd div,
.zxjb-layer .file .list .name,
.zxjb-layer .file .list li,
.p-tips-layer,
.p-tips-layer2,
.p-tips-layer3,
.p-tips-layer4 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.flexColumn,
.indexFlash .dots,
.about-2 .title,
.about-4 .list,
.project-show-1 .list .box,
.project-show-4 .container,
.service-1 .list .p-content,
.service-4 .list a,
.restaurant-2 .list li,
.restaurant-3 .list li,
.contact-2 .col .btn a,
.contact-3 .list li.li_03 .btn a,
.zxjb-layer .file .file-tips-layer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.itemsCenter,
.g-head .btn,
.about-2 .title,
.p-search .container,
.p-search .container .select,
.p-search .container .form,
.p-search .container .btn,
.p-search .container .btn .map,
.project li .col dl.info dd,
.project-foot .title,
.project-map .head,
.project-map .head .select,
.project-show-1 .list .box,
.project-show-1 .list .box div,
.project-show-2 .wal,
.project-show-3 li .layer,
.project-show-3 li .layer .name,
.project-show-5 .container,
.service-1,
.sideTel,
.p-num,
.restaurant-2 .list li,
.restaurant-3 .list li,
.notice .title,
.notice li,
.contact-2 .col .btn a,
.contact-3 .list li.li_03 .btn a,
.newSearch,
.newSearch .time,
.zxjb-layer,
.zxjb-layer .file dd div,
.zxjb-layer .file .file-tips-layer,
.p-tips-layer,
.p-tips-layer2,
.p-tips-layer3,
.p-tips-layer4 {
  align-items: center;
  -webkit-align-items: center;
}

.justifyCenter,
.indexFlash .dots,
.index-case .dots,
.about-2 .title,
.about-4 .list,
.p-search .container .select,
.p-search .container .btn .map,
.project-map .head .select,
.project-show-1 .list .box,
.project-show-3 li .layer .name,
.project-show-4 .container,
.service-1 .list .p-content,
.service-4 .list a,
.service-show .share dl,
.p-num,
.restaurant-2 .list li,
.restaurant-3 .list li,
.contact-2 .col .btn a,
.zxjb-layer,
.zxjb-layer .file dd div,
.zxjb-layer .file .file-tips-layer,
.p-tips-layer,
.p-tips-layer2,
.p-tips-layer3,
.p-tips-layer4 {
  justify-content: center;
  -webkit-justify-content: center;
}

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

.flexBetween,
.index-layout .container .search .row,
.about-1,
.about-1 .list ul,
.project li,
.project-show-2 .wal,
.project-show-5 .container,
.service-1,
.service-4 .wal,
.sideTel,
.restaurant-3,
.restaurant-4 .list ul,
.notice .title,
.notice li,
.contact-2 .wal,
.contact-2 .col .btn,
.contact-3 .list ul,
.newSearch,
.zxjb-layer .form {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flexWrap,
.g-nav ul,
.f-nav ul,
.g-foot .msg,
.index-info ul,
.index-news ul,
.index-layout .map .list .layer dl,
.index-layout .container .list ul,
.index-layout .container .search .row,
.about-1,
.about-2 .list .name,
.p-search .container,
.p-search .list-1 li dl,
.project li,
.project-foot .list ul,
.project-map .head .select-layer li dl,
.project-show-1 .list ul,
.project-show-2 .wal,
.project-show-5 .container,
.service-1,
.service-2 .list ul,
.service-3 .list ul,
.service-4 .wal,
.service-list ul,
.restaurant-1 .list ul,
.restaurant-2 .list ul,
.restaurant-3,
.restaurant-4 .list ul,
.news-img ul,
.news ul,
.contact-1 .list ul,
.contact-2 .wal,
.contact-2 .col .btn,
.contact-3 .list ul,
.zxjb-layer .check dl,
.zxjb-layer .form,
.zxjb-layer .form-2 ul,
.zxjb-layer .file dl.btn {
  display: flex;
  display: -webkit-flex;
  display: -ms-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: 12px;
  font-family: Arial, "Microsoft Yahei", "Source Han Sans";
  color: #27292a;
  -webkit-text-size-adjust: none;
  opacity: 0;
}

body.show {
  opacity: 1;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
}

a {
  color: #27292a;
  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: #e60012;
  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, "Microsoft Yahei", "Source Han Sans";
  color: #888;
  outline: none;
  border: 0;
}

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

.select {
  position: relative;
}

.select select {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.phoneShow {
  display: none;
}

@font-face {
  font-family: "DINCOND";
  src: url("../fonts/dincond-medium.woff2") format("woff2"), url("../fonts/dincond-medium.woff") format("woff"), url("../fonts/dincond-medium.ttf") format("truetype"), url("../fonts/dincond-medium.eot") format("embedded-opentype"), url("../fonts/dincond-medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.g-headD {
  height: 0.9rem;
}

.g-head {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}

.g-head .wal {
  min-height: 0.9rem;
  position: relative;
}

.g-head a.logo {
  display: block;
  background: url("../images/logo.png") center no-repeat;
  background-size: 100%;
  width: 1.41rem;
  height: 0.85rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
}

.g-head .btn {
  position: absolute;
  z-index: 10;
  left: auto;
  right: -0.12rem;
  top: auto;
  bottom: 0;
  height: .85rem;
}

.g-head .btn a.btn-1 {
  font-size: .2rem;
  padding: 0 .34rem 0 .3rem;
  line-height: .85rem;
  background: url("../images/img21.png") left center no-repeat;
  background-size: .21rem;
}

.g-head .btn a.btn-1:hover {
  background-image: url("../images/img21on.png");
}

.g-head .btn .search {
  width: .47rem;
  position: relative;
}

.g-head .btn .search .submit {
  height: .85rem;
  background: url("../images/img22.png") center no-repeat;
  background-size: .22rem;
  border-top-left-radius: 0.08rem;
  -webkit-border-top-left-radius: 0.08rem;
  border-top-right-radius: 0.08rem;
  -webkit-border-top-right-radius: 0.08rem;
}

.g-head .btn .search .submit input {
  width: 100%;
  height: .85rem;
  cursor: pointer;
}

.g-head .btn .search .form {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 100%;
  bottom: auto;
  width: 2.1rem;
  min-height: .48rem;
  background:  #d35560;
  padding: .09rem .1rem;
  opacity: 0;
  visibility: hidden;
}

.g-head .btn .search .form .input {
  background: #fff;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

.g-head .btn .search .form .input input {
  width: 100%;
  height: .31rem;
  line-height: .31rem;
  font-size: .14rem;
  padding-left: .14rem;
}

.g-head .btn .search.on .submit {
  background-color: #e60012;
  background-image: url("../images/img22on.png");
}

.g-head .btn .search.on .form {
  opacity: 1;
  visibility: visible;
}

.g-head .btn-tel {
  display: none;
}

.g-nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 2.1rem;
  top: auto;
  bottom: 0;
}

.g-nav li {
  margin-left: .13rem;
  position: relative;
}

.g-nav a.name {
  display: block;
  height: .85rem;
  line-height: .85rem;
  font-size: .2rem;
  padding: 0 .16rem;
  border-top-left-radius: 0.08rem;
  -webkit-border-top-left-radius: 0.08rem;
  border-top-right-radius: 0.08rem;
  -webkit-border-top-right-radius: 0.08rem;
  letter-spacing: .02rem;
}

.g-head .pctel{position: absolute;right: 0;line-height: .85rem;}
.g-head .pctel .pctelimg{width: 30px;height:30px;border-radius: 50%;background-color: #e60012;display: inline-block;vertical-align: middle;}
.g-head .pctel .pctelimg img{width: 100%;height: 100%;vertical-align: top;}
.g-head .pctel span{font-size: .2rem;vertical-align: middle;}

@media screen and (min-width: 800px) {
  .g-nav .list {
    width:2.5rem;
    position: absolute;
    z-index: 10;
    left: -50%;
    /*right: 0;*/
    top: 100%;
    bottom: auto;
    background: #fff;
    border: 1px solid #e60012;
    display: none;
    text-transform: uppercase
}
.g-nav .list dl:first-child dd{
    border-top: unset;
}
.g-nav .list dd {
    border-top: #e60012 dashed 1px;
    margin: 0 20px;
}

.g-nav .list dd a {
    display: block;
    text-align: center;
    color: #000;
    height: .46rem;
    line-height: .46rem;
    font-size: .16rem
}

.g-nav .list dd a:hover {
    /* background: #e60012;
    color: #fff; */
}

.g-nav li:hover a.name {
    /* background: #e60012; */
    color: #e60012;
    border-bottom: 3px solid #e60012;
}
}

.f-nav {
  padding: .45rem 0;
  background: #e60012;
  color: #828283;
  display: none;
}

.f-nav a {
  color: #828283;
}

.f-nav a:hover {
  color: #fff;
}

.f-nav ul {
  border-left: #2f4058 solid 1px;
}

.f-nav li {
  min-height: 1.55rem;
  border-right: #2f4058 solid 1px;
  width: 20%;
  text-align: center;
}

.f-nav li h2 {
  font-weight: 600;
  font-size: .16rem;
  line-height: 1em;
  padding-bottom: .12rem;
}

.f-nav li dd {
  font-size: .14rem;
  line-height: .24rem;
  text-transform: uppercase;
}

.g-foot {
  background: #051123;
  font-size: .14rem;
  color: #a2a2a2;
}

.g-foot a {
  color: #a2a2a2;
}

.g-foot a:hover {
  color: #fff;
}

.g-foot .wal {
  min-height: 1.4rem;
  position: relative;
}

.g-foot .link {
  padding: .45rem 0 .05rem 0;
}

.g-foot .link em {
  padding: 0 .1rem;
}

.g-foot .msg {
  line-height: .4rem;
}

.g-foot .msg p {
  padding-right: .14rem;
}

.g-foot .list {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0.3rem;
  bottom: auto;
}

.g-foot .list li {
  width: .67rem;
  margin-left: .2rem;
  text-align: center;
}

.g-foot .list li .name {
  line-height: .26rem;
  font-size: .12rem;
  margin-left: -.2rem;
  margin-right: -.2rem;
}

/*index*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 19.2rem;
  margin: 0 auto;
}

.indexFlash li {
  background: center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.indexFlash li .img-list {
  width: 7.4rem;
  position: absolute;
  z-index: 1;
  left: auto;
  right: 50%;
  top: 0.6rem;
  bottom: auto;
  margin-right: -7.4rem;
  overflow: hidden;
}

.indexFlash li .wal {
  height: 9rem;
  color: #fff;
  position: relative;
  z-index: 11;
}

.indexFlash li .wal .title {
  padding-top: 3.3rem;
}

.indexFlash li .wal .title h2 {
  font-size: .55rem;
  line-height: .67rem;
}

.indexFlash li .wal .title p {
  font-size: .24rem;
  line-height: .3rem;
  text-transform: uppercase;
  padding: .1rem 0 .25rem 0;
}

.indexFlash li .wal .tel {
  font-size: .34rem;
  padding-left: .5rem;
  background: url("../images/img40.png") left center no-repeat;
  background-size: .4rem;
}

.indexFlash li .wal .tel b {
  font-size: .41rem;
  display: inline-block;
  position: relative;
  top: .03rem;
}

.indexFlash li.li_01:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../images/img1920_1.png") center no-repeat;
  background-size: auto 100%;
}

.indexFlash li.li_01 .wal .title p {
  width: 4.4rem;
}

.indexFlash li.li_02 .wal .title {
  padding-top: 2.56rem;
  width: 100%;
}

.indexFlash li.li_03:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../images/img1920_3.png") center no-repeat;
  background-size: auto 100%;
}

.indexFlash li.li_03 .wal {
  color:  #d35560;
}

.indexFlash li.li_03 .wal .tel {
  background-image: url("../images/img40_4.png");
}

.indexFlash li.li_03 .wal .title p {
  width: 5.6rem;
}

.indexFlash .dots {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0.35rem;
  top: 1.2rem;
  bottom: 0;
  width: 17px;
}

.indexFlash .dots span {
  height: .32rem;
  background: url("../images/img17.png") center no-repeat;
}

.indexFlash .dots span.swiper-pagination-bullet-active {
  background-image: url("../images/img17on.png");
}

.indexFlash .dots.on span {
  background-image: url("../images/img17_2.png");
}

.indexFlash .dots.on span.swiper-pagination-bullet-active {
  background-image: url("../images/img17_2on.png");
}

.index-info {
  position: relative;
  z-index: 11;
  margin-top: -.7rem;
  background:  #d35560;
}

.index-info li {
  height: 1.4rem;
  width: 33.3%;
  background:  #d35560;
  position: relative;
  color: #fff;
  text-align: center;
}

.index-info li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background:  #d35560;
}

.index-info li:last-child:after {
  display: none;
}

.index-info li .num {
  height: .8rem;
  font-family: 'DINCOND';
  font-size: .4rem;
  line-height: 1em;
  padding-top: .25rem;
}

.index-info li .name {
  font-size: .14rem;
  line-height: .2rem;
}

.index-btn {
  border-bottom: #f6f6f6 solid .07rem;
  margin-right: -.3rem;
  margin-left: -.3rem;
  padding: 0 .3rem;
}

.index-btn li {
  width: 33.333%;
}

.index-btn a {
  display: block;
  text-align: center;
  font-size: .26rem;
  color: #5a5a5a;
  padding: .4rem 0 .36rem 0;
}

.index-btn a .ico {
  width: .8rem;
  margin: 0 auto;
  padding-bottom: .08rem;
}

.index-news {
  font-size: .14rem;
}

.index-news .title {
  height: 1.86rem;
  background: url("../images/img251.png") center top no-repeat;
  background-size: 2.51rem;
  padding-top: .75rem;
  text-align: center;
  font-size: .36rem;
  text-transform: uppercase;
  letter-spacing: .02rem;
}

.index-news ul {
  margin-left: -.38rem;
}

.index-news li {
  width: 33.333%;
  padding-left: .38rem;
}

.index-news .img-list a {
  display: block;
  background: #e60012;
  padding: 0 .25rem .06rem .25rem;
  color: #fff;
  position: relative;
}

.index-news .img-list a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: .27rem;
  height: .27rem;
  background: #27292a url("../images/img27.png") center no-repeat;
  background-size: 100%;
}

.index-news .img-list a .img {
  margin-left: -.25rem;
  margin-right: -.25rem;
}

.index-news .img-list a .name {
  font-size: .18rem;
  line-height: .26rem;
  height: .52rem;
  margin-top: .15rem;
  overflow: hidden;
}

.index-news .img-list a .time {
  line-height: .32rem;
}

.index-news .img-list a:hover {
  background:  #d35560;
}

.index-news .img-list a:hover:before {
  background-color: #e60012;
}

.index-news .list a {
  height: 1.47rem;
  border-bottom: #dfdfdf solid 1px;
  position: relative;
  padding: .45rem 0 0 .25rem;
  display: block;
}

.index-news .list a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: .56rem;
  width: .15rem;
  height: .03rem;
  background: #27292a;
}

.index-news .list a .name {
  font-size: .18rem;
  line-height: .24rem;
  height: .48rem;
  overflow: hidden;
}

.index-news .list a .time {
  line-height: .38rem;
  color: #9a9d9e;
}

.index-news .list a:hover {
  color:  #d35560;
}

.index-news .list a:hover:before {
  background:  #d35560;
}

.index-news .more {
  padding: .35rem 0;
  font-size: .14rem;
  text-align: center;
}

.index-news .more a {
  color: #5a5a5a;
}

.index-news .more a:hover {
  color: #e60012;
}

.index-layout {
  background: #f0f5fa url("../images/img688.png") left bottom no-repeat;
  background-size: 6.88rem;
  color: #fff;
}

.index-layout a {
  color: #fff;
}

.index-layout .wal {
  min-height: 8.93rem;
  position: relative;
}

.index-layout .map {
  background: url("../images/map839.png") center top no-repeat;
  background-size: 100%;
  width: 8.39rem;
  height: 8.05rem;
  position: absolute;
  z-index: 10;
  left: -1.77rem;
  right: auto;
  top: 0.57rem;
  bottom: auto;
}

.index-layout .map .list {
  background: rgba(112, 90, 0, 0.53);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: 20;
}

.index-layout .map .list h2 {
  position: absolute;
  z-index: 10;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  font-size: .14rem;
  color:  #d35560;
  line-height: 1.2em;
  text-align: center;
}

.index-layout .map .list h2.h2-1 {
  font-size: .12rem;
}

.index-layout .map .list .dots i {
  display: block;
  position: absolute;
  width: .09rem;
  height: .09rem;
  margin-left: -.045rem;
  margin-top: -.045rem;
  background: url("../images/img9.png") center no-repeat;
  background-size: 100% 100%;
}

.index-layout .map .list .layer {
  width: 2rem;
  position: absolute;
  z-index: 10;
  left: 50%;
  right: auto;
  top: auto;
  bottom: auto;
  margin-left: -1rem;
  background:  #d35560;
  -moz-border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
  min-height: 1rem;
  opacity: 0;
  visibility: hidden;
}

.index-layout .map .list .layer:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -.3rem;
  right: 0;
  background: url("../images/img27_1.png") center no-repeat;
  background-size: .27rem;
  height: .45rem;
}

.index-layout .map .list .layer .name {
  line-height: .2rem;
  padding: .1rem;
  text-align: center;
  background:  #d35560;
  font-size: .18rem;
  border-top-right-radius: 0.08rem;
  -webkit-border-top-right-radius: 0.08rem;
  border-top-left-radius: 0.08rem;
  -webkit-border-top-left-radius: 0.08rem;
}

.index-layout .map .list .layer dl {
  padding: .1rem 0 .15rem .15rem;
}

.index-layout .map .list .layer dd {
  font-size: .14rem;
  height: .24rem;
  line-height: .24rem;
  padding-right: .15rem;
}

.index-layout .map .list:hover {
  z-index: 22;
}

.index-layout .map .list:hover .layer {
  opacity: 1;
  visibility: visible;
}

.index-layout .map2 {
  width: 8.39rem;
  position: absolute;
  z-index: 10;
  left: -1.77rem;
  right: auto;
  top: 0.57rem;
  bottom: auto;
}

.index-layout .container {
  width: 4.67rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  min-height: 7rem;
  background:  #d35560 url("../images/img467.png") center bottom no-repeat;
  background-size: 4.67rem;
}

.index-layout .container .title {
  text-align: center;
  height: 2.1rem;
  background:  #d35560 url("../images/img119.png") center 0.16rem no-repeat;
  background-size: 1.19rem;
  padding: .38rem .34rem 0 .34rem;
}

.index-layout .container .title h2 {
  font-size: .36rem;
  line-height: 1em;
}

.index-layout .container .title p {
  font-size: .21rem;
  text-transform: uppercase;
  letter-spacing: .047rem;
  padding: .06rem 0 .26rem .06rem;
}

.index-layout .container .form {
  height: .5rem;
  background: #fff;
  position: relative;
}

.index-layout .container .form .input input {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  padding-left: .22rem;
  font-size: .16rem;
  color: #bcbcbc;
}

.index-layout .container .form .input ::-webkit-input-placeholder {
  color: #bcbcbc;
}

.index-layout .container .form .input ::-moz-placeholder {
  color: #bcbcbc;
}

.index-layout .container .form .input :-ms-input-placeholder {
  color: #bcbcbc;
}

.index-layout .container .form .submit {
  width: .8rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  background:  #d35560 url("../images/img22_1.png") center no-repeat;
  background-size: .22rem;
}

.index-layout .container .form .submit input {
  width: 100%;
  height: .5rem;
  cursor: pointer;
}

.index-layout .container .list {
  min-height: 2.75rem;
  padding: .4rem;
}

.index-layout .container .list ul {
  margin-right: -.2rem;
  margin-left: -.05rem;
}

.index-layout .container .list li {
  height: .35rem;
  font-size: .16rem;
  padding-right: .02rem;
}

.index-layout .container .list li a {
  display: block;
  height: .24rem;
  line-height: .24rem;
  padding: 0 .05rem;
}

.index-layout .container .list li a:hover {
  background:  #d35560;
}

.index-layout .container .search {
  padding: 0 .4rem;
}

.index-layout .container .search .title2 {
  font-size: .18rem;
  line-height: 1em;
  padding-bottom: .26rem;
}

.index-layout .container .search .row {
  min-height: .72rem;
}

.index-layout .container .search .select {
  border: #fff solid 1px;
  width: 1.88rem;
  height: .4rem;
  line-height: .38rem;
  padding-left: .18rem;
  font-size: .16rem;
}

.index-layout .container .search .select:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: .1rem;
  bottom: 0;
  width: .12rem;
  background: url("../images/select-12.png") center no-repeat;
  background-size: 100%;
}

.index-layout .container .search .btn a {
  display: block;
  line-height: .45rem;
  font-size: .18rem;
  color: #fff;
  text-align: center;
  background:  #d35560;
}

.index-case {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.index-case .wal {
  min-height: 8.08rem;
  position: relative;
}

.index-case .wal:before {
  content: "";
  display: block;
  position: absolute;
  left: -.36rem;
  top: 0;
  background: url("../images/img360.png") center no-repeat;
  background-size: 100%;
  width: 3.6rem;
  height: 3.44rem;
}

.index-case .title {
  height: 3.44rem;
  padding-top: .65rem;
  width: 2.8rem;
  position: relative;
}

.index-case .title h2 {
  font-size: .36rem;
  line-height: 1em;
  padding-bottom: .1rem;
}

.index-case .title p {
  font-size: .36rem;
  line-height: .38rem;
  text-transform: uppercase;
  color: #888;
}

.index-case .container {
  min-height: 3.75rem;
}

.index-case .container .name {
  padding: .1rem 0 .25rem 0;
}

.index-case .container .name h2 {
  font-weight: 400;
  font-size: .3rem;
  line-height: 1em;
  padding-bottom: .08rem;
}

.index-case .container .name p {
  font-size: .2rem;
  text-transform: uppercase;
  color: #888888;
}

.index-case .container dl {
  min-height: 1.57rem;
}

.index-case .container dl dd {
  position: relative;
  min-height: .38rem;
  padding: 0 0 0 .38rem;
}

.index-case .container dl img {
  width: .3rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.index-case .container dl p {
  line-height: .3rem;
  font-size: .16rem;
}

.index-case .container .more a {
  display: block;
  background: url("../images/img167.png") center no-repeat;
  background-size: 100%;
  width: 1.67rem;
  height: .39rem;
  line-height: .39rem;
  font-size: .18rem;
  padding-left: .22rem;
}

.index-case .img-list {
  position: absolute;
  z-index: 10;
  left: 50%;
  right: auto;
  top: 1.8rem;
  bottom: auto;
  margin-left: -1.4rem;
}

.index-case .img-list .list-wrapper {
  width: 11.85rem;
  overflow: hidden;
  position: relative;
}

.index-case .img-list li {
  padding: .2rem 0 0 .2rem;
  position: relative;
}

.index-case .img-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: .2rem;
  bottom: .2rem;
  border: #e60012 solid .06rem;
  opacity: 0;
}

.index-case .img-list li img {
  width: 100%;
}

.index-case .img-list li.swiper-slide-active:before {
  opacity: 1;
}

.index-case .p-arrow {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 2.5rem;
  bottom: auto;
}

.index-case .p-arrow a {
  width: .5rem;
  height: .5rem;
  margin-right: 2px;
  background: #e60012 center no-repeat;
  background-size: .2rem;
}

.index-case .p-arrow a:hover {
  background-color:  #d35560;
}

.index-case .p-arrow a.prev {
  background-image: url("../images/prev20.png");
}

.index-case .p-arrow a.next {
  background-image: url("../images/next20.png");
}

.index-case .dots {
  padding-bottom: .8rem;
}

.index-case .dots span {
  height: .1rem;
  width: .58rem;
  background: url("../images/img10.png") center no-repeat;
  background-size: .1rem;
}

.index-case .dots span.swiper-pagination-bullet-active {
  background-image: url("../images/img10on.png");
}

/*page*/
.p-banner {
  height: 5rem;
  background: center no-repeat;
  background-size:100%;
  position: relative;
}

/* .p-banner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: url("../images/img1920.png") center top no-repeat;
    background-size: auto 5rem; } */
.p-banner a {
  display: block;
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.p-banner-2 {
  height: 5.3rem;
}

.p-nav {
  background: #fff;
  position: relative;
  z-index: 11;
  /* margin-top: -.65rem; */
  border: solid 1px #dddddd;
}

.p-nav li {
  width: 33.333%;
  border-left:  #d35560 solid 1px;
}

.p-nav li:first-child {
  border: 0;
}

.p-nav a {
  display: block;
  height: .43rem;
  line-height: .43rem;
  text-align: center;
  color: #000;
  font-size: .2rem;
  text-transform: uppercase;
}

.p-nav a:hover {
  background: #e60012;
  color: #fff;
}


.p-nav-2 {
  margin-top: 0;
}

.p-title {
  height: 2.15rem;
  /* background: url("../images/p-title.png") center top no-repeat; */
  background-size: 2.51rem;
  text-align: center;
  font-size: .2rem;
  text-transform: uppercase;
}

.p-title h2 {
  font-weight: 400;
  font-size: .32rem;
  line-height: 1em;
  padding: .85rem 0 .15rem 0;
}

.p-content {
  font-size: .14rem;
  line-height: .3rem;
  text-align: justify;
}

.about-1 {
  padding: .35rem 0 .95rem 0;
  color: #5a5a5a;
}

/* .about-1 .col {
  width: 5.82rem;
} */

.about-1 .list {
  padding-right: .3rem;
  text-align: center;
}

.about-1 .list li {
  height: 1.1rem;
}

.about-1 .list li .num {
  font-size: .4rem;
  color:  #d35560;
  line-height: .3rem;
  font-family: 'DINCOND';
}

.about-1 .list li .num em {
  display: inline-block;
  position: relative;
  font-size: .22rem;
  top: -.13rem;
}

.about-1 .list li .name {
  font-size: .16rem;
  padding-top: .2rem;
}

.about-1 .p-content {
  padding-right: .3rem;
}

.about-1 .img {
  /* width: 5.6rem; */
  order: 2;
  overflow: hidden;
  position: relative;
}
.product-1 .img {
  width: 100%;
  order: 2;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 800px) {
  .about-1 .scroll {
    height: 2.1rem;
    overflow: hidden;
    position: relative;
  }
}

/* .about-2 {
  background: #f0f5f9 url("../images/about-2.jpg") center no-repeat;
  background-size: auto 9.73rem;
} */

.about-2 .wal {
  min-height: 9.73rem;
  position: relative;
}

.about-2 .title {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 50%;
  bottom: auto;
  height: 2.6rem;
  margin-top: -1.3rem;
  color: #fff;
  letter-spacing: .02rem;
}

.about-2 .title img {
  width: 1.3rem;
}

.about-2 .title h2 {
  font-weight: 400;
  font-size: .32rem;
  line-height: 1em;
  padding: .2rem 0 .05rem 0;
}

.about-2 .title em {
  font-size: .36rem;
  font-family: 'DINCOND';
  text-transform: uppercase;
}

.about-2 .list li {
  position: absolute;
  z-index: 11;
  width: 1.2rem;
}

.about-2 .list .ico {
  position: relative;
  left: -.07rem;
}

.about-2 .list .ico img:nth-child(1) {
  opacity: 0;
}

.about-2 .list .ico img:nth-child(2) {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.about-2 .list .name {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 1.25rem;
  bottom: auto;
  font-size: .26rem;
  white-space: nowrap;
  color: #696969;
}

.about-2 .list .name div {
  /* background: url("../images/img6.png") right center no-repeat; */
  /* background-size: .06rem;
      padding-right: .16rem;  */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-2 .list .name span {
  color: #5a5a5a;
  width: 100%;
  font-size: .3rem;
  font-family: 'DINCOND';
  text-transform: uppercase;
}

.about-2 .list .layer {
  position: absolute;
  z-index: 20;
  left: 1.2rem;
  right: auto;
  top: 0.08rem;
  bottom: auto;
  background: #e60012;
  color: #fff;
  -moz-border-radius: 0.06rem;
  -webkit-border-radius: 0.06rem;
  border-radius: 0.06rem;
  width: 3.12rem;
  padding: .25rem .2rem .1rem .2rem;
  line-height: .26rem;
  min-height: .72rem;
  opacity: 0;
  visibility: hidden;
}

.about-2 .list .layer:before {
  content: "";
  display: block;
  position: absolute;
  left: -.08rem;
  top: 1.28rem;
  width: .16rem;
  height: .16rem;
  background: #e60012;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.about-2 .list .layer h3 {
  font-size: .18rem;
  padding-bottom: .15rem;
}

.about-2 .list .layer p {
  padding-bottom: .15rem;
  font-size: .16rem;
}

.about-2 .list li.on {
  z-index: 12;
}

.about-2 .list li.on .ico img:nth-child(1) {
  opacity: 1;
}

.about-2 .list li.on .ico img:nth-child(2) {
  opacity: 0;
}

.about-2 .list li.on .layer {
  opacity: 1;
  visibility: visible;
  left: 1.6rem;
}

.about-2 .list .li_01 {
  left: 50%;
  margin-left: -0.6rem;
  top: .6rem;
}

.about-2 .list .li_02 {
  right: .6rem;
  top: 2.1rem;
}

.about-2 .list .li_02 .layer {
  left: auto;
  right: 1.1rem;
  top: .78rem;
  width: 2.8rem;
}

.about-2 .list .li_02 .layer:before {
  left: auto;
  right: -.08rem;
  top: .58rem;
}

.about-2 .list .li_02.on .layer {
  left: auto;
  right: 1.4rem;
}

.about-2 .list .li_03 {
  right: 1.5rem;
  top: 5.8rem;
}

.about-2 .list .li_03 .layer {
  left: auto;
  right: 1.1rem;
}

.about-2 .list .li_03 .layer:before {
  left: auto;
  right: -.08rem;
}

.about-2 .list .li_03.on .layer {
  left: auto;
  right: 1.4rem;
}

.about-2 .list .li_04 {
  left: 2.4rem;
  top: 7.3rem;
}

.about-2 .list .li_05 {
  left: .42rem;
  top: 4.33rem;
}

.about-3 {
  padding: 0 .45rem;
  position: relative;
  background: #fff;
}

.about-3 .list {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.about-3 .list li {
  padding: .15rem .1rem;
}

.about-3 .list img {
  border: #bcc6cf solid 1px;
}

.about-3 .p-arrow a {
  display: block;
  width: .55rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: auto;
  top: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: .09rem;
}

.about-3 .p-arrow a.prev {
  left: 0;
  background-image: url("../images/prev9.png");
}

.about-3 .p-arrow a.next {
  right: 0;
  background-image: url("../images/next9.png");
}

.about-content{
  width: 100%;
}
.about-content img{
  width: 100%;
}

.p-search {
  margin-top: -.46rem;
  position: relative;
  z-index: 25;
  color: #fff;
  font-size: .14rem;
  padding-bottom: .35rem;
}

.p-search:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: .93rem;
  background:  #d35560;
}

.p-search a {
  color: #fff;
}

.p-search .wal {
  position: relative;
}

.p-search .container {
  height: .93rem;
  background:  #d35560;
  position: relative;
  z-index: 2;
}

.p-search .container .select {
  width: 2.12rem;
  height: .93rem;
  border-right: #012477 solid 1px;
  font-size: .16rem;
  position: relative;
  cursor: pointer;
}

.p-search .container .select:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: .2rem;
  bottom: 0;
  background: url("../images/img8.png") center no-repeat;
  background-size: 100%;
  width: .08rem;
}

.p-search .container .select img {
  height: .17rem;
  margin-right: .1rem;
}

.p-search .container .form {
  padding: 0 .25rem;
  width: 3.55rem;
  height: .93rem;
  border-right: #012477 solid 1px;
  position: relative;
}

.p-search .container .form .input {
  height: .45rem;
  width: 100%;
  border-bottom: #385cb2 solid 1px;
}

.p-search .container .form .input input {
  width: 100%;
  height: .44rem;
  line-height: .44rem;
  font-size: .14rem;
  color: #fff;
}

.p-search .container .form .input ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.p-search .container .form .input ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.p-search .container .form .input :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.p-search .container .form .submit {
  width: .2rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0.25rem;
  top: 0.1rem;
  bottom: auto;
  background: url("../images/img20.png") center no-repeat;
  background-size: 100%;
}

.p-search .container .form .submit input {
  width: 100%;
  height: .6rem;
  cursor: pointer;
}

.p-search .container .btn {
  padding-left: .49rem;
}

.p-search .container .btn .map {
  width: 1.48rem;
  height: .45rem;
  background:  #d35560;
  margin-right: .22rem;
}

.p-search .container .btn .map img {
  width: .21rem;
  margin-right: .1rem;
}

.p-search .container .btn .tel {
  font-size: .2rem;
  font-weight: bold;
  line-height: .45rem;
  padding-left: .33rem;
  background: url("../images/img23.png") left center no-repeat;
  background-size: .23rem;
}

.p-search .list {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 100%;
  bottom: auto;
  background: #e60012;
  opacity: 0;
  visibility: hidden;
}

.p-search .list.show {
  opacity: 1;
  visibility: visible;
}

.p-search .list a:hover {
  text-decoration: underline;
}

.p-search .list-1 {
  width: 100%;
  padding: .2rem .35rem;
}

.p-search .list-1 li h3 {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  font-size: .14rem;
  line-height: .34rem;
  font-weight: 400;
}

.p-search .list-1 li dd {
  height: .34rem;
  line-height: .34rem;
}

.p-search .list-1 li dd a {
  padding-right: .17rem;
}

.p-search .list-2 {
  width: 2.12rem;
  left: 2.12rem;
  text-align: center;
  padding: .1rem 0;
}

.p-search .list-2 a {
  display: block;
  height: .4rem;
  line-height: .4rem;
}

.project li {
  margin-bottom: .24rem;
  background: #f1f1f1;
  font-size: .14rem;
  color: #5a5a5a;
}

.project li a {
  color: #5a5a5a;
}

.project li .img {
  width: 5.57rem;
}

.project li .col {
  width: 5.92rem;
  padding: .5rem 0 0 0;
  position: relative;
}

.project li .col .name {
  min-height: .79rem;
  line-height: .38rem;
  padding: 0 3rem .15rem 0;
  font-size: .18rem;
}

.project li .col .btn {
  position: absolute;
  z-index: 20;
  left: auto;
  right: 0.28rem;
  top: 0.5rem;
  bottom: auto;
}

.project li .col .btn dd {
  margin-left: .12rem;
  position: relative;
  min-height: .53rem;
}

.project li .col .btn dd a {
  height: .38rem;
  line-height: .36rem;
  border: #c8c8c8 solid 1px;
  padding: 0 .23rem;
  background: #f1f1f1;
  display: block;
}

.project li .col .btn dd a em {
  padding-left: .24rem;
  background: left center no-repeat;
  background-size: .2rem;
}

.project li .col .btn dd a.btn-1 em {
  background-image: url("../images/img20_1.png");
}

.project li .col .btn dd a.btn-2 em {
  background-image: url("../images/img20_2.png");
}

.project li .col .btn dd .layer {
  position: absolute;
  z-index: 10;
  left: 50%;
  right: auto;
  top: 100%;
  bottom: auto;
  background: #fff;
  border: #d9d9d9 solid 1px;
  display: none;
}

.project li .col .btn dd .layer:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -.06rem;
  margin-top: -1px;
  width: .12rem;
  height: .12rem;
  margin-left: -.06rem;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border-left: #d9d9d9 solid 1px;
  border-top: #d9d9d9 solid 1px;
}

.project li .col .btn dd .ewm-layer {
  width: 1.11rem;
  margin-left: -.55rem;
}

.project li .col .btn dd .form-layer {
  width: 3.65rem;
  margin-left: -1.82rem;
  padding: .23rem .28rem .1rem .28rem;
}

.project li .col .btn dd .form-layer .row {
  min-height: .45rem;
  padding: 0 0 .08rem .7rem;
  position: relative;
}

.project li .col .btn dd .form-layer .row em {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  line-height: .37rem;
  font-size: .14rem;
  color: #5a5a5a;
}

.project li .col .btn dd .form-layer .row .input {
  border: #dbdbdb solid 1px;
  height: .37rem;
}

.project li .col .btn dd .form-layer .row .input input {
  width: 100%;
  height: .35rem;
  line-height: .35rem;
  padding: 0 .12rem;
  font-size: .14rem;
}

.project li .col .btn dd .form-layer .row .submit {
  background: #e60012;
  height: .38rem;
  margin-top: .05rem;
}

.project li .col .btn dd .form-layer .row .submit input {
  width: 100%;
  height: .38rem;
  color: #fff;
  font-size: .14rem;
  cursor: pointer;
}

.project li .col .btn dd.on .layer,
.project li .col .btn dd.onon .layer {
  display: block;
}

.project li .col dl.info dd {
  padding-bottom: .18rem;
}

.project li .col dl.info dd img {
  margin-right: .1rem;
  width: .26rem;
}

.project li .col dl.info dd b {
  font-size: .16rem;
}

.project li .col a.more {
  display: block;
  width: .4rem;
  height: .4rem;
  background: #e60012 url("../images/img12.png") center no-repeat;
  background-size: .12rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}

.project li .col a.more2 {
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.project li:hover {
  background: #e60012;
  color: #fff;
}

.project li:hover a {
  color: #fff;
}

.project li:hover .btn dd a {
  border-color: #fff;
  background: #e60012;
}

.project li:hover .btn dd a.btn-1 em {
  background-image: url("../images/img20_1on.png");
}

.project li:hover .btn dd a.btn-2 em {
  background-image: url("../images/img20_2on.png");
}

.project-foot {
  padding: 0 0 .6rem 0;
  color: #5a5a5a;
  position: relative;
}

.project-foot:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 1.18rem;
  background: #f5f5f5;
}

.project-foot .wal {
  position: relative;
}

.project-foot a {
  color: #5a5a5a;
}

.project-foot a:hover {
  color: #e60012;
}

.project-foot .title {
  position: relative;
  height: 1.35rem;
}

.project-foot .title img {
  width: .25rem;
  margin-right: .1rem;
}

.project-foot .title h2 {
  font-size: .16rem;
  font-weight: 400;
}

.project-foot .title dd {
  margin-left: .14rem;
  font-size: .16rem;
}

.project-foot .title dd a {
  display: block;
  padding: 0 0 .06rem 0;
  border-bottom: #6c6c6c solid 1px;
  position: relative;
  top: .03rem;
}

.project-foot .title dd a:hover {
  border-color: #e60012;
}

.project-foot .title a.more {
  font-size: .14rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: auto;
  bottom: auto;
}

.project-foot .list ul {
  margin-left: -.12rem;
}

.project-foot .list li {
  width: 33.333%;
  padding-left: .12rem;
}

.project-foot .list a {
  display: block;
  text-align: center;
}

.project-foot .list a .img {
  border-bottom: #fff solid 1px;
}

.project-foot .list a .name {
  height: .58rem;
  line-height: .58rem;
  font-size: .16rem;
  padding: 0 .2rem;
  background: #f1f1f1;
  color: #333;
}

.project-foot .list a:hover .name {
  background: #e60012;
  color: #fff;
}

.project-map .head,
.project-map .list {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 6.35rem;
  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);
}

.project-map .head {
  height: .86rem;
  z-index: 20;
}

.project-map .head a.logo {
  width: 2.5rem;
  height: .86rem;
  background: url("../images/img129.png") center no-repeat;
  background-size: 1.29rem;
}

.project-map .head .select {
  width: 1.86rem;
  height: .86rem;
  border-left: #dedede solid 1px;
  border-right: #dedede solid 1px;
  position: relative;
  font-size: .16rem;
  color: #5a5a5a;
}

.project-map .head .select img {
  width: .14rem;
}

.project-map .head .select em {
  padding: 0 .32rem 0 .06rem;
  background: url("../images/img8_1.png") right center no-repeat;
  background-size: .08rem;
}

.project-map .head .select-layer {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 100%;
  bottom: auto;
  background: #e60012;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding: .2rem .35rem;
  color: #fff;
}

.project-map .head .select-layer.show {
  opacity: 1;
  visibility: visible;
}

.project-map .head .select-layer li h3 {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  font-size: .14rem;
  line-height: .34rem;
  font-weight: 400;
}

.project-map .head .select-layer li dd {
  height: .34rem;
  line-height: .34rem;
  font-size: .14rem;
}

.project-map .head .select-layer li dd a {
  padding-right: .17rem;
  color: #fff;
}

.project-map .head .select-layer li dd a:hover {
  text-decoration: underline;
}

.project-map .head a.tel {
  font-size: .16rem;
  font-weight: bold;
  color: #e60012;
  background: url("../images/img21_2.png") left center no-repeat;
  background-size: .21rem;
  padding-left: .26rem;
  line-height: .4rem;
  margin-left: .3rem;
}

.project-map .list {
  bottom: 0;
  overflow-y: auto;
  top: .86rem;
  z-index: 2;
  padding: .4rem;
}

.project-map .list li {
  padding-bottom: .15rem;
  max-width: 4.45rem;
  margin: 0 auto;
}

.project-map .list a {
  display: block;
  text-align: center;
}

.project-map .list a .img {
  border-bottom: #fff solid 1px;
}

.project-map .list a .name {
  height: .58rem;
  line-height: .58rem;
  font-size: .16rem;
  padding: 0 .2rem;
  background: #f1f1f1;
  color: #5a5a5a;
}

.project-map .list a:hover .name {
  background: #e60012;
  color: #fff;
}

.project-map .map {
  position: absolute;
  z-index: 1;
  left: 6.35rem;
  right: 0;
  top: 0;
  bottom: 0;
}

.project-map .map .map-ico {
  background: url("../images/img46.png") center no-repeat;
  background-size: 100%;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-size: 17px;
}

.project-map .map .layer {
  width: 3.33rem;
  background: #e60012;
  color: #fff;
  padding: 0 .2rem;
  margin-top: -.5rem;
}

.project-map .map .layer:after {
  content: "";
  display: block;
  position: absolute;
  width: .2rem;
  height: .2rem;
  background: #e60012;
  position: absolute;
  z-index: 10;
  left: 50%;
  right: auto;
  top: auto;
  bottom: -0.04rem;
  margin-left: -.1rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.project-map .map .layer .img {
  margin-left: -.2rem;
  margin-right: -.2rem;
}

.project-map .map .layer .img img {
  width: 100%;
}

.project-map .map .layer .name {
  font-size: .16rem;
  padding: .35rem 0 .2rem 0;
}

.project-map .map .layer dl {
  min-height: 1.15rem;
}

.project-map .map .layer dl dd {
  position: relative;
  padding: 0 0 .15rem .24rem;
  min-height: .35rem;
  font-size: .14rem;
  line-height: .24rem;
}

.project-map .map .layer dl dd img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.06rem;
  bottom: auto;
  width: .13rem;
}

.project-map .map .layer dl dd b {
  font-size: .16rem;
}

.project-map .map .layer a.more {
  display: block;
  width: .4rem;
  height: .4rem;
  background:  #d35560 url("../images/img12.png") center no-repeat;
  background-size: .12rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}

.project-map .map .layer a.more:hover {
  background-color: #e60012;
}

.project-show-1 .p-arrow a,
.project-show-3 .p-arrow a {
  display: block;
  width: .33rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: auto;
  top: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: 100%;
}

.project-show-1 .p-arrow a.prev,
.project-show-3 .p-arrow a.prev {
  left: .4rem;
  background-image: url("../images/prev33.png");
}

.project-show-1 .p-arrow a.prev:hover,
.project-show-3 .p-arrow a.prev:hover {
  background-image: url("../images/prev33on.png");
}

.project-show-1 .p-arrow a.next,
.project-show-3 .p-arrow a.next {
  right: .4rem;
  background-image: url("../images/next33.png");
}

.project-show-1 .p-arrow a.next:hover,
.project-show-3 .p-arrow a.next:hover {
  background-image: url("../images/next33on.png");
}

.project-show-1 {
  min-height: 5rem;
  position: relative;
  padding: .4rem 0 .6rem 0;
  color: #5a5a5a;
}

.project-show-1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4.35rem;
  background: #e8f1f9;
}

.project-show-1 .img-list {
  max-width: 11.98rem;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.project-show-1 .img-list:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../images/img1198.png") center no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}

.project-show-1 .img-list .url a {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}

.project-show-1 .img-list .url a.show {
  display: block;
}

.project-show-1 .title {
  text-align: center;
  font-size: .24rem;
  padding: .35rem 0 .45rem 0;
}

.project-show-1 .p-content {
  padding-bottom: .25rem;
}

.project-show-1 .list ul {
  margin-left: -.3rem;
}

.project-show-1 .list li {
  width: 33.333%;
  padding-left: .3rem;
}

.project-show-1 .list .box {
  height: 1.5rem;
  background: #f0f5f9;
}

.project-show-1 .list .box img {
  width: .3rem;
}

.project-show-1 .list .box div em {
  line-height: 1em;
  padding-right: .1rem;
  font-size: .16rem;
}

.project-show-1 .list .box p {
  text-align: center;
  font-size: .14rem;
  padding-top: .2rem;
}

.project-title {
  text-align: center;
  color: #5a5a5a;
  padding: .6rem 0 .5rem 0;
}

.project-title h2 {
  font-size: .24rem;
  font-weight: 400;
  line-height: 1em;
  padding-bottom: .15rem;
}

.project-title em {
  text-transform: uppercase;
  font-size: .2rem;
}

.project-show-2 {
  background: url("../images/project-show-2.jpg") center top no-repeat;
  background-size: auto 4.28rem;
}

.project-show-2 .wal {
  background: #e60012;
  color: #fff;
}

.project-show-2 .map {
  height: 4rem;
  width: 6.3rem;
}

.project-show-2 .map .map-ico {
  background: url("../images/img37.png") center no-repeat;
  width: 37px;
  height: 36px;
}

.project-show-2 .map .map-ico p {
  position: absolute;
  z-index: 10;
  left: 45px;
  right: auto;
  top: 0;
  bottom: auto;
  background: #e60012;
  color: #fff;
  font-size: 14px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  white-space: nowrap;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
}

.project-show-2 .map .map-ico p:before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  background: #e60012;
}

.project-show-2 .container {
  width: 5.1rem;
  padding-right: .55rem;
}

.project-show-2 .container .name {
  font-size: .16rem;
}

.project-show-2 .container .p-content {
  padding: .2rem 0;
  min-height: 1.4rem;
}

.project-show-2 .container .address {
  font-size: .14rem;
  line-height: .26rem;
  position: relative;
  padding-left: .34rem;
}

.project-show-2 .container .address img {
  width: .24rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.04rem;
  bottom: auto;
}

.project-show-3 {
  padding-bottom: .55rem;
}

.project-show-3 .list {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.project-show-3 li {
  position: relative;
  padding-bottom: .56rem;
}

.project-show-3 li .layer {
  position: absolute;
  z-index: 10;
  left: 0.28rem;
  right: 0.28rem;
  top: auto;
  bottom: 0;
  background: #e60012;
  color: #fff;
  height: 1.05rem;
}

.project-show-3 li .layer .name {
  width: 2.6rem;
  height: 1.05rem;
  background:  #d35560;
  font-size: .18rem;
}

.project-show-3 li .layer .name img {
  width: .48rem;
  margin-right: .1rem;
  position: relative;
  top: .07rem;
}

.project-show-3 li .layer p {
  font-size: .16rem;
  width: 8.5rem;
  padding-left: .45rem;
}

.project-show-4 {
  background: url("../images/project-show-4.jpg") center top no-repeat;
  background-size: auto 3.3rem;
}

.project-show-4 .project-title {
  color: #fff;
}

.project-show-4 .wal {
  position: relative;
  padding: 0 .54rem 0 3.12rem;
}

.project-show-4 .ico {
  width: 3.02rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.project-show-4 .container {
  min-height: 1.85rem;
  background: #e60012;
  color: #fff;
  position: relative;
  padding: .3rem 0 .3rem .45rem;
}

.project-show-4 .container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -.54rem;
  width: .54rem;
  height: .51rem;
  background: url("../images/img54.png") center no-repeat;
  background-size: 100%;
}

.project-show-4 .container:after {
  content: "";
  display: block;
  position: absolute;
  top: .51rem;
  right: -.54rem;
  width: .54rem;
  bottom: 0;
  background: #e60012;
}

.project-show-4 .container li a {
  color: #fff;
}

.project-show-4 .container .hide {
  display: none;
}

.project-show-4 .container .more {
  display: block;
  width: .7rem;
  height: .7rem;
  background: url("../images/img27_2.png") center no-repeat;
  background-size: .27rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: -0.54rem;
  top: auto;
  bottom: 0;
}

.project-show-4 .container .more.on {
  background-image: url("../images/img27_2on.png");
}

.project-show-5 {
  color: #5a5a5a;
  padding-bottom: .7rem;
  position: relative;
}

.project-show-5:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -2.85rem;
  right: 0;
  top: 4.85rem;
  background: #f1f1f1;
  display: none;
}

.project-show-5 .wal {
  background: #f0f5f9;
  position: relative;
}

.project-show-5 .tab-btn {
  position: absolute;
  z-index: 10;
  left: 0.35rem;
  right: auto;
  top: 0.35rem;
  bottom: auto;
}

.project-show-5 .tab-btn ul {
  margin-left: -6px;
}

.project-show-5 .tab-btn li {
  padding-left: 6px;
}

.project-show-5 .tab-btn li div {
  color: #fff;
  text-align: center;
  min-width: 1.4rem;
  padding: 0 .1rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .18rem;
  background:  #d35560;
  cursor: pointer;
}

.project-show-5 .tab-btn li.on div {
  background: #e60012;
}

.project-show-5 .container .col {
  width: 4.9rem;
  padding: .35rem;
}

.project-show-5 .container .col h3 {
  font-size: .17rem;
  padding: .8rem 0 .2rem 0;
  color: #e60012;
}

.project-show-5 .container .col h3 sup {
  font-size: .11rem;
}

.project-show-5 .container .img {
  width: 6.83rem;
}

.p-more {
  text-align: center;
  font-size: .14rem;
}

.p-more a {
  color: #5a5a5a;
}

.p-more a:hover {
  color: #e60012;
}

.service-1 .p-title,
.service-1 .title,
.service-1 .p-more {
  width: 100%;
}

.service-1 .p-title {
  height: 2.7rem;
}

.service-1 .title {
  font-size: .26rem;
  padding: 0 0 .3rem .75rem;
}

.service-1 .scroll {
  width: 7.7rem;
  height: 3.15rem;
  overflow: hidden;
  position: relative;
}

.service-1 .list li {
  position: relative;
  padding: 0 .3rem .3rem .75rem;
  color: #5a5a5a;
}

.service-1 .list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: .1rem;
  bottom: 0;
  width: .42rem;
  background: url("../images/line3.png") center top repeat-y;
  background-size: .03rem;
}

.service-1 .list li:last-child:before {
  display: none;
}

.service-1 .list .ico {
  width: .42rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.service-1 .list .p-content {
  min-height: .42rem;
}

.service-1 .img {
  width: 3.8rem;
}

.service-1 .p-more {
  padding: .3rem 0 .4rem 0;
}

.service-2 {
  background: #f0f5f9;
}

.service-2 .p-title {
  height: 2.45rem;
}

.service-2 .list ul {
  margin-left: -.15rem;
}

.service-2 .list li {
  width: 33.333%;
  padding: 0 0 0 .15rem;
}

.service-2 .list a {
  display: block;
  position: relative;
  padding: 0 .3rem .1rem .3rem;
  font-size: .14rem;
  color: #fff;
  background: #e60012;
}

.service-2 .list a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #27292a url("../images/img27.png") center no-repeat;
  background-size: .27rem;
  width: .27rem;
  height: .27rem;
}

.service-2 .list a .img {
  margin-left: -.3rem;
  margin-right: -.3rem;
  padding-bottom: .2rem;
}

.service-2 .list a .name {
  font-size: .16rem;
  line-height: .26rem;
  height: .52rem;
  overflow: hidden;
}

.service-2 .list a .time {
  line-height: .32rem;
}

.service-2 .list a:hover {
  background:  #d35560;
}

.service-2 .list a:hover:before {
  background-color: #e60012;
}

.service-2 .p-more {
  padding: .5rem 0 .4rem 0;
}

.service-3 .p-title {
  height: 2.45rem;
}

.service-3 .list ul {
  margin-left: -.2rem;
}

.service-3 .list li {
  width: 50%;
  padding: 0 0 .2rem .2rem;
}

.service-3 .list a {
  display: block;
  position: relative;
  padding: .45rem .25rem 0 2.95rem;
  font-size: .14rem;
  color: #fff;
  background: #e60012;
  min-height: 1.87rem;
}

.service-3 .list a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #27292a url("../images/img27.png") center no-repeat;
  background-size: .27rem;
  width: .27rem;
  height: .27rem;
}

.service-3 .list a .img {
  width: 2.72rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}

.service-3 .list a .name {
  font-size: .16rem;
  line-height: .26rem;
  height: .52rem;
  overflow: hidden;
}

.service-3 .list a .time {
  line-height: .32rem;
}

.service-3 .list a:hover {
  background:  #d35560;
}

.service-3 .list a:hover:before {
  background-color: #e60012;
}

.service-3 .p-more {
  padding: .3rem 0 .4rem 0;
}

.service-4 {
  background: #f0f5f9;
}

.service-4 .p-title {
  height: 2.45rem;
}

.service-4 .img-list {
  width: 6.52rem;
}

.service-4 .list {
  width: 5.41rem;
}

.service-4 .list li {
  padding-bottom: .08rem;
}

.service-4 .list a {
  height: 1.4rem;
  background: #d8eef8;
  color: #5a5a5a;
  padding: 0 .5rem;
}

.service-4 .list a .name {
  color: #27292a;
  font-size: .18rem;
  line-height: .3rem;
  padding-bottom: .1rem;
  position: relative;
}

.service-4 .list a .name:before {
  content: "";
  display: block;
  position: absolute;
  left: -.25rem;
  top: .13rem;
  width: .15rem;
  height: .03rem;
  background: #27292a;
}

.service-4 .list a p {
  font-size: .14rem;
  line-height: .26rem;
  height: .26rem;
}

.service-4 .list li.on a {
  background: #e60012;
  color: #fff;
}

.service-4 .list li.on a .name {
  color: #fff;
}

.service-4 .list li.on a .name:before {
  background: #fff;
}

.service-4 .p-more {
  padding: .4rem 0;
}

.p-back {
  padding-bottom: .7rem;
}

.p-back a {
  display: block;
  margin: 0 auto;
  background: #e60012;
  color: #fff;
  -moz-border-radius: 0.06rem;
  -webkit-border-radius: 0.06rem;
  border-radius: 0.06rem;
  font-size: .16rem;
  width: 2.03rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
}

.p-back a:hover {
  background:  #d35560;
}

.service-show {
  text-align: center;
  padding: .65rem 0 0 0;
}

.service-show .title,
.service-show .time {
  font-size: .18rem;
  line-height: 2em;
}

.service-show .time {
  padding-bottom: .25rem;
}

.service-show .share {
  padding-bottom: .45rem;
  margin-top: -.1rem;
}

.service-show .share dd {
  width: .28rem;
  margin: 0 .07rem;
}

.service-show .p-content {
  line-height: .24rem;
  padding: .45rem 0;
  border-top: #c7c7c7 solid 1px;
}

.service-show .p-content p {
  padding-bottom: .1rem;
}

.service-show .p-content .img {
  text-align: center;
  padding: .2rem 0 .3rem 0;
}

.sideTel {
  background: url("../images/img358.png") center no-repeat;
  background-size: 100%;
  width: 3.58rem;
  height: .97rem;
  color: #fff;
  position: fixed;
  z-index: 30;
  top: 50%;
  right: 0;
  padding-left: .07rem;
}

.sideTel .ewm {
  width: .85rem;
}

.sideTel a {
  color: #fff;
  width: 2.55rem;
  font-size: .14rem;
  line-height: .24rem;
  padding: .2rem 0;
}

.sideTel a b {
  font-size: .18rem;
}

.service-list ul {
  margin-left: -.25rem;
}

.service-list li {
  width: 50%;
  padding-left: .25rem;
}

.service-list a {
  display: block;
  min-height: 1.86rem;
  border-bottom: #dfdfdf solid 1px;
  padding: .36rem 0 0 0;
}

.service-list a .name {
  height: .5rem;
  line-height: .5rem;
  font-size: .18rem;
  padding-left: .25rem;
  position: relative;
  color: #27292a;
}

.service-list a .name:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: .15rem;
  height: .03rem;
  background: #27292a;
  margin-top: -.015rem;
}

.service-list a .time,
.service-list a p {
  padding-left: .25rem;
  font-size: .14rem;
  color: #9a9d9e;
}

.service-list a p {
  height: .65rem;
  line-height: .65rem;
  color: #5a5a5a;
}

.service-list a:hover .name {
  color: #e60012;
}

.service-list a:hover .name:before {
  background: #e60012;
}

.p-num {
  padding: .6rem 0;
}

.p-num a {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 .06rem;
  width: .3rem;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  /* border: #b1b1b1 solid 1px; */
  font-size: .15rem;
  color: #9a9d9e;
}

.p-num a:hover,
.p-num a.on {
  background: #e60012;
  border-color: #e60012;
  color: #fff;
}

.p-num a.arrow {
  border: 0;
  background: center no-repeat;
  background-size: .06rem;
}

.p-num a.arrow.prev {
  background-image: url("../images/prev6.png");
}

.p-num a.arrow.next {
  background-image: url("../images/next6.png");
}

.restaurant-1 {
  color: #5a5a5a;
}

.restaurant-1 .p-content {
  padding: .75rem 0;
  text-align: center;
}

.restaurant-1 .list li {
  background: #e8f1f9;
  height: 1.17rem;
  text-align: center;
  font-size: .14rem;
  width: 25%;
  position: relative;
  border-left: #c9d6e7 solid 1px;
}

.restaurant-1 .list li:first-child {
  border: 0;
}

.restaurant-1 .list li .ico {
  width: .81rem;
  position: absolute;
  z-index: 10;
  left: 50%;
  right: auto;
  top: -0.28rem;
  bottom: auto;
  margin-left: -.4rem;
}

.restaurant-1 .list li p {
  padding-top: .65rem;
}

.restaurant-title {
  text-align: center;
  position: relative;
  padding: .65rem 0 .35rem 0;
}

.restaurant-title:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: .44rem;
  height: 1px;
  background: #aebbc5;
  margin-left: -.22rem;
}

.restaurant-title h2 {
  font-weight: 400;
  font-size: .32rem;
  line-height: 1em;
  padding-bottom: .1rem;
}

.restaurant-title em {
  text-transform: uppercase;
  font-size: .16rem;
  display: block;
  opacity: .5;
}

.restaurant-2 .p-content {
  text-align: center;
  padding: .3rem 0 .35rem 0;
  color: #5a5a5a;
}

.restaurant-2 .list {
  background: #f8fbfd;
}

.restaurant-2 .list li {
  width: 33.333%;
}

.restaurant-2 .list li .ico {
  width: .6rem;
}

.restaurant-2 .list li .num {
  font-size: .2rem;
  font-weight: bold;
  padding: .12rem 0 .15rem 0;
  color: #e60012;
}

.restaurant-2 .list li .name {
  font-size: .18rem;
  color: #5a5a5a;
}

.restaurant-3 {
  padding-top: .6rem;
}

.restaurant-3 .img {
  width: 4.75rem;
}

.restaurant-3 .list {
  width: 2.35rem;
  border: #e8e8e8 solid 1px;
  border-top: 0;
}

.restaurant-3 .list li {
  border-top: #e8e8e8 solid 1px;
  height: 1.12rem;
}

.restaurant-3 .list li .ico {
  width: .4rem;
}

.restaurant-3 .list li .name {
  font-size: .18rem;
  color: #5a5a5a;
  padding-top: .08rem;
}

.restaurant-4 {
  padding-top: .35rem;
}

.restaurant-4 .list li {
  width: 5.96rem;
}

.restaurant-4 .list .name {
  line-height: .65rem;
  text-align: center;
  font-size: .18rem;
  background: #f5f5f5;
  color: #5a5a5a;
}

.restaurant-4 .msg {
  text-align: center;
  color: #5a5a5a;
  font-size: .14rem;
  line-height: .32rem;
  padding-bottom: .25rem;
  margin-top: -.1rem;
}

.restaurant-4 .msg h3 {
  font-size: .16rem;
}

.news-img ul {
  margin-left: -.38rem;
}

.news-img li {
  width: 33.333%;
  padding: 0 0 .2rem .38rem;
}

.news-img a {
  display: block;
  position: relative;
  padding: 0 .3rem .1rem .3rem;
  font-size: .14rem;
  color: #fff;
  background: #e60012;
}

.news-img a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #27292a url("../images/img27.png") center no-repeat;
  background-size: .27rem;
  width: .27rem;
  height: .27rem;
}

.news-img a .img {
  margin-left: -.3rem;
  margin-right: -.3rem;
  padding-bottom: .2rem;
}

.news-img a .name {
  font-size: .16rem;
  line-height: .26rem;
  height: .52rem;
  overflow: hidden;
}

.news-img a .time {
  line-height: .32rem;
}

.news-img a:hover {
  background:  #d35560;
}

.news-img a:hover:before {
  background-color: #e60012;
}

.news-img-foot {
  border-top: #ccc solid 1px;
  padding: .4rem 0 .52rem 0;
}

.news ul {
  margin-left: -.38rem;
}

.news li {
  width: 33.333%;
  padding-left: .38rem;
}

.news a {
  display: block;
  min-height: 1.25rem;
  border-bottom: #dfdfdf solid 1px;
  padding: .24rem 0 0 0;
}

.news a .name {
  height: .48rem;
  line-height: .24rem;
  font-size: .18rem;
  padding-left: .25rem;
  overflow: hidden;
  color: #27292a;
  position: relative;
}

.news a .name:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: .1rem;
  width: .15rem;
  height: .03rem;
  background: #27292a;
}

.news a .time {
  padding-left: .25rem;
  font-size: .14rem;
  color: #9a9d9e;
  line-height: .42rem;
}

.news a:hover .name {
  color: #e60012;
}

.news a:hover .name:before {
  background: #e60012;
}

.law {
  font-size: .14rem;
  line-height: .3rem;
  text-align: justify;
  color: #5a5a5a;
  padding: .2rem 0 1rem 0;
}

.law h2 {
  font-size: .18rem;
  color: #e60012;
  padding-bottom: .14rem;
}

.law p {
  padding-bottom: .14rem;
}

.cooperation {
  padding: .2rem 0 1rem .5rem;
}

.cooperation .title {
  padding: .34rem 0 .14rem 0;
  position: relative;
  color: #e60012;
  font-size: .24rem;
}

.cooperation .title img {
  width: .42rem;
  position: absolute;
  z-index: 10;
  left: -0.5rem;
  right: auto;
  top: 0.28rem;
  bottom: auto;
}

.cooperation .content {
  font-size: .14rem;
  line-height: .2rem;
  text-align: justify;
  color: #5a5a5a;
}

.cooperation .content p {
  padding-bottom: .14rem;
}

.notice .title,
.notice li {
  padding: 0 .3rem 0 .5rem;
  text-align: center;
}

.notice .title .col-1,
.notice li .col-1 {
  text-align: left;
  width: 8.2rem;
}

.notice .title .col-2,
.notice .title .col-3,
.notice li .col-2,
.notice li .col-3 {
  width: 1.3rem;
}

.notice .title {
  background:  #d35560;
  font-size: .16rem;
  height: .5rem;
  color: #fff;
}

.notice li {
  height: .76rem;
  line-height: .26rem;
  background: #e3f8ff;
  font-size: .16rem;
  position: relative;
}

.notice li:before {
  content: "";
  display: block;
  position: absolute;
  left: .2rem;
  width: .15rem;
  height: .03rem;
  background: #27292a;
}

.notice li .col-1 {
  height: .76rem;
  line-height: .76rem;
}

.notice li .col-3 {
  font-size: .14rem;
}

.notice li a {
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.notice li:nth-child(even) {
  background: #f9f9f9;
}

.notice li.on {
  color:  #d35560;
}

.notice li.on:before {
  background:  #d35560;
}

.notice li.on a {
  color:  #d35560;
}

.notice li.on .col-1,
.notice li.on .col-2 {
  font-weight: 600;
}

.notice-show {
  padding: .2rem 0 .3rem 0;
}

.notice-show .title {
  padding: .34rem 0 .14rem 0;
  position: relative;
  color: #e60012;
  font-size: .2rem;
}

.notice-show .content {
  font-size: .14rem;
  line-height: .2rem;
  text-align: justify;
  color: #5a5a5a;
}

.notice-show .content p {
  padding-bottom: .14rem;
}

.notice-show .msg {
  font-size: .16rem;
}

.contact-1 .p-title {
  height: 2.7rem;
}

.contact-1 .list li {
  width: 33%;
  text-align: center;
  height: 2.78rem;
  color: #5a5a5a;
}

.contact-1 .list li .ico {
  width: .79rem;
  margin: 0 auto;
}

.contact-1 .list li .name {
  font-size: .18rem;
  padding: .2rem 0 .15rem 0;
}

.contact-1 .list li span {
  font-size: .2rem;
  display: block;
  line-height: .26rem;
}

.contact-1 .list li p {
  font-size: .2rem;
  line-height: .26rem;
}

.contact-2 {
  background: #f0f5f9;
  padding-bottom: .85rem;
}

.contact-2 .p-title {
  background: no-repeat;
  height: 2.7rem;
}

.contact-2 .col {
  width: 4.8rem;
}

.contact-2 .col .title h2 {
  font-size: .24rem;
  font-weight: 400;
  line-height: 1em;
  padding-bottom: .18rem;
}

.contact-2 .col .title em {
  text-transform: uppercase;
  font-size: .2rem;
}

.contact-2 .col .p-content {
  line-height: .24rem;
  color: #5a5a5a;
  min-height: 2.25rem;
  padding: .35rem 0;
}

.contact-2 .col .btn a {
  background: #e60012;
  color: #fff;
  text-align: center;
  height: 1.42rem;
  width: 2.37rem;
  font-size: .16rem;
}

.contact-2 .col .btn a img {
  width: .44rem;
  margin-bottom: .1rem;
}

.contact-2 .col .btn a:hover {
  background-color:  #d35560;
}

.contact-2 .img {
  width: 6.77rem;
}

.contact-3 .p-title {
  height: 2.35rem;
}

.contact-3 .container {
  background: url("../images/img1200_3.jpg") center no-repeat;
  background-size: cover;
  min-height: 4.42rem;
  margin-bottom: .5rem;
  padding: 1.5rem 0 0 .5rem;
}

.contact-3 .container h2 {
  font-size: .32rem;
  font-weight: 400;
  line-height: 1em;
}

.contact-3 .container em {
  text-transform: uppercase;
  font-size: .2rem;
  display: block;
  padding: .15rem 0 .2rem 0;
}

.contact-3 .container p {
  font-size: .16rem;
  line-height: .26rem;
  color: #5a5a5a;
}

.contact-3 .list {
  height: 4.87rem;
}

.contact-3 .list ul {
  align-items: flex-start;
  -webkit-align-items: flex-start;
}

.contact-3 .list li {
  width: 3.85rem;
  min-height: 4.87rem;
  position: relative;
  border: #d0d0d0 solid 1px;
  padding: 0 .27rem;
  background: #fff;
  z-index: 11;
}

.contact-3 .list li .title {
  padding: .25rem 0 .2rem 0;
  letter-spacing: .01rem;
}

.contact-3 .list li .title h2 {
  font-size: .2rem;
  font-weight: 400;
  line-height: 1em;
  padding-bottom: .06rem;
}

.contact-3 .list li .title em {
  font-size: .16rem;
}

.contact-3 .list li .p-content {
  color: #5a5a5a;
  line-height: .24rem;
}

.contact-3 .list li .hide {
  display: none;
}

.contact-3 .list li a.more {
  display: block;
  width: .22rem;
  height: .22rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: -1px;
  top: auto;
  bottom: -1px;
  background: #e60012 url("../images/img22_2.png") center no-repeat;
  background-size: 100%;
}

.contact-3 .list li a.more:hover {
  background-color:  #d35560;
}

.contact-3 .list li.show-more .hide {
  display: block;
}

.contact-3 .list li.show-more a.more {
  background-image: url("../images/img22_2on.png");
}

.contact-3 .list li.li_01 .logo {
  width: .88rem;
  margin: 0 auto;
  padding: .15rem 0 .4rem 0;
}

.contact-3 .list li.li_01 dl {
  margin-right: -.08rem;
  margin-left: -.08rem;
}

.contact-3 .list li.li_01 dd {
  padding-bottom: 3px;
}

.contact-3 .list li.li_01 dd a {
  display: block;
  height: .57rem;
  line-height: .57rem;
  text-align: center;
  background: #e60012;
  font-size: .16rem;
  color: #fff;
  -moz-border-radius: 0.06rem;
  -webkit-border-radius: 0.06rem;
  border-radius: 0.06rem;
}

.contact-3 .list li.li_01 dd a:hover {
  background:  #d35560;
}

.contact-3 .list li.li_02 .p-content {
  margin-right: -.07rem;
}

.contact-3 .list li.li_02 .p-content p {
  padding-bottom: .18rem;
}

.contact-3 .list li.li_02 .title2 {
  font-size: .16rem;
  padding: .18rem 0 .06rem 0;
}

.contact-3 .list li.li_03 .btn a {
  padding: .5rem 0 .75rem 0;
}

.contact-3 .list li.li_03 .btn a img {
  font-size: .53rem;
}

.contact-3 .list li.li_03 .btn a p {
  color: #e60012;
  font-size: .18rem;
  padding-top: .15rem;
}

.contact-3 .msg {
  text-align: center;
  font-size: .18rem;
  line-height: 1.5em;
  color: #5a5a5a;
  padding: .45rem 0 .6rem 0;
}

.contact-3 .msg a {
  color: #e60012;
}

.newSearch {
  background: #f5fcfe;
  border: #c7eefb solid 1px;
  padding: .09rem .2rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  margin-bottom: .3rem;
  color: #696969;
}

.newSearch .input {
  height: .41rem;
  border: #a5def5 solid 1px;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

.newSearch .input input {
  width: 100%;
  height: .39rem;
  line-height: .39rem;
  padding: 0 .2rem;
  font-size: .16rem;
}

.newSearch .input input.on {
  color: #333;
}

.newSearch .time h3 {
  font-size: .18rem;
  font-weight: 400;
}

.newSearch .time .input {
  width: 2.3rem;
  margin-right: .06rem;
  position: relative;
}

.newSearch .time .input:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: .16rem;
  width: .2rem;
  bottom: 0;
  background: url("../images/img20_3.png") center no-repeat;
  background-size: 100%;
}

.newSearch .form {
  width: 5.9rem;
  position: relative;
}

.newSearch .form .submit {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  width: .55rem;
  height: .41rem;
  background: url("../images/img18.png") center no-repeat;
  background-size: .18rem;
}

.newSearch .form .submit input {
  width: 100%;
  height: .41rem;
  cursor: pointer;
}

.page-search {
  font-size: .18rem;
  color: #5a5a5a;
  padding-bottom: 1.4rem;
}

.page-search .msg {
  padding: .45rem 0 .35rem .26rem;
  border-bottom: #dfdfdf solid 1px;
}

.page-search .msg em {
  color: #e60012;
  font-size: .24rem;
}

.page-search li {
  border-bottom: #dfdfdf solid 1px;
}

.page-search li a {
  display: block;
  position: relative;
  padding: 0 .26rem;
  height: .69rem;
  line-height: .69rem;
  color: #5a5a5a;
}

.page-search li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: .15rem;
  height: .03rem;
  margin-top: -.015rem;
  background: #27292a;
}

.page-search li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: .08rem;
  background: url("../images/img8_2.png") center no-repeat;
  background-size: 100%;
}

.page-search li a:hover {
  color: #e60012;
}

.page-search li a:hover:before {
  background: #e60012;
}

.page-search li a:hover:after {
  background-image: url("../images/img8_2on.png");
}

.zxjb-layer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  color: #5a5a5a;
  font-size: .14rem;
}

.zxjb-layer.show {
  opacity: 1;
  visibility: visible;
}

.zxjb-layer .container {
  width: 10.83rem;
  min-height: 5rem;
  max-height: 96vh;
  overflow-y: auto;
  position: relative;
  background: #fff;
  padding: 0 .8rem;
}

.zxjb-layer a.close {
  display: block;
  width: .23rem;
  height: .23rem;
  background: url("../images/close23.png") center no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0.38rem;
  top: 0.26rem;
  bottom: auto;
}

.zxjb-layer a.close:hover {
  background-image: url("../images/close23on.png");
}

.zxjb-layer .title {
  text-align: center;
  font-size: .24rem;
  line-height: 1em;
  padding: .45rem 0 .25rem 0;
}

.zxjb-layer .box {
  border: #e1e1e1 solid 1px;
  padding: 0 .6rem;
}

.zxjb-layer .tips {
  position: relative;
  padding: .38rem 0 .2rem .26rem;
}

.zxjb-layer .tips .ico {
  width: .21rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.38rem;
  bottom: auto;
}

.zxjb-layer .tips p {
  line-height: .27rem;
}

.zxjb-layer .check {
  min-height: .55rem;
  padding-bottom: .2rem;
}

.zxjb-layer .check dl {
  margin-right: -.23rem;
}

.zxjb-layer .check dd {
  height: .3rem;
  line-height: .3rem;
  padding: 0 .23rem 0 .24rem;
  background: url("../images/img15.png") left center no-repeat;
  background-size: .15rem;
  position: relative;
}

.zxjb-layer .check dd input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.zxjb-layer .check dd.on {
  color: #e60012;
  background-image: url("../images/img15on.png");
}

.zxjb-layer .form ul.ul-1 {
  width: 3.01rem;
}

.zxjb-layer .form ul.ul-2 {
  width: 4.85rem;
}

.zxjb-layer .form li {
  padding-bottom: .06rem;
}

.zxjb-layer .form .input {
  min-height: .39rem;
  border: #d4d4d4 solid 1px;
}

.zxjb-layer .form .input input,
.zxjb-layer .form .input textarea {
  width: 100%;
  height: .37rem;
  line-height: .37rem;
  padding: 0 .12rem;
  font-size: .14rem;
  color: #5a5a5a;
}

.zxjb-layer .form .input textarea {
  height: 1.24rem;
  padding: .08rem .12rem;
  line-height: .21rem;
}

.zxjb-layer .form .input input::-webkit-input-placeholder,
.zxjb-layer .form .input textarea::-webkit-input-placeholder {
  color: #a8a8a8;
}

.zxjb-layer .form .input input:-moz-placeholder,
.zxjb-layer .form .input textarea:-moz-placeholder {
  color: #a8a8a8;
}

.zxjb-layer .form .input input::-moz-placeholder,
.zxjb-layer .form .input textarea::-moz-placeholder {
  color: #a8a8a8;
}

.zxjb-layer .form .input input:-ms-input-placeholder,
.zxjb-layer .form .input textarea:-ms-input-placeholder {
  color: #a8a8a8;
}

.zxjb-layer .form-2 {
  border-top: #d4d4d4 solid 1px;
  margin-right: -.6rem;
  margin-left: -.6rem;
  padding: 0 .6rem .2rem .6rem;
}

.zxjb-layer .form-2 .msg {
  padding: .2rem 0;
}

.zxjb-layer .form-2 ul {
  width: 100%;
  margin-left: -.08rem;
}

.zxjb-layer .form-2 li {
  width: 50%;
  padding: 0 0 .11rem .08rem;
}

.zxjb-layer .file {
  padding-bottom: .42rem;
  position: relative;
}

.zxjb-layer .file h3 {
  font-weight: 400;
  padding: .1rem 0;
  font-size: .16rem;
}

.zxjb-layer .file dl.btn {
  margin-left: -.08rem;
}

.zxjb-layer .file dd {
  width: 50%;
  padding-left: .08rem;
}

.zxjb-layer .file dd div {
  height: .39rem;
  font-size: .16rem;
  color: #757575;
  background: #e3f8ff;
  position: relative;
}

.zxjb-layer .file dd div input {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.zxjb-layer .file dd div .ico {
  position: relative;
  width: .21rem;
  height: .21rem;
  margin-left: .08rem;
}

.zxjb-layer .file dd div .ico img:nth-child(2) {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  opacity: 0;
}

.zxjb-layer .file dd div:hover,
.zxjb-layer .file dd div.on {
  background: #e60012;
  color: #fff;
}

.zxjb-layer .file dd div:hover .ico img:nth-child(1),
.zxjb-layer .file dd div.on .ico img:nth-child(1) {
  opacity: 0;
}

.zxjb-layer .file dd div:hover .ico img:nth-child(2),
.zxjb-layer .file dd div.on .ico img:nth-child(2) {
  opacity: 1;
}

.zxjb-layer .file .list {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0.8rem;
  bottom: auto;
  background: #effbff;
  opacity: 0;
  visibility: hidden;
}

.zxjb-layer .file .list.show {
  opacity: 1;
  visibility: visible;
}

.zxjb-layer .file .list .name,
.zxjb-layer .file .list li {
  text-align: center;
  line-height: .37rem;
  font-size: .16rem;
}

.zxjb-layer .file .list .name .col,
.zxjb-layer .file .list li .col {
  width: 25%;
}

.zxjb-layer .file .list li {
  border-top: #d0edf6 solid 1px;
}

.zxjb-layer .file .list li:hover {
  background: #dcf2f9;
}

.zxjb-layer .file .list li a:hover {
  color: #f00;
  text-decoration: underline;
}

.zxjb-layer .file .file-tips-layer {
  position: absolute;
  z-index: 30;
  left: 50%;
  right: auto;
  top: -2.1rem;
  bottom: auto;
  width: 3.55rem;
  height: 2.3rem;
  margin-left: -1.775rem;
  background: #e60012;
  opacity: 0;
  visibility: hidden;
}

.zxjb-layer .file .file-tips-layer.show {
  opacity: 1;
  visibility: visible;
}

.zxjb-layer .file .file-tips-layer i {
  display: block;
  background: url("../images/close14.png") center no-repeat;
  background-size: .14rem;
  width: .5rem;
  height: .5rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
}

.zxjb-layer .file .file-tips-layer .ico {
  width: .75rem;
}

.zxjb-layer .file .file-tips-layer p {
  text-align: center;
  padding-top: .12rem;
  font-size: .2rem;
  color: #fff;
}

.zxjb-layer .submit {
  padding: .5rem 0 .75rem 0;
}

.zxjb-layer .submit div {
  margin: 0 auto;
  background: #e60012;
  width: 1.44rem;
  height: .39rem;
}

.zxjb-layer .submit input {
  width: 100%;
  height: .39rem;
  font-size: .16rem;
  color: #fff;
  cursor: pointer;
}

.p-tips-layer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  color: #5a5a5a;
  font-size: .16rem;
}

.p-tips-layer.show {
  opacity: 1;
  visibility: visible;
}

.p-tips-layer p {
  width: 1.5rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background: #fff;
  -moz-border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
}

.p-tips-layer2 {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  color: #5a5a5a;
  font-size: .16rem;
}

.p-tips-layer2.show {
  opacity: 1;
  visibility: visible;
}

.p-tips-layer2 p {
  width: 1.5rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background: #fff;
  -moz-border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
}

.p-tips-layer3 {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  color: #5a5a5a;
  font-size: .16rem;
}

.p-tips-layer3.show {
  opacity: 1;
  visibility: visible;
}

.p-tips-layer3 p {
  width: 1.5rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background: #fff;
  -moz-border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
}

.p-tips-layer4 {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  color: #5a5a5a;
  font-size: .16rem;
}

.p-tips-layer4.show {
  opacity: 1;
  visibility: visible;
}

.p-tips-layer4 p {
  width: 1.5rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background: #fff;
  -moz-border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
}

.g-foot .wal {
  min-height: 1.4rem;
  position: relative;
  display: flex;
  align-items: center;
}

.g-foot .foot_logo {
  width: 1.1905rem;
  margin-right: 0.3571rem;
}

@media screen and (max-width: 550px) {
  .wal {
    margin: 0 0.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

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