/*必备样式*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0;
}
button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font: 14px Arial, Tahoma;
  color: #666;
  font-weight: normal;
  line-height: 22px;
}
button, input, select, textarea, label {
  vertical-align: middle;
  border: 0;
  outline: none;
}
img {
  vertical-align: middle;
  border: none;
  display: inline-block;
  max-width: 100%;
}
ul, ol {
  list-style: none;
}
a {
  text-decoration: none !important;
  color: #666;
  vertical-align: baseline;
  cursor: pointer;
  font-size: inherit;
  -o-transition: .2s ease;
  -moz-transition: .2s ease;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
a:hover {
  color: #333;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  word-wrap: break-word;
  word-break: break-all;
  background: #fff;
  max-width: 800px;
  margin: 0 auto;
}
em, i {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
} /*清浮*/ .g-cf:after {
  content: "";
  clear: both;
  display: table;
}
.g-cf {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}
.clearfix {
  *zoom: 1;
} /*浮动*/ .fl {
  float: left;
  _display: inline;
}
.fr {
  float: right;
  _display: inline;
}
input[type='checkbox']:focus {
  outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */ color: #c2c5d3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c2c5d3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c2c5d3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #c2c5d3;
}
@media only screen and (min-width: 640px) {
  html {
    font-size: 525%;
  }
}
@media only screen and (max-width: 640px) and (min-width: 580px) {
  html {
    font-size: 525%;
  }
}
@media only screen and (max-width:580px) and (min-width: 440px) {
  html {
    font-size: 425%;
  }
}
@media only screen and (max-width:440px) and (min-width: 400px) {
  html {
    font-size: 325%;
  }
}
@media only screen and (max-width:400px) and (min-width: 360px) {
  html {
    font-size: 310%;
  }
}
@media only screen and (max-width:360px) and (min-width: 320px) {
  html {
    font-size: 300%;
  }
}
.container {
  max-width: 800px;
  padding: 0 2.8%;
   border-bottom: 8px solid #ffffff; 
}
.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  background: #e2cfaa;
}
.hd_con {
  padding: 0.25rem 0;
  position: relative;
}
.nav_icon {
  float: left;
}
.nav_icon img, .h_tel img {
  height: 0.5rem;
}
.h_tel {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.25rem;
}
.naver {
  position: absolute;
  width: 40%;
  left: 0;
  top: 1rem;
  background: #FFFFFF;
  display: none;
}
.naver ul li {
  border-bottom: 1px solid #e1e1e1;
}
.naver ul li:last-child {
  border-bottom: none;
}
.naver ul li a {
  display: block;
  width: 100%;
  text-align: center;
  color: #333333;
  font-size: 0.28rem;
  line-height: 0.8rem;
}
.kosCtrl {
  padding: 1rem 0 0.97rem 0;
}
.footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #363636;
  z-index: 5;
}
.footer ul li {
  width: 25%;
  float: left;
}
.footer ul li a {
  display: block;
  width: 100%;
  text-align: center;
  color: #e3e3e4;
  font-size: 0.2rem;
  padding: 0.1rem 0 0;
}
.footer ul li a img {
  height: 0.5rem;
}
.footer ul li a p {
  line-height: 0.38rem;
}
.banner .swiper-pagination-bullet {
  opacity: 1;
  width: 0.19rem;
  height: 0.19rem;
  background: rgba(198, 198, 198, 0.8);
}
.banner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.8);
}
.index_list1 ul {
  padding: 0 2.8%;
  margin-top: 0.18rem;
}
.index_list1 ul li {
  width: 49.26%;
  float: left;
  margin-right: 1.48%;
  margin-bottom: 0.1rem;
}
.index_list1 ul li:nth-child(2n) {
  margin-right: 0;
}
.index_list1 ul li a {
  display: block;
  width: 100%;
  height: 2.15rem;
  background-size: cover;
  background-position: center;
  position: relative;
}
.index_info1 {
  position: absolute;
  width: 100%;
  left: 0;
  padding-left: 0.22rem;
  top: 0.55rem;
}
.index_info1 h2 {
  color: #ffffff;
  font-size: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index_info1 h3 {
  color: rgba(255, 255, 255, 0.25);
  line-height: 0.26rem;
  font-size: 0.2rem;
}
.index_info1 h4 img {
  height: 0.28rem;
}
.index_title1 {
  text-align: center;
  padding: 0.42rem 2.8% 0.68rem 2.8%;
}
.index_title1 h1 {
  color: #4c4c4c;
  font-size: 0.38rem;
  padding-top: 0.2rem;
  position: relative;
  margin-bottom: 0.15rem;
  font-weight: bold;
}
.index_title1 h1:before {
  position: absolute;
  content: "";
  width: 0.4rem;
  height: 0.06rem;
  background: #f78497;
  left: 50%;
  margin-left: -0.2rem;
  top: 0;
}
.index_title1 p {
  color: #8a8a8a;
  font-size: 0.2rem;
}
.index_swiper1 .swiper-slide a {
  display: block;
  width: 100%;
  position: relative;
}
.index_swiper1 .swiper-slide a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(53, 53, 53, 0.35);
  z-index: 9;
}
.index_c1 {
  position: relative;
  z-index: 5;
}
.case_img1 {
  height: 5.98rem;
  background-size: cover;
  background-position: center;
}
.case_info1 {
  padding: 0.15rem 0.25rem;
  background: #f6f7fb;
}
.case_info1 h2 {
  color: #414141;
  font-size: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.case_info1 .txt {
  color: #727272;
  font-size: 0.24rem;
  line-height: 0.36rem;
  height: 1.08rem;
  overflow: hidden;
}
.index_swiper1 .swiper-container {
  padding: 0.5rem 0;
}
.index_swiper1 .swiper-slide-active {
  transform: scale(1.15);
  box-shadow: 0 0.03rem 0.13rem rgba(6, 0, 1, 0.15);
  z-index: 10;
}
.index_swiper1 .swiper-slide-active a:before {
  z-index: 5;
}
.index_swiper1 .swiper-slide-active a .index_c1 {
  z-index: 9;
}
.index_swiper1 .swiper-slide-active a .case_info1 {
  background: #FFFFFF;
}
.index_swiper1 .swiper-slide-active a .case_info1 .txt {
  height: 1rem;
}
.index_swiper1 {
  margin-bottom: 0.2rem;
}
.more1 {
  text-align: center;
}
.more1 a {
  display: inline-block;
  padding: 0 0.35rem;
  line-height: 0.5rem;
  border: 1px solid #f78497;
  border-radius: 0.12rem;
  color: #f78497;
  font-size: 0.24rem;
}
.index_know1 {
  padding: 0.2rem 2.8%;
  background: #f7f4f8;
}
.know_list1 {
  padding: 0.25rem 2.8% 0.35rem 2.8%;
}
.know_list1 ul li {
  padding: 0.06rem 0;
}
.know_list1 ul li a {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 0.35rem;
}
.know_list1 ul li a em {
  position: absolute;
  right: 0;
  color: #b3b3b3;
  font-size: 0.24rem;
}
.know_list1 ul li a span {
  width: 80%;
  display: inline-block;
  color: #4b4b4b;
  font-size: 0.3rem;
  font-weight: bold;
}
.know_list1 ul li a:before {
  position: absolute;
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background: #f78497;
  left: 0;
  top: 50%;
  margin-top: -0.1rem;
}
.f_con {
  text-align: center;
  background: #2f343b;
}
.f_cons {
  text-align: center;
   
}
.f_c1 {
  padding: 0.5rem 0 0.3rem 0;
}
.f_ewm {
  margin-bottom: 0.24rem;
}
.f_ewm h3 img {
  height: 2.18rem;
}
.f_ewm h5 img {
   
}
.f_ewm p {
  color: #fff;
  font-size: 0.2rem;
  padding-top: 0.07rem;
}
.f_tel h2 {
  color: #ffffff;
  font-size: 0.3rem;
  margin-bottom: 0.15rem;
}
.f_tel h4 {
  color: #ffffff;
  font-size: 0.5rem;
  font-weight: bold;
  line-height: 1rem;
}
.f_c2 {
  padding: 0.28rem 0;
  border-top: 0.02rem solid #3e4246;
}
.f_c2 p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.24rem;
  line-height: 0.44rem;
}
.know_list2 {
  padding: 0.38rem 2.8%;
}
.know_list2 ul li {
  margin-bottom: 0.3rem;
}
.know_list2 ul li a {
  display: block;
  width: 100%;
  background: #f9f9f9;
}
.know_img1 {
  width: 35.88%;
  float: left;
  height: 1.74rem;
  background-size: cover;
  background-position: center;
}
.know_info1 {
  width: 64.12%;
  float: right;
  padding: 0.24rem 0.3rem 0 0.3rem;
}
.know_info1 h2 {
  color: #585656;
  font-size: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.15rem;
}
.know_info1 p {
  color: #b0b0b0;
  font-size: 0.28rem;
  line-height: 0.38rem;
  height: 0.76rem;
  overflow: hidden;
}
.page {
  text-align: center;
}
.page a {
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  font-size: 18px;
  width: 38px;
  height: 38px;
  line-height: 36px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin: 0 2px;
}
.page a.on {
  border-color: #f78b9d;
  font-weight: bold;
}
.page a:last-child {
  background: url(../images/btn6.png) no-repeat center;
}
.page a:first-child {
  background: url(../images/btn5.png) no-repeat center;
}
.ny_list1 {
  padding: 0.42rem 2.8% 0 2.8%;
}
.ny_list1 ul {
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ny_list1 ul li {
  display: inline-block;
  margin: 0 0.1rem;
}
.ny_list1 ul li a {
  display: inline-block;
  padding: 0 0.3rem;
  line-height: 0.6rem;
  background: #f5f5f5;
  border-radius: 0.2rem;
  color: #565656;
  font-size: 0.28rem;
}
.ny_list1 ul li.active a {
  background: #3f3637;
  color: #FFFFFF;
}
.about_info1 .txt {
  text-align: justify;
  color: #7c7c7c;
  font-size: 0.28rem;
  line-height: 0.44rem;
}
.about_c {
  padding: 0.6rem 0;
}
.environment_list {
  padding: 0 2.8% 0.44rem 2.8%;
}
.environment_list ul li {
  width: 46.32%;
  float: left;
  margin-right: 7.36%;
  margin-bottom: 0.2rem;
}
.environment_list ul li:nth-child(2n) {
  margin-right: 0;
}
.environment_list ul li a {
  display: block;
  width: 100%;
}
.environment_img {
  height: 2.43rem;
  background-size: cover;
  background-position: center;
  margin-bottom: 0.12rem;
}
.environment_list ul li a h2 {
  color: #404040;
  font-size: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.environment_list ul {
  margin-bottom: 0.5rem;
}
.package_list {
  padding: 0.6rem 2.8% 0.36rem 2.8%;
}
.package_list ul li {
  margin-bottom: 0.28rem;
}
.package_list ul li a {
  display: block;
  width: 100%;
  position: relative;
  padding: 0.24rem 0.1rem 0.24rem 2.6rem;
  background: #f0f0f0;
}
.package_img {
  position: absolute;
  width: 2.18rem;
  height: 2.18rem;
  top: 50%;
  margin-top: -1.09rem;
  left: 0.25rem;
  background-size: cover;
  background-position: center;
}
.package_info h2 {
  color: #343435;
  font-size: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.package_info h3 {
  color: #343435;
  font-size: 0.26rem;
  padding-left: 0.12rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.06rem 0;
}
.package_info h3:before {
  position: absolute;
  content: "";
  width: 0.03rem;
  height: 0.2rem;
  left: 0;
  top: 50%;
  margin-top: -0.1rem;
  background: #f78497;
}
.package_info p {
  color: #838383;
  font-size: 0.24rem;
  line-height: 0.36rem;
  height: 0.72rem;
  overflow: hidden;
}
.package_info h4 {
  color: #343435;
  font-size: 0.24rem;
  margin-top: 0.06rem;
}
.package_info h4 big {
  color: #e70026;
  font-size: 0.3rem;
  font-weight: bold;
}
.news_tit1 {
  text-align: center;
  margin-bottom: 0.3rem;
}
.news_tit1 h1 {
  color: #505050;
  font-size: 0.32rem;
  padding-bottom: 0.16rem;
  border-bottom: 0.02rem solid #f0f0f0;
  margin-bottom: 0.15rem;
}
.news_tit1 h2 {
  color: #bfbfbf;
  font-size: 0.24rem;
}
.pian {
  padding-top: 0.2rem;
  border-top: 0.02rem solid #f0f0f0;
  margin-top: 0.4rem;
}
.pian a {
  width: 50%;
  color: #676767;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pian a + a {
  text-align: right;
}
.case_list {
  padding: 0.54rem 2.8% 0.46rem 2.8%;
}
.case_list ul li {
  width: 46.17%;
  float: left;
  margin-right: 7.66%;
  margin-bottom: 0.35rem;
}
.case_list ul li:nth-child(2n) {
  margin-right: 0;
}
.case_list ul li a {
  display: block;
  width: 100%;
}
.case_img2 {
  height: 2.09rem;
  background-size: cover;
  background-position: center;
  position: relative;
}
.case_img2:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(68, 68, 68, 0.5);
  left: 0;
  top: 0;
}
.case_info2 {
  padding: 0.08rem 0;
}
.case_info2 h2 {
  color: #7d7d7d;
  font-size: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case_info2 h3 {
  color: #bebebe;
  font-size: 0.26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pagelist {
  font-size: 14px;
  width: 40%;
  color: #6f8dff;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1%;
}
.pagelist li {
  padding-bottom: 0px;
  padding-left: 3px;
  padding-right: 3px;
  float: left;
  padding-top: 0px;
  color: #6f8dff;
  list-style-type: none;
}
.pagelist li a {
  color: #6f8dff;
}