/* -------------position------------ */
/*------------background------------*/
/*------------padding--------------*/
/*------------margin--------------*/
/*------------font--------------*/
/*------------border--------------*/
/* -------------DIY------------ */
.home-bg {
  background: url('../img/bg.jpg') no-repeat top center;
  background-size: 100% 100%;
  height: 100%;
}
.title {
  background-image: url('../img/tit.png');
  width: 100vw;
  height: 69.06666667vw;
  margin: 13.33333333vw auto 0;
}
.btn {
  background-image: url('../img/map.png?v=1');
  width: 54.93333333vw;
  height: 17.86666667vw;
  margin: 0vw auto 0;
  display: block;
}
.zt {
  background-image: url('../img/zt.png?v=1');
  margin: 0vw auto 0;
}
.tp {
  background-image: url('../img/tp.png?v=1');
  margin: 0vw auto 0;
}
.hz {
  background-image: url('../img/hz.png?v=1');
  width: 80.66666667vw;
  height: 22.93333333vw;
  margin: 6.66666667vw auto 0;
}
.zTop {
  background-image: url('../img/ztTop.jpg?v=1');
  width: 100vw;
  height: 86.26666667vw;
  margin: 0vw auto 0;
}
.more {
  display: block;
  background-image: url('../img/more.png?v=2');
  width: 48.66666667vw;
  height: 13.33333333vw;
  margin: -13.33333333vw auto 0;
}
.tshd {
  background-image: url('../img/tshd.jpg');
  width: 100vw;
  height: 25.33333333vw;
}
.wh {
  background-image: url('../img/wh2.jpg?v=2');
}
.scollImg {
  padding: 0vw 2vw;
  margin-bottom: 6.66666667vw;
  overflow: hidden;
}
.shipin {
  width: 100%;
}
.spList {
  border: 2px solid #fff;
  border-radius: 1.33333333vw;
  padding: 0.26666667vw 0.26666667vw;
  overflow: hidden;
}
.spDes {
  background: linear-gradient(to right, #1750a3, #632ca5, #8c18a6);
  padding: 2vw 2vw;
}
.spDes p {
  color: #fff;
}
.spDes .spTit {
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.spDes .spCont {
  text-align: left;
  font-size: 14px;
  margin-top: 2.66666667vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.tabList {
  padding: 2vw 2vw;
  margin: 6.66666667vw auto 0;
}
.tabList .tabTit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.tabList .tabTit .tt,
.tabList .tabTit .tt1 {
  width: 31.73333333vw;
  text-align: center;
  height: 12vw;
  line-height: 12vw;
  color: #fff;
  font-size: 20px;
  display: inline-block;
  background-image: url('../img/yg2.png');
  margin-bottom: 2.66666667vw;
}
.tabList .tabTit .cur,
.tabList .tabTit .cur1 {
  background-image: url('../img/yg1.png');
}
.listTit {
  background-image: url('../img/yg1.png');
  width: 31.73333333vw;
  text-align: center;
  height: 12vw;
  line-height: 12vw;
  color: #fff;
  font-size: 18px;
  margin: 2.66666667vw auto 0;
}
.tabItem .tab {
  display: none;
}
.tabItem .tab ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tabItem .tab ul li {
  width: 49%;
  text-align: center;
  margin-bottom: 4vw;
}
.tabItem .tab ul li a {
  display: block;
  color: #fff;
}
.tabItem .tab ul li .name {
  font-size: 16px;
  padding-top: 1.33333333vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.tabItem .tab ul li img {
  width: 100%;
  height: 30.66666667vw;
  border: 1px solid #fff;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.tabItem .tab.on {
  display: block;
}
.more2 {
  display: block;
  background-image: url('../img/more2.png');
  width: 44.4vw;
  height: 13.33333333vw;
  margin: 0vw auto 0;
}
.whList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2vw 2vw;
}
.whList li {
  padding-bottom: 2.66666667vw;
  margin-bottom: 4vw;
  width: 49%;
  border: 2px solid #fff;
  border-radius: 1.33333333vw;
  background: #fff;
}
.whList li a {
  display: block;
}
.whList li .videop {
  position: relative;
}
.whList li .videop .piao {
  position: absolute;
  right: 2.66666667vw;
  top: 1.33333333vw;
  color: #fff;
}
.whList li .bg .whTit {
  text-align: center;
  font-size: 16px;
  color: #000;
  padding: 1.33333333vw 0vw;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.whList li .bg .whCont {
  color: #000;
  padding-top: 1.33333333vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.jiayou {
  background: linear-gradient(to right, #1750a3, #632ca5, #8c18a6);
  width: 29.33333333vw;
  height: 6.66666667vw;
  line-height: 6.66666667vw;
  border-radius: 4vw;
  text-align: center;
  color: #fff;
  margin: 1.33333333vw auto 0;
}
.hui {
  background: #818181;
}
.mapItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mapItem li {
  width: 49%;
  text-align: center;
  margin-bottom: 4vw;
}
.mapItem li img {
  width: 46.8vw;
  height: 53.06666667vw;
}
.mapItem li .dianliang {
  color: #fff;
  font-size: 14px;
}
.mapItem li .dianliang span {
  color: #a50ca7;
}
.shadow {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  position: fixed;
  background-color: rgba(7, 15, 29, 0.8);
}
.shadow .liang {
  z-index: 99;
  background: #012b5c;
  width: 80%;
  padding-bottom: 6.66666667vw;
  border: 1px solid #9b97be;
  border-radius: 10px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.shadow .liang .txt {
  color: #fff;
  font-size: 18px;
}
.shadow .liang .hfT {
  background-image: url('../img/hfT.png');
  width: 54.4vw;
  height: 15.33333333vw;
  position: relative;
  top: -6.66666667vw;
  left: 16%;
}
.shadow .liang .ruleT {
  background-image: url('../img/ruleT.png');
}
.shadow .liang .mapBtn {
  width: 26.66666667vw;
  height: 9.33333333vw;
  line-height: 9.33333333vw;
  border-radius: 10px;
  background: #fff;
  color: #1750a3;
  font-size: 16px;
  text-align: center;
  margin: 6.66666667vw auto 0;
}
.shadow .liang .closed {
  background-image: url('../img/close.png');
  width: 7.33333333vw;
  height: 7.33333333vw;
  position: absolute;
  top: -10.66666667vw;
  right: -2vw;
}
.tab1 li a {
  background: #fff;
  overflow: hidden;
  border: 1px solid #3590a0;
  box-shadow: 0px 2px 8px #3590a0;
  border-radius: 1.33333333vw;
  margin-bottom: 4vw;
  display: flex;
  align-items: center;
}
.tab1 li a img {
  width: 37.33333333vw;
  height: 22.66666667vw;
}
.tab1 li a p {
  color: #000;
  font-size: 16px;
  margin-left: 2.66666667vw;
}
.whTop {
  background-image: url('../img/top2.jpg');
  width: 100vw;
  height: 88.66666667vw;
  margin: 0vw auto 0;
}
.top22 {
  background-image: url('../img/top2-2.jpg');
  position: relative;
}
.tshdTop {
  background-image: url('../img/top1.jpg');
}
.detailTop {
  background-image: url('../img/top3.jpg');
  height: 69.86666667vw;
}
.whd {
  padding: 5.33333333vw 6.66666667vw;
  background: #fff;
}
.whd h1 {
  font-size: 20px;
  color: #a50ca7;
  margin-bottom: 2vw;
}
.whd .whdTxt {
  color: #333;
  font-size: 16px;
  border-bottom: 1px dotted #9c9c9c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.addrF {
  display: flex;
  align-items: center;
  margin-top: 2.66666667vw;
}
.addrF .addr {
  width: 4.4vw;
  height: 6.93333333vw;
  margin-right: 1.33333333vw;
}
.addrF .date {
  width: 4.53333333vw;
  height: 4.53333333vw;
  margin-right: 1.33333333vw;
}
.mt40 {
  margin-top: 5.33333333vw;
}
.mb40 {
  margin-bottom: 5.33333333vw;
}
.xqT {
  width: 25.46666667vw;
  height: 9.46666667vw;
}
.xiangqing img {
  width: 100%;
  margin-top: 2vw;
}
.xiangqing p {
  margin-top: 2vw;
  color: #3d3d3f;
}
.fenxiang {
  display: block;
  background: linear-gradient(to right, #1750a3, #632ca5, #8c18a6);
  width: 40vw;
  height: 10.66666667vw;
  line-height: 10.66666667vw;
  text-align: center;
  color: #fff;
  margin: 4vw auto 0;
  border-radius: 6.66666667vw;
  font-size: 18px;
  position: fixed;
  bottom: 1.33333333vw;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fenxiang1 {
  display: block;
  background: linear-gradient(to right, #1750a3, #632ca5, #8c18a6);
  width: 40vw;
  height: 10.66666667vw;
  line-height: 10.66666667vw;
  text-align: center;
  color: #fff;
  margin: 4vw auto 0;
  border-radius: 6.66666667vw;
  font-size: 18px;
  position: fixed;
  bottom: 1.33333333vw;
  left: 22%;
  transform: translate(-50%, -50%);
}
.fenxiang2 {
  display: block;
  background: linear-gradient(to right, #1750a3, #632ca5, #8c18a6);
  width: 40vw;
  height: 10.66666667vw;
  line-height: 10.66666667vw;
  text-align: center;
  color: #fff;
  margin: 4vw auto 0;
  border-radius: 6.66666667vw;
  font-size: 18px;
  position: fixed;
  bottom: 1.33333333vw;
  left: 78%;
  transform: translate(-50%, -50%);
}
.detailTit {
  display: flex;
  align-items: center;
}
.detailTit p {
  margin-left: 1.33333333vw;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.vList li {
  background: #fff;
  margin-bottom: 5.33333333vw;
}
.vList li a {
  display: block;
}
.vList li a p {
  color: #000;
}
.imgw {
  width: 100%;
}
.flex-b {
  margin-bottom: 4vw;
  display: flex;
  justify-content: space-between;
  align-items: top;
}
.flex-b .toupiao {
  text-align: center;
  font-size: 20px;
  color: #a50ca7;
}
.flex-b .toupiao span {
  font-size: 20px;
}
.tips {
  position: fixed;
  right: 10px;
  top: 20px;
  color: #306cac;
  z-index: 99999;
}
.map {
  width: 100vw;
  overflow-x: scroll;
  position: relative;
}
.tupian {
  height: 266.66666667vw;
  position: relative;
}
.tupian3 {
  height: 178.66666667vw;
  position: relative;
}
.tupian4 {
  height: 229.2vw;
  position: relative;
}
.bbj {
  display: block;
  position: absolute;
  top: 16%;
  left: 37%;
  width: 60vw;
  height: 26.66666667vw;
}
.yjye {
  display: block;
  position: absolute;
  top: 30%;
  left: 88%;
  width: 33.33333333vw;
  height: 17.33333333vw;
}
.shushan {
  display: block;
  position: absolute;
  top: 33%;
  left: 41%;
  width: 34.66666667vw;
  height: 13.33333333vw;
}
.guogou {
  display: block;
  position: absolute;
  top: 38%;
  left: 72%;
  width: 50.66666667vw;
  height: 10.4vw;
}
.tianehu {
  display: block;
  position: absolute;
  top: 52%;
  left: 104%;
  width: 50.66666667vw;
  height: 24vw;
}
.hongyang {
  display: block;
  position: absolute;
  top: 43%;
  left: 30%;
  width: 46.66666667vw;
  height: 16vw;
}
.yintai {
  display: block;
  position: absolute;
  top: 43%;
  left: 94%;
  width: 25.33333333vw;
  height: 24vw;
}
.gangao {
  display: block;
  position: absolute;
  top: 53%;
  left: 45%;
  width: 57.33333333vw;
  height: 28vw;
}
.guijie {
  display: block;
  position: absolute;
  top: 65%;
  left: 67%;
  width: 53.33333333vw;
  height: 33.33333333vw;
}
.xingdacheng {
  display: block;
  position: absolute;
  top: 46%;
  left: 163%;
  width: 37.33333333vw;
  height: 35.33333333vw;
}
.zhengda {
  display: block;
  position: absolute;
  top: 49%;
  left: 203%;
  width: 34.66666667vw;
  height: 48.66666667vw;
}
.feicuihu {
  display: block;
  position: absolute;
  bottom: 4%;
  left: 187%;
  width: 69.6vw;
  height: 66.66666667vw;
}
.bailemen {
  display: block;
  position: absolute;
  bottom: 25%;
  left: 124%;
  width: 41.33333333vw;
  height: 31.33333333vw;
}
.baogongyuan {
  display: block;
  position: absolute;
  top: 8%;
  left: 103%;
  width: 37.33333333vw;
  height: 16.66666667vw;
}
.zhongyinyushi {
  display: block;
  position: absolute;
  top: 17%;
  left: 89%;
  width: 50.66666667vw;
  height: 38.66666667vw;
}
.wanda {
  display: block;
  position: absolute;
  top: 12%;
  left: 144%;
  width: 50.66666667vw;
  height: 38.66666667vw;
}
.ningguolu {
  display: block;
  position: absolute;
  top: 27%;
  left: 175%;
  width: 38.66666667vw;
  height: 9.33333333vw;
}
.leijie {
  display: block;
  position: absolute;
  top: 32%;
  left: 126%;
  width: 61.33333333vw;
  height: 23.33333333vw;
}
.houjie {
  display: block;
  position: absolute;
  top: 32%;
  left: 200%;
  width: 30.66666667vw;
  height: 24vw;
}
.hechai {
  display: block;
  position: absolute;
  top: 43%;
  left: 126%;
  width: 47.73333333vw;
  height: 25.33333333vw;
}
.yuefang {
  display: block;
  position: absolute;
  top: 53%;
  left: 107%;
  width: 50vw;
  height: 14.66666667vw;
}
.binhuyintai {
  display: block;
  position: absolute;
  top: 60%;
  left: 95%;
  width: 25.33333333vw;
  height: 18.66666667vw;
}
.tangxihe {
  display: block;
  position: absolute;
  top: 59%;
  left: 130%;
  width: 28.26666667vw;
  height: 19.33333333vw;
}
.rongchuang {
  display: block;
  position: absolute;
  top: 66%;
  left: 61%;
  width: 32vw;
  height: 17.33333333vw;
}
.aolai {
  display: block;
  position: absolute;
  bottom: 18%;
  left: 76%;
  width: 54.66666667vw;
  height: 22vw;
}
.chali {
  display: block;
  position: absolute;
  bottom: 48%;
  left: 204%;
  width: 23.33333333vw;
  height: 24.66666667vw;
}
.binhushidi {
  display: block;
  position: absolute;
  bottom: 40%;
  left: 180%;
  width: 32vw;
  height: 24.66666667vw;
}
.wanke {
  display: block;
  position: absolute;
  top: 16%;
  left: 21%;
  width: 42.66666667vw;
  height: 30.66666667vw;
}
.wanxianghui {
  display: block;
  position: absolute;
  top: 16%;
  left: 76%;
  width: 53.33333333vw;
  height: 24.66666667vw;
}
.luzhou {
  display: block;
  position: absolute;
  top: 34%;
  left: 27%;
  width: 40vw;
  height: 14vw;
}
.xinghua {
  display: block;
  position: absolute;
  top: 32%;
  left: 75%;
  width: 37.33333333vw;
  height: 22.66666667vw;
}
.chenghuangmiao {
  display: block;
  position: absolute;
  top: 45%;
  left: 97%;
  width: 40vw;
  height: 23.33333333vw;
}
.xintiandi {
  display: block;
  position: absolute;
  top: 50%;
  left: 143%;
  width: 22vw;
  height: 10.66666667vw;
}
.xinhuashudian {
  display: block;
  position: absolute;
  top: 56%;
  left: 133%;
  width: 32vw;
  height: 25.33333333vw;
}
.baida {
  display: block;
  position: absolute;
  top: 41%;
  left: 147%;
  width: 36vw;
  height: 15.33333333vw;
}
.mengshidai {
  display: block;
  position: absolute;
  top: 26%;
  left: 137%;
  width: 30vw;
  height: 20vw;
}
.cuozaoshanxiang {
  display: block;
  position: absolute;
  top: 18%;
  left: 172%;
  width: 14.66666667vw;
  height: 40vw;
}
.xioyaojin {
  display: block;
  position: absolute;
  top: 24%;
  left: 194%;
  width: 50vw;
  height: 12vw;
}
.beiyufang {
  display: block;
  position: absolute;
  top: 32%;
  left: 200%;
  width: 18.66666667vw;
  height: 6.66666667vw;
}
.buxingjie {
  display: block;
  position: absolute;
  top: 35%;
  left: 188%;
  width: 18.66666667vw;
  height: 24vw;
}
.lyintai {
  display: block;
  position: absolute;
  top: 43%;
  left: 209%;
  width: 28vw;
  height: 32vw;
}
.changhe {
  display: block;
  position: absolute;
  bottom: 25%;
  left: 200%;
  width: 35.33333333vw;
  height: 20vw;
}
.laobaoguan {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 219%;
  width: 29.33333333vw;
  height: 24vw;
}
.shaoquanhu {
  display: block;
  position: absolute;
  top: 9%;
  left: 52%;
  width: 36vw;
  height: 22.66666667vw;
}
.modian {
  display: block;
  position: absolute;
  top: 19%;
  left: 52%;
  width: 40vw;
  height: 15.33333333vw;
}
.baoye {
  display: block;
  position: absolute;
  top: 26%;
  left: 44%;
  width: 37.33333333vw;
  height: 10.66666667vw;
}
.wulishan {
  display: block;
  position: absolute;
  top: 31%;
  left: 59%;
  width: 22.66666667vw;
  height: 10vw;
}
.jiatianxia {
  display: block;
  position: absolute;
  top: 36%;
  left: 55%;
  width: 30.66666667vw;
  height: 15.33333333vw;
}
.yaohaigongyuan {
  display: block;
  position: absolute;
  top: 29%;
  left: 94%;
  width: 40vw;
  height: 25.33333333vw;
}
.shengtaigongyuan {
  display: block;
  position: absolute;
  top: 40%;
  left: 122%;
  width: 22.66666667vw;
  height: 17.33333333vw;
}
.yaohaiwanda {
  display: block;
  position: absolute;
  top: 47%;
  left: 112%;
  width: 29.33333333vw;
  height: 21.33333333vw;
}
.yaohaitianjie {
  display: block;
  position: absolute;
  top: 50%;
  left: 76%;
  width: 36vw;
  height: 21.33333333vw;
}
.xindi {
  display: block;
  position: absolute;
  top: 43%;
  left: 71%;
  width: 23.33333333vw;
  height: 16vw;
}
.yishujiequ {
  display: block;
  position: absolute;
  top: 54%;
  left: 49%;
  width: 26.66666667vw;
  height: 16vw;
}
.yaohaibaoli {
  display: block;
  position: absolute;
  top: 60%;
  left: 79%;
  width: 51.33333333vw;
  height: 19.33333333vw;
}
.longgang {
  display: block;
  position: absolute;
  top: 75%;
  left: 50%;
  width: 34vw;
  height: 24vw;
}
.yufenghuashi {
  display: block;
  position: absolute;
  bottom: 9%;
  left: 86%;
  width: 22.66666667vw;
  height: 28.66666667vw;
}