@media screen and (min-width: 1570px) {
  .cultureBox .container-fluid {
    max-width: 1280px;
  }

  .imagesVideoBox .topBox .box {
    max-width: 1280px;
  }

  .imagesVideoBox .bottomBox .box {
    max-width: 1280px;
  }

  .featureBox .box {
    max-width: 1280px;
  }

  .activityBox .contentBox {
    max-width: 1280px;
  }

  .subjectBox .subjectListBox .newsList {
    max-width: 1280px;
  }

  .homeScenic .box {
    max-width: 1280px;
  }

  .homeStrategy .box {
    max-width: 1280px;
  }

  .homeNews .box {
    max-width: 1280px;
  }
}

@media screen and (min-width: 1200px) {
  .homePlay .playBox:hover .circle1 {
    animation: circleRotate 5s 0s linear infinite;
    -webkit-animation: circleRotate 5s 0s linear infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }

  .homePlay .playBox:hover .circle2 {
    animation: circleRotate 3.5s 0s linear infinite;
    -webkit-animation: circleRotate 3.5s 0s linear infinite;
    transform-origin: 50% 52%;
    -webkit-transform-origin: 50% 52%;
  }

  .homePlay .playBox:hover .circle3 {
    animation: circleRotate 4.2s 0s linear infinite;
    -webkit-animation: circleRotate 4.2s 0s linear infinite;
    transform-origin: 51% 53%;
    -webkit-transform-origin: 51% 53%;
  }

  .homePlay .playBox:hover .circle4 {
    animation: circleRotate 4.5s 0s linear infinite;
    -webkit-animation: circleRotate 4.5s 0s linear infinite;
  }

  .homePlay .playBox:hover .circle5 {
    animation: circleRotate 3.8s 0s linear infinite;
    -webkit-animation: circleRotate 3.8s 0s linear infinite;
  }

  .homePlay .playBox:hover .circle6 {
    animation: circleRotate 4s 0s linear infinite;
    -webkit-animation: circleRotate 4s 0s linear infinite;
  }

  .generalSituation .bannerBox .gaikuangYunRight {
    animation: yunCartoon 60s 0s linear infinite;
    -webkit-animation: yunCartoon 60s 0s linear infinite;
  }

  .generalSituation .bannerBox .gaikuangYunLeft {
    animation: yunCartoon 40s 0s linear infinite;
    -webkit-animation: yunCartoon 40s 0s linear infinite;
  }
}

@media (max-width: 992px) {
  html, body {
    font-size: 14px;
  }

  #videoBox .modal-dialog {
    max-width: 100vw;
  }

  .mainBox {
    padding: 0;
  }

  .circleList {
    display: none;
  }

  .homePlay {
    height: 120vw;
  }

  .homePlay .playBox {
    width: 95vw;
    height: 95vw;
  }

  .homePlay .playBox .circle .itemList .itemListBg {
    padding: 25% 0;
  }

  .homePlay .playBox .circle .itemBtnList {
    width: 44px;
    height: 44px;
    background-size: 50%;
  }

  .homePlay .playBox .circle .itemBtnList:nth-child(1) {
    top: 5vw;
  }

  .homePlay .playBox .circle .itemBtnList:nth-child(2) {
    right: 10vw;
    top: 23vw;
  }

  .homePlay .playBox .circle .itemBtnList:nth-child(3) {
    right: 10vw;
    bottom: 23vw;
  }

  .homePlay .playBox .circle .itemBtnList:nth-child(4) {
    bottom: 5vw;
  }

  .homePlay .playBox .circle .itemBtnList:nth-child(5) {
    left: 10vw;
    bottom: 23vw;
  }

  .homePlay .playBox .circle .itemBtnList:nth-child(6) {
    left: 10vw;
    top: 23vw;
  }

  .footerBox {
    display: none;
  }

  .homeStrategy {
    padding: 5vh 5vw 65px;
    height: auto;
    min-height: 100vh;
  }

  .homeStrategy .strategyMore {
    height: 46px;
    line-height: 46px;
  }

  .homeStrategy .moreBox {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
  }

  .homeStrategy .strategyBox {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
  }

  .homeStrategy .strategyList {
    padding: 20px 15px;
  }
  
  .homeStrategy .strategyList .imgBox::before{
    opacity: 1;
    transform: scale(1);
  }
  .homeStrategy .strategyList .name,.homeStrategy .strategyList .info{
    color: #259c76;
  }
  .homeStrategy .strategyList .more {
    background-position: 0 -21px;
  }
  .homeStrategy .strategyList .name {
    margin: 5px auto;
  }

  .homeStrategy .strategyList .info {
    margin: 0 0 1em;
  }

  .homeStrategy .imgBox {
    width: 60%;
    padding-bottom: 60%;
    margin: auto;
  }

  .homeNews {
    padding: 5vh 5vw;
  }

  .homeNews .homeNewsRow {
    padding-top: 10px;
  }
  .homeNews .homeNewsRow .homeNewsRowList{
    margin-bottom: 20px;
  }
  .homeNews .newsBox {
    padding: 0;
  }

  .homeNews .homeNewsList {
    padding: 24px 0;
  }

  .homeNews .homeNewsList::after {
    margin: 0px;
  }

  .homeNews .newsMore {
    height: 46px;
    line-height: 46px;
  }

  .homeNews .newsBoxImgBox {
    display: none;
  }

  .homeScenic {
    padding: 5vh 5vw;
  }

  .homeScenic .box {
    padding: 0;
    position: relative;
    z-index: 2;
  }

  .homeScenic .scenicImg {
    max-width: 100%;
    height: 150px;
  }

  .homeScenic .textBox {
    padding: 10px;
    position: initial;
    width: 100%;
  }

  .homeScenic .scenicPagination {
    display: flex;
  }

  .homeScenic .scenicPagination .list {
    flex: 1;
    width: auto;
  }

  .homeBtnTop {
    top: 30px;
    right: 10%;
    width: 60px;
  }
  .homeBtnTop img{
	max-width: 100%;
  }

  .homeBannerBox .swiper-button-prev {
    display: none;
  }

  .homeBannerBox .swiper-button-next {
    display: none;
  }

  .homeBannerBox .swiper-pagination {
    display: none;
  }

  .headerBox {
  	width: 325px;
    z-index: 999;
    transform: translateX(-100%);
    -webkit-transition: all 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
  }
  .mobileNavOpen::after{
	position: absolute;
	content: '';
	width: 100%;
	background: rgba(0,0,0,0.5);
	right: -100%;
	height: 100vh;
	top: 0;
	transition: .3s;
  }

  .headerBox .navHover {
    z-index: 1;
    display: none;
  }

  .headerBox .navDefault {
    z-index: 2;
    display: none;
  }
  .homeNav .mobileNav{
    display: block;
  }
  .headerBox .logo {
    width: 45%;
    margin: auto;
  }
  .mobileNav .homeNavListImg{
    width: 175px;
  }
  .mobileNav .homeNavListText{
    line-height: 7.4vh;
    color: #666;
    width: 140px;
    text-align: center;
    display: inline-block;
  }
  .homeNav .homeNavList:hover .childNav{
    transform: translateX(0%);
  }
  .footerBtn{
    display: none;
  }
  .headerBox .homeNav .childNav {
    padding-top: 0;
  }

  .headerBox .homeNav:hover .navHover {
    z-index: 2;
  }

  .headerBox .homeNav:hover .navDefault {
    z-index: 1;
  }

  .headerBox .mobileNavBtn {
    position: absolute;
    width: 40px;
    height: 30px;
    display: block;
    right: -50px;
    top: 20px;
    z-index: 2;
  }

  .headerBox .mobileNavBtn::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: white;
    top: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
  }

  .headerBox .mobileNavBtn::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: white;
    bottom: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
  }

  .headerBox .mobileNavBtnClose::before {
    transform: rotate(45deg);
    background: white;
  }

  .headerBox .mobileNavBtnClose::after {
    transform: rotate(-45deg);
    background: white;
  }

  .mobileNavOpen {
    transform: translateX(0);
  }

  .subjectBox {
    padding: 5vh 5vw;
    min-height: 100vh;
  }

  .subjectBox .subjectAnimationBox {
    width: calc(100% - 10vw);
    background-size: contain;
    background-position: center;
  }

  .subjectBox .subjectListBox .link {
    padding: 0;
  }

  .subjectBox .subjectListBox .arrow {
    display: none;
  }

  .subjectBox .subjectListBox .day {
    display: inline-block;
  }

  .subjectBox .subjectListBox .year {
    display: inline-block;
  }

  .subjectBox .subjectListBox .itemMore {
    padding: 0;
  }

  .subjectBox .subjectListBox .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .subjectBox .subjectListBox .container-fluid .row {
    padding: 2%;
  }

  .titleTop {
    width: auto;
    position: initial;
    text-align: center;
    padding: 10px;
    display: block;
  }

  .titleTop .titleZh {
    writing-mode: initial;
    -o-writing-mode: initial;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial;
  }

  .titleTop .titleZh::after {
    display: none;
  }

  .titleTop .titleEn {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: initial;
    text-align: center;
    line-height: 2em;
  }

  .informationBox {
    padding: 5vh 5vw;
  }

  .informationBox .item .itemRow {
    margin: 0 -15px;
  }

  .informationBox .item .list {
    padding: 20px 0;
  }
  
  .informationBox .item .list .box .imgBox::before{
    opacity: 1;
    transform: scale(1);
  }
  .informationBox .item .list .box .title, .informationBox .item .list .box .info {
    color: #259c76;
  }
  .informationBox .item .list .box .textBox {
    background-color: white;
    box-shadow: 2px 3.464px 8px 0px rgba(193, 193, 193, 0.72);
  }

  .informationBox .item .list:nth-child(even) {
    transform: translateY(0);
  }

  .activityBox {
    height: auto;
    min-height: 100vh;
  }

  .activityBox .activityPagination, .activityBox .activityNext, .activityBox .activityPrev, .activityBox .activityNum {
    display: none;
  }

  .activityBox .activityAnimationBox {
    width: 100%;
    background-size: contain;
  }

  .activityBox .activityTitle {
    top: 10px;
    height: auto;
    padding: 15px 0;
  }

  .activityBox .activityTitle .line {
    display: none;
  }

  .activityBox .contentBox {
    width: 95%;
    max-width: 95%;
    position: initial;
    height: auto;
    padding-top: 100px;
  }

  .activityBox .contentBox #activitySwiper {
    height: 35vh;
  }

  .activityBox .contentBox .rightImg::before {
    display: none;
  }

  .activityBox .contentBox .textBox {
    padding: 15px 15px;
  }

  .generalSituation .bannerBox .scroll {
    bottom: 10px;
  }

  .generalSituation .bannerBox .gaikuangTitle {
    top: 15%;
  }

  .generalSituation .bannerBox .gaikuangContent {
    width: 100%;
    padding: 0 15px;
    bottom: 50px;
    left: 0;
    transform: translateX(0);
  }

  .generalSituation .contentBox {
    padding: 0 15px;
    overflow: hidden;
  }

  .generalSituation .contentBox .list:nth-child(1) .generalAnimationBox, .generalSituation .contentBox .list:nth-child(2) .generalAnimationBox, .generalSituation .contentBox .list:nth-child(3) .generalAnimationBox {
    background-size: contain;
  }

  .generalSituation .contentBox .list .videoImg {
    height: 220px;
  }

  .featureBox {
    padding: 5vh 5vw;
    overflow: hidden;
  }

  .featureBox .featureAnimationBox {
    background-size: contain;
  }

  .featureBox .box {
    padding: 0;
  }

  .featureBox .box .list {
    padding: 20px 0 0;
  }

  .featureBox .box .list .imgBox {
    height: 240px;
  }

  .featureBox .box .list .title:after {
    display: none;
  }

  .featureBox .box .list:nth-child(odd) .textBox {
    text-align: center;
  }

  .featureBox .box .list:nth-child(odd) .title {
    padding: 0;
  }

  .featureBox .box .list:nth-child(odd) .info {
    padding: 0;
  }

  .featureBox .box .list:nth-child(even) .textBox {
    text-align: center;
  }

  .featureBox .box .list:nth-child(even) .title {
    padding: 0;
  }

  .featureBox .box .list:nth-child(even) .info {
    padding: 0;
  }

  .featureBox .box .list:nth-child(even) .moreBtn {
    transform: rotate(0);
    text-align: center;
  }

  .imagesVideoBox .topBox {
    padding: 5vh 5vw;
  }

  .imagesVideoBox .topBox .box {
    padding: 20px 0 0;
  }

  .imagesVideoBox .topBox .box .listFirst {
    height: 350px;
  }

  .imagesVideoBox .topBox .box .listELse {
    padding-bottom: 0;
  }

  .imagesVideoBox .topBox .box .listELse .videoImgBox {
    height: 180px;
  }

  .imagesVideoBox .bottomBox {
    padding: 5vh 5vw;
  }

  .imagesVideoBox .bottomBox .box .list {
    padding: 0;
    margin-bottom: 0;
  }

  .imagesVideoBox .bottomBox .box .list .imgBox {
    height: 180px;
  }

  .cultureBox {
    padding: 5vh 5vw;
  }

  .cultureBox .firstBox .contentBox {
    margin: 0;
  }

  .cultureBox .firstBox .box {
    padding: 0;
  }

  .cultureBox .firstBox .box .imgBox {
    padding: 0;
    height: 240px;
  }

  .cultureBox .firstBox .box .textBox {
    padding: 0;
  }

  .cultureBox .firstBox .bottomBox {
    padding: 0;
  }

  .cultureBox .firstBox .bottomBox .imgBox {
    padding: 0;
    height: 240px;
  }

  .cultureBox .firstBox .bottomBox .textBox {
    padding: 15px;
  }

  .cultureBox .secondBox {
    padding-top: 3vh;
  }

  .cultureBox .secondBox .list {
    height: auto;
  }

  .cultureBox .secondBox .list .left {
    padding: 20px;
  }

  .cultureBox .secondBox .list .right {
    padding: 20px;
  }

  .trafficBox .firstBox .tab {
    display: none;
  }

  .trafficBox .secondBox {
    padding: 20px 15px 20px;
  }

  .trafficBox .secondBox #cmptop {
    height: 90vh;
  }

  .trafficBox .thirdBox {
    padding: 20px 15px 20px;
  }

  .trafficBox .fourthBox {
    padding: 20px 15px 20px;
  }

  .trafficBox .fourthBox #cmpbottom {
    height: 90vh;
  }

  .travelStrategyBox {
    padding: 5vh 5vw;
  }

  .travelStrategyBox .topImgBox {
    padding: 0;
    height: 240px;
  }

  .travelStrategyBox .box {
    padding: 0;
  }

  .travelStrategyBox .box .list {
    margin-top: 20px;
  }

  .travelStrategyBox .box .list .textBox {
    padding: 0 15px;
  }

  .travelStrategyBox .box .imgBox {
    height: 180px;
  }

  .panoramaBox {
    padding: 5vh 5vw;
  }

  .panoramaBox .panoramaAnimationBox {
    width: 100%;
  }

  .panoramaBox .topImgBox {
    padding: 0;
    height: 240px;
  }

  .panoramaBox .box {
    padding: 30px 15px 0;
  }

  .panoramaBox .box .list {
    padding: 0;
  }

  .panoramaBox .box .list .imgBox {
    height: 180px;
  }

  .restaurantBox {
    padding: 5vh 5vw;
  }

  .restaurantBox .recommendBox {
    padding: 0 0 100px;
  }

  .restaurantBox .recommendBox .box .list {
    padding: 0;
    margin-top: 10px;
  }
  .restaurantBox .recommendBox .box .list .more .moreBtn{
    left: -20%;
  }
  .restaurantBox .recommendBox .box .list .more .bookingBtn{
    left: 60%;
  }
  .restaurantBox .contentBox {
    padding: 20px 0;
  }
  .restaurantBox .contentBox .box .list .content .more{
    width: 100%;
  }
  .restaurantBox .contentBox .box .list .content .more .moreBtn{
    width: 49%;
  }
  .restaurantBox .contentBox .box .list .content .more .bookingBtn{
    width: 49%;
  }
  .restaurantBox .contentBox .box .list {
    margin-bottom: 20px;
  }

  .restaurantBox .contentBox .box .list:last-child {
    margin-bottom: 0;
  }

  .restaurantBox .contentBox .box .list .imgBox {
    padding: 0;
    height: 260px;
  }

  .restaurantBox .contentBox .box .list .content {
    padding: 5%;
  }

  .foodBox {
    padding: 5vh 5vw;
  }

  .foodBox .box {
    padding: 10px 0;
  }

  .foodBox .box .topImg {
    height: 270px;
  }

  .foodBox .box .list {
    height: 255px;
    margin-top: 20px;
  }

  .foodBox .box .list .content {
    opacity: 1;
    transform: scale(1);
  }

  .foodBox .goods {
    padding-top: 50px;
  }

  .detailPage .box {
    padding: 10vh 5vw;
  }

  .detailPage .box .bottomBtn {
    padding: 0;
  }

  .detailPage .detailAnimationBox {
    background: url(../images/restaurantContentBg.png) no-repeat left top;
  }

  #bdshare_weixin_qrcode_dialog {
    left: 50% !important;
  }

  .page .page-item:first-child {
    width: 45px;
    height: 45px;
  }

  .page .page-item:last-child {
    width: 45px;
    height: 45px;
  }
}