@charset "utf-8";
* {
  box-sizing: border-box;
}
body {
  background-color: #fff;
  font-family: "AlibabaPuHuiTi", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  max-width: 1920px;
  margin: 0 auto;
}
html,body{overflow-x: hidden;}
html{font-size: 100px;}
.logo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
	width: 23.49%;
}

.kv {
  position: relative;
}

.kv .logo a {
  width: 100%;
  display: inline-block;
}
img {
  vertical-align: middle;
}
.kv .media {
  width: 100%;
}
.logo img{width: 100%;display: block;}
.part1{
	width: 100%;
	height: 15.52rem;
	background: url(../img/part1.jpg) no-repeat center top;
	background-size: 19.2rem 15.52rem;
}
.part2{
	width: 100%;
	height: 8.88rem;
	background: url(../img/part2.jpg) no-repeat center top;
	background-size: 19.2rem 8.88rem;
	margin-top: -.01rem;
}
.time{color: #b9dfff;font-size: .22rem;text-align: center;line-height: .32rem;padding-top: 1.41rem;}
.type-area1 {
  margin: .12rem auto 0;
	width: 11.94rem;
}
.tabs {
  font-size: 0;
	text-align: center;
}
.tabs .tab {
  display: inline-block;
	vertical-align: top;
  cursor: pointer;
  height: .64rem;
  width: 2.61rem;
}
.tabs .tab.tab1 {
  background: url("../img/tab1-off.png") no-repeat left top/100% 100%;
}

.tabs .tab.tab2 {
  background: url("../img/tab2-off.png") no-repeat left top/100% 100%;
}
.tabs .tab.tab1.on {
  background: url("../img/tab1-on.png") no-repeat left top/100% 100%;
}
.tabs .tab.tab2.on{
  background: url("../img/tab2-on.png") no-repeat left top/100% 100%;
}
.table-list {
  width: 100%;
  position: relative;
  z-index: 2;
	margin-top: .28rem;
	height: 9.53rem;
}
.table-list th {
  position: relative;
  color: #fff;
  font-size: .2rem;
	height: .53rem;
  text-align: center;
  font-weight: bold;
	font-weight: normal;
}
.table-list .theader th:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  height: .26rem;
  width: 1px;
  background-color: #3975b5;
}

.table-list td {
  color: #00295c;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #184986;
  font-size: .16rem;
}
.table-list tr td:nth-child(3),.table-list tr td:nth-child(4) {
  border-right: none;
  padding-right: 0;
}
.table-list tr td:last-child,.table-list tr td:first-child {
  border-left: none;
}
.table-list .tag {
  display: inline-block;
  width: 1.1rem;
  height: .32rem;
  text-align: center;
  padding-left: .07rem;
	line-height: .32rem;
  color: #fff;
	font-size: .14rem;
  background: url("../img/tag.png") no-repeat left top/100%;
}
.property-list {
  display: flex;
  flex-wrap: wrap;
}
.property-list .property-item {
  text-align: center;
	width: 1.05rem;
	padding: .1rem 0 .07rem .05rem;
}
.property-list .property-item .property {
  width: .37rem;
  object-fit: contain;
	display: block;
  margin:0 auto .05rem;
}
.property-info {
  font-size: 0;
}
.property-list .property-item span {
  display: inline-block;
  line-height: .19rem;
  font-size: .16rem;
}
.property-content {
  display: flex;
  align-items: center;
  gap: 0;
}
.property-content .property-list {
  flex: 1;
}
.other {
  float: right;
  width: 2.03rem;
  height: 1.66rem;
  background: url("../img/other.png") no-repeat left top / 100%;
}
.other p {
  color: #a47143;
  font-size: .14rem;
  line-height: .2rem;
	padding: .09rem 0 .29rem;
}
.other-list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.other-list .item {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.other-list .item .name {
 color: #00295c;font-size: .16rem;line-height: .19rem;margin-top: .03rem;
}
.other-list .item img {
  width: .47rem;
  height: .47rem;
  object-fit: contain;
}
.tip {
  width: 12rem;
	margin: 0 auto;
  line-height: 1;
  color: #fff;
	padding: .57rem 0 .08rem;
  font-size: .24rem;
}
.tip-item {
	margin: .08rem auto 0;
  width: 11.78rem;
  font-size: .16rem;
  color: #fff;
  line-height: .19rem;
  text-align: justify;
	position: relative;
	padding-left: .22rem;
}
.tip-item span{top:-.02rem;left:-.05rem;position: absolute;text-align: center;width: .22rem;height: .22rem;background: url(../img/spanbg.png) no-repeat;background-size: 100% 100%;line-height: .22rem;}
.tip-item.zhu {
	padding-left: 0;
	width: 12rem;
  color: #74f3f4;
}
.faq{width: 10.56rem;margin: 0 auto;padding-top: 1.86rem;}
.faq-content {
  color: #00295c;
  line-height: .19rem;
  font-size: .16rem;
}
.faq-content .q-item {
  padding-top: .16rem;
}
.faq-content .q-item3,.faq-content .q-item4,.faq-content .q-item5,.faq-content .q-item6{padding-top: .2rem;}
.faq-content .q {
  line-height: .39rem;
	font-size: .22rem;
}
.faq-content .q-item a {
  color: #875900;
  text-decoration: underline;
}
.light {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  opacity: 0;
  transform: translateY(-50px) scale(0.8);
  transition: 1s ease-in-out;
}
.onload .light {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.kv{width: 100%;overflow-x: hidden;}
.kv .title {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  opacity: 0;
  transform: translateX(-50%) translateY(-150px);
  transition: 0.8s cubic-bezier(0.175, 1.285, 0.12, 1.25);
}
.kv .title img{width: 100%;}
.kv.onload .title {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.kv .bar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(0);
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 1.2s cubic-bezier(0.175, 1.285, 0.12, 1.25);
}
.kv.onload .bar {
  opacity: 1;
  top: 0;
  transform: translateX(-50%) scale(1);
}
.kv.onload .bar img{width: 100%;}
@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url(../font/AlibabaPuHuiTi-2-65-Medium.ttf);
}
#cyou_bottom{height: 120px!important;}