/* 这个文件里写的是全局样式,在各个页面都生效 */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  user-select: text;
  font-size: 14px;
  font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei','simsun',sans-serif;
  -webkit-overflow-scrolling: touch;
  min-height: 100vh;
}
html {
  background-color: #facf9f;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
body, html, .page {
  padding: 0;
  margin: 0;
  position: relative;
}
h1, h2, h3, h4, h5, input {
  margin: 0;
  padding: 0;
}
ul, li {
  list-style-type: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  color: initial;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td{
  margin:0;
  padding:0;
}

.clear:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.w1000 {
  width: 1000px;
  margin: 0 auto;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pc .no-pc, .phone .no-phone {
  display: none;
}

.phone .no-phone, .pc .no-pc {
  display: none;
}

.phone .w1000 {
  width: 100%;
}

.phone .card-item {
  width: 100%;
  background-size: 98%;
  margin: 0;
  background-position: center top;
  height: 74vw;
}

.phone .card-item .people {
 left: 11vw;
 top: 12vw;
 width: auto;
 height: 36vw;
}

.phone .card-item h2 {
 font-size: 14px;
 left: 11vw;
 top: 5vw;
 width: 80vw;
 line-height: 19px;
}
.phone .card-item p {
  left: 44vw;
  font-size: 12px;
  line-height: 18px;
  width: 46vw;
  top: 20vw;
  height: 29vw;
}

.phone .liuyan-button {
  top: 61vw;
}

.phone #copyright {
  margin-top: 0;
  padding-top: 20px;
}

.phone .title-bar {
  width: 80%;
  margin: 10vw auto;
}

.phone .tab-bar-item.video-item {
  position: absolute;
  width: 15vw;
  top: -18vw;
  right: 6vw;
}

.phone .tab-bar-button {
  width: 28vw;
  height: 9vw;
  margin: 0 2vw;
  line-height: 9vw;
  font-size: 12px;
  border-radius: 5px;
  box-shadow: 2px 3px 4px #e08181;
}

.phone .card-video-item {
  margin: 10vw auto;
  float: none;
}

.phone .card-box-4 .scr-box {
  height: 925px;
  overflow: hidden;
}

.phone .conn {
  padding-top: 70vw;
}

.city-box-phone {
  border: none;
  background-color: #f23d39;
  color: white;
  width: 82px;
  height: 26px;
  line-height: 26px;
  position: fixed;
  right: 3vw;
  z-index: 9;
  top: 8%;
  padding: 0 10px;
  -webkit-appearance: none;
  background-image: url('../resource/arrow.png');
  background-repeat: no-repeat;
  background-position: 57px 8px;
}

.phone .sign {
  height: 9vw;
  right: 11vw;
  bottom: 21vw;
}
.city-box {z-index: 9999;}
.card-item .people {
  height: 160px;
  top: 70px;
}
.card-item h2 {
  left: 50px;
  top: 27px;
  display: block;
  width: 370px;
  text-align: center;
}
.card-item p {
 top: 70px;
 left: 180px;
 font-size: 16px;
 line-height: 26px;
}
.text-info-b {
text-align: center;
    margin-top: 60px;
    line-height: 40px;
    color: #b97c35;
    font-size: 16px;
}
.phone .text-info-b {display: none;}