body {
  color: #27274a;
  font-size: 0.18rem;
  margin: 0 auto;
  background-color: #eef2f9;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
button,
input {
  border: 0;
  outline: none;
  background: none;
}
li {
  list-style: none;
}
::-webkit-scrollbar-track {
  /*display: none;*/
}
::-webkit-scrollbar {
  border-radius: 3px;
  height: 6px;
  background: rgba(255, 255, 255, 0.5);
}
a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}
img {
  width: 100%;
  max-width: 100%;
}
.main {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.header {
  background: #004baa;
}
.header .logo {
  width: 19.8%;
  display: block;
  float: left;
  padding: 2% 0;
}
.header .navs {
  float: right;
  width: 63%;
  font-size: 0.24rem;
}
.header .navs li {
  float: left;
  padding: 0 2.5%;
}
.header .navs li a {
  line-height: 1.1rem;
  color: #fff;
}
.header .navs li.active a,
.header .navs li a:hover {
  font-weight: bold;
}
.header .navs .search img {
  width: 0.28rem;
}
#banner {
  position: relative;
}
#banner .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
#banner .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 4px;
  opacity: 1;
}
#service-wrap > .title {
  font-size: 0.32rem;
  font-weight: bold;
  padding: 5% 0 2%;
  text-align: center;
  color: #282828;
}
#service-swiper {
  position: relative;
}
#service-swiper .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 13%;
  color: #fff;
}
#service-swiper .title {
  font-size: 0.3rem;
  font-weight: bold;
}
#service-swiper .desc {
  font-size: 0.16rem;
  line-height: 1.8;
  margin-top: 3%;
}
#service-swiper .service-list {
  margin-top: 10%;
  font-weight: bold;
  font-size: 0.18rem;
}
#service-swiper .service-list li {
  background-image: url(../imgs/home/list-type.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2.5%;
  padding-left: 5%;
  position: relative;
}
#service-swiper .service-list li a {
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}
#service-swiper .service-list li.hot:after {
  content: " ";
  width: 5%;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  height: 0.16rem;
  background-image: url(../imgs/home/hot.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 0.16rem;
}
#service-swiper .swiper-button {
  position: relative;
  margin-top: 3%;
  height: 0.52rem;
}
#service-swiper .swiper-button-prev {
  position: absolute;
  opacity: 1;
  left: auto;
  right: 50%;
  top: 0;
  width: 0.52rem;
  height: 0.52rem;
  display: block;
  background-image: url(../imgs/home/icon-left.png);
  background-size: 100% 100%;
  background-color: #005fc5;
}
#service-swiper .swiper-button-prev.swiper-button-disabled {
  background-color: #1c4384;
}
#service-swiper .swiper-button-next {
  position: absolute;
  display: block;
  opacity: 1;
  top: 0;
  left: 50%;
  right: 0;
  width: 0.52rem;
  height: 0.52rem;
  background-image: url(../imgs/home/icon-right.png);
  background-size: 100%;
  background-color: #005fc5;
}
#service-swiper .swiper-button-next.swiper-button-disabled {
  background-color: #1c4384;
}
#about-wrap {
  position: relative;
  margin-top: 4%;
}
#about-wrap .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 4% 0 4% 20%;
}
#about-wrap .intro-wrap {
  float: left;
  width: 50%;
  padding-left: 5%;
  font-size: 0.18rem;
  color: #282828;
}
#about-wrap .intro-wrap > .title {
  font-size: 0.38rem;
  color: #004baa;
  margin-top: 2%;
}
#about-wrap .intro-wrap > .desc {
  margin-top: 3%;
}
#about-wrap .intro-wrap .intro {
  margin-top: 3%;
  line-height: 1.6;
}
#about-wrap .intro-wrap .point {
  margin-top: 3%;
}
#about-wrap .intro-wrap .point li {
  display: inline-block;
  width: 28%;
  text-align: center;
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 6%;
}
#about-wrap .intro-wrap .point li:nth-child(1) {
  background-image: url(../imgs/home/about1.png);
}
#about-wrap .intro-wrap .point li:nth-child(2) {
  background-image: url(../imgs/home/about2.png);
}
#about-wrap .intro-wrap .point li:nth-child(3) {
  background-image: url(../imgs/home/about3.png);
}
#about-wrap .license-wrap {
  float: left;
  width: 42%;
  margin-left: 3%;
  background-image: url(../imgs/home/license-bg.png);
  background-size: 100% 100%;
  margin-top: 4%;
}
#license-swiper {
  position: relative;
}
#license-swiper .swiper-slide {
  padding-right: 7%;
  padding-bottom: 7%;
}
#license-swiper .swiper-pagination {
  bottom: 3%;
  text-align: right;
  padding-right: 7%;
}
#license-swiper .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.07rem;
  background: #fff;
  opacity: 0.5;
  border-radius: 0;
  margin: 0;
  margin-left: 2%;
}
#license-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #004baa;
}
#publicity-wrap {
  background-image: url(../imgs/home/publicity-bg.jpg);
  background-size: 100% 100%;
  padding: 5% 0;
}
#publicity-wrap .main > .title {
  color: #eef2f9;
  font-size: 0.32rem;
  font-weight: bold;
  text-align: center;
}
.publicity-list {
  margin-top: 3%;
}
.publicity-list li {
  float: left;
  width: 23%;
  margin-left: 2.6%;
  background-image: linear-gradient(to right top, #dcebff, #eef2f9);
  padding: 2.5% 1.8%;
  color: #27274a;
  font-size: 0.18rem;
  position: relative;
}
.publicity-list li:first-child {
  margin-left: 0;
}
.publicity-list li .title {
  margin-top: 5%;
  font-size: 0.22rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.publicity-list li .date {
  margin-top: 2%;
}
.publicity-list li a {
  display: inline-block;
  margin-top: 10%;
  font-size: 0.16rem;
  padding-right: 9%;
  background-image: url(../imgs/home/right.png);
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: right center;
}
#news-wrap {
  padding: 5% 0;
}
#news-wrap .box {
  float: left;
  width: 48%;
  margin-left: 4%;
  background-color: #fff;
}
#news-wrap .box:first-child {
  margin-left: 0;
}
#news-wrap .box .title {
  font-size: 0.3rem;
  font-weight: bold;
  padding: 2.5% 5%;
  background-image: url(../imgs/home/news-title-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  color: #004baa;
}
#news-wrap .box .title .more {
  display: block;
  font-size: 0.18rem;
  font-weight: normal;
  position: absolute;
  right: 5%;
  top: 35%;
  padding-right: 2%;
  background-image: url(../imgs/home/more.png);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: right 30%;
}
#news-wrap .box .news-list {
  padding: 6% 5%;
}
#news-wrap .news-list li {
  margin-bottom: 3%;
  position: relative;
}
#news-wrap .news-list li a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 15%;
}
#news-wrap .news-list li .date {
  color: #a4a4b4;
  position: absolute;
  top: 0;
  right: 0;
}
#partner-wrap {
  padding-bottom: 5%;
}
#partner-wrap .title {
  font-size: 0.32rem;
  font-weight: bold;
  color: #282828;
  text-align: center;
}
#partner-wrap .partner-list {
  margin-top: 2.5%;
}
#partner-wrap .partner-list li {
  float: left;
  width: 18%;
  margin-left: 2.5%;
}
#partner-wrap .partner-list li:first-child {
  margin-left: 0;
}
#partner-wrap .partner-list li a {
  display: block;
}
.footer {
  background-color: #27274a;
  color: #b4b6bd;
  font-size: 0.16rem;
  padding: 4% 0;
}
.footer .line1 {
  padding-bottom: 2%;
}
.footer .line1 .left-wrap {
  float: left;
  width: 30%;
  border-right: 1px solid #b4b6bd;
  padding-right: 4%;
}
.footer .line1 .left-wrap .logo {
  width: 100%;
}
.footer .line1 .left-wrap .address,
.footer .line1 .left-wrap .tel {
  background-size: 0.2rem;
  background-repeat: no-repeat;
  background-position: left 0.05rem;
  color: #eef2f9;
  padding-left: 10%;
  line-height: 1.8;
}
.footer .line1 .left-wrap .address {
  margin-top: 15%;
  background-image: url(../imgs/home/icon-address.png);
}
.footer .line1 .left-wrap .tel {
  margin-top: 5%;
  background-image: url(../imgs/home/icon-tel.png);
}
.footer .line1 .right-wrap {
  float: left;
  padding-left: 5%;
  padding-top: 1%;
  width: 70%;
  line-height: 2;
}
.footer .line1 .right-wrap .title {
  color: #fff;
  margin-bottom: 1%;
}
.footer .line2 {
  padding: 2% 0;
  border-top: 1px solid #b4b6bd;
}
.footer .line2 .title {
  color: #fff;
  margin-bottom: 0.5%;
}
.footer .line2 ul {
  /* display: -webkit-box; */
  -webkit-box-orient: horizontal;
  overflow: auto;
  margin-bottom: 0;
}
.footer .line2 ul li {
	float: left;
	padding: 4px 1.5% 4px 0;
  /* border-left: 1px solid #b4b6bd; */
}
.footer .line2 ul li:first-child {
  border-left: none;
  padding-left: 0;
}
.footer .line3 {
  padding: 1.5% 0 0;
  border-top: 1px solid #b4b6bd;
}
.page-title {
  padding: 2.5% 5%;
  background-image: url(../imgs/page-title-bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.page-title .title {
  font-size: 0.44rem;
  font-weight: bold;
}
.page-title .desc {
  font-size: 0.24rem;
  margin-top: 0.05rem;
}
.page-title .desc span {
  margin-right: 1%;
}
#overview-about-wrap {
  position: relative;
}
#overview-about-wrap .bg {
  width: 15%;
}
#overview-about-wrap .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 3% 0 3% 18%;
}
#overview-about-wrap .intro-wrap {
  float: left;
  font-size: 0.18rem;
  color: #282828;
}
#overview-about-wrap .intro-wrap > .title {
  font-size: 0.38rem;
  color: #004baa;
}
#overview-about-wrap .intro-wrap > .desc {
  margin-top: 2%;
}
#overview-about-wrap .intro-wrap .intro {
  margin-top: 1%;
  line-height: 1.6;
}
#overview-about-wrap .intro-wrap .point {
  margin-top: 2%;
}
#overview-about-wrap .intro-wrap .point li {
  display: inline-block;
  width: 28%;
  text-align: center;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 6%;
}
#overview-about-wrap .intro-wrap .point li:nth-child(1) {
  background-image: url(../imgs/home/about1.png);
}
#overview-about-wrap .intro-wrap .point li:nth-child(2) {
  background-image: url(../imgs/home/about2.png);
}
#overview-about-wrap .intro-wrap .point li:nth-child(3) {
  background-image: url(../imgs/home/about3.png);
}
#env-wrap {
  background-image: url(../imgs/overview-env.jpg);
  background-size: 100%;
}
#env-wrap .title {
  font-size: 0.38rem;
  color: #333;
  text-align: center;
  padding: 4% 0 2%;
}
#env-swiper {
  padding-left: 5%;
}
#env-swiper .swiper-slide {
  background-color: #fff;
  padding: 0.7%;
}
#env-swiper .swiper-slide .name {
  font-size: 0.22rem;
  text-align: center;
  margin-top: 3%;
  margin-bottom: 1%;
}
#env-swiper .swiper-button {
  position: relative;
  margin-top: 5%;
  text-align: center;
  padding-bottom: 3%;
}
#env-swiper .swiper-button-prev,
#env-swiper .swiper-button-next {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  position: relative;
  opacity: 1;
  background-size: 33%;
  background-position: center;
  background-color: #eef2f9;
  left: auto;
  right: auto;
}
#env-swiper .swiper-button-prev {
  background-image: url(../imgs/env-prev-active.png);
}
#env-swiper .swiper-button-prev.swiper-button-disabled {
  background-image: url(../imgs/env-prev.png);
}
#env-swiper .swiper-button-next {
  margin-left: 0.5%;
  background-image: url(../imgs/env-next-active.png);
}
#env-swiper .swiper-button-next.swiper-button-disabled {
  background-image: url(../imgs/env-next.png);
}
#renyuan-wrap {
  color: #333;
  position: relative;
}
#renyuan-wrap .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#renyuan-wrap .title {
  font-size: 0.38rem;
  text-align: center;
  padding: 4% 0 0;
}
#renyuan-wrap .desc {
  font-size: 0.22rem;
  margin-top: 1%;
  text-align: center;
}
#renyuan-wrap .content {
  margin-top: 3%;
}
#renyuan-wrap .content .left-wrap {
  float: left;
  /* width: 43.5%; */
  width: 90%;
  margin-left: 5%;
}
#renyuan-wrap .content .right-wrap {
  float: left;
  width: 43.5%;
  margin-left: 3%;
}
#renyuan-wrap .content .renyuan {
  margin-bottom: 8%;
}
#renyuan-wrap .content .renyuan .point {
  background-color: #004baa;
  color: #fff;
  /* 
  font-size: 0.28rem;
  padding: 0 5%;
  */
  font-size: 0.24rem;
  padding: 0.5% 2%;
  border-top-right-radius: 0.3rem;
  display: inline-block;
  line-height: 1.6;
  /* width: 40%; */
  width: 100%;
  margin-bottom: 1%;
}

#renyuan-wrap .content .renyuan .text {
  /* 
  font-size: 0.2rem;
  line-height: 1.8;
  */
  font-size: 0.24rem;
  line-height: 2;
  width: 51%;
  text-indent: 2em;
  padding: 1.5% 0;
}
#zizhi-wrap {
  background-color: #fff;
  padding-bottom: 5%;
}
#zizhi-wrap > .title {
  font-size: 0.38rem;
  text-align: center;
  padding: 4% 0 3%;
}
#zizhi-wrap .left-wrap {
  float: left;
  width: 36%;
}
#zizhi-wrap .right-wrap {
  float: left;
  width: 60%;
  margin-left: 4%;
  font-size: 0.2rem;
}
#zizhi-wrap .line1 {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 2%;
}
#zizhi-wrap .line1 .title {
  color: #333;
  padding-top: 1%;
}
#zizhi-wrap .line1 .zizhi-list li {
  background-image: url(../imgs/zizhi.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.08rem;
  padding-left: 0.18rem;
  margin-top: 1%;
  color: #004baa;
}
#zizhi-wrap .line2 {
  margin-top: 3%;
  line-height: 2;
}
#zizhi-swiper .swiper-slide {
  border: 1px solid #e8e8e8;
}
#zizhi-swiper .swiper-pagination {
  margin-top: 2%;
  bottom: auto;
  position: relative;
}
#zizhi-swiper .swiper-pagination-bullet-active {
  background-color: #004baa;
}
#fixed-buttons {
  position: fixed;
  bottom: 10%;
  right: 2%;
  z-index: 99;
}
#fixed-buttons a {
  display: block;
  font-size: 12px;
  margin-top: 10%;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 50% 25%;
  text-align: center;
  padding-top: 62%;
}
#fixed-buttons a.zixun {
  background-image: url(../imgs/overview-zixun.png);
}
#fixed-buttons a.tel {
  background-image: url(../imgs/overview-tel.png);
}
#fixed-buttons a.to-top {
  background-image: url(../imgs/to-top.png);
}
#service-page {
  padding-top: 2%;
  padding-bottom: 10%;
  color: #333;
}
#service-page .item-list {
  width: 22%;
  float: left;
  background-color: #e3edfd;
  padding: 2% 2.5%;
}
#service-page .item-list li {
  margin-bottom: 10%;
  background-color: #edf2fd;
  border-radius: 0.1rem;
  width: 90%;
  box-shadow: 0 0.07rem 0.05rem 0 rgba(181, 195, 233, 0.28);
}
#service-page .item-list li.active {
  width: 100%;
  background: none;
  background-image: url(../imgs/service-bg.png);
  background-size: 100% 100%;
  box-shadow: none;
}
#service-page .item-list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8% 5% 8% 35%;
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: 18% center;
}
#service-page .item-list li:nth-child(1) a {
  background-image: url(../imgs/service1.png);
}
#service-page .item-list li:nth-child(2) a {
  background-image: url(../imgs/service2.png);
}
#service-page .item-list li:nth-child(3) a {
  background-image: url(../imgs/service3.png);
}
#service-page .item-list li:nth-child(4) a {
  background-image: url(../imgs/service4.png);
}
#service-page .item-list li:nth-child(5) a {
  background-image: url(../imgs/service5.png);
}
#service-page .item-list li:nth-child(6) a {
  background-image: url(../imgs/service6.png);
}
#service-page .item-list li:nth-child(7) a {
  background-image: url(../imgs/service7.png);
}
#service-page .item-list li:nth-child(8) a {
  background-image: url(../imgs/service8.png);
}
#service-page .service-list {
  width: 75%;
  float: right;
}
#service-page .service-list li {
  padding-top: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #d8dce6;
  position: relative;
}
#service-page .service-list .title {
  font-weight: bold;
}
#service-page .service-list .desc {
  line-height: 2;
  margin-top: 1%;
  color: #666;
  font-size: 0.16rem;
}
#service-page .service-list .go {
  font-size: 0.16rem;
  color: #004baa;
  font-weight: bold;
  text-align: right;
  padding-right: 4%;
  margin-top: 1%;
}
#service-page .service-list .go a {
  padding-right: 1.6%;
  background-image: url(../imgs/home/more.png);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: right 30%;
}
#publicity-page {
  color: #333;
}
.search-wrap {
  display: block;
  width: 47%;
  margin: 5% auto;
  height: 0.65rem;
  line-height: 0.65rem;
  border-radius: 0.325rem;
  background-color: #fff;
  border: 1px solid #e5e8ee;
  padding-left: 4%;
  padding-right: 8%;
  background-image: url(../imgs/search.png);
  background-repeat: no-repeat;
  background-size: 0.18rem;
  background-position: 4% center;
  position: relative;
}
.search-wrap input[type='text'] {
  width: 100%;
  height: 100%;
}
.search-wrap input[type='submit'] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 15%;
  color: #eef2f9;
  font-size: 0.2rem;
  text-align: center;
  background-color: #004baa;
  overflow: hidden;
  border-top-right-radius: 0.325rem;
  border-bottom-right-radius: 0.325rem;
}
.publicity-box {
  margin-bottom: 10%;
}
.publicity-box .nav-tabs {
  border: none;
}
.publicity-box .nav-tabs li {
  margin-right: 1%;
  margin-bottom: 0;
}
.publicity-box .nav-tabs li a {
  background-color: #dee2ea;
  margin-right: 0;
  display: block;
  border-radius: 0;
}
.publicity-box .nav-tabs li.active > a {
  background-color: #fff;
  border: 1px solid #fff;
  color: #004baa;
  font-weight: bold;
  border-radius: 0;
}
.publicity-box .tab-content .list {
  background-color: #fff;
  padding: 0 2% 5%;
}
.publicity-box .tab-content .list li {
  border-bottom: 1px solid #d8dce6;
  padding: 2% 0 1.5%;
}
.publicity-box .tab-content .list li .number span {
  display: inline-block;
  background-color: #d2def9;
  color: #004baa;
  line-height: 2;
  padding: ;
  border-radius: 0.1rem;
  font-size: 0.14rem;
  font-weight: bold;
  padding: 0 0.1rem;
}
.publicity-box .tab-content .list li .title {
  font-size: 0.16rem;
  margin-top: 1%;
  color: #333;
}
.publicity-box .tab-content .list li .title:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background-color: #004baa;
  margin-right: 10px;
}
.publicity-box .tab-content .list li .date {
  float: right;
  color: #666;
}
.publicity-box .tab-content .list li .go {
  font-size: 0.16rem;
  color: #004baa;
  font-weight: bold;
  text-align: right;
  padding-right: 3%;
  margin-top: 1%;
}
.publicity-box .tab-content .list li .go a {
  padding-right: 1.6%;
  background-image: url(../imgs/home/more.png);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: right 25%;
}
#news-page {
  padding: 5%;
}
.news-nav {
  color: #333;
}
.news-nav li {
  font-size: 0.2rem;
  padding: 0.8% 1.8%;
  margin-right: 1%;
  background-color: #d8dce6;
  display: inline-block;
}
.news-nav li.active {
  background-color: #004baa;
  color: #eef2f9;
}
#news-page .news-list li {
  margin-top: 3%;
  border-bottom: 1px solid #d8dce6;
  padding-bottom: 3%;
}
#news-page .news-list li .pic {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
#news-page .news-list li .pic img {
  width: 100%;
}
#news-page .news-list li .text {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-left: 0;
  padding: 1% 0;
}
#news-page .news-list li .text .title {
  font-weight: bold;
}
#news-page .news-list li .text .date {
  float: right;
  color: #666;
}
#news-page .news-list li .text .desc {
  margin-top: 1%;
  color: #666;
  line-height: 2;
}
.pagination-wrap {
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: 5%;
}
.pagination-wrap li {
  display: inline-block;
  margin: 0 5px;
}
.pagination-wrap li a {
  background: #fff;
  padding: 15px 20px;
}
.pagination-wrap li.active a {
  background-color: #004baa;
  color: #fff;
}
.pagination-wrap form {
  display: inline-block;
  margin: 0 8px;
}
.pagination-wrap form input {
  width: 60px;
  text-align: center;
  background-color: #fff;
  padding: 12px 5px;
}
#detail-page {
  padding: 3% 3% 5%;
}
#detail-page .links {
  font-size: 0.16rem;
  color: #999;
  margin-bottom: 0;
}
#detail-page .links a:hover {
  text-decoration: underline;
}
#detail-page .links li {
  display: inline-block;
}
#detail-page .links li:after {
  content: ">";
}
#detail-page .links li:last-child:after {
  content: "";
}
#detail-page .details .title {
  font-size: 0.3rem;
  color: #27274a;
  font-weight: bold;
  text-align: center;
  padding: 2% 15%;
  padding-bottom: 1%;
  line-height: 1.8;
}
#detail-page .details .date {
  text-align: center;
  color: #a7a7bb;
  padding-bottom: 2%;
  border-bottom: 1px solid #d8dce6;
}
#detail-page .details .text {
  padding-top: 2%;
  line-height: 2;
}
#detail-page .details .text img {
  width: auto;
  max-width: 100%;
}

/** 联系我们 **/
#connect-page {
  padding: 0 10%;
  padding-bottom: 5%;
  color: #333;
}
#connect-page .box {
  margin-top: 5%;
}
#connect-page .box .title {
  margin-bottom: 2%;
}
#connect-page .box .title span {
  padding-right: 0.3rem;
  font-size: 0.28rem;
  background-image: url(../imgs/place.png);
  background-repeat: no-repeat;
  background-size: 0.13rem;
  background-position: right center;
}
#connect-page .box .content .map {
  width: 58%;
  display: inline-block;
  vertical-align: middle;
}
#connect-page .box .content .map iframe {
  display: block;
  width: 100%;
  outline: none;
  height: 5.5rem;
  border: none;
}
#connect-page .box .content .text {
  font-size: 0.2rem;
  width: 38%;
  padding-left: 5%;
  line-height: 2.2;
  display: inline-block;
  vertical-align: middle;
}

/** 通用 **/
.textindent2 {
	text-indent: 2em;
}