@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#087ec6;}


body { background:#fff; font-size:16px; font-family:'pingFangSC-REGULAR'; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button, select{ font-size:16px; font-family:'pingFangSC-REGULAR'; -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#087ec6; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:87.5%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


@font-face {
	font-family: 'pingFangSC-REGULAR';
	src: url('../fonts/PINGFANG REGULAR.TTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pingFangSC-MEDIUM';
	src: url('../fonts/PINGFANG MEDIUM.TTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pingFangSC-BOLD';
	src: url('../fonts/PINGFANG BOLD.TTF');
	font-weight: normal;
	font-style: normal;
}

@font-face { 
	font-family: 'pingFangSC-LIGHT';
	src: url('../fonts/PINGFANG LIGHT.TTF');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: "iconfont"; /* Project id 3441352 */
  src: url('../fonts/iconfont.woff2?t=1653985162548') format('woff2'),
       url('../fonts/iconfont.woff?t=1653985162548') format('woff'),
       url('../fonts/iconfont.ttf?t=1653985162548') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**index**/
.mgcHead{ width:100%; position:fixed; left:0; top:0; z-index:999; padding-top:0.98vw; transition:all 0.4s;}
.mgcHead.topFix{ background:#fff; padding:0.98vw 0; box-shadow:0 0 10px rgba(0,0,0,.15);}
.mgcHead-nav{ padding-right:1.77vw;}
.mgcHead-nav a{ margin-right:4vw; line-height:4.47vw; float:left; font-family: 'pingFangSC-MEDIUM';}
.mgcHead-nav a.active{ color:#087ec6;}
.mgcHead-btn{ margin-top:0.36vw; border-radius:50%; cursor:pointer; position:relative; display:none;}
.mgcHead-btn:after {
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  pointer-events: none;
  background:rgba(0,126,198,.2);
  border-radius: 50%;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-name: menu_circle;
  animation-name: menu_circle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes menu_circle {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}

.mgcHead-btn .iconfont{ background:#087ec6; width:2.6vw; height:2.6vw; line-height:2.6vw; display:inline-block; text-align:center; font-size:20px; color:#fff; border-radius:50%;}

.menu-mark { width: 100%; height:calc(100% - 63px); position: fixed; background:rgba(0,0,0,0.6); left: 0; top:63px; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width:100%; height:100%; position: fixed; display: none; right:0; top:63px; background:#fff; z-index: 99; }
.menu-list { padding:0 5%; }
.menu-list li { padding:15px 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; border-bottom:1px solid rgba(0, 0, 0, 0.09);}

.menu-list li a { display: block; color:#333; font-size:16px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}



.mgcIndex-page{ width:100%; height:100vh; overflow:hidden;}

.mgcIndex-page div.active .mgcAbout-video{ animation-name:fadeInLeft; animation-duration:1s;}
.mgcIndex-page div.active .mgcTourist-head{ animation-name:fadeInUp; animation-duration:1s;}
.mgcIndex-page div.active .mgcAbout-info .text{ animation-name:fadeInUp; animation-duration:2s;}
.mgcIndex-page div.active .mgcAbout-info .more{ animation-name:fadeInUp; animation-duration:3s;}
.mgcIndex-page div.active .mgcAbout-info .click a{ animation-name:fadeInLeft; animation-duration:2s;}
.mgcIndex-page div.active .mgcAbout-info .click a:nth-child(2){ animation-duration:2.5s;}

.mgcIndex-page div.active .mgcScenic-sider{ animation-name:fadeInLeft; animation-duration:1s;}
.mgcIndex-page div.active .mgcScenic-sider a{ animation-name:fadeInUp; animation-duration:0.2s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(2){ animation-duration:0.5s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(3){ animation-duration:0.8s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(4){ animation-duration:1.1s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(5){ animation-duration:1.4s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(6){ animation-duration:1.7s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(7){ animation-duration:2.0s;}
.mgcIndex-page div.active .mgcScenic-sider a:nth-child(8){ animation-duration:2.3s;}
.mgcIndex-page div.active .mgcScenic-graphic{ animation-name:fadeInRight; animation-duration:1s;}

.mgcIndex-page div.active .mgcRoute-map .thumb{ animation-name:fadeInLeft; animation-duration:1.5s;}
.mgcIndex-page div.active .mgcRoute-map .word{ animation-name:fadeInLeft; animation-duration:2s;}
.mgcIndex-page div.active .mgcRoute-right-tab{ animation-name:fadeInDown; animation-duration:1s;}
.mgcIndex-page div.active .mgcRoute-right-swith{ animation-name:fadeInUp; animation-duration:1.5s;}

.mgcIndex-page div.active .mgcStrategy-list a{ animation-name:fadeInLeft; animation-duration:1s;}
.mgcIndex-page div.active .mgcStrategy-list a:nth-child(2){ animation-duration:1.5s;}
.mgcIndex-page div.active .mgcStrategy-list a:nth-child(3){animation-name:fadeInRight; animation-duration:1s;}
.mgcIndex-page div.active .mgcStrategy-list a:nth-child(4){ animation-name:fadeInRight; animation-duration:1.5s;}

.mgcIndex-page div.active .mgcNews-tab a{ animation-name:fadeInDown; animation-duration:1s;}
.mgcIndex-page div.active .mgcNews-tab a:nth-child(2){ animation-duration:1.2s;}
.mgcIndex-page div.active .mgcNews-tab a:nth-child(3){ animation-duration:1.4s;}
.mgcIndex-page div.active .mgcNews-tab a:nth-child(4){ animation-duration:1.6s;}
.mgcIndex-page div.active .mgcNews-swithSider{ animation-name:fadeInUp; animation-duration:2s;}


.mgcIndex-page div.active .mgcTourist-click a{ animation-name:rollIn; animation-duration:1s;}
.mgcIndex-page div.active .mgcTourist-click a:nth-child(2){ animation-duration:1.2s;}
.mgcIndex-page div.active .mgcTourist-click a:nth-child(3){ animation-duration:1.4s;}
.mgcIndex-page div.active .mgcTourist-click a:nth-child(4){ animation-duration:1.6s;}


.mgcBanner{ width:100%; height:100%; position:relative; overflow:hidden;}
.mgcBanner li .pic{ background-position:center; background-size:cover; width:100%; height:100%;}
.mgcBanner .button{ background:#fff; text-align:center; width:18.75vw; height:7.23vw; line-height:7.23vw; position:absolute; right:18.59vw; bottom:0; z-index:2;}
.mgcBanner .swiper-button-next, .mgcBanner .swiper-button-prev{ width:auto; height:auto; position:relative; top:auto; margin-top:auto; display:inline-block; vertical-align:top;}
.mgcBanner .swiper-button-next{ right:auto;}
.mgcBanner .swiper-button-prev{ left:auto;}
.mgcBanner .swiper-pagination{ font-size:18px; display:inline-block; position:relative; display:inline-block; vertical-align:top; margin:0 4.68vw;}
.mgcBanner .swiper-pagination-current{ font-size:36px; color:#087ec6;}

.mgcWeather{ background:rgba(255,255,255,.7); width:15.36vw; height:3.69vw; position:fixed; left:6.25vw; bottom:2.54vw; z-index:2; border-radius:3px;}
.mgcScroll-down{ background:#087ec6; width:18.59vw; height:7.23vw; position:fixed; right:0; bottom:0; z-index:2; display:flex; justify-content:center; align-items:center; color:#fff; cursor:pointer;}
.mgcScroll-down.swiper-button-disabled{ display:none;}
.mgcScroll-down .icon{ width:16px; height:22px; position:relative; display:inline-block; margin-left:2.08vw; border:2px #fff solid; border-radius:8px;}
.mgcScroll-down .icon:before{ content:''; background:#fff; width:2px; height:6px; position:absolute; left:50%; margin-left:-1px; top:3px; animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}

@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}


.mgcAbout{ width:100%; height:100%; display:flex;}
.mgcAbout-video{ width:50%; height:100%; position:relative;}
.mgcAbout-video .vi-thumb{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block;}
.mgcAbout-video .vi-play{ background:#087ec6; width:8.38vw; height:8.38vw; padding:1.19vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; border-radius:50%; cursor:pointer;}
.mgcAbout-video .vi-play .iconfont{ font-size:20px; color:#fff;  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.mgcAbout-video .vi-play img{ -webkit-animation:infinteRotate 10s infinite linear; -o-animation:infinteRotate 10s infinite linear; -moz-animation:infinteRotate 10s infinite linear; animation:infinteRotate 10s infinite linear; }
@keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.mgcAbout-info{ background-image:url(../images/mgcAbout-bg.jpg); background-position:center; background-size:cover; width:50%; height:100%; padding:10.93vw 9.37vw 0 8.59vw; position:relative;}
.mgcAbout-info .text{ line-height:30px; max-height:240px; color:#666; margin-top:3.385vw;  text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical;}
.mgcAbout-info .more{ margin-top:3.385vw; line-height:1.66vw; font-size:14px; color:#087ec6; position:relative; display:inline-block; text-transform:uppercase;}
.mgcAbout-info .more .iconfont{ background:#087ec6; width:1.66vw; text-align:center; color:#fff; display:inline-block; margin-left:8px; border-radius:50%; transition:all 0.4s;}
.mgcAbout-info .more:before{ content:''; background:#087ec6; width:71px; height:1px; position:absolute; left:0; bottom:0.208vw;}
.mgcAbout-info .more:hover .iconfont{ transform:rotate(45deg);}
.mgcAbout-info .click{ background:#fff; width:38vw; position:absolute; right:18.59vw; bottom:0; z-index:2;}
.mgcAbout-info .click a{ width:50%; height:10.93vw; float:left; padding:3.64vw 0 0 4.16vw;}
.mgcAbout-info .click a:first-child{ background:#f3f3f3;}
.mgcAbout-info .click a .cn{ font-size:1.45vw; line-height:1.66vw;}
.mgcAbout-info .click a .cn .iconfont{ background:#087ec6; width:1.66vw; text-align:center; color:#fff; display:inline-block; vertical-align:top; margin-left:2.34vw; font-size:0.9375vw; border-radius:50%; transition:all 0.4s;}
.mgcAbout-info .click a .en{ text-transform:uppercase; color:#666; font-size:0.833vw; margin-top:0.78vw;}
.mgcAbout-info .click a:hover .iconfont{ transform:rotate(45deg);}


.mgcScenic{ width:100%; height:100%; display:flex;}
.mgcScenic-sider{ background:#fff; width:25%; height:100%; padding-top:8.78vw; position:relative; z-index:2;}
.mgcScenic-sider a{ display:block; text-align:center; font-size:1.145vw; line-height:9.25vh; position:relative; z-index:2;}
.mgcScenic-sider a:before{ content:''; background:#087ec6; width:0; height:100%; position:absolute; left:0; top:0; transition:all 0.4s; z-index:-1;}
.mgcScenic-sider a.active, .mgcScenic-sider a:hover{ color:#fff;}
.mgcScenic-sider a.active:before,.mgcScenic-sider a:hover:before{ width:calc(100% + 1.97vw);}

.mgcScenic-right{ background-image:url(../images/mgcScenic-bg.jpg); background-position:center; background-size:cover; width:75%; height:100%; padding:8.78vw 0 0 4.68vw;}
.mgcScenic-right .mgcTourist-head .iboxt{ padding-left:1.97vw;}
.mgcScenic-right .mgcTourist-head .iboxt:before{ left:0;}
.mgcScenic-graphic{ overflow:hidden; margin-top:2.08vw; position:relative; display:none;}
.mgcScenic-graphic:first-child{ display:block;}
.mgcScenic-graphic li .thumb{ height:18.95vw; overflow:hidden; position:relative; top:5.52vw;}
.mgcScenic-graphic li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.mgcScenic-graphic li .word{ max-width:60%; margin-top:1.56vw; color:#fff; display:none;}
.mgcScenic-graphic li .word .t{ font-size:1.25vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mgcScenic-graphic li .word .c{ font-size:14px; line-height:24px; margin-top:0.625vw; max-height:48px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mgcScenic-graphic li.swiper-slide-active .thumb{ height:26vw; top:0;}
.mgcScenic-graphic li.swiper-slide-active .word{ display:block;}
.mgcScenic-graphic .swiper-button-next, .mgcScenic-graphic .swiper-button-prev{ width:3.02vw; height:3.02vw; line-height:3.02vw; text-align:center; color:#fff; top:0; margin-top:auto; font-weight:bold; border:1px #fff solid; border-radius:50%; transition:all 0.4s;}
.mgcScenic-graphic .swiper-button-next{ right:8.33vw;}
.mgcScenic-graphic .swiper-button-next:hover{ color:#087ec6; border-color:#087ec6;}
.mgcScenic-graphic .swiper-button-prev{ left:auto; right:12.75vw;}
.mgcScenic-graphic .swiper-button-prev:hover{  color:#087ec6; border-color:#087ec6;}



.mgcRoute{ display:flex; height:100%;}
.mgcRoute-map{ background:#1b8dd3; width:35.9%; height:100%; padding:7.8vw 2.34vw 0 6.25vw;}
.mgcRoute-map .mgcTourist-head{ text-align:right; padding-right:2.08vw; color:#fff;}
.mgcRoute-map .mgcTourist-head .iboxt{ text-align:left;}
.mgcRoute-map .mgcTourist-head .iboxt:before{ background:#a0ca84;}
.mgcRoute-map .mgcTourist-head .iboxt:after{ background:#a0ca84;}
.mgcRoute-map .mgcTourist-head .en{ color:#fff;}
.mgcRoute-map .thumb{ height:33.98vh; overflow:hidden; margin-top:2.39vw;}
.mgcRoute-map .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block;}
.mgcRoute-map .word{ margin-top:1.56vw; color:#fff;}
.mgcRoute-map .word .t{ font-size:1.35vw; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mgcRoute-map .word .c{ line-height:24px; margin-top:0.729vw; max-height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mgcRoute-map .word .m{ margin-top:1.82vw; line-height:1.66vw; font-size:14px; color:#a0ca84; position:relative; display:inline-block; text-transform:uppercase;}
.mgcRoute-map .word .m .iconfont{ background:#a0ca84; width:1.66vw; text-align:center; color:#fff; font-size:1.04vw; display:inline-block; margin-left:8px; border-radius:50%; transition:all 0.4s;}
.mgcRoute-map .word .m:before{ content:''; background:#a0ca84; width:71px; height:1px; position:absolute; left:0; bottom:0.208vw;}
.mgcRoute-map .word .m:hover .iconfont{ transform:rotate(45deg);}


.mgcRoute-right{ width:64.1%; height:100%; padding:7.8vw 2.6vw 0 2.6vw;}
.mgcRoute-right-tab a{ font-size:1.04vw; line-height:2.5vw; margin-right:1.04vw; display:inline-block; padding:0 1.04vw;}
.mgcRoute-right-tab a.on{ background:#087ec6; color:#fff;}
.mgcRoute-right-swith{ margin-top:1.145vw;}
.mgcRoute-right-swith .swith-item{ display:none;}
.mgcRoute-right-swith .point-box{ position:relative; margin:auto; display:inline-block;}
.mgcRoute-right-swith .swith-item .point{ position:absolute; display:inline-block; -webkit-animation-name: imageAnim; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease; -webkit-animation-play-state: running;}
.mgcRoute-right-swith .swith-item .point01{ left:40%; top:14.16%;}
.mgcRoute-right-swith .swith-item .point02{ left:70.5%; top:9.63%;}
.mgcRoute-right-swith .swith-item .point03{ left:39%; top:21.95%;}
.mgcRoute-right-swith .swith-item .point04{ left:37%; top:48.7%;}
.mgcRoute-right-swith .swith-item .point04{ left:37%; top:48.7%;}
.mgcRoute-right-swith .swith-item .point05{ left:51%; top:37.11%;}
.mgcRoute-right-swith .swith-item .point06{ left:32.5%; top:56.6%;}
.mgcRoute-right-swith .swith-item .point07{ left:41.7%; top:75%;}
.mgcRoute-right-swith .swith-item .map{ max-height:65.46vh;}
.mgcRoute-right-swith .swith-item:first-child{ display:block;}

@-webkit-keyframes imageAnim{
0% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}


.mgcStrategy{ width:100%; height:100%; padding-top:8.85vw; position:relative;}
.mgcStrategy .mgcTourist-head{ text-align:center;}
.mgcStrategy-list{ width:100%; position:absolute; left:0; bottom:0; height:68.5vh;}
.mgcStrategy-list a{ width:25%; height:100%; float:left; position:relative;}
.mgcStrategy-list a .thumb{ background-position:center; background-size:cover; width:100%; height:100%;}
.mgcStrategy-list a .cover{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; padding:0 3.9vw; color:#fff; display:flex; justify-content:center; align-items:center; flex-flow:column; transition:all 0.4s;}
.mgcStrategy-list a .cover .iconfont{ font-size:3.28vw;}
.mgcStrategy-list a .cover .t{ font-size:1.35vw; margin-top:1.04vw;}
.mgcStrategy-list a .cover .c{ line-height:1.56vw; max-height:4.68vw; margin-top:1.3vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mgcStrategy-list a .cover .m{ margin-top:3.125vw; line-height:1.66vw; font-size:14px; color:#fff; position:relative; display:inline-block; text-transform:uppercase;}
.mgcStrategy-list a .cover .m .iconfont{ background:#fff; width:1.66vw; text-align:center; color:#087ec6; font-size:1.04vw; display:inline-block; margin-left:8px; border-radius:50%; transition:all 0.4s;}
.mgcStrategy-list a .cover .m:before{ content:''; background:#fff; width:71px; height:1px; position:absolute; left:0; bottom:0.208vw;}
.mgcStrategy-list a:hover .cover{ background:rgba(8,126,198,.9);}
.mgcStrategy-list a:hover .cover .m .iconfont{ transform:rotate(45deg);}


.mgcNews{ background-image:url(../images/mgcNews-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-top:8.83vw;}
.mgcNews-tab{ padding-top:1.3vw;}
.mgcNews-tab a{ float:left; color:#666; text-transform:uppercase; position:relative; padding-bottom:0.78vw; margin-left:3.125vw;}
.mgcNews-tab a.active{ color:#087ec6;}
.mgcNews-tab a.active:before{ content:''; background:#087ec6; width:100%; height:2px; position:absolute; left:0; bottom:0;}
.mgcNews-swithSider{ margin-top:3.64vw; padding-bottom:5.1vw; position:relative; overflow:hidden; display:none;}
.mgcNews-swithSider:first-child{ display:block;}
.mgcNews-swithSider li{ position:relative;}
.mgcNews-swithSider li .date{ background:#087ec6; width:4.68vw; text-align:center; color:#fff; font-size:14px; padding:0.78vw 0 0.625vw 0; text-transform:uppercase; position:absolute; left:0; top:0; z-index:2;}
.mgcNews-swithSider li .date p:first-child{ font-size:2.18vw; line-height:1;}
.mgcNews-swithSider li .thumb{ height:13.95vw; overflow:hidden;}
.mgcNews-swithSider li .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.mgcNews-swithSider li .word{ margin-top:2.08vw;}
.mgcNews-swithSider li .word .t{ font-size:1.145vw; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mgcNews-swithSider li .word .c{ color:#666; line-height:1.45vw; margin-top:0.833vw; max-height:2.9vw; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mgcNews-swithSider li .word .m{ margin-top:1.3vw; line-height:1.66vw; font-size:14px; color:#087ec6; position:relative; display:inline-block; text-transform:uppercase;}
.mgcNews-swithSider li .word .m .iconfont{ background:#087ec6; width:1.66vw; text-align:center; color:#fff; font-size:1.04vw; display:inline-block; margin-left:8px; border-radius:50%; transition:all 0.4s;}
.mgcNews-swithSider li .word .m:before{ content:''; background:#087ec6; width:71px; height:1px; position:absolute; left:0; bottom:0.208vw;}
.mgcNews-swithSider li:hover .thumb span{transform:scale(1.05);}
.mgcNews-swithSider li:hover .word .m .iconfont{ transform:rotate(45deg);}
.mgcNews-swithSider .swiper-pagination-bullet{ background:#eaeaea; width:12px; height:12px; margin:0 9px !important; opacity:1;}
.mgcNews-swithSider .swiper-pagination-bullet-active{ background:#087ec6;}


.mgcTourist{ background-image:url(../images/mgcTourist-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-flow:column; }
.mgcTourist-head .iboxt{ position:relative; padding-top:0.78vw; display:inline-block;}
.mgcTourist-head .iboxt:before{ content:''; background:#087ec6; width:5vw; height:5vw; position:absolute; left:-1.97vw; top:0; border-radius:50%;}
.mgcTourist-head .iboxt:after{ content:''; background:#087ec6; width:1.04vw; height:1.04vw; position:absolute; right:-2.08vw; top:0; border-radius:50%;}
.mgcTourist-head .en{ font-size:0.9375vw; color:#666; position:relative; z-index:2; text-transform:uppercase; line-height:1;}
.mgcTourist-head .cn{ font-size:2.18vw; line-height:1; margin-top:0.52vw; position:relative; z-index:2;}
.mgcTourist-click{ margin-top:4.94vw; display:flex;}
.mgcTourist-click a{ background:#fff; width:10vw; height:10vw; display:flex; align-items:center; justify-content:center; flex-flow:column; margin:0 1.25vw;}
.mgcTourist-click a .iconfont{ font-size:2.34vw; color:#087ec6; transition:all 0.4s; display:inline-block; vertical-align:top; margin-bottom:1.4vw;}
.mgcTourist-click a:hover{ background:#087ec6; color:#fff;}
.mgcTourist-click a:hover .iconfont{ color:#fff;}


.mgcFooter{ background:#087ec6; padding:4.16vw 0 4.68vw 0; color:#fff;}
.mgcFooter-title{ width:17%; text-align:center;}
.mgcFooter-title .cn{ font-size:1.35vw; display:inline-block; line-height:2.55vw; border-bottom:1px #fff solid; border-top:1px #fff solid;}
.mgcFooter-contact{ line-height:1.875vw; width:32%; padding-left:2.6vw;}
.mgcFooter-contact .iconfont{ font-size:1.145vw; display:inline-block; vertical-align:top; margin-right:1.3vw;}
.mgcFooter-right{ max-width:34%;}
.mgcFooter-right .share a{ position:relative; float:left; margin-right:1.56vw;}
.mgcFooter-right .share a .iconfont{ width:2.6vw; height:2.6vw; line-height:2.6vw; font-size:1.25vw; text-align:center; color:#fff; display:inline-block; border:1px #fff solid; border-radius:50%;}
.mgcFooter-right .copy{ line-height:1.875vw; margin-top:0.833vw;}
.mgcFooter-right .copy a{ color:#fff;}



/**登录**/
.mgcLogin{ background-image:url(../images/login-bg.jpg); background-attachment:fixed; background-position:center; background-size:cover; width:100%; min-height:100vh; position:relative; display:flex; justify-content:center; align-items:center;}
.mgcLogin-logo{ position:absolute; left:5.2vw; top:2.6vw;}
.mgcLogin-filed{ background:rgba(255,255,255,.9); width:38.125%; padding:3.385vw 0 4.94vw 0; border-radius:18px;}
.mgcLogin-filed .fi-title{ font-family:'pingFangSC-BOLD'; text-align:center; font-size:24px; color:#087ec6; position:relative; padding-bottom:1.25vw; border-bottom:1px #cde5f3 solid;}
.mgcLogin-filed .fi-title:before{ content:''; background:#087ec6; height:2px; width:13vw; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);}
.mgcLogin-filed .fi-list{ padding:1.82vw 6vw 0 6vw;}
.mgcLogin-filed .fi-list li{ padding-top:1.3vw; position:relative;}
.mgcLogin-filed .fi-list li .iconfont{ width:4vw; height:2.7vw; line-height:2.7vw; text-align:center; position:absolute; left:0; bottom:1px; font-size:19px; color:#999;}
.mgcLogin-filed .fi-list li .inpt{ background:none; width:100%; height:2.8vw; line-height:2.8vw; padding:0 0 0 4vw; color:#999; border:1px #e8e8e8 solid;}
.mgcLogin-filed .fi-list li .btn{ background:#087ec6; width:100%; height:2.7vw; line-height:2.7vw; color:#fff; display:block; cursor:pointer; margin-top:1.82vw;}
.mgcLogin-filed .fi-list li .forget{ display:block; text-align:right; color:#087ec6; padding-top:2.34vw; font-size:14px;}


/**个人中心**/
.pbanner{ background-position:center; background-size:cover; width:100%; height:26.25vw;}
.myMain{ position:relative; display:flex;}
.myLeft{ background:#087ec6; width:26.45%; padding:3.12vw 0 3.12vw 6.25%;}
.myLeft-title{ text-align:center; color:#fff;}
.myLeft-title .cn{ font-family: 'pingFangSC-MEDIUM'; font-size:1.875vw; line-height:1;}
.myLeft-title .en{ font-family:'pingFangSC-BOLD'; font-size:1.66vw; line-height:1; text-transform:uppercase; margin-top:1.04vw;}
.myLeft-menu{ margin-top:4.68vw;}
.myLeft-menu a{ display:block; font-size:18px; color:#fff; position:relative; padding:1.56vw 0 1.56vw 3.125vw;}
.myLeft-menu a .cn{ position:relative; z-index:2;}
.myLeft-menu a:before{ content:""; display:block; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #E9E9E9; position:absolute; z-index:1; right:3.95vw; top:50%; margin-top:-4px;}
.myLeft-menu a.active:after, .myLeft-menu a:hover:after{ content:''; background:#0d8edc; width:1000px; height:100%; position:absolute; right:0; top:0; }


.myRight{ background:url(../images/myRight-bg.png) no-repeat bottom center; background-size:100% auto; width:73.55%; padding:6.25vw 6.25% 17.7vw 5.2vw;}
.myRight-title{ font-size:1.66vw; padding-bottom:2.86vw;}
.myData-filed dl{ margin-top:1.35vw; display:flex;}
.myData-filed dl dt{ min-width:110px; text-align:right; line-height:2.8vw; margin-right:1.56vw;}
.myData-filed dl dt .star{ color:#f38721; margin-right:8px;}
.myData-filed dl dd{ flex:1;}
.myData-filed dl dd .inpt{ width:100%; height:2.8vw; line-height:2.8vw; padding-left:1.82vw; border:1px #e5e5e5 solid;}
.myData-filed dl dd .date-inpt{ background:url(../images/date.png) no-repeat 96% center;}
.myData-filed dl dd .area{ width:100%; height:8.59vw; line-height:22px; padding:0.78vw 0.78vw 0.78vw 1.82vw; border:1px #e5e5e5 solid; resize:none;}
.myData-filed dl dd .yzm-inpt { width:59%; }
.myData-filed dl dd .yzm-img{ height:2.8vw; margin:0 1.45vw;}
.myData-filed dl dd .tips{ color:#f38721; margin-top:1.3vw; padding-left:1.82vw; text-align:left;}

.myData-button{ margin-top:6.25vw; text-align:center;}
.myData-button .sbtn{ background:#424242; width:25%; height:2.8vw; line-height:2.8vw; margin:0 15px; display:inline-block; vertical-align:top; color:#fff; cursor:pointer;}
.myData-button .sbtn:last-child{ background:#087ec6;}


.myData-portrait{ background:#f5f5f5; padding:1.4vw 4.16vw; margin-bottom:3.385vw; position:relative;}
.myData-portrait .thumb{ position:relative;}
.myData-portrait .thumb img{ width:5.7vw; height:5.7vw; border-radius:50%;}
.myData-portrait .thumb .upload{ width:26px; color:#0d8edc; font-size:26px; position:absolute; right:0; bottom:7px;}
.myData-portrait .thumb .upload input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.myData-portrait .editor{ color:#666; position:absolute; right:4.16vw; top:50%; transform:translateY(-50%);}


/**我的团队**/
.myTeam-select{ background:url(../images/select-arrow.png) no-repeat right center; background-size:auto 100%; width:100%; height:2.81vw; padding-left:2.08vw; color:#999; border:1px #e1e1e1 solid;}
.myTeam-list{ display:flex; flex-wrap:wrap;}
.myTeam-list li{ width:48.5%; margin-top:2.34vw; margin-right:3%; padding:1.56vw 2.08vw; position:relative; border:1px #e8e8e8 solid;}
.myTeam-list li:nth-child(2n+2){ margin-right:0;}
.myTeam-list li .more{ background:#087ec6; font-size:14px; line-height:3.07vw; color:#fff; padding:0 1.04vw; position:absolute; right:0; top:0; text-transform:uppercase;}
.myTeam-list li dl{ line-height:30px; padding:3px 0; display:flex;}
.myTeam-list li dl dt{ min-width:90px; text-align:right; color:#666;}
.myTeam-list li dl dd{ flex:1; padding-left:1.3vw; max-height:60px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.myTeam-laod{ text-align:center; display:block; margin-top:3.64vw;}


/**我的客服**/
.myCustomer-service{ position:relative;}
.myCustomer-service .row{ display:flex; margin-top:3.125vw; align-items:center;}
.myCustomer-service .row .iconfont{ font-size:5.2vw; color:#087ec6; margin-right:1.82vw;}
.myCustomer-service .row .text .t{ font-size:1.56vw; line-height:1;}
.myCustomer-service .row .text .c{ font-size:14px; line-height:24px; margin-top:6px;}
.myCustomer-service .tencent{ width:226px; margin-left:1.82vw;}
.myCustomer-service .tencent a{ font-size:12px; line-height:24px; padding:0 18px 0 12px; margin-bottom:14px; float:left; color:#087ec6; border:1px #087ec6 solid; border-radius:20px;}
.myCustomer-service .tencent a img{ position:relative; top:3px; margin-right:5px;}
.myCustomer-service .tencent a:nth-child(2n+2){ float:right;}
.myCustomer-service .thumb{ width:23.12vw; position:absolute; right:0; bottom:-5.989vw;}


/**景区动态**/
.pnews-banner{ width:100%; height:100vh; position:relative; }
.pnews-banner .pic{ background-position:top center; background-size:cover; width:100%; height:100%;}
.pnews-banner .txt{ position:absolute; left:6.25%; bottom:10.4vw; z-index:2; color:#fff;}
.pnews-banner .txt .cn{ font-size:2.5vw; line-height:1;}
.pnews-banner .txt .en{ font-family:'pingFangSC-BOLD'; font-size:3.125vw; line-height:1; text-transform:uppercase; margin-top:1.3vw;}
.pnews-banner .txt .iconfont{ background:#087ec6; width:3.8vw; line-height:3.8vw; text-align:center; font-size:22px; margin-top:2.08vw; border-radius:50%; display:inline-block;}
.pnews-banner .menu{ background:#087ec6; position:absolute; left:0; bottom:0; padding-left:6.25%; z-index:2;}
.pnews-banner .menu a{ float:left; font-size:18px; color:#fff; line-height:22px; padding:2.6vw 3.125vw; position:relative;}
.pnews-banner .menu a:before{ content:''; background:#fff; width:0; height:2px; position:absolute; left:50%; bottom:1.09vw; transition:all 0.4s;}
.pnews-banner .menu a.on:before, .pnews-banner .menu a:hover:before{ width:100%; left:0;}

.pnews-banner .strategy{ background:#087ec6; position:absolute; left:0; bottom:0; padding-left:6.25%; z-index:2; }
.pnews-banner .strategy a{ float:left; text-align:center; font-size:20px; color:#fff; padding:2.08vw 3.16vw 1.56vw 3.16vw; line-height:1; position:relative;}
.pnews-banner .strategy a .iconfont{ font-size:2.39vw; display:inline-block; line-height:1; display:block; margin-bottom:1.04vw;}
.pnews-banner .strategy a.on, .pnews-banner .strategy a:hover{ background:#08c68e;}
.pnews-banner .strategy a.on:before, .pnews-banner .strategy a:hover:before{ content:''; background:#08c68e; width:100%; height:1.25vw; position:absolute; left:0; bottom:-1.25vw;}


.pnews-main{ padding:50px 0;}
.pnews-list li{ padding:4.53vw 2.76vw 4.53vw 0; overflow:hidden;}
.pnews-list li:nth-child(2n+2){ background:#f3faff;}
.pnews-list li .thumb{ width:43%; height:18.43vw; overflow:hidden;}
.pnews-list li .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.pnews-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .date{ width:12%; text-align:center; font-size:1.04vw; color:#666;}
.pnews-list li .date .d{ font-size:3.75vw; line-height:1; color:#333; margin-bottom:0.78vw;}
.pnews-list li .word{ width:45%; padding:0 3.9vw 0 1.3vw;}
.pnews-list li .word .t{ font-family:'pingFangSC-MEDIUM'; font-size:24px; line-height:42px; max-height:84px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .word .c{ max-height:120px; line-height:30px; color:#087ec6; margin-top:1.82vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.pnews-list li .word .m{ margin-top:2.6vw; line-height:32px; font-size:14px; color:#087ec6; position:relative; text-transform:uppercase;}
.pnews-list li .word .m:before{ content:''; background:#087ec6; width:71px; height:1px; position:absolute; left:0; bottom:4px;}
.pnews-list li .word .m .iconfont{ background:#087ec6; width:32px; text-align:center; color:#fff; display:inline-block; margin-left:8px; border-radius:50%; transition:all 0.4s;}
.pnews-list li:hover .thumb img{ transform:scale(1.05);}
.pnews-list li:hover .thumb span{ transform:scale(1.05);}
.pnews-list li:hover .m .iconfont{ transform:rotate(45deg);}
.pnews-loading{ text-align:center; display:block;}


.pnews-detaWarp{ background:#fff; padding:4.68vw 2.6vw 3.125vw 2.6vw; position:relative; margin-top:-9.21vw; z-index:20;  border-top:10px #087ec6 solid;}
.pnews-detaReturn{ background:#087ec6; width:147px; height:50px; line-height:50px; text-align:center; color:#fff !important; position:absolute; right:0; top:-60px; font-weight:lighter;}
.pnews-detaTop .t{ font-family:'pingFangSC-MEDIUM'; font-size:1.77vw; padding-bottom:1.3vw; }
.pnews-detaTop .c{ border-top:1px #eee solid; border-bottom:1px #eee solid;}
.pnews-detaTop .c span{ color:#666; line-height:46px; float:left; margin-right:3.125vw;}
.pnews-detaInfo{ line-height:36px; text-align:justify; color:#666; padding:2.08vw 0;}
.pnews-detaPage{ padding-top:3.125vw; border-top:1px #efefef solid;}
.pnews-detaPage a{ max-width:50%; line-height:31px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-detaPage a.prev{ background:url(../images/page-prev.png) no-repeat left center; padding-left:84px;}
.pnews-detaPage a.next{ background:url(../images/page-next.png) no-repeat right center; padding-right:84px;}


.pmain-page{ padding-top:50px; font-size:0; text-align:center;}
.pmain-page a{ background:#f1eff0; line-height:46px; margin:0 5px; vertical-align:top; padding:0 18px; display:inline-block; font-size:16px; color:#999; border-radius:5px;}
.pmain-page span{ background:#f1eff0; line-height:46px; margin:0 5px; vertical-align:top; font-size:16px; padding:0 18px; display:inline-block; color:#999; border-radius:5px;}
.pmain-page span.nowpage{ background:#087ec6; color:#fff; }
.pmain-page a:hover{ background:#087ec6; color:#fff;}


/**视频风采**/
.pvideo-list{ padding-bottom:5.2vw;}
.pvideo-list li{ margin-top:6.4vw; position:relative;}
.pvideo-list li:first-child{ margin-top:4.16vw;}
.pvideo-list li .title{ font-size:1.875vw; line-height:1; padding-bottom:3.385vw;}
.pvideo-list li .title label{ color:#087ec6; text-transform:uppercase; margin-right:1.822vw;}
.pvideo-list li .more{ background:#087ec6; width:146px; height:16.04vw; position:absolute; right:2.18vw; top:-4.68vw; z-index:2; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.pvideo-list li .more .en{ color:#fff; font-size:14px; text-transform:uppercase; padding-bottom:10px; border-bottom:1px #fff solid;}
.pvideo-list li .more .iconfont{ background:#fff; width:32px; line-height:32px; text-align:center; display:inline-block; color:#087ec6; margin-top:27px; border-radius:50%; transition:all 0.4s;}
.pvideo-list li .thumb{ position:relative; overflow:hidden;}
.pvideo-list li .thumb:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.pvideo-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pvideo-list li .play{ font-family:'pingFangSC-MEDIUM'; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; font-size:24px; color:#fff; text-transform:uppercase;}
.pvideo-list li .play .iconfont{ font-size:64px; margin-bottom:1.04vw; display:inline-block; transition:all 0.6s ease;}
.pvideo-list li:hover .thumb img{ transform:scale(1.05);}
.pvideo-list li:hover .play .iconfont{ transform:rotate(360deg);}
.pvideo-list li:hover .more .iconfont{ transform:rotate(45deg);}


/**联系我们**/
.pcontact-inner{ display:flex;}
.pcontact-inner li{ width:25%; display:flex; padding:0 2.6vw 0 1.56vw; align-items:center; height:18.75vw; color:#666; border:1px #eee solid; transition:all 0.4s;}
.pcontact-inner li .iconfont{ font-size:2.23vw; color:#087ec6; margin-right:1.45vw;}
.pcontact-inner li .word .c{ font-size:20px; line-height:30px; margin-top:15px; color:#333; word-break:break-all; word-wrap:break-word;}
.pcontact-inner li .word .f{ font-size:14px; color:#999; margin-top:15px;}
.pcontact-inner li:hover{ background:#087ec6; border-color:#087ec6; color:#fff;}
.pcontact-inner li:hover .iconfont{ color:#fff;}
.pcontact-inner li:hover .word .c{ color:#fff;}
.pcontact-inner li:hover .word .f{ color:#fff;}
.pcontact-map{ margin-top:45px;}

.pmessage-main{ position:relative; padding:5.46vw 0 12.23vw 0;}
.pmessage-thumb{ width:32%; position:absolute; right:0; top:0;}
.pmessage-left{ width:62.5%;}
.pmessage-left-title{ position:relative; padding-top:2.86vw;}
.pmessage-left-title .en{ position:absolute; left:0; top:0; font-size:5.2vw; font-family:'pingFangSC-BOLD'; color:#f2f1f1; line-height:1;}
.pmessage-left-title .cn{ font-size:2.5vw; line-height:1; position:relative; z-index:2; padding-bottom:1.3vw;}
.pmessage-left-title .cn:before{ content:''; background:#087ec6; width:69px; height:2px; position:absolute; left:0; bottom:0;}
.pmessage-left-title .ti{ font-size:18px; color:#999; margin-top:1.04vw;}
.pmessage-left-filed{ padding-top:2.08vw;}
.pmessage-left-filed li{ overflow:hidden; margin-top:1.35vw;}
.pmessage-left-filed li .aside{ width:47.6%;}
.pmessage-left-filed li .inpt{ width:100%; color:#666; line-height:22px; padding:15px 20px; height:54px; vertical-align:top; border:1px #e9e9e9 solid;}
.pmessage-left-filed li .area{ width:100%; color:#666; height:280px; line-height:22px; padding:15px 20px; vertical-align:top; border:1px #e9e9e9 solid; resize:none;}
.pmessage-left-filed li .yzm-inpt{ width:30%; float:left;}
.pmessage-left-filed li .yzm-img{ height:54px; float:left; margin-left:1.56vw;}
.pmessage-left-filed li .yzm-in{ float:left; color:#666; margin-left:1.04vw; line-height:54px;}
.pmessage-left-filed li .yzm-btn{ background:#087ec6; width:24%; height:54px; line-height:54px; float:right; color:#fff; cursor:pointer;}


/**景区概况**/
.pscenic-head { display:flex; align-items:center;}
.pscenic-head .title{ font-size:2.39vw; font-family:'pingFangSC-MEDIUM'; line-height:1;}
.pscenic-head .text{ color:#2e8ac6; font-size:14px; margin-left:20px; padding-left:20px; border-left:1px #6bacd7 solid;}
.pscenic-head .text .en{ font-size:1.56vw; font-family:'pingFangSC-MEDIUM'; text-transform:uppercase; line-height:1; padding-bottom:5px;}
.pscenic-slogan{ color:#666; margin-top:1.04vw;}
.pscenic-sider{ overflow:hidden; margin-top:2.08vw; position:relative;}
.pscenic-sider li{ overflow:hidden;}
.pscenic-sider li .thumb{ width:57%; overflow:hidden;}
.pscenic-sider li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pscenic-sider li .word{ width:36%; padding-top:1.04vw;}
.pscenic-sider li .word .cn{ font-size:2.5vw; line-height:4.16vw; position:relative; padding-bottom:1.3vw;}
.pscenic-sider li .word .cn:before{ content:''; background:#2e8ac6; width:86px; height:4px; position:absolute; left:0; bottom:0;}
.pscenic-sider li .word .en{ font-family:'pingFangSC-BOLD'; font-size:2.5vw; text-transform:uppercase; color:#2e8ac6; margin-top:1.3vw;}
.pscenic-sider li:hover .thumb img{ transform:scale(1.05);}
.pscenic-sider .swiper-button-next, .pscenic-sider .swiper-button-prev{ width:3.02vw; height:3.02vw; line-height:3.02vw; text-align:center; color:#666; top:auto; margin-top:auto; bottom:0; font-weight:bold; border:1px #d0d0d0 solid; border-radius:50%; transition:all 0.4s;}
.pscenic-sider .swiper-button-next{ right:0;}
.pscenic-sider .swiper-button-next:hover{ background:#087ec6; color:#fff; border-color:#087ec6;}
.pscenic-sider .swiper-button-prev{ left:auto; right:4.375vw;}
.pscenic-sider .swiper-button-prev:hover{ background:#087ec6; color:#fff; border-color:#087ec6;}
.pscenic-about{ line-height:30px; margin-top:3.125vw; text-align:justify;}

.pscenic-show{ margin-top:5.989vw;}
.pscenic-show-head{ text-align:center;}
.pscenic-show-head .cn{ font-size:2.18vw; line-height:1;}
.pscenic-show-head .en{ font-family:'pingFangSC-MEDIUM'; font-size:2.5vw; color:#087ec6; text-transform:uppercase; line-height:1; margin-top:1.56vw;}
.pscenic-show-head .en .iconfont{ margin:0 2.86vw;}
.pscenic-show-head .ti{ font-size:18px; color:#087ec6; margin-top:1.56vw;}
.pscenic-show-thumb{ position:relative; margin-top:2.86vw; height:39.79vw;}
.pscenic-show-thumb a{ position:relative; float:left; height:50%; overflow:hidden; border-top:10px #fff solid; border-right:10px #fff solid;} 
.pscenic-show-thumb a .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.pscenic-show-thumb a .cover{ background:rgba(8,126,198,.8); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; display:flex; justify-content:center; align-items:center; transition:all 0.4s; opacity:0;}
.pscenic-show-thumb a .cover .iconfont{ font-size:48px; color:#fff;}
.pscenic-show-thumb a:nth-child(1){ width:50%;}
.pscenic-show-thumb a:nth-child(2){ width:25%;}
.pscenic-show-thumb a:nth-child(3){ width:25%; position:absolute; left:0; bottom:0;}
.pscenic-show-thumb a:nth-child(4){ width:50%; position:absolute; left:25%; bottom:0;}
.pscenic-show-thumb a:nth-child(5){ width:25%; height:100%; position:absolute; right:0; top:0; border-right:0;}
.pscenic-show-thumb a:hover .pic{ transform:scale(1.05);}
.pscenic-show-thumb a:hover .cover{ opacity:1;}


/**景区攻略**/
.pstrategy-list{ column-count:2; column-gap:5%;}
.pstrategy-list li{ width:100%; margin-top:4.47vw;}
.pstrategy-list li .line{ background:#087ec6; width:1px; height:3.64vw; position:relative; display:inline-block; vertical-align:top;}
.pstrategy-list li .line:before{ content:''; background:#08c68e; width:1px; height:1.04vw; position:absolute; left:0; top:0;}
.pstrategy-list li .title{ font-size:1.875vw; margin-top:1.145vw; line-height:1;}
.pstrategy-list li .desc{ margin-top:1.822vw; line-height:36px; color:#666; max-height:72px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pstrategy-list li .more{ margin-top:1.822vw; display:inline-block; line-height:32px; font-size:14px; color:#087ec6; position:relative; text-transform:uppercase;}
.pstrategy-list li .more:before{ content:''; background:#087ec6; width:71px; height:1px; position:absolute; left:0; bottom:4px;}
.pstrategy-list li .more .iconfont{ background:#087ec6; width:32px; text-align:center; color:#fff; display:inline-block; margin-left:8px; border-radius:50%; transition:all 0.4s;}
.pstrategy-list li .thumb{ overflow:hidden; margin-top:3.64vw;}
.pstrategy-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pstrategy-list li:hover .more .iconfont{ transform:rotate(45deg);}
.pstrategy-list li:hover .thumb img{ transform:scale(1.05);}


/**景区攻略**/
.traffic-self{ padding:8.59vw 0 5.2vw 0;}
.traffic-self-list{ margin-top:5.72vw; position:relative;}
.traffic-self-list li{ background:#f7f7f7; display:flex;}
.traffic-self-list li .thumb{ width:53%; height:26.77vw; overflow:hidden;}
.traffic-self-list li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.traffic-self-list li .word{ width:47%; padding:3.385vw 2.86vw 0 2.86vw;}
.traffic-self-list li .word .t{ font-size:28px;}
.traffic-self-list li .word .c{ font-size:18px; line-height:36px; margin-top:1.56vw;}
.traffic-self-list li .word .p{ margin-top:1.04vw;}
.traffic-self-list li .word .p .price{ color:#087ec6;}
.traffic-self-list li .word .p .price strong{ font-size:1.875vw;}
.traffic-self-list li:hover .thumb span{ transform:scale(1.05);}
.traffic-self-list .swiper-button-next, .traffic-self-list .swiper-button-prev{ width:3.02vw; height:3.02vw; line-height:3.02vw; text-align:center; color:#666; top:auto; margin-top:auto; bottom:3.02vw; font-weight:bold; border:1px #d0d0d0 solid; border-radius:50%; transition:all 0.4s;}
.traffic-self-list .swiper-button-next{ left:calc(53% + 7.8vw); right:auto; }
.traffic-self-list .swiper-button-next:hover{ background:#087ec6; color:#fff; border-color:#087ec6;}
.traffic-self-list .swiper-button-prev{ left:calc(53% + 2.86vw);}
.traffic-self-list .swiper-button-prev:hover{ background:#087ec6; color:#fff; border-color:#087ec6;}


.traffic-air{ display:flex;}
.traffic-air-word{ background:#087ec6; width:50%; display:flex; justify-content:center; flex-flow:column; color:#fff; padding:0 8.59vw 0 6.25%;}
.traffic-air-word .en-title{ font-family:'pingFangSC-MEDIUM'; font-size:3.75vw; line-height:1; text-transform:uppercase;}
.traffic-air-word .en-title .iconfont{ font-size:3.28vw; margin-left:2.34vw;}
.traffic-air-word .cn-title{ font-size:2.18vw; line-height:1; margin-top:3.12vw;}
.traffic-air-word .cn-title .iconfont{ font-size:1.92vw; color:#fed700; margin-right:1.3vw;}
.traffic-air-word .text{ font-size:18px; line-height:36px; margin-top:1.56vw;}
.traffic-air-word .price{ font-size:24px; margin-top:2.6vw;}
.traffic-air-word .price .unit{ font-size:18px;}
.traffic-air-word .price strong{ font-size:2.5vw;}
.traffic-air-thumb{ width:50%;}


.traffic-drive{ position:relative; padding:10.93vw 0 3.9vw 0;}
.traffic-drive:before{ content:''; background:url(../images/drive-bg.jpg); background-position:top center; background-size:cover; width:100%; height:80%; position:absolute; left:0; top:0; z-index:-1;}
.traffic-drive .pscenic-show-head .cn{ color:#087ec6;}
.traffic-drive-list{ margin-top:9.11vw; display:flex; flex-wrap:wrap;}
.traffic-drive-list li{ background:#08c68e; width:50%; display:flex;}
.traffic-drive-list li .thumb{ width:35%; height:22.18vw; overflow:hidden;}
.traffic-drive-list li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.traffic-drive-list li .word{ width:65%; display:flex; justify-content:center; flex-flow:column; color:#fff; padding:0 2.6vw;}
.traffic-drive-list li .word .t{ font-size:1.875vw; line-height:1;}
.traffic-drive-list li .word .c{ line-height:36px; margin-top:1.56vw;}
.traffic-drive-list li:nth-child(2n+2){ background:#087ec6;}
.traffic-drive-list li:hover .thumb span{ transform:scale(1.05);}


.traffic-trip{ background:#cce7f1; position:relative; padding:8.59vw 0 6.77vw 0;}
.traffic-trip-left{ width:50%; position:relative; z-index:2;}
.traffic-trip-left .cnTitle{ font-size:2.18vw; color:#087ec6; } 
.traffic-trip-left .cnTitle .iconfont{ font-size:3.22vw; margin-left:1.04vw; display:inline-block; vertical-align:top;}
.traffic-trip-left .enTitle{ font-family:'pingFangSC-MEDIUM'; font-size:3.125vw; line-height:1; color:#087ec6; text-transform:uppercase; margin-top:10px;}
.traffic-trip-left .thumb{ margin-top:3.125vw;}
.traffic-trip-process{ background:#fff; width:62.5%; height:39vw; position:absolute; right:0; top:8.59vw; padding-right:6.25%;}
.traffic-trip-process .pro-word{ float:right; width:70%; height:100%; overflow-y:auto; position:relative; padding-top:4.68vw;}
.traffic-trip-process .pro-word:before{ content:''; background:#cee5f4; width:1px; height:100%; position:absolute; left:2.08vw; top:0;}
.traffic-trip-process .pro-word dl{ padding:1.66vw 0; position:relative; z-index:2;}
.traffic-trip-process .pro-word dl dt{ background:#087ec6; width:4.42vw; height:4.42vw;  display:flex; justify-content:center; align-items:center; float:left; font-size:1.56vw; color:#fff; font-style:italic; border:0.67vw #cee5f4 solid; border-radius:50%;}
.traffic-trip-process .pro-word dl dd{ line-height:30px; overflow:hidden; padding:0.416vw 0 0 1.82vw;}


/**走进我们**/
.pabout-usThumb{ width:50%; overflow:hidden;}
.pabout-usThumb img{ width:100%; display:block; transition:all 0.4s;}
.pabout-usThumb:hover img{ transform:scale(1.05);}
.pabout-usLeft{ width:50%; padding:7.8vw 4.4% 0 6.25%;}
.pabout-usLeft .cn-title{ font-size:2.18vw; line-height:1;}
.pabout-usLeft .en-title{ font-family:'pingFangSC-BOLD'; font-size:2.5vw; color:#087ec6; text-transform:uppercase; margin-top:0.78vw;}
.pabout-usLeft .en-title .iconfont{ font-size:3.22vw; display:inline-block; line-height:1; vertical-align:top; margin-left:1.04vw;}
.pabout-usLeft .data{ margin-top:4.9vw;}
.pabout-usLeft .data .s{ font-family:'pingFangSC-BOLD'; font-size:1.875vw; color:#087ec6; padding-right:1.04vw; font-style:italic;}
.pabout-usLeft .data .y{ font-family:'pingFangSC-BOLD'; font-size:5.72vw; color:#087ec6; line-height:0.8; display:inline-block;}
.pabout-usLeft .data .k{ display:inline-block; margin-left:1.822vw; padding-left:2.34vw; font-size:18px; letter-spacing:5px; border-left:4px #087ec6 solid;}
.pabout-usLeft .data .k p:first-child{ font-family:'pingFangSC-MEDIUM'; font-size:2.5vw; text-transform:uppercase; letter-spacing:0; line-height:1; margin-bottom:6px;}
.pabout-usLeft .text{ line-height:30px; color:#666; margin-top:2.08vw;}

.pabout-concept-figure{ width:50%; overflow:hidden;}
.pabout-concept-figure img{ width:100%; display:block; transition:all 0.4s;}
.pabout-concept-figure:hover img{ transform:scale(1.05);}
.pabout-concept-word{ width:50%; padding:9.89vw 6.25% 0 4.68vw;}
.pabout-concept-word .cn-title{ font-size:2.18vw; line-height:1;}
.pabout-concept-word .en-title{ font-family:'pingFangSC-BOLD'; font-size:2.5vw; color:#087ec6; text-transform:uppercase; margin-top:15px;}
.pabout-concept-word .en-title .iconfont{ font-size:3.2vw; display:block;}
.pabout-concept-word .slog{ font-family:'pingFangSC-MEDIUM'; font-size:2.18vw; line-height:3.75vw; margin-top:2.86vw;}
.pabout-concept-word .text{ line-height:36px; text-align:justify; margin-top:1.56vw;}
.pabout-concept-word .arrow{ margin-top:4.68vw;}
.pabout-concept-word .arrow .iconfont{ background:#087ec6; width:3.8vw; height:3.8vw; line-height:3.8vw; text-align:center; font-size:22px; color:#fff; display:inline-block; border-radius:50%;}


.pabout-video{ background:#fff7f7; padding:8.33vw 0 5.72vw 0;}
.pabout-video-head .cn{ font-size:2.18vw; line-height:1;}
.pabout-video-head .en{ font-family:'pingFangSC-BOLD'; font-size:2.5vw; color:#087ec6; text-transform:uppercase; margin-top:0.78vw;}
.pabout-video-head .en .iconfont{ font-size:3.2vw; display:inline-block; line-height:1; vertical-align:top; margin-left:1.04vw}
.pabout-video-cont{ margin-top:3.64vw; position:relative;}
.pabout-video-cont .more{ background:#087ec6; width:146px; height:16.04vw; position:absolute; right:42px; top:-10.2vw; z-index:2; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.pabout-video-cont .more .en{ color:#fff; font-size:14px; text-transform:uppercase; padding-bottom:10px; border-bottom:1px #fff solid;}
.pabout-video-cont .more .iconfont{ background:#fff; width:32px; line-height:32px; text-align:center; display:inline-block; color:#087ec6; margin-top:27px; border-radius:50%; transition:all 0.4s;}
.pabout-video-cont .more:hover .iconfont{ transform:rotate(45deg);}
.pabout-video-cont .thumb{ height:31.875vw;  position:relative; overflow:hidden;}
.pabout-video-cont .thumb:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.pabout-video-cont .thumb .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.pabout-video-cont .play{ font-family:'pingFangSC-MEDIUM'; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; font-size:24px; color:#fff; text-transform:uppercase; cursor:pointer;}
.pabout-video-cont .play .iconfont{ font-size:64px; margin-bottom:1.04vw; display:inline-block; transition:all 0.6s ease;}
.pabout-video-cont:hover .thumb .pic{ transform:scale(1.05);}
.pabout-video-cont:hover .play .iconfont{ transform:rotate(360deg);}


#ChinaMap4{ width:75% !important; height:63.75vh !important; margin:auto;}
.svggroup{ height:100%;} 
.stateTip, #StateTip { display: none; width: auto !important; max-width: 450px; position: absolute; left: 0; padding: 25px 40px; background: rgba(40,43,38,.8); border-radius: 4px; z-index:1; color: #fff; }
.mapInfo span { font-size: 18px; }
.mapInfo b { font-size: 16px; font-weight: normal; line-height: 24px; margin-top: 7px; }


.jinqu-swith .jinqu{ display:none;}
.jinqu-swith .jinqu:first-child{ display:block;}

.video-pup{ background-color:rgba(0, 0, 0, .9); width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:9999; text-align:center; }
.video-pup .v-close { background:url(../images/close.png) no-repeat; width:30px; height:30px; position:absolute; top:20px; right:40px; cursor:pointer; }
.video-pup .v-box { display:inline-block; width:1000px; height:650px; font-size:0; overflow:hidden; border-radius:2px; box-shadow:0 0 16px rgba(0, 0, 0, .4); border:2px solid #111; position:relative; }
.video-pup .v-box video{ height:100% !important; max-height:inherit; vertical-align:middle; object-fit:contain !important; position:absolute; left:0; }