@charset "utf-8";
.top-navbar {
  width: 100%;
  background: #1a59dc;
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0 .26667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.other-logo {
  height: .72rem;
  vertical-align: middle;
}

.ys-containter {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #ffffff;
  width: 100%;
  padding: 0px .4rem .8rem;
}

.ys-containter.p0 {
  padding: 0;
}

.ys-containter.p1 {
  padding: 0;
}

.ys-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #ffffff;
  width: 100%;
}

.ys-detail-box {
  width: 100%;
  margin-top: .93333rem;
}

.ys-detail-box.type1 {
  margin-top: .13333rem;
}

.ys-banner-img {
  width: 100%;
  background: #ffffff;
  padding-bottom: .69333rem;
}

.ys-banner-img img {
  width: 100%;
}

.ys-title2 {
  color: #111111;
  background: #ffffff;
  font-size: .74667rem;
  margin-bottom: .69333rem;
  border-left: .08rem solid #1a59dc;
  line-height: .74667rem;
  padding-left: .46667rem;
}

.ys-Walk {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ys-Walk .Walk-color1 {
  background: #ee8d9b;
}

.ys-Walk .Walk-color2 {
  background: #f8a070;
}

.ys-Walk .Walk-color3 {
  background: #6ace7d;
}

.ys-Walk .Walk-icon {
  width: .69333rem;
  height: .66667rem;
}

.Walk-bg {
  text-align: center;
  width: 2.88rem;
  height: 2rem;
  border-radius: .13333rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.Walk-bg p {
  color: #ffffff;
  font-size: .4rem;
  margin-top: .13333rem;
}

.Walk-desc {
  background: #ffffff;
  width: 100%;
  margin-top: 1.13333rem;
  color: #000000;
  font-size: .44rem;
  line-height: .96rem;
  padding-bottom: 1.33333rem;
  position: relative;
}

.Walk-desc-title {
  color: #000000;
  font-size: .56rem;
  font-weight: 400;
}

.Walk-more {
  font-size: .44rem;
  color: #1a59dc;
  position: absolute;
  right: 0px;
  bottom: 1.33333rem;
}

.Walk-more.bgff {
  background: #ffffff;
}

.Walk-desc-content {
  max-height: 8.4rem;
  margin-top: .4rem;
  overflow: hidden;
}

.ys-title3 {
  height: 2rem;
  display: flex;
  align-items: center;
  background: #ebf1ff;
  padding: 0 .53333rem;
  color: #000000;
  font-size: .53333rem;
}

.ys-title3 span {
  padding-left: .26667rem;
  border-left: .13333rem solid #1a59dc;
}

.ys-new-list {
  width: 100%;
}

.ys-new-list .new-list-li {
  padding: .58667rem 0;
  font-size: .46667rem;
  color: #000000;
  line-height: .66667rem;
  border-bottom: 1px solid #f2f2f2;
}

.ys-new-list .news-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #000000;
}

.ys-new-list .news-time {
  color: #aaaaaa;
  font-size: .32rem;
  line-height: .66667rem;
}

.ys-more2 {
  display: block;
  width: 2.8rem;
  height: .8rem;
  line-height: .8rem;
  margin: .8rem auto 0;
  background-color: #ebf1ff;
  border-radius: .34667rem;
  border: solid .01333rem #c5d3f1;
  text-align: center;
  color: #1c3975;
}

.moreDown {
  width: .29333rem;
  height: .16rem;
  vertical-align: middle;
  margin-top: -.02667rem;
}

.searchIcon {
  width: .58667rem;
  height: .64rem;
  margin-right: .4rem;
}

.search-result {
  font-size: .4rem;
  color: #777777;
  font-style: normal;
}

.search-num {
  font-style: normal;
  color: #1a59dc;
}

.head-nav {
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0 .53333rem;
  display: flex;
  background: #ffffff;
  justify-content: space-between;
}

.go-back {
  vertical-align: middle;
  width: .36rem;
  height: .56rem;
}

.news-detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: .8rem .53333rem 0;
  background: #ffffff;
  margin-top: .13333rem;
}

.news-title2 {
  font-weight: bold;
  font-size: .64rem;
  line-height: .8rem;
}

.sub-info {
  margin-top: .4rem;
  color: #aaaaaa;
  font-size: .37333rem;
}

.news-detail-text {
  margin-top: .98667rem;
  font-size: .44rem;
  line-height: .98667rem;
  margin-bottom: 2.26667rem;
}

.news-detail-text img {
  max-width: 100%;
}

.sub-author,.sub-time,.sub-left {
  margin-right: .13333rem;
}

.mask {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  transition: opacity .2s ease-in;
  background: rgba(0,0,0,0.7);
  z-index: 999;
}

.nav-down {
  transition: all linear 0.3s;
  transform: translateY(-100%);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2222;
  width: 100%;
  color: #ffffff;
}

.nav-down ul>li a {
  color: #ffffff;
  font-size: .16rem;
}

.nav-down-body {
  background: #007074;
  text-align: center;
}

.nav-down-close {
  width: 100%;
  vertical-align:top!important;line-height:0;
}

.nav-down.down {
  transform: translateY(0%);
}

.nav-down-top {
  color: #53d0d4;
  font-size: .22rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

.nav-down-list {
  padding-bottom: .1rem;
}

.nav-down-flex {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.nav-down-flex li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 0.6rem;
  line-height: 0.6rem;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.nav-down-flex li:nth-child(2n+1) {
  border-right: 1px solid rgba(255,255,255,0.12);
}

.article-title1 {
  width: 100%;
  text-align: center;
  margin-bottom: .93333rem;
}

.article-title1-inner {
  color: #000000;
  font-size: .66667rem;
  position: relative;
  padding: 0 .53333rem;
}

.article-title1-inner span {
  position: relative;
  z-index: 22;
}

.article-title1-inner:after {
  display: block;
  content: "";
  width: 100%;
  height: .2rem;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: .02667rem;
  background: #ebf1ff;
  z-index: 2;
}

.article-content {
  width: 100%;
  color: #000000;
  font-size: .44rem;
  line-height: .8rem;
}

.article-content2 {
  width: 100%;
}

.article-dl {
  width: 100%;
  color: #000000;
}

.article-dt {
  height: 1.33333rem;
  line-height: 1.33333rem;
  padding: 0px .48rem;
  background: #f5f5f5;
}

.article-dt span {
  font-size: .48rem;
  border-left: .10667rem solid #1a59dc;
  padding-left: .26667rem;
}

.article-dt.red {
  background: #ffefef;
}

.article-dt.red span {
  border-color: #ff0000;
}

.article-dd {
  padding: 0 .53333rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.article-dd a {
  position: relative;
  font-size: .44rem;
  color: #000000;
  display: block;
  width: 50%;
  padding: .45333rem .4rem;
  line-height: .66667rem;
  border-bottom: 1px solid #f2f2f2
}

.article-dd.flex {
  display: flex;
}

.article-dd.flex .ys-area {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: .26667rem;
}

.article-dd.flex .ys-input1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: .26667rem;
}

.article-important {
  font-style: normal;
  padding-top: .58667rem;
  color: #ff0101;
  font-size: .44rem;
}

.a-dot {
  display: block;
  position: absolute;
  left: 0;
  top: .66667rem;
  border-radius: 50%;
  margin-right: .16rem;
  width: .13333rem;
  height: .13333rem;
  background: #376bce;
}

.about-map {
  width: 100%;
  height: 12.24rem;
  padding-top: 1.28rem;
  overflow: hidden;
  background: #ffffff;
}

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

.about-map-box {
  width: 100%;
  height: 100%;
}

.about-address {
  font-size: .44rem;
  line-height: .8rem;
}

.about-address-dl {
  display: flex;
}

.about-address-dt {
  color: #1a59dc;
  white-space: nowrap
}

.about-address-dd {
  padding-left: 20px;
  color: #111111
}

.business {
  display: none
}

.ys-enter {
  transition: all linear 0.3s
}

.ys-enter img {
  width: 100%
}

.ys-enter.left {
  transform: translateX(-100%)
}

.party {
  width: 100%
}

.party img {
  width: 100%
}

.p0 .ys-list1 {
  background: #ffffff
}

.p0 .ys-list1:nth-last-child(1) {
  margin-bottom: 0
}

.p1 .ys-list1 {
  border-top: .13333rem #ecf3fd solid
}

.serviceTitle {
  width: 7.33333rem
}

.serviceTitle-box {
  width: 100%;
  text-align: center;
  padding: 1.04rem 0px
}

.people {
  position: absolute;
  left: .26667rem;
  top: .58667rem;
  width: 2.13333rem;
  height: 5.10667rem
}

.service-item {
  width: 100%
}

.service-item-num {
  width: 100%;
  position: relative;
  height: 2.85333rem;
  text-align: center
}

.service-item-list {
  padding-left: 2.4rem;
  margin-top: .29333rem;
  margin-bottom: .53333rem
}

.service-item-list ul li {
  width: 6.93333rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-weight: bold;
  background-color: #ffffff;
  box-shadow: .09333rem .09333rem 0px 0px rgba(0,0,0,0.1);
  margin-bottom: .13333rem;
  text-align: center;
  font-size: .44rem
}

.service-item-list ul li a {
  color: #000000
}

.service-item-title {
  margin-left: .66667rem;
  color: #ffffff;
  height: 2.85333rem;
  line-height: 2.85333rem;
  font-size: 1.06667rem;
  text-shadow: 5px 2px 6px #000
}

.service-dot {
  display: inline-block;
  width: .18667rem;
  height: .18667rem;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 .61333rem;
  vertical-align: middle
}

.serviceContent {
  width: 100%;
  background: #ecf3fd;
  padding-bottom: 2.26667rem
}

.ys-content {
  width: 100%
}

.ys-input1 {
  color: #666666;
  font-size: .44rem;
  width: 100%;
  height: 1.54667rem;
  line-height: 1.54667rem;
  outline: none
}

.ys-area {
  width: 100%;
  height: 3.97333rem;
  font-size: .44rem;
  padding: .61333rem 0rem;
  font-family: '\5FAE\8F6F\96C5\9ED1'
}

.ys-btn2 {
  padding: .13333rem .32rem;
  line-height: .93333rem;
  font-size: .41333rem;
  margin-right: .13333rem;
  border-radius: .13333rem;
  border: solid 1px #dadada
}

.ys-btn2.on {
  background-color: #1a59dc;
  color: #ffffff;
  border: 0px
}

.ys-btn2-box {
  margin: .82667rem 0
}

.ys-actionSheet {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  transform: translate(0, 100%);
  transition: transform .3s
}

.ys-actionSheet.toggle {
  transform: translate(0, 0)
}

.ys-text3 {
  width: 4.13333rem;
  height: .93333rem;
  border: solid 1px #cccccc;
  margin: 0 .24rem
}

.checked-group {
  font-size: .53333rem;
  color: #000000;
  text-align: center;
  margin-top: .77333rem
}

.checked-group .check {
  margin-right: .26667rem
}

.checked-item {
  margin-right: .74667rem
}

.check {
  width: .64rem;
  height: .64rem;
  vertical-align: middle;
  -webkit-appearance: none;
  border: 0px;
  background: url(../img/check.png?79db8de123e76afde7491a0b8558ecd5) no-repeat;
  background-size: 100% 100%;
  outline: none
}

.check:checked {
  background: url(../img/checked.png?a33c092dcfa451daf239eae8cfafbf56) no-repeat;
  background-size: 100% 100%
}

.actionSheet-item {
  height: 1.33333rem;
  line-height: 1.33333rem;
  font-size: .48rem;
  text-align: center;
  border-bottom: 1px solid #dddddd
}

.actionSheet-item.on {
  color: #1a59dc
}

.actionSheet-action {
  color: #999999;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: .48rem
}

.downSelect {
  width: .48rem;
  height: .26667rem
}

.fontBlue,.fontGray {
  padding: 0 .4rem;
  width: 100%;
  font-size: .4rem;
  height: 1.6rem;
  line-height: 1.6rem;
  align-items: center;
  display: flex;
  justify-content: space-between
}

.fontGray {
  color: #999999
}

.fontGray.on {
  color: #1a59dc
}

.code {
  border-top: 1px solid #dddddd;
  width: 100%;
  padding: 1.06667rem .93333rem 1.6rem
}

.code-flex {
  display: flex;
  align-items: center
}

.code-flex.mt90 {
  justify-content: center
}

.code-label {
  font-size: .44rem;
  color: #333333
}

.ys-btn4 {
  width: 3.2rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  background-color: #1a59dc;
  border-radius: .52rem;
  color: #ffffff;
  text-align: center;
  font-size: .48rem
}

.ys-btn5 {
  width: 3.2rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  background-color: #d7d7d7;
  border-radius: .52rem;
  color: #333333;
  text-align: center;
  font-size: .48rem;
  margin: 0 .4rem
}

.ys-btn5.bgff {
  color: #ffffff;
  background-color: #444444
}

.ys-input2 {
  height: .93333rem;
  line-height: .93333rem;
  border: 1px solid #cccccc;
  padding: .13333rem;
  width: 100%
}

.ys-button2 {
  color: #ffffff;
  font-size: .48rem;
  padding-top: 1.06667rem;
  background: #1a59dc;
  border-radius: .53333rem;
  padding: .18667rem 1.06667rem
}

.mt90 {
  margin-top: 1.2rem
}

.hide {
  display: none !important
}

.info-search {
  width: 100%;
  padding: 0 .26667rem;
  font-size: .44rem;
  color: #333333
}

.info-search .tr {
  text-align: right
}

.info-search td {
  padding: .26667rem .13333rem
}

.question-box {
  width: 100%
}

.question-item-title {
  background: #ecf3fd;
  font-size: .48rem;
  padding: .4rem .4rem;
  color: #000000;
  line-height: .66667rem
}

.question-item dd {
  padding: .66667rem .53333rem
}

.question-word {
  border-top: 1px solid #dddddd;
  padding-top: .66667rem;
  font-size: .44rem;
  line-height: 1.06667rem
}

.question-word h2 {
  font-weight: 400;
  font-size: .61333rem
}

.question-list {
  padding-bottom: .13333rem
}

.question-list .question-label {
  display: block;
  font-size: .44rem;
  margin-bottom: .4rem;
  position: relative;
  padding-left: .66667rem;
  line-height: .66667rem
}

.radio1,.radio2 {
  position: absolute;
  left: 0px;
  top: .08rem;
  width: .48rem;
  height: .48rem;
  margin-right: .26667rem;
  vertical-align: middle;
  -webkit-appearance: none;
  border: 0px;
  background: url(../img/radio.png?d4cfb18a781c8f8e217a92e2f933b4a4) no-repeat;
  background-size: 100% 100%;
  outline: none
}

.radio1:checked,.radio2:checked {
  background: url(../img/radios.png?e8e6e9beb1af4ae2c1767bc54a557ecb) no-repeat;
  background-size: 100% 100%
}

.radio2 {
  vertical-align: middle;
  -webkit-appearance: none;
  border: 0px;
  background: url(../img/radioMore.png?6aa9850c1b36aec846c6f791d7042adf) no-repeat;
  background-size: 100% 100%;
  outline: none
}

.radio2:checked {
  background: url(../img/radioMores.png?c90eade1aa25ac57564d3ba5c0c3dc2f) no-repeat;
  background-size: 100% 100%
}

.question-area-box {
  padding-left: .8rem
}

.question-area {
  width: 100%;
  font-size: .4rem;
  border: 1px solid #cccccc;
  padding: .26667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.question-title {
  font-size: .4rem;
  color: #000000;
  margin-top: .26667rem;
  margin-bottom: .53333rem
}

.GetValidateCode {
  height: 1.06667rem
}

.enVi-flex {
  width: 100%;
  display: grid;
  text-align: center;
  grid-template-columns: repeat(2, 50%);
  place-items: center center;
  margin-bottom: .53333rem
}

.enIcon {
  width: .8rem;
  height: .8rem
}

.enV-word {
  width: 3.06667rem;
  margin: 0 auto;
  font-size: .48rem;
  margin-top: .26667rem;
  line-height: .66667rem;
  color: #000000
}

.avImg {
  width: 100%
}

.ys-inner2 {
  width: 100%;
  padding: 0rem .53333rem
}

.ys-border-top {
  border-top: 1px solid #efefef
}

.ys-border-top.enVi-flex {
  padding-top: .53333rem
}

.trend {
  font-size: .48rem;
  color: #001e5d
}

.trend img {
  width: .64rem;
  height: .53333rem;
  vertical-align: middle;
  margin-right: .13333rem;
  margin-top: -.10667rem
}

.trend-guid {
  display: grid;
  text-align: center;
  grid-template-columns: repeat(2, 50%);
  place-items: center center;
  margin-top: .26667rem;
  padding: .66667rem 0 .26667rem
}

.trend-item {
  font-size: .4rem;
  color: #8b909a;
  margin-bottom: .66667rem
}

.trend-item p {
  height: .93333rem;
  line-height: .93333rem
}

.trend-num {
  color: #1a59dc;
  font-size: .74667rem;
  font-weight: 500
}

.interactive {
  padding: .53333rem 0 0
}

.tab-box {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.tab-btn {
  width: 2.66667rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  color: #1a59dc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .44rem;
  background-color: #ebf1ff;
  border-radius: .13333rem;
  text-align: center;
  border: solid 2px #cbdcff
}

.tab-panel {
  width: 100%;
  margin-top: .98667rem;
  font-size: .44rem;
  text-align: left;
  line-height: 1.06667rem
}

.tab-panel img {
  max-width: 100%
}

.sevice-net {
  width: 100%
}

.sevice-net .sevice-net-img {
  width: 100%
}

.enVi-flex3 {
  padding: .66667rem 0;
  width: 100%;
  display: grid;
  text-align: center;
  grid-template-columns: repeat(3, 33.33333%);
  place-items: center center
}

.enVi-flex3 .enV-word {
  width: 100%
}

.guid-2 {
  background: #edf3fd;
  width: 100%;
  display: grid;
  text-align: center;
  grid-template-columns: repeat(2, 50%);
  place-items: center center;
  justify-content: space-between;
  padding: .13333rem 0
}

.guid-2 img {
  width: calc(100% - .13333rem);
  height: 2.92rem
}

.borderBottom {
  border-bottom: .13333rem solid #edf3fd
}

.guid-2-1 {
  text-align: center;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 50%);
  padding-bottom: .66667rem
}

.guid-img {
  width: .8rem;
  height: .8rem;
  margin-bottom: .26667rem
}

.guid-a {
  font-size: .4rem;
  margin-top: .66667rem
}

.guid-a:nth-last-child(1) {
  grid-column-end: span 2
}