html {
  width: 100%; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight: rgba(0,0,0,0);
  -webkit-text-size-adjust: none;
}
body {
  margin:0; padding:0; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  background: rgb(183, 146, 197)
}
body {
  padding-bottom: constant(safe-area-inset-bottom);
}
body, div, p, th, td, ul, li, dl, dt, dd, input, button, select, textarea{
font-family:"SimHei", Arial, "SimSun";
}
body, div, p, th, td{
margin:0; padding:0; color:#303030;
-webkit-text-size-adjust:none;
}
input, button, select, textarea{
margin:0; padding:0; border:0; line-height:normal;
outline:none; vertical-align:middle;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
  -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box; box-sizing:border-box;
background-color:#fff;
}
textarea{
resize:none;
}
label {
cursor:pointer;
}
table{
border-collapse:collapse; border:0;
}
th, td{
border:0;
}
img{
width:100%; vertical-align:middle; border:0;
}

/* div,
p,
img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
} */

a,
a:hover{
text-decoration: none;
}

button,
input[type=button],
input[type=submit]{
border:0; cursor:pointer; text-align:center;
-webkit-appearance:none;
}


.boxsize{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

body{
  background: rgb(183, 146, 197)
}

.page{
  width:100%; position: relative;
}

.page1banner{
  width: 1920px;
  margin: 0 auto;
  height: 810px;
  margin: 0 auto;
  overflow: hidden;
}

.page_swiper{
  width: 100%;
}

.page1banner img{
  width: 100%;
  height: 100%;
}

.pgn{
  position: absolute;
  z-index: 3;
  width: 1920px;
  top: 646px;
}

.pgn>.swiper-pagination-bullet {
  width: 23px;
  height: 23px;
  background: none;
  border: 2px solid #fff;
  opacity: 1;
}

.pgn>.swiper-pagination-bullet-active {
  background: #fff;
  border: 2px solid #fff;
}

.navigation{
  width: 100%;
  height: 212px;
}

.navBox{
  width: 1044px;
  height: 100%;
  margin: 0 auto;
  background: url("../img/logo_pc.png");
  background-repeat: no-repeat;
  background-size: 190px;
  background-position:left center;
}

.navBox ul{
  margin: 0;
  padding-left: 180px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.navBox ul li{
  float: left;
  padding:0 46px;
  list-style-type:none;
  font-size: 28px;
  position: relative;
  cursor:pointer;
}


.navBox ul li:last-child{
  padding:0 0 0 46px;
}

.navBox ul li::after{
  content: "";
  position: absolute;
  width: 1px;
  height: 33px;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 1;
}

.navBox ul li:nth-last-child(1)::after{
  width: 0;
}

.navigationFixd{
  position: fixed;
  top: 0;
  width: 100%;
  height: 212px;
  background: rgb(183, 146, 197);
  z-index: 10;
  display: none;
  border-bottom: 3px solid rgb(193, 154, 208);
}

.active{
  color: rgb(228, 188, 244);
}

.IP{
  border-top: 3px solid rgb(193, 154, 208);
  width: 100%;
  height: auto;
}

.ipBox{
  width: 1080px;
  height: auto;
  margin: 0 auto;
}

.ip_title{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding: 75px 0;
}

.ip_title .text1{
  font-size: 28px;
  color: #fff;
  position: relative;
}

.ip_title .text2{
  font-size: 28px;
  color: #fff;
  margin-top: 60px;
}


.ip_title .text1::after{
  content: "";
  position: absolute;
  width: 108px;
  height: 4px;
  bottom: -130%;
  left: 4px;
  background-color: #fff;
  z-index: 1;
}

.ipUl{
  width: 100%;
  height: auto;
}

.ipLi{
  width: 329px;
  height: 391px;
  background: #fff;
  margin-bottom: 27px;
  margin-right: 27px;
  float: left;
  position: relative;
  cursor: pointer;

}

.ipLi img{
  width: 100%;
  height: 200px;
}

.list_Tbox{
  padding: 15px 25px;
}

.listTitle{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.listText{
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 17px;
}

.listLocal{
  width: 197px;
  height: 20px;
  background: url("../img/icon_loc_pc.jpg");
  background-repeat: no-repeat;
  background-size: 16px 20px;
  background-position: left center;
  font-size: 13px;
  padding-left: 24px;
  position: absolute;
  top: 335px;
  left: 25px;
  color: rgb(146, 146, 146);
  line-height: 20px;
}

.listLocal2{
  font-size: 13px;
  padding-left: 25px;
  position: absolute;
  top: 367px;
  left: 25px;
  color: rgb(146, 146, 146);
}

.more{
  width: 64px;
  height: 14px;
  position: absolute;
  right: 19px;
  top: 337px;
  cursor: pointer;
  background: url(../img/more.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}


.fixl{
  width: 100%;
  height: 20px;
}

.artists{
  border-top: 3px solid rgb(193, 154, 208);
  width: 100%;
}

.artBox{
  width:1080px;
  height: auto;
  margin: 0 auto;
}


.art_title{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding: 75px 0;
}

.art_title .text1{
  font-size: 28px;
  color: #fff;
  position: relative;
}

.art_title .text2{
  font-size: 28px;
  color: #fff;
  margin-top: 60px;
}


.art_title .text1::after{
  content: "";
  position: absolute;
  width: 108px;
  height: 4px;
  bottom: -130%;
  left: 20px;
  background-color: #fff;
  z-index: 1;
}

.artUl{
  width: 360px;
  float: left;
  text-align: center;
  height: 500px;
}

.artList{
  width: 288px;
  margin: 0 auto;
}

.upArr{
  text-align: center;
  width: 22px;
  margin: 0 auto;
  margin-top: 11px;
}

.artName{
  font-size: 28px;
  color: #fff;
  margin-top: 33px;
}

.artPorf{
  font-size: 26px;
  color: #fff;
  margin-top: 18px;
}

.company{
  width: 100%;
  height: 500px;
  border-top: 3px solid rgb(193, 154, 208);
}

.comBox{
  width: 1080px;
  height: auto;
  margin: 0 auto
}


.com_title{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding: 75px 0;
}

.com_title .text1{
  font-size: 28px;
  color: #fff;
  position: relative;
}

.com_title .text2{
  font-size: 28px;
  color: #fff;
  margin-top: 60px;
}


.com_title .text1::after{
  content: "";
  position: absolute;
  width: 108px;
  height: 4px;
  bottom: -130%;
  left: 3px;
  background-color: #fff;
  z-index: 1;
}

.comList1{
  width: 881px;
  height: auto;
  margin: 0 auto;
  background: url("../img/com.jpg");
  background-size: 136px 136px;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 199px; 
  color: #fff;
  font-size: 25px;
  margin-bottom: 70px;
}

.comList1 .title{
  font-size: 28px;
  color: #fff;
  background: url("../img/arr_right.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  padding-left: 50px;
  margin-bottom: 23px;
}

.comList2{
  width: 860px;
  height: auto;
  margin: 0 auto;
  background: url("../img/com2logo.png");
  background-size: 164px 141px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 220px;
  color: #fff;
  font-size: 25px;
  margin-bottom: 70px;
}

.comList2 .title{
  font-size: 28px;
  text-align: right;
  color: #fff;
  background: url("../img/arr_right.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 670px;
  padding-left: 50px;
  margin-bottom: 23px;
}

.qrcode{
  width: 1080px;
  margin: 0 auto;
}

.qrcode .qr{
  padding: 0 30px;
}

.qrli{
  width: 195px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  float: left;
  margin-right: 210px;
  margin-bottom: 75px;
}

.qrli:nth-last-child(1){
  margin-right: 0;
}

.qrli img{
  width: 195px;
  margin-bottom: 20px;
}

.partner{
  margin-top: 500px;
  width: 100%;
  border-top: 3px solid rgb(193, 154, 208);
  height: 100px;
}

.parBox{
  width: 1080px;
  margin: 0 auto;
}

.partenr_list{
  width: 990px;
  margin: 0 auto;
}

.partenr_list .logo{
  width: 192px;
  height: 100px;
  float: left;
  margin:0 25px;
}

.partenr_list .logo img{
  width: 100%;
}

.contact{
  width: 100%;
  border-top: 3px solid rgb(193, 154, 208);
  margin-top: 570px;
}

.conBox{
  width: 1442px;
  margin: 0 auto;
  overflow: hidden;
}
.conTitle{
  margin-top: 100px;
  margin-bottom: 163px;
  font-size: 142.23px;
  color: #fff ;
  text-align: center;
}

.phoneBox{
  width: 700px;
  border: 5px solid #fff;
  margin: 0 auto;
  color: #fff;
  font-size: 76.68px;
  text-align: center;
  line-height: 218px;
  margin-bottom: 150px;
}

.footerNavBox{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  height: 200px;
}

.footerNavBox li:nth-child(1)::before{
  content: "";
  position: absolute;
  width: 2px;
  height: 60px;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
}

.footerNavBox li{
  padding:0 64px;
  float: left;
  list-style-type:none;
  font-size: 43px;
  color: #fff;
  position: relative;
  cursor:pointer;

}

.footerNavBox li::after{
  content: "";
  position: absolute;
  width: 2px;
  height: 60px;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 1;
}

.icon_bottom{
  width: 540px;
  margin: 0 auto;
  height: 144px;
  background: url("../img/footer_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-bottom: 20px;
  position: relative;
}

.icon_bottom_weibo{
  position: absolute;
  top: 30px;
  left: 65px;
  width: 80px;
  height: 80px;
}

.icon_bottom_wechat{
  position: absolute;
  top: 30px;
  left: 225px;
  width: 80px;
  height: 80px;
}

.icon_bottom_shop{
  position: absolute;
  top: 30px;
  left: 380px;
  width: 80px;
  height: 80px;
}

.icon_bottom_weibo_imgBox{
  position: absolute;
  width: 195px;
  height: 235px;
  top: -220px;
  font-size: 23px;
  text-align: center;
  color: #fff;
  border: 3px solid rgb(193, 154, 208);
  line-height: 40px;
  display: none;
}

.icon_bottom_wechat_imgBox{
  position: absolute;
  width: 195px;
  height: 235px;
  top: -220px;
  left: 170px;
  font-size: 23px;
  text-align: center;
  color: #fff;
  border: 3px solid rgb(193, 154, 208);
  line-height: 40px;
  display: none;
}

.icon_bottom_shop_imgBox{
  position: absolute;
  width: 195px;
  height: 235px;
  top: -220px;
  left: 320px;
  font-size: 23px;
  text-align: center;
  color: #fff;
  border: 3px solid rgb(193, 154, 208);
  line-height: 40px;
  display: none;
}

.toTop{
  background: url("../img/toTop.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 94px;
  height: 94px;
  position: fixed;
  top: 760px;
  right: 65px;
  cursor:pointer;
  display: none;
  z-index: 10;
}

.record{
  width: 100%;
  text-align: center;
  font-size: 29.1px;
  margin-bottom: 160px;
}

.record a{
  color: #fff;
}

.page2{
  width: 1044px;
  margin: 0 auto;
}

.page2main{
  width: 964px;
  margin: 0 auto;
  background: #fff;
  height: auto;
  padding:0 40px 
}

.topText{
  font-size: 26px;
}

.topText img{
  float: left;
  width: 180px;
  margin-top: 10%;
  margin-left: 60px;
  margin-right: 60px;
}

.topText div{
  margin-left: 300px;
  padding-top: 148px;
  padding-right: 140px;
  line-height: 45px;
}

.page2posBox{
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 124px;
}

.page2posBox img{
  margin-bottom: 40px;
}

.arrdown{
  width: 22px;
  height: 19px;
  margin: 0 auto;
  margin-bottom: 105px;
}

.page2qr{
  margin-top: 80px;
  width: 1044px;
}

.page2qr .qr {
  padding: 0;
}

.page2qr .qr .qrli{
  width: 300px;
  margin-right: 35px;
}

.page2qr .qr .qrli div{
  color: #fff;
}


.notice{
  width: 1044px;
  height: auto;
  margin: 0 auto;
  position: relative;
  padding-bottom: 74px;
}

.notBox{
  padding: 0 46px;
}

.noticeTitle{
  width: 100%;
  height: 106px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  line-height: 106px;
  border-bottom: 2px solid #fff
}

.notiLoc{
  background: url("../img/location_white.jpg");
  background-repeat: no-repeat;
  background-size: 43 51;
  background-position: left center;
  font-size: 24px;
  color: #fff;
  margin-top: 45px;
  padding:  0 61px ;
  line-height: 35px;
}

.notiTime{
  background: url("../img/time.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 41;
  font-size: 24px;
  color: #fff;
  margin-top: 45px;
  padding:  0 61px ;
  padding-right: 0;
  line-height: 35px;
}

.buyQr{
  width: 200px;
  height: auto;
  position: absolute;
  top: 137px;
  right: 112px;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.notice_cbg{
  background: rgb(171, 131, 186)
}

.notiloc_2{
  float: left;
}

.notiTime_2{
  background-position: 510px;
  padding-left: 570px;
}

.notic_color{
  background: rgb(171, 131, 186)
}

.page2record{
  font-size: 29.1px;
  text-align: center;
  margin-top: 79px;
}

.page2record a{
  color: #fff;
}

.page2goTopBtn{
  width: 121px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 60px;
}

.return{
  background: url("../img/return_pc.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  position: fixed;
  right: 245px;
  bottom: 180px;
  cursor:pointer;
}

.page2toTopIcon{
  background: url("../img/toTop_pc.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  position: fixed;
  right: 245px;
  bottom: 80px;
  cursor:pointer;
  display: none;
}

.ipli_5 .listLocal{
  top: 335px;
}

.ipli_6{
  height: 432px;
}

.ipli_6 .listLocal{
  top: 385px;
}

.ipli_6 .listLocal2{
  top: 407px;
}

.ipli_6 .more{
  top: 387px;
}

.ipli_7{
  height: 432px;
}

.ipli_7 .listLocal{
  top: 385px;
}

.ipli_7 .more{
  top: 387px;
}

.dt_text{
  font-size: 22px;
  padding-top: 38px;
  line-height: 44px; 
  text-align: left;
}

.dt_text p{
  font-size: 14px;
  line-height: 28px;
  padding-bottom: 45px;
}

.page2posBox video{
  width: 100%;
  margin-bottom: 40px;
}

.dtArtMain{
  padding: 0 70px;
}

.DTart_topText{
  font-size: 26px;
  line-height: 48px
}

.DTart_title{
  font-size: 34.91px;
  font-weight: bold;
  line-height: 32px;
  padding-top: 74px;
  margin-bottom: 10px;
}

.DTart_topText span{
  font-weight: bold
}

.planner{
  text-align: right;
  margin-top: 50px
}

.dtArt_title{
  margin-top: 50px;
  width: auto;
  height: 51px;
  background-image: url('../img/ipPage/DTart/title1.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_1{
  width: auto;
  margin-top: 50px;
  height: 51px;
  background-image: url('../img/ipPage/DTart/title2.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_2{
  width: auto;
  margin-top: 50px;
  height: 51px;
  background-image: url('../img/ipPage/DTart/title3.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_3{
  width: auto;
  margin-top: 50px;
  height: 51px;
  background-image: url('../img/ipPage/DTart/title4.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_4{
  width: auto;
  margin-top: 50px;
  height: 51px;
  background-image: url('../img/ipPage/DTart/title5.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_tips{
  font-size: 22px;
  color: #bababa;
  text-align: left;
}

.dtArt_tips_1{
  font-size: 22px;
  color: #bababa;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 25px;
}

.dtArt_img{
  width: 300px;
  float: left;
  height: 435px;
  margin-right: 32px;
  box-sizing: border-box
}

.dtArt_img:nth-last-child(3){
  margin-right: 0
}

.dtArt_tips_2{
  padding-bottom: 175px;
}

.dtArt_tips_3{
  padding-bottom: 24px;
  color: black;
}