/* common */

.content {
  width: 100%;
  min-width: 100%;
  overflow: hidden;
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
  font-size: 0;
}

.banner img {
  width: 100%;
}

html,
body {
  font-size: 0;
}

.swiper-slide>img {
  width: 100%;
}

/*topper */
.topper {
  /* height: .25rem; */
  width: 100%;
  background: #f7f7f7;
}

.topper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.topper-text {
  font-size: .12rem;
  color: rgba(63, 63, 63, .6);
}

.topper-text:last-child {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* width: 3.25rem; */
}

.navbar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.navbar-logo {
  width: 15%;
  display: inline-block;
}

.navbar-ul {
  width: 70%;
  display: inline-block;
  margin-left: auto;
  height: 100%;
}

.navbar-li {
  width: 14.28%;
  height: 100%;
  text-align: center;
  display: inline-block;
  text-align: right;
}

.navbar-li a {
  display: inline-block;
  font-size: .16rem;
  width: 80%;
  line-height: .70rem;
  border-bottom: solid 3px transparent;
  color: #3f3f48;
  text-decoration: none;
  text-align: center;
}

.navbar-li:before {
  content: '/';
  font-size: .16rem;
  width: 20%;
  line-height: .73rem;
  display: inline-block;
  color: #d5d5d5;
}

.navbar-li:first-child::before {
  content: ''
}

.navbar-li.active a {
  border-bottom-color: #7f0019;
  color: #7f0019;
}

/* footer */
.footer-ul {
  height: .60rem;
  margin-top: 50px;
}

.footer-li {
  display: inline-block;
  width: 1.15rem;
  text-align: center;
}

.footer-li a {
  line-height: .60rem;
  font-size: .16rem;
  color: #1b1c21;
}

.footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .14rem;
  color: #1b1c21;
  margin: .40rem 0 .55rem;
}

.footer-links {
  text-align: center;
  margin-bottom: .50rem;
}

.footer-links a {
  display: inline-block;
  width: .44rem;
  height: .44rem;
  margin: 0 .13rem;
  position: relative;
}

.footer-links a img {
  max-width: 100%;
}

.copyright {
  min-height: .60rem;
  background: #151d20;
  font-size: .12rem;
  line-height: .60rem;
  text-align: center;
  color: #fff;
}

.below-banner-wrapper {
  position: relative;
  height: 1.00rem;
  background: rgba(0, 0, 0, .3);
  z-index: 10;
  /*width: 95%*/
}

.swiper-one-pagination {
  width: 12.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.swiper-one-pagination span {
  margin: 0 5px;
}

.swiper-one-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.gray-block {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  right: -100%;
  top: 0;
}

.index-slide-news {
  width: 50%;
  height: .35rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #fff;
  margin-left: -.25rem;
}

.index-slide-news-tit {
  display: inline-block;
  line-height: .35rem;
  background: #7f0019;
  width: 1.20rem;
  vertical-align: middle;
}

.index-slide-news-tit span,
.index-slide-news-tit img {
  display: inline-block;
  vertical-align: middle;
  font-size: .17rem;
  color: #fff;
}

.index-slide-news-tit img {
  margin: 0 8px;
}

/*.swiper-two {
  height: .35rem;
  display: inline-block;
  vertical-align: middle;
}*/

.swiper-two .swiper-slide a {
  display: block;
  max-width: 3.70rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .15rem;
  color: #5d5d5d;
  line-height: .35rem;
  margin-left: 2em;
}

/*.index-question {
  margin-top: -1.00rem;
}*/

/*.index-question img{
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}*/

/* index-resolve */
.index-resolve {
  padding-top: 0.5rem;
}

.title-intro {
  font-size: .15rem;
  color: #9e9e9e;
  margin-bottom: .45rem;
}

.title-intro.short {
  margin-bottom: .20rem;
}

.title-intro.red {
  color: #7f0019;
}

.swiper-three a {
  text-decoration: none;
}

.title {
  font-weight: 500;
  font-size: .3rem;
  color: #1c1c1c;
  margin-bottom: .15rem;
}

.subtitle {
  font-size: .12rem;
  line-height: 2;
  color: rgba(0, 0, 0, .7);
  width: 87%;
  margin-bottom: .75rem;
}

.subtitle.short {
  margin-bottom: .20rem;
}

.sitem {
  /* height: 2.80rem; */
  border-bottom: solid 5px #979797;
  margin-left: .10rem;
  margin-top: .10rem;
}


@media screen and (min-width: 768px) {
  .sitem:hover {
    -webkit-box-shadow: 0px 0px 5px #979797;
    box-shadow: 0px 0px 5px #979797;
  }

  .sitem:hover .sitem-back:after {
    width: 100%;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }

  .sitem:hover .sitem-back {
    display: block;
  }

  .sitem:hover .sitem-front {
    display: none;
  }
}



.sitem-back {
  display: none;
  height: 100%;
}

.sitem-front {
  padding-top: .30rem;
}

.sitem-front>img {
  height: .45rem;
}

.sitem-front-title {
  font-size: .24rem;
  color: #4c5051;
  margin: .35rem 0;
}

.sitem-front-con>div {
  /* width: 50%; */
  display: inline-block;
  vertical-align: top;
}

.sitem-front-con div p {
  font-size: .16rem;
  color: rgba(76, 80, 81, .8);
}

.sitem-front-rt {
  text-align: right;
}


.sitem-back {
  position: relative;
  padding: .45rem .45rem 0;
}

.sitem-back-title {
  font-size: .24rem;
  color: #171717;
  margin-bottom: 1em;
}

.sitem-back-con p {
  font-size: .18rem;
  line-height: 1;
  margin-bottom: 1em;
  color: #4c5051;
}

.sitem-back:after {
  content: '';
  display: block;
  width: 0%;
  height: 5px;
  background: #7f0019;
  position: absolute;
  bottom: -5px;
  left: 0;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}


.index-after-resolve {
  margin-top: .90rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.after-resolve-more {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-bottom: solid 2px #ccc;
  margin-bottom: 3px;
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin-right: .20rem;
}

.after-resolve-more p {
  font-size: .14rem;
  font-family: '苹方';
  color: #838383;
  padding-bottom: .20rem;
  border-bottom: solid 5px #7f0019;
  width: 75%;
  margin-bottom: -3px;
}

.resolve-advise {
  display: inline-block;
  width: 2.25rem;
  height: .70rem;
  text-align: center;
  line-height: .70rem;
  color: #fff;
  text-decoration: none;
  font-size: .18rem;
  background: #7f0019;
  vertical-align: top;
}

.index-ask {
  background: url(./../img/web/con3.png) center center no-repeat;
  background-size: 100% 100%;
  height: 3.00rem;
  padding-top: 1.45rem;
  margin-top: 0.5rem;
}

.askform {
  text-align: right;
}

.q {
  height: .65rem;
  border: none;
  outline: none;
  line-height: .65rem;
  padding: 0 .30rem;
  font-size: .18rem;
  color: rgba(76, 80, 81, .7);
  width: 5.00rem;
}

.s {
  height: .65rem;
  width: 2.00rem;
  background: #7f0019;
  font-size: .18rem;
  color: #fff;
  outline: none;
  border: none;
}

/* .ask-slogan {
  height: 1.75rem;
} */

.ask-slogan-header {
  width: 16.6%;
  height: 3.50rem;
  background: #7f0019;
  margin-top: -1.75rem;
  display: inline-block;
  vertical-align: top;
  padding: .30rem;
}

.ask-slogan-item {
  width: 27%;
  border-right: solid 1px rgba(0, 0, 0, .2);
  height: .82rem;
  margin-top: .50rem;
  display: inline-block;
  vertical-align: top;
}

.slogan-en {
  text-transform: uppercase;
  font-size: .2rem;
  line-height: 1.4;
  color: #fff;
  height: 1.45rem;
}

.slogan-zh {
  font-size: .20rem;
  color: #fff;
}

.slogan-con {
  font-size: .14rem;
  color: #fff;
  line-height: 1.5;
}

.ask-slogan-item {
  /* padding-left: .30rem; */
}

.ask-slogan-item img {
  margin: 0 .1rem;
  width: .5rem;
  vertical-align: middle;
}

.ask-slogan-item-txt {
  display: inline-block;
  vertical-align: middle
}

.ask-slogan-item-txt h3 {
  font-size: .2rem;
  line-height: .30rem;
}

.ask-slogan-item-txt p {
  font-size: .14rem;
  line-height: .30rem;
}

.swiper-bottom {
  height: 1.00rem;
  position: relative;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  padding-top: .25rem;
  margin-top: -1.00rem;
  z-index: 10;
}

.sb-txt p {
  width: 68%;
  font-size: .15rem;
  line-height: 2;
}

.after-swiper-four {
  height: 1.00rem;
  position: relative;
  width: 100%;
  text-align: right;
  margin-top: -1.00rem;
  z-index: 15;
}

.after-swiper-four .red-block {
  background: #7f0019;
  height: 1.00rem;
  width: 100%;
  position: absolute;
  right: 2.60rem;
  margin-right: -100%;
}

.swiper-four-pagination {
  width: 2.60rem;
  height: 1.00rem;
  text-align: center;
  display: inline-block;
  /* background: #eee; */
  margin-left: -2.60rem;
}

.swiper-four-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-four-pagination .swiper-pagination-bullet {
  margin: .46rem 3px 0;
}

.honor {
  background: url(./../img/web/honorbg.png);
  padding-top: .50rem;
  padding-bottom: .55rem;
}

.honor .title-intro {
  color: #fff;
  margin-bottom: .15rem;
}

.honor .title {
  color: #fff;
  margin-bottom: .55rem;
}

.title-more {
  display: inline-block;
  width: 1.28rem;
  height: .28rem;
  border: solid 1px #fff;
  border-radius: .14rem;
  text-align: center;
  line-height: .28rem;
  color: #fff;
  font-size: .14rem;
  font-family: '苹方';
}

.honor-left {
  display: inline-block;
  width: 23.75%;
}

.honor-right {
  display: inline-block;
  width: 76%;
}

.honor-right-item {
  display: inline-block;
  width: 25%;
  padding: 0 .10rem;
}

.honor-right-item img {
  max-width: 100%;
}

.ser {
  height: 6.55rem;
}

.ser-le,
.ser-rt {
  height: 6.55rem;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.ser-le {
  background: url(./../img/web/ser.png) center center no-repeat;
}

.ser-le p {
  font-size: .14rem;
  color: rgba(76, 80, 81, .8);
  margin-bottom: .15rem;
}

.ser-le p:first-child {
  margin-top: 1.58rem;
  font-size: .14rem;
  color: rgba(76, 80, 81, .8);
  margin-bottom: .14rem;
}

.ser-le p:nth-child(2) {
  font-size: .15rem;
  color: #b0a17e;
  margin-bottom: .50rem;
}

.ser-le h3:nth-child(3) {
  font-size: .3rem;
  color: #4c5051;
  margin-top: .15rem;
  font-weight: 500;
}

.ser-le h3:nth-child(4) {
  font-size: .3rem;
  color: #4c5051;
  margin-bottom: .50rem;
}

.ser-rt {
  padding: 0.5rem 0 0 0.5rem;
  background: #f6f6f6;
}

.ser-rt .title-intro {
  margin-bottom: .17rem;
}

.ser-rt .title {
  font-weight: 500;
  color: #4c5051;
}

.ser-rt-item {
  height: .48rem;
  text-decoration: none;
  margin-top: .65rem;
}

.ser-rt-item>div {
  display: inline-block;
  vertical-align: top;
}

.ser-num {
  width: .48rem;
  height: .48rem;
  background: #a1a3a3;
  color: #fff;
  font-size: .30rem;
  line-height: .48rem;
  text-align: center;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin-right: .30rem;
}

.ser-txt {
  max-width: 3.70rem;
}

.ser-txt h3 {
  font-size: .20rem;
  color: #939596;
  line-height: 1;
  margin-bottom: .15rem;
}

.ser-txt p {
  font-size: .14rem;
  color: #939596;
  line-height: 1;
}

.ser-rt-item:hover .ser-num {
  background: #7f0019;
}

.ser-btn {
  text-align: center;
  margin-bottom: .35rem;
}

.ser-btn a {
  display: inline-block;
  width: 2.25rem;
  height: .70rem;
  text-align: center;
  line-height: .70rem;
  color: #fff;
  background: #7f0019;
  font-family: '苹方';
  font-size: .18rem;
  text-decoration: none;
  margin-top: -.35rem;
}

.index-case {
  margin-bottom: 0.1rem;
}

.five-img {
  height: 183px;
  margin-bottom: .35rem;
}

.five-img img {
  max-width: 100%;
  height: 183px;
}

.five-txt {
  padding-bottom: .30rem;
  border-bottom: solid 1px #b0a17e;
}

.five-txt h3,
.five-txt p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4c5051;
}

.five-txt h3 {
  font-size: .21rem;
  line-height: 1;
  margin-bottom: .15rem;
}

.five-txt p {
  font-size: .14rem;
  line-height: 1;
}

.index-about {
  background: url(./../img/web/index-about.png) center center no-repeat;
  background-size: auto 100%;
  /* height: 3.00rem; */
  margin-bottom: 1.50rem;
}

.about-con {
  position: relative;
  /* height: 1.95rem; */
  background: #7f0019;
  top: 2.00rem;
  left: -50%;
  text-align: right;
  padding: .2rem .50rem 0 0;
}

.about-con h3,
.about-con p {
  display: inline-block;
  width: 30%;
  margin-left: 50%;
  text-align: left;
}

.about-con h3 {
  font-size: .21rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 1em;
  font-weight: 500;
}

.about-con p {
  font-size: .13rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, .8);
}

.about-con p.con-po {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: .36rem;
  color: rgba(255, 255, 255, .4);
  top: -1.10rem;
  left: 0%;
  line-height: 1;
  width: .92rem;
}

.people {
  width: 33%;
  padding: 0 .20rem;
  display: inline-block;
}

.pimg {
  position: relative;
}

.pimg>img {
  width: 100%;
  height: 281px;
}

.ptxt {
  padding: .30rem .40rem .20rem;
  background: #f8f8f8;
}

.peoples a,
.peoples a:hover,
.ptxt h3 {
  text-decoration: none;
}

.ptxt h3 {
  font-size: .24rem;
  color: #4c5051;
  font-weight: 500;
  line-height: 1;
  height: .24rem;
  white-space: nowrap;
  margin-bottom: .20rem;
}

.ptxt h3:before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 3px;
  background: #7f0019;
  vertical-align: middle;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  margin-left: -.20rem;
  margin-right: .20rem;
}

a:hover .ptxt h3 {
  color: #7f0019;
  text-decoration: none;
}

a:hover .ptxt h3:before {
  width: .75rem;
  margin-left: -.65rem;
}

.ptxt p {
  color: #4c5051;
  font-size: .14rem;
  line-height: 2;
  padding: 0 !important;
}

.h-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .3);
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

.h-mask img {
  position: absolute;
  bottom: .40rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

a:hover .h-mask {
  opacity: 1;
}

.news {
  padding-top: 1.10rem;
}

.news .title-intro {
  margin-bottom: .20rem;
}

.news-tit .title,
.news-tit .subtitle {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}

.news-tit .title {
  width: 25%;
  line-height: 1.3;
}

.news-tit .subtitle {
  width: 75%;
}

.news-tit {
  margin-bottom: .50rem;
}

.news-con>div {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.news-le-con {
  width: 85%;
}

.news-le-con img {
  width: 100%;
}

.news-le-con a {
  text-decoration: none;
}

.news-le-con div {
  height: .70rem;
  padding: 0 .35rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: .70rem;
  font-size: .18rem;
  color: #fff;
  background: rgba(84, 93, 110, .73);
  margin-top: -.70rem;
  position: relative;
  z-index: 10;
}

.news-rt a {
  text-decoration: none;
}

.news-rt a>div {
  display: inline-block;
  vertical-align: middle;
}

.news-rt-item {
  margin-bottom: .38rem;
}

.news-item-tit {
  text-align: right;
  border-right: solid 1px #d6d6d6;
  padding-right: .20rem;
  margin-right: .20rem;
  width: 17%;
  margin-left: -.25rem;
}

.news-item-tit p:first-child {
  font-size: .22rem;
  color: rgba(76, 80, 81, .8);
  line-height: 1;
  margin-bottom: 8px;
}

.news-item-tit p:nth-child(2) {
  font-size: .10rem;
  line-height: 1;
  color: rgba(76, 80, 81, .8);
}

.news-item-con {
  width: 83%;
}

.news-item-con h3 {
  font-size: .18rem;
  line-height: 1;
  color: #4c5051;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news-item-con p {
  font-size: .14rem;
  color: rgba(76, 80, 81, .8);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news-item-con h3:before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 3px;
  vertical-align: middle;
  background: #7f0019;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.news-rt-item a:hover p,
.news-rt-item a:hover h3 {
  color: #7f0019;
}

.news-rt-item a:hover h3::before {
  width: .76rem;
  margin-right: .20rem;
}

.ad {
  background: #dadada;
  padding: .30rem 0;
}

.ad-item {
  margin-right: -.30rem;
}

.ad .ad-item img {
  width: 1.9rem;
  margin-right: .1rem;
  height: 92.3px;
  border: solid 2px transparent;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.ad-item a:hover img {
  border-color: #7f0019;
}

.ad-item a div {
  vertical-align: top;
  display: inline-block;
  width: 1.9rem;
  height: 92.2px;
  background: initial;
  position: relative;
}

.ad-item a div span {
  display: inline-block;
  text-align: center;
  line-height: .30rem;
  width: 1.10rem;
  height: .30rem;
  border: solid 1px #fff;
  border-radius: .15rem;
  background: transparent;
  font-size: .14rem;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/* about */
.s-wrapper {
  width: 500px;
}

.about-one {
  padding: 50px 0;
}

/*.about-one>div{
  display: inline-block;
  text-align: right;
  width: 48%;
}*/


.about-one-rt img {
  width: 82%;
}

.about-one-le .one-con {
  display: inline-block;
  width: 60%;
  text-align: left;
}

.one-con .title-intro {
  margin-bottom: .20rem;
  color: #7f0019;
}

/*.one-con-text p{
  font-size: .14rem;
  line-height: .24rem;
  margin-bottom: .24rem;
  color: rgba(0, 0, 0, .46);
}
*/
.about-two {
  height: 6.50rem;
  background: url(../img/web/about-two.png) center center no-repeat;
  background-size: auto 100%;
  /*padding-top: 1.50rem;*/
}

.about-two .title-intro {
  color: #7f0019;
  margin-bottom: .20rem;
}

/*.about-two .title {
  color: #fff;
}*/

/*.about-two .team-one-rt p:last-child,
.about-two .team-one-rt p:first-child {
  color: #fff;
}*/

.contact-map {
  margin-top: -362px;
  margin-bottom: 50px;
}

.contact-mapBg {
  height: 410px;
}

.about-two .team-one-tit {
  margin: 0 0 .45rem 0;
}

.gallery-top.swiper-two {
  height: 3.40rem;
  width: 7.5rem;
  display: inline-block;
}

.about-two-swiper-item {
  width: 9.2rem;
  width: 100%;
  height: 3.40rem;
  background: rgba(28, 28, 28, .6);
  padding: .50rem;
}

.about-two-swiper-item h3:first-child {
  font-size: .24rem;
  font-family: '苹方';
  color: #fff;
  font-weight: 500;
  line-height: 1;
  width: 20em;
}

.about-two-swiper-item h3:nth-child(2) {
  font-size: .18rem;
  color: #fff;
  line-height: 1;
  margin: .45rem 0 0;
  font-weight: 500;
}

.about-two-swiper-item .h3 {
  margin-left: 0;
  border-color: #7f0019;
}

.about-two-swiper-item p {
  font-size: .14rem;
  line-height: .24rem;
  color: rgba(255, 255, 255, .84);
  margin-top: 1em;
}

.about-twoTabs {
  height: 5.30rem;
  display: inline-block;
  vertical-align: top;
  width: 2.5rem;
  overflow: hidden;
}

/*.gallery-thumbs.swiper-two {
  width: 2.5rem;
  height: 5.30rem;
  display: inline-block;
  vertical-align: top;
}*/

.gallery-thumbs.swiper-two .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gallery-thumbs.swiper-two .swiper-slide {
  max-height: 1.40rem;
  height: .60rem;
}

.thumbs-item {
  width: 2.70rem;
  padding-left: .45rem;
  min-height: .60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.thumbs-item h3 {
  font-size: .18rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 6px;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.thumbs-item p {
  font-size: .12rem;
  color: #fff;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.gallery-thumbs.swiper-two .swiper-slide-active {
  height: 1.40rem;
}

.swiper-slide-active .thumbs-item {
  height: 1.40rem;
}

.swiper-slide-active .thumbs-item h3 {
  font-size: .24rem;
  color: #7f0019;
  font-weight: 600;
}

.swiper-slide-active .thumbs-item p {
  font-size: .14rem;
  color: #7f0019;
}

.about-three-tit {
  text-align: center;
}

.about-three-tit .title {
  margin-bottom: 50px;
}

.about-three-con {
  margin-right: -.33rem;
}

.about-three-item {
  width: 25%;
  height: auto;
  margin-right: 0;
  border: solid 0px #d2d2d2;
  border-width: 2px 0px 5px;
  -webkit-box-shadow: 0px 0px 3px #eee;
  box-shadow: 0px 0px 3px #eee;
  text-align: center;
  padding: .50rem .15rem .5rem;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}

.about-three-item:last-child {
  margin-right: 0;
}

.about-three-item:hover {
  border-top-color: #7f0019;
  border-width: 7px 0px 1px;
}

.about-three-img {
  width: .47rem;
  height: .47rem;
  background-size: 80% 80%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.about-three-item h3 {
  font-size: .24rem;
  margin-top: .24rem;
  font-weight: 500;
  color: #4f4f4f;
  line-height: 1;
}

.h3 {
  width: .20rem;
  height: 1px;
  margin: .12rem auto 0;
  border-bottom: solid 3px #a0a0a0;
}

.about-three-item:hover h3,
.about-three-item:hover .h3 {
  color: #7f0019;
  border-color: #7f0019;
}

.about-four {
  background: url(./../img/web/about-four.png) center center no-repeat;
  background-size: 100% 100%;
}

.about-four .title {
  margin-bottom: .70rem;
}

.about-four-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-four-text {
  display: inline-block;
  width: 62%;
  vertical-align: middle;
  padding-right: .5rem;
}

.about-four-text p {
  font-size: .14rem;
  line-height: .24rem;
  margin-bottom: .24rem;
}

.about-four-text h3 {
  font-size: .26rem;
  line-height: 1;
  margin-bottom: .40rem;
  color: #fff;
}

.about-four-item {
  padding-bottom: .65rem;
}

.about-four-img {
  width: 3.40rem;
  height: 2.42rem;
  display: inline-block;
  vertical-align: middle;
}

.about-four-img img {
  max-width: 100%;
  max-height: 100%;
}

.about .swiper-four {
  width: 12.00rem;
  position: relative;
}

.about-four .swiper-container-horizontal>.swiper-pagination-progress {
  bottom: 0;
  top: auto;
  margin-left: 0;
}

.about-four .swiper-pagination-progress .swiper-pagination-progressbar {
  background: #7f0019;
}

.about .swiper-four .swiper-button-next,
.about .swiper-four .swiper-button-prev {
  visibility: hidden;
}

.after-four-item {
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
}

.after-four-item p {
  font-size: .16rem;
  font-family: '苹方';
  color: rgba(255, 255, 255, .6);
  margin-top: .50rem;
  line-height: 1;
  margin-bottom: .12rem;
}

.after-four-item h3 {
  font-size: .24rem;
  line-height: 1;
  color: #fff;
  font-family: '苹方';
  font-weight: 500;
}

.after-four-item.active p,
.after-four-item.active h3 {
  color: #7f0019;
}

.wall-item {
  width: 25%;
  height: 1.00rem;
  position: relative;
  display: inline-block;
}

.wall-item img {
  max-width: 80%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.wall:before,
.wall:after {
  content: '';
  width: 12.00rem;
  height: 2px;
  display: block;
  position: absolute;
  /* top: 1.00rem; */
  background: -webkit-gradient(linear, left top, right top, from(rgba(30, 30, 30, 0)), color-stop(50%, rgba(30, 30, 30, .6)), to(rgba(30, 30, 30, 0)));
  background: linear-gradient(to right, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, .6) 50%, rgba(30, 30, 30, 0) 100%)
}

.wall:before {
  top: 1.00rem;
}

.wall:after {
  bottom: 1.00rem;
}

.bridge:before,
.bridge:after,
.bridge2:after {
  content: '';
  width: 2px;
  height: 3.00rem;
  display: block;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0)), color-stop(50%, rgba(30, 30, 30, .5)), to(rgba(30, 30, 30, 0)));
  background: linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, .5) 50%, rgba(30, 30, 30, 0) 100%)
}

.bridge:after {
  left: 3.00rem;
}

.bridge:before {
  left: 6.00rem;
}

.bridge2:after {
  left: 9.00rem;
}

.swiper-five {
  padding-bottom: 12%;
}

.swiper-five .swiper-pagination-bullet-active {
  background: #800019;
}

/* team */

.team-one-tit {
  margin-bottom: 50px;
}

.team-one-tit>div {
  display: inline-block;
  width: 52%;
  vertical-align: top;
}

.team-one-tit>div.team-one-rt {
  width: 48%;
}

.team-one {
  padding-top: 50px;
}

.team-one-le .title {
  font-size: 24px;
  line-height: 1;
  margin-bottom: .12rem;
}

.team-one-rt {
  text-align: right;
}

.team-one-rt p:first-child {
  font-size: .24rem;
  color: #868686;
  line-height: 1;
  margin-bottom: .14rem;
}

.team-one-rt p:last-child {
  font-size: .14rem;
  color: #565656;
  font-family: '苹方';
}

.team-one-img {
  margin-top: 0;
}

.team-one-img img {
  max-width: 100%;
}

.team-one-con .ask-slogan-item {
  width: calc(33.3% - .2rem);
  margin-right: .2rem;
}

.team-one-con .ask-slogan-item:last-child {
  border-right: none;
}

.team-one-con .ask-slogan-item img {
  margin: 0 .30rem 0 0;
}


.team-form {
  width: 5.90rem;
  height: .35rem;
  background: #f8f8f8;
  border: solid 1px #b5b5b5;
  padding: 4px 0 0 .20rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: .40rem auto .2rem;
}

.team-form input {
  border: none;
  outline: none;
  height: .24rem;
  vertical-align: middle;
  background: transparent;
  font-size: .14rem;
  line-height: .24rem;
}

.team-form input[type="text"] {
  width: 5.00rem;
  border-right: solid 1px #b5b5b5;
}

.team-form input[type='submit'] {
  background: url(./../img/web/search.png) center center no-repeat;
  width: .60rem;
  cursor: pointer;
}

.team-two {
  background: url(./../img/web/team-two.png);
  padding: .2rem 0 0 0;
}

.team-two .people {
  margin-top: .40rem;
}

.team-two .ptxt {
  background: #fff;
}

.pagination {
  margin-top: .60rem;
  text-align: center;
}

.pagination div {
  display: inline-block;
}

/*.pagination a{
  display: inline-block;
  width: .47rem;
  height: .47rem;
  line-height: .47rem;
  border: solid 1px #b5b5b5;
  background: #fff;
  color: #b5b5b5;
  font-size: .15rem;
  text-decoration: none;
}*/

/*.pagination a:hover,
.pagination a.active {
  background: #7f0019;
  color: #fff;
  border-color: #7f0019;
}
*/
/* resolve */

.resolve-one {
  padding-top: 50px;
}

.resolve-one .title {
  font-size: .30rem;
  text-align: center;
  margin-bottom: 50px;
}

.resolve-one .subtitle {
  width: 100%;
  text-align: center;
  margin-bottom: .45rem;
}

.resolve-one-con {
  padding-bottom: 50px;
}

.resolve-one-item {
  width: 25%;
  padding: 0 2%;
  text-align: center;
  display: inline-block;
}

.resolve-one-top {
  display: inline-block;
  width: 1.20rem;
  height: 1.20rem;
  border-radius: .60rem;
  border: solid 3px #c6c6c6;
  position: relative;
  -webkit-transition: border 200ms linear;
  transition: border 200ms linear;
}

.resolve-one-top>div {
  width: 100%;
  height: 100%;
  border: solid 3px #fff;
  background: #c6c6c6;
  border-radius: 50%;
  -webkit-transition: background 200ms linear;
  transition: background 200ms linear;
}

.resolve-one-top img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.resolve-one-item:hover .resolve-one-top {
  border-color: #7f0019;
}

.resolve-one-item:hover .resolve-one-top>div {
  background: #7f0019;
}

.resolve-one-bottom h3 {
  font-size: .20rem;
  font-weight: 500;
  color: #4c5051;
  line-height: 1;
  margin: .15rem 0 0;
}

.resolve-one-bottom p {
  font-size: .14rem;
  color: #4c5051;
  line-height: .24rem;
}

.resolve-one-bottom .h3 {
  margin-bottom: .15rem;
}

.resolve-one-item:hover h3 {
  font-weight: 600;
  color: #292929;
}

.resolve-one-item:hover p {
  color: #292929;
}

.resolve-two {
  padding-top: .50rem;
}

/*.content.resolve {
  background: url(./../img/web/resolve-static1.png) center 4.6rem no-repeat, url(./../img/web/resolve-static2.png) center 18.30rem no-repeat;
  background-attachment: scroll,scroll;
}*/

.resolve-two .team-one-le .title,
.resolve-two .subtitle,
.resolve-two .team-one-rt p:last-child,
.resolve-two .team-one-rt p:first-child {
  color: #fff;
}

.resolve-two .subtitle {
  margin-bottom: .55rem;
}

.resolve-two-item {
  height: 2.75rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .65rem;
}

.resolve-now {
  display: inline-block;
  width: 2.20rem;
  height: 2.75rem;
  background: #a0a0a0;
  color: #fff;
  padding: .30rem .15rem .30rem .15rem;
  position: relative;
  -webkit-transition: background 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: background 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.resolve-now:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: solid .10rem #a0a0a0;
  border-color: transparent transparent transparent #a0a0a0;
  position: absolute;
  right: -.20rem;
  top: 20%;
  -webkit-transition: border 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: border 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.resolve-now:hover {
  background: #7f0019;
}

.resolve-now:hover:after {
  border-left-color: #7f0019;
}

.resolve-now a {
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.resolve-now-left,
.resolve-now-right {
  display: inline-block;
  vertical-align: top;
}

.resolve-now-left {
  color: #fff;
  font-size: .30rem;
  line-height: 1;
}

.resolve-now-right {
  margin-left: auto;
  position: relative;
  height: 100%;
}

.resolve-now-right h3 {
  font-size: 0.18rem;
  line-height: 1;
  margin-top: 6px;
}

.resolve-now-right p {
  font-size: .16rem;
  line-height: .20rem;
  margin-top: .18rem;
  color: rgba(255, 255, 255, .9);
}

.resolve-now-right p.sub {
  font-size: .14rem;
  line-height: 1;
  margin-top: 0;
}

.resolve-now-right span {
  position: absolute;
  display: inline-block;
  width: 1.35rem;
  height: .32rem;
  border: solid 1px #fff;
  text-align: center;
  line-height: .32rem;
  font-size: .12rem;
  color: #fff;
  bottom: 0;
}

.resolve-two-con {
  padding: .30rem .30rem 0 .50rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: solid 1px #c9c9c9;
}

.resolve-main-item h3 {
  font-size: .20rem;
  color: #303030;
  line-height: 1;
  margin-bottom: .18rem;
}

.resolve-main-item p {
  font-size: .14rem;
  line-height: .24rem;
  margin-bottom: .18rem;
  height: .72rem;
  overflow: hidden;
}

.resolve-main-item .icon {
  visibility: hidden;
}

.resolve-main-item {
  padding-bottom: .30rem;
  border-bottom: solid 1px #c9c9c9;
}

.resolve-sub-item li {
  font-family: 'Microsoft Yahei';
  display: inline-block;
  margin-right: .50rem;
  font-size: .16rem;
  font-weight: 600;
  color: rgba(48, 48, 48, .6);
  line-height: 3;
  -webkit-transition: color 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: color 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.resolve-sub-item li:before {
  content: '·';
  width: 1em;
  height: 3em;
  color: transparent;
  display: inline-block;
}

.resolve-sub-item li:last-child {
  margin-right: 0;
}

.resolve-sub-item li:hover,
.resolve-sub-item li:hover:before {
  color: #7f0019;
}

.resolve-two-item:nth-child(2n-1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.resolve-two-item:nth-child(2n-1) .resolve-now:after {
  left: -.20rem;
  border-color: transparent;
  border-right-color: #a0a0a0;
}

.resolve-two-item:nth-child(2n-1) .resolve-now:hover:after {
  border-right-color: #7f0019;
}

.resolve-two-item:nth-child(2n-1) .resolve-two-con {
  padding: .30rem .50rem 0 .30rem;
}

.resolve-three-tit .title {
  font-size: .24rem;
  margin-bottom: 9px;
  line-height: 1;
  text-align: center;
  color: #fff;
}

.resolve-three-tit .subtitle {
  width: 100%;
  text-align: center;
  color: #fff;
}

.resolve-three {
  padding-top: 0;
}

.resolve-four {
  padding: 50px 0;
  background: #f8f8f8;
}

.resolve-four-con {
  padding-top: .10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.resolve-four-item {
  display: inline-block;
  width: 31%;
}

.resolve-four-item a {
  text-decoration: none;
}

.resolve-four-img {
  height: 185.5px;
}

.resolve-four-img img {
  max-width: 100%;
  height: 100%;
}

.resolve-four-text h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .22rem;
  line-height: 1;
  margin-top: .3rem;
  color: rgba(76, 80, 81, .7);
  font-weight: 500;
}

.resolve-four-text p {
  white-space: nowrap;
  overflow: hidden;
  font-size: .14rem;
  color: rgba(76, 80, 81, .7);
  text-overflow: ellipsis;
  line-height: 1;
  margin: 1em 0 2em;
}

.resolve-four-text {
  border-bottom: solid 1px #b0a17e;
}

a:hover .resolve-four-text h3 {
  font-weight: 600;
  color: #4c5051;
}

a:hover .resolve-four-text p {
  color: #4c5051;
}

a:hover .resolve-four-text {
  border-color: #7f0019;
}

/* news */

.news-one {
  margin-top: .75rem;
}

.news-one .title {
  color: #4c5051;
}

.news-one .subtitle {
  font-size: .14rem;
}

.news-left,
.news-right {
  display: inline-block;
  vertical-align: top;
}

.news-left {
  width: 7.3rem;
  margin-right: 0;
  float: left;
}

.news-right {
  width: 2.5rem;
  float: right;
}

.news-left-header {
  height: .40rem;
  background: #a9a9a9;
  margin-bottom: .15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-left-header span {
  display: inline-block;
  width: 1.40rem;
  height: 100%;
  text-align: center;
  line-height: .40rem;
  font-size: .18rem;
  color: #fff;
  background: #7f0019;
}

.news-left-header a {
  display: inline-block;
  font-size: .14rem;
  line-height: 1;
  display: inline-block;
  padding: 0 .25rem;
  color: #fff;
  text-decoration: none;
  border-right: solid 1px #fff;
}

.news-left-header a:last-child {
  border-right: none;
}

.news-left-img {
  display: inline-block;
  width: 2rem;
  height: 1.50rem;
  position: relative;
  vertical-align: top;
  margin-right: .30rem;
}

.news-left-img img {
  width: 100%;
  height: 100%;
}

.news-label {
  position: absolute;
  width: .48rem;
  height: .48rem;
  padding-top: .12rem;
  background: #7f0019;
  left: 0;
  top: 0;
}

.news-label p {
  color: #fff;
  text-align: center;
  line-height: 1;
}

.news-label p:first-child {
  font-size: .11rem;
}

.news-label p:last-child {
  font-size: .12rem;
}

.news-left-text {
  display: inline-block;
  min-height: 1.50rem;
  border-bottom: solid 1px #cacaca;
  width: 5.0rem;
}

.news-left-text h3 {
  font-size: .18rem;
  font-weight: 500;
  color: #000;
  line-height: .60rem;
}

.news-left-text p {
  font-size: .12rem;
  line-height: 2;
  color: #4c5051;
}

.news-left-item {
  margin-bottom: .16rem;
}

.news-right a {
  text-decoration: none;
}

.news-right-header {
  background: #989898;
  padding-left: 1em;
  font-size: .18rem;
  line-height: .40rem;
  height: .40rem;
  margin-bottom: .30rem;
  color: #fff;
  font-weight: 500;
}

.news-viewmore {
  display: block;
  height: .40rem;
  background: #e2e2e2;
  color: rgba(76, 76, 76, .7);
  font-size: .16rem;
  line-height: .40rem;
  text-align: center;
  margin-bottom: .40rem;
}

.news-right-one-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: .15rem;
  margin-bottom: .15rem;
  border-bottom: solid 1px #e3e3e3;
}

.news-right-one-item img {
  width: .90rem;
  display: inline-block;
  max-height: .70rem;
  vertical-align: top;
  margin-right: .10rem;
}

.news-right-one-item h3 {
  vertical-align: top;
  display: inline-block;
  font-size: .16rem;
  line-height: 1.5;
  color: #282828;
}

.news-right-two-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .30rem;
}

.news-right-two-item span {
  display: inline-block;
  width: .40rem;
  height: .40rem;
  background: #a5a7a8;
  color: #fff;
  line-height: .40rem;
  text-align: center;
  margin: 0 .10rem 0 0;
  font-size: .26rem;
  vertical-align: top;
}

.news-right-two-item:hover span {
  background: #7f0019;
}

.news-right-two-item div {
  display: inline-block;
  vertical-align: top;
}

.xcon h3 {
  font-size: .20rem;
  color: #4c5051;
  line-height: 1;
  margin: 0 0 8px 0;
}

.xcon p {
  font-size: .12rem;
  color: rgba(76, 80, 81, .8);
  line-height: 1;
}

.xcon h3,
.xcon p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 2.2rem;
}

.resolve-three {
  background-image: initial !important;
}

/* contact */

.contact-main {
  padding-top: 50px;
  padding-bottom: 50px;
}

.map img {
  width: 100%;
}


.contact-main-left div p {
  font-size: .14rem;
}

.contact-main-left img,
.contact-main-left span {
  vertical-align: middle;
}

.contact-main-left img {
  margin-right: 1em;
}

.contact-main-left .bus-lines p {
  font-size: .14rem;
  margin: 0;
  color: #868686;
  line-height: 1.9;
}

/* article */

.article {
  padding-top: .75rem;
}

.breadcrumb li:after {
  width: .50rem;
  height: .16rem;
  display: inline-block;
  text-align: center;
  content: '';
  background: url(./../img/web/breadcrumb.png) center center no-repeat;
  vertical-align: middle;
}

.breadcrumb li:last-child:after {
  width: 0;
}

.breadcrumb li,
.breadcrumb li a {
  font-size: 12px;
}

.article-title {
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  margin-top: .62rem;
  margin-bottom: .15rem;
  text-align: center;
}

.article-date {
  font-size: .12rem;
  color: #4c5051;
  line-height: 1;
  text-align: center;
  margin-bottom: .40rem;
}

.article hr {}

.article-text {
  padding: .35rem 0;
  /*border-bottom: solid 1px #a9a9a9;*/
}

.article-text>* {
  padding: 0 .30rem;
  font-size: 12px;
  color: rgba(76, 80, 81, .8);
  line-height: 24px;
}

.article-text img {
  display: block;
  max-width: 100%;
  padding: 0;
  margin: .40rem auto;
}

.article-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: .50rem 0 0;
  padding: 0 .30rem;
}

.article-pagination p,
.article-pagination span,
.article-pagination a {
  font-size: .12rem;
  text-decoration: none;
  color: rgba(76, 80, 81, .8);
}

.team-article {
  /*  padding: .70rem 1.00rem 0;*/
}

.team-article img {
  max-width: 4.75rem;
  display: block;
  margin: 0 auto;
}

.team-article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: .65rem 0 0;
}

.team-article-info p {
  font-size: 14px;
  color: #282828;
  line-height: 28px;
  max-width: 33.33%;
  overflow: hidden;
}

body {
  padding-top: 75px;
}

/* 响应 */

@media screen and (max-width: 1000px) {

  /*.about-one>div {
    width: 90%;
    display: block;
    margin: 0 auto;
  }*/
  .about-one-le .one-con {
    width: 100%;
  }

  .about-one .about-one-rt {
    text-align: center;
  }

  .wrapper {
    width: 96%;
  }

  .addblock-le {
    min-width: 410px;
  }

  .s-wrapper {
    width: 94%
  }

  .news-left {
    width: 8.3rem;
  }

  .news-right {
    width: 2.8rem
  }

  .news-left-text {
    width: 6rem;
  }
}

@media screen and (max-width: 768px) {
  .topper {
    display: none;
  }

  /*.wrapper.below-banner-wrapper {
    display: none;
  }*/
  .index-slide-news {
    display: none;
  }

  .navbar {
    top: 0;
  }

  .swiper-one-pagination {
    width: 100%;
  }

  body {
    padding-top: 75px;
  }

  .wrapper {
    max-width: 90%;
  }

  .content {
    max-width: 100%;
    min-width: 0;
  }

  .sitem {
    margin: 0 auto;
    width: 90%;
  }

  .ser {
    width: 100%;
    height: auto;
  }

  .ser-le,
  .ser-rt {
    width: 100%;
    height: auto;
    padding: 30px 20px;
  }

  .ser-rt a {
    text-decoration: none;
  }

  .ser-rt-item {
    height: auto;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
  }

  .ser-btn a {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .index-resolve {
    padding-top: 30px;
  }

  .subtitle {
    margin-bottom: 10px;
    width: 100%;
  }

  .about-con {
    left: 0;
    height: auto;
    padding: 30px 20px;
  }

  .about-con h3,
  .about-con p {
    width: 100%;
    margin: 0;
  }

  .about-con p.con-po {
    display: none;
  }

  .people {
    width: 100%;
    margin-bottom: 10px;
  }

  .news-con>div,
  .news-le-con {
    width: 100%;
  }

  .footer-ul {
    height: auto;
  }

  .footer-contact {
    margin: 20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ask-slogan-header {
    display: none;
  }

  .ask-slogan-item {
    margin: 10px 0;
    height: auto;
    width: 33.33%;
    padding: 0 10px;
    text-align: center;
  }

  .footer-contact li {
    width: 50%;
  }

  .honor-left,
  .honor-right {
    width: 100%;
  }

  .honor .title {
    margin-bottom: 10px;
  }

  .title-more {
    margin-bottom: 10px;
  }

  .sb-txt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* about */
  .about-one>div {
    width: 100%;
    text-align: center;
  }

  .about-one {
    padding: 30px 10px;
  }

  .about-one-le .one-con {
    width: 100%;
  }

  /*.gallery-thumbs.swiper-two {
    display: none;
  }*/
  .about-two-swiper-item,
  .gallery-top.swiper-two {
    width: 100%;
    height: auto;
  }

  .gallery-top.swiper-two {
    padding-bottom: 14%;
  }

  .gallery-top.swiper-two .swiper-pagination-bullet-active {
    background: #7f0019
  }

  .about-three-img {
    width: 50px;
    height: 50px;
  }

  .about-three-item {
    width: 45%;
    margin-right: 0;
    min-height: 422px;
    height: auto;
  }

  .wall-item {
    /*width: 33.33%;*/
    height: 0;
    padding-bottom: 11.11%;
  }

  .team-one-tit>div {
    width: 100%;
  }

  .wall {
    font-size: 0;
  }

  .wall:before,
  .wall:after,
  .bridge:before,
  .bridge2:after,
  .bridge2:before,
  .bridge:after {
    display: none;
  }

  .team-one-con .ask-slogan-item {
    width: 33.33%;
    margin: 0;
    padding: 0 10px;
  }

  /*.pagination a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }*/
  .ask-slogan-item-txt h3 {
    font-size: 18px;
    line-height: 1.5;
  }

  .ask-slogan-item-txt p {
    font-size: 15px;
    line-height: 1.5;
  }

  .team-one-con .ask-slogan-item img {
    margin: 0 auto;
    display: block;
  }

  .team-form {
    width: 100%;
    padding: 4px 0 0 5%;
  }

  .team-form input[type="text"] {
    width: 80%;
  }

  .team-form input[type='submit'] {
    width: 18%;
  }

  .resolve-one-item {
    width: 100%;
  }

  .content.resolve,
  .content.contact {
    background: none;
  }

  .resolve-two,
  .resolve-three,
  .contact-map {
    margin-left: -5%;
    margin-right: -5%;
    padding-left: 5%;
    padding-right: 5%;
    background: url(./../img/web/resolve-static1.png) center top no-repeat;
  }

  .resolve-three {
    background-image: url(./../img/web/resolve-static2.png);
  }

  .contact-map {
    background-image: url(./../img/web/contact1.png);
    margin-bottom: 0;
  }

  .resolve-two-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }

  .resolve-now,
  .resolve-two-con {
    width: 100%;
  }

  .resolve-now {
    height: 200px;
  }

  .resolve-two-con {
    height: auto;
  }

  .resolve-now:after {
    display: none;
  }

  .resolve-main-item {
    padding-bottom: 0;
  }

  .resolve-main-item p {
    margin-bottom: 0;
  }

  .news-tit .title,
  .news-tit .subtitle {
    width: 100%;
  }

  .resolve-four-con {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .resolve-four-item {
    width: 100%;
  }

  .news-right {
    display: none;
  }

  .news-left {
    width: 100%;
    margin-right: 0;
  }

  .news-left-header {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .news-left-header span {
    width: 100%;
  }

  .news-left-header a {
    line-height: 40px;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center;
  }

  .news-left-img,
  .news-left-text {
    /*width: 100%;*/
    float: left;
    height: auto;
  }

  .news-left-text {
    width: 60%;
  }

  .news-left-img {
    width: 36%;
    margin-right: 4%;
  }

  .contact-main-left,
  .contact-main-right,
  .contact-main-right form,
  .contact-main-right input[type="text"],
  .contact-main-right textarea {
    width: 100%;
  }

  .map .address {
    width: 80%;
    font-size: 15px;
    margin-left: -44%;
  }

  .article-text>* {
    padding: 0 10px;
  }

  .article-pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .team-article {
    padding: 30px 20px 0;
  }

  .team-article img {
    max-width: 80%;
  }

  .team-article-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .team-article-info p {
    width: 100%;
    max-width: 100%;
  }

  .header-toggle {
    display: block;
    font-size: 15px;
    width: 45px;
    line-height: .6;
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 21px;
  }

  .navbar-ul {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 75px;
    z-index: 999;
    background: rgba(0, 0, 0, .8);
    height: 0;
    overflow: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }

  .navbar-ul.spread {
    height: 100%;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }

  .navbar-li {
    width: 100%;
    height: 40px;
  }

  .navbar-li:before {
    display: none;
  }

  .navbar-li a {
    display: block;
    margin: 0 auto;
    line-height: 50px;
    color: #fff;
  }

  .team-one-le .title,
  .title {
    font-size: 20px;
  }

  .news-one {
    margin-top: 30px;
  }

  .title-intro,
  .index-case {
    margin-bottom: 20px;
  }

  .q,
  .s {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 0 5px;
  }

  .ask-slogan-item img {
    display: block;
    margin: 0 auto;
  }

  .swiper-four {
    font-size: 0;
  }

  .swiper-four-pagination,
  .after-swiper-four .red-block,
  .after-swiper-four,
  .swiper-bottom {
    height: 30px;
  }

  .after-swiper-four {
    margin-top: -30px;
  }

  .swiper-bottom {
    margin-top: 0px;
    padding-top: 0;
  }

  .swiper-four-pagination .swiper-pagination-bullet {
    margin-top: 10px;
  }

  /*.pimg>img {
    width: 80vw;
    height: 64vw;
  }*/
  .news,
  .team-one,
  .resolve-one,
  .contact-main,
  .contact-map {
    padding-top: 30px;
  }

  .news-item-tit {
    margin-left: 0;
    margin-right: 0;
    width: 25%;
    border-right: none;
  }

  .news-item-con {
    width: 75%;
  }

  .ad .ad-item img {
    width: 45%;
    margin-right: 0;
    height: auto;
  }

  .ad-item a div {
    width: 45%;
  }

  .about-four-item {
    display: block;
    padding-bottom: 20px;
  }

  .about-four-text {
    display: block;
    width: 90vw;
  }

  .about-three,
  .about-four,
  .about-five,
  .about-two,
  .resolve-four {
    padding: 30px 0;
  }

  .about-two {
    height: auto;
  }

  .about-two-swiper-item h3:first-child {
    width: 100%;
  }

  .about-four .title,
  .about-three-tit .title {
    margin-bottom: 20px;
  }

  .contact-main,
  .resolve-one-con {
    padding-bottom: 30px;
  }

  .team-one-con>p:first-child {
    font-size: 15px;
  }

  .team-one-con>p:nth-child(2) {
    font-size: 20px;
  }

  .resolve-four-img img {
    display: block;
    margin: 0 auto;
  }

  .about .swiper-four {
    width: 100%;
  }

  /*.after-swiper-four{
    display: none;
  }*/
  .sb-txt p {
    width: 100%;
  }

  .contact-main-left .bus-lines {
    padding-left: 0;
  }

  .contact-main-left .bus-lines p {
    font-size: 14px;
  }
}

@media screen and (max-width:768px) {
  .wall-item {
    margin-bottom: 1%;
  }

  .navbar-li::before {
    display: none;
  }

  .navbar-ul {
    height: 0;
    top: 48px;
  }

  .navbar-ul,
  .navbar-li {
    width: 100%;
    text-align: center;
  }

  .navbar-ul.spread {
    height: initial;
  }

  .navbar-li a {
    color: #fff;
    font-size: .24rem;
  }

  .addblock-le {
    display: none;
  }

  .team-one-tit>div {
    width: 100%;
  }

  .index-question {
    background: url(./../img/web/c1-2.png) top center no-repeat;
  }

  .news-one {
    margin-top: 0.5rem;
  }

  .addblock-rt {
    left: 50%;
    margin-left: -250px;
  }

  .index-resolve .sitem {
    height: 2.80rem;
  }

  .about-one>div.about-one-le {
    width: 96%;
  }

  .about-one>div.about-one-rt {
    padding-left: 0;
    margin-bottom: 8%;
  }

  .about-two {
    background: #D7D9DA;
    height: initial;
  }

  .team-one {
    padding-top: 0
  }

  .about-twoTabs {
    display: none;
  }

  .gallery-top.swiper-two {
    width: 100%;
  }

  .team-one .team-one-tit>div,
  .about-two .team-one-tit>div {
    width: 48%;
  }

  .team-one-con .ask-slogan-item img {
    display: inline-block;
  }

  .team-form input[type="text"] {
    width: 4.9rem;
  }

  .pimg>img {
    height: initial;
  }

  .news-left {
    width: 7.8rem;
  }

  .news-container .news-left-header a {
    width: initial;
  }
}

@media screen and (max-width:747px) {
  .indextitle-more {
    display: block;
    margin: 4% auto;
    float: initial;
  }

  .pagination a {
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    font-size: 12px;
  }

  .mobile-map {
    display: block;
  }

  .ser-le h3:nth-child(3),
  .ser-le h3:nth-child(4) {
    font-size: 20px;
    font-family: '微软雅黑';
  }

  .title,
  .about-two-swiper-item h3:first-child,
  .resolve-now-right h3,
  .resolve-three-tit .title {
    font-size: 18px;
    font-family: '微软雅黑';
  }

  .sitem-front-title,
  .sitem-back-title,
  .ask-slogan-item-txt h3,
  .five-txt h3,
  .ptxt h3,
  .news-item-tit p:first-child,
  .news-item-con h3,
  .about-two-swiper-item h3:nth-child(2),
  .about-three-item h3,
  .resolve-main-item h3,
  .resolve-four-text h3,
  .news-right-header,
  .news-right-one-item h3,
  .xcon h3,
  .about-con h3,
  .team-one-rt p:first-child {
    font-size: 16px;
    font-family: '微软雅黑';
  }

  .addblock-rt h3,
  .sitem-front-con div p,
  .addblock-rt p:first-child,
  .sitem-back-con p,
  .q,
  .s,
  .ask-slogan-item-txt p,
  .sb-txt p,
  .news-left-header a,
  .ser-le p,
  .ser-le p:first-child,
  .ser-le p:nth-child(2),
  .ser-rt .title-intro,
  .five-txt p,
  .title-intro,
  .ptxt p,
  .news-le-con div,
  .news-item-con p,
  .footer-contact,
  .about-four-text p,
  .resolve-now-right p,
  .resolve-sub-item li,
  .resolve-four-text p,
  .news-right a,
  .xcon p,
  .contact-main-left div p,
  .contact-main-left .bus-lines p,
  .navbar-li a {
    font-size: 14px;
    font-family: '微软雅黑';
  }

  .team-one-rt p:last-child,
  .honor .title-intro,
  .title-more,
  .news-item-tit p:nth-child(2),
  .copyright,
  .about-two-swiper-item p,
  .resolve-now-right span,
  .about-con p {
    line-height: 24px;
    font-size: 12px;
    font-family: '微软雅黑';
  }

  .resolve-now-right span {
    height: 24px;
  }

  .about-two-swiper-item,
  .gallery-top.swiper-two {
    height: initial;
  }

  .pc-banner,
  .contact-map,
  .contact-mapBg {
    display: none;
  }

  .mobile-banner {
    display: block;
  }

  .people,
  .news-con>div,
  .news-le-con,
  .about-three-item {
    width: 100%;
  }

  .about-three-item {
    min-height: initial;
  }

  .one-con-text p {
    text-align: left;
  }

  .navbar-li a {
    line-height: 32px;
  }

  .posi,
  .news-tit .subtitle {
    display: none;
  }

  .news-tit .title {
    width: 100%;
  }

  .five-txt p,
  .five-txt h3 {
    text-align: center;
  }

  .ser-le h3:nth-child(3) {
    margin-top: 5%
  }

  .ser-le h3:nth-child(4) {
    margin-bottom: 5%
  }

  .ser-le p {
    margin-bottom: 4px;
  }

  .title-intro,
  .title {
    text-align: center;
    margin-bottom: 0
  }

  .title {
    margin-bottom: 4%
  }

  .title-more {
    width: 120px;
    height: 34px;
    border-radius: 34px;
    line-height: 34px;
    font-family: '微软雅黑';
  }

  .sb-txt p {
    width: 100%;
  }

  .ask-slogan-item-txt p {
    line-height: 28px;
  }

  .ask-slogan-item-txt h3 {
    line-height: 32px;
  }

  .q {
    width: 80%;
  }

  .s {
    width: 20%;
  }

  .index-ask {
    padding-top: 10%;
  }

  .team-one-tit {
    text-align: right;
  }

  .addblock-rt {
    width: 100%;
    margin-left: 0;
    left: 0
  }

  .sitem-front-con>div {
    width: 100%;
  }

  .sitem-front-rt {
    text-align: left;
  }

  .index-resolve .sitem {
    height: initial;
    width: 98%;
    margin: 2% auto;
    padding-bottom: 20px;
  }

  .index-after-resolve-new,
  .index-after-resolve {
    margin-top: 4%
  }

  .team-one-rt p:first-child {
    margin: 16px 0;
  }

  .sitem-back:after,
  .after-resolve-more,
  .ask-slogan-header {
    display: none;
  }

  .resolve-advise {
    width: 50%;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 14px;
    display: none;
  }

  .ask-slogan-item {
    width: 33%;
    height: initial;
    margin: 4% 0;
  }

  .ask-slogan-item img {
    display: block;
    width: 34%;
    margin: 0 auto;
  }

  .honor-left {
    display: block;
    width: 100%;
    text-align: center;
  }

  .honor-right {
    width: 100%;
    display: block;
  }

  .ser-le {
    background: #fff;
    width: 100%;
    display: block;
    padding: 20px;
    height: initial;
    float: left;
    border: 2px solid #f6f6f6;
    margin: 4% 0;
    display: none;
  }

  .news-item-tit {
    text-align: left;
    width: 20%;
  }

  .index-about {
    margin-bottom: 0
  }

  .ser-rt {
    float: right;
    height: initial;
    padding: 20px;
    width: 100%;
    display: none;
  }

  .ser-rt-item {
    height: initial;
    width: 100%;
  }

  .ser-txt {
    max-width: 60%;
    width: 60%;
  }

  .ser-le p:first-child {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .ser-rt .title-intro {
    margin-bottom: 0
  }

  .ser-txt h3 {
    font-size: 16px;
  }

  .ser-txt p {
    font-size: 12px;
    line-height: 24px;
  }

  .ser {
    display: none;
    height: initial;
  }

  .ser-btn a {
    margin-top: 4%;
    width: 40%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }

  .news-con>div.news-rt {
    margin-top: 4%
  }

  .ad .ad-item img {
    width: 23.3%;
    margin: 0;
    height: initial;
  }

  .ad-item a div {
    width: 96%;
    /*margin: 2%;*/
  }

  .ad-item a div span {
    line-height: 40px;
    height: 40px;
    width: 36%;
    font-size: 14px;
    border-radius: 40px;
  }

  .footer-ul,
  .resolve-now-left {
    display: none;
  }

  .footer-contact li {
    width: 100%;
    line-height: 26px;
  }

  .footer-links a {
    width: 50px;
    height: 50px;
  }

  .team-one-tit>div.team-one-rt,
  .team-one .team-one-tit>div {
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .about-four {
    background: #D7D9DA;
  }

  .about-four-item {
    display: block;
  }

  .about-four-img,
  .resolve-now {
    width: 100%;
    height: initial;
  }

  .about-four-img img {
    width: 100%;
    max-width: initial;
    max-height: initial;
    display: block;
  }

  .about-four-text,
  .resolve-one-item {
    width: 25%;
    padding-right: 0
  }

  .resolve-one-top img {
    width: 38%;
  }

  .about-four-text p {
    line-height: 28px;
  }

  .about-four-text {
    margin-top: 4%
  }

  .team-one-con .ask-slogan-item {
    width: 100% !important;
    border-right: none;
    margin-right: 0;
    margin: 4% 0;
  }

  .team-one-con .ask-slogan-item img {
    display: block;
    width: 25%;
    margin: 0 auto;
  }

  .team-form {
    width: 95%;
    height: 50px;
    padding: 0
  }

  .team-form input[type="text"] {
    width: 80%;
    height: 48px;
    text-indent: 2em;
    font-size: 16px;
    line-height: 48px;
  }

  .team-form input[type="submit"] {
    width: 19%;
    height: 48px;
  }

  .resolve-now:after,
  .resolve-main-item .icon {
    display: none;
  }

  .resolve-now {
    margin: 0;
  }

  .resolve-two-item,
  .resolve-main-item p {
    display: block;
    height: initial;
  }

  .resolve-now-right,
  .resolve-four-item,
  .news-left,
  .news-right {
    width: 100%;
  }

  .resolve-now-right span {
    right: 0;
    position: relative;
    margin: 12px auto;
    width: 50%;
    left: 50%;
    margin-left: -25%;
  }

  .resolve-sub-item li {
    font-weight: normal;
    width: 33%;
    text-align: center;
    margin: 0;
    display: none;
  }

  .resolve-four-img {
    height: initial;
  }

  .news-left-header,
  .news-right-header {
    height: initial;
    line-height: 40px;
  }

  .news-left-header a {
    border-right: none;
  }

  .news-right-one-item img {
    height: initial;
    width: 100%;
  }

  .news-left-item {
    overflow: hidden;
  }

  .news-left-img,
  .news-left-text {
    /*width: 100%;*/
    float: left;
    height: auto;
  }

  .news-left-text {
    width: 60%;
  }

  .news-left-img {
    width: 36%;
    margin-right: 4%;
  }

  .ask-slogan-item {
    display: none;
  }

  .ask-slogan-img {
    display: block;
    margin-bottom: 20px;
  }

  .news-label {
    width: 100px;
    height: 100px;
    padding-top: 36px;
  }

  .news-left-text h3 {
    font-size: 14px;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .news-left-text p {
    font-size: 12px;
    height: 41px;
    line-height: 1.8;
    overflow: hidden;
  }

  .news-right-one-item,
  .news-right-one-item img {
    display: block;
  }

  .news-right-one-item img {
    margin-right: 0;
    max-height: initial;
  }

  .news-viewmore {
    height: 40px;
    line-height: 40px;
  }

  .news-right-two-item span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .news-right-two-item div {
    width: 88%
  }

  .xcon h3,
  .xcon p {
    max-width: 100%
  }

  .contact-main-left>div,
  .contact-main-left>div>div {
    display: block;
  }

  .contact-main-left div p,
  .contact-main-left>div>div {
    width: 100%;
    display: block;
    margin: 2% 0;
    text-align: center;
    padding: 0;
  }

  .contact-main-left img {
    display: block;
    margin: 0 auto;
  }

  .contact-main-left>div.bus-lines>div {
    padding-left: 0
  }

  .contact-main-left>div {
    margin-bottom: 0;
    display: none;
  }

  .contact-main-left .bus-lines {
    margin: 0
  }

  .resolve-one .title {
    font-size: 18px;
  }

  .resolve-one-bottom p {
    line-height: 28px;
    display: none;
  }

  .resolve-one-bottom h3 {
    font-size: 12px;
  }

  .about-three-item p {
    text-align: left;
  }

  .resolve-main-item {
    border-bottom: none;
  }

  .resolve-one-top {
    width: 70px;
    height: 70px;
  }

  .resolve-now-right h3 {
    text-align: center;
  }

  .resolve-now-right p {
    text-align: center;
    margin: 12px 0;
    display: block;
  }

  .people {
    width: 33.3%;
  }

  .ptxt h3 {
    height: initial;
  }

  .ptxt p {
    display: none;
  }

  .news-left-text {
    padding-bottom: 20px;
  }

  .news-left-item,
  .news-left-header {
    margin-bottom: 20px;
  }

  .team-one-le .title,
  .title {
    font-size: 18px;
  }

  .team-one {
    margin-top: 4%;
  }

  .wall-item img {
    max-width: 100%;
  }
}

@media screen and (max-width:414px) {
  .news-label {
    display: none;
  }

  .news-left-text h3 {
    margin: 2% 0;
  }

  .about-con {
    padding: 4%;
    left: 0;
  }

  .about-con h3,
  .about-con p {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  /*.ad .ad-item img{
    width: 44%;
  }*/
  .map .address {
    width: 100%;
    left: 0;
    margin-left: 0;
    box-sizing: border-box;
  }

  .navbar-ul {
    top: 75px;
  }

  .index-ask {
    background-size: initial;
    height: initial;
    overflow: hidden;
  }

  .q {
    width: 100%;
    height: 40px;
  }

  .s {
    width: 60%;
    height: 40px;
    margin: 10% auto;
    display: block;
  }

  .resolve-two-item,
  .resolve-main-item p {
    font-size: 12px;
    line-height: 24px;
  }

  .resolve-now-right span {
    width: 50%;
  }

  .resolve-sub-item li {
    width: 48%
  }

  .team-form input[type="submit"] {
    width: 18%
  }
}