* { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; }
body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
.index_bg { background: url(../imgs/index_bg_v0605.jpg) no-repeat bottom center; background-size: cover; }
.index_logo { width: 191px; height: 197px; margin:0 auto; margin-bottom: 60px; display: block; }
.index_main { position: absolute; padding-left: 30px; width: 740px; height: 400px; top: 40%; left: 50%; margin-top: -240px; margin-left: -400px; }
.index_main .item { text-align: center; width: 100px; float: left; }
.index_main .item~.item { margin-left: 60px; }
.index_main .item a { color: #ffdca0; font-size: 18px; font-weight: bold; text-shadow:1px 1px 4px #8a3d01;}
.index_main .item img { width: 96px; height: 96px; display: block; margin: 0 auto; margin-bottom: 10px; }
.index_bottom { color: #883c05; font-size: 14px; text-align:center; position: fixed; bottom: 20px; left: 0; width: 100%; }
.index_bottom a { color: #883c05 }
.index_close { z-index: 2; width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: 120px; }
.index_contact { display: none; /*background:rgba(27,27,27,0.6);*/background:url(../imgs/index_bg02_v0605.jpg) no-repeat bottom center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}
.index_contact .inner { color: #fff; font-size: 36px; text-align: center; width:320px; height: 500px; position: absolute; left: 50%; top: 50%; margin-top: -250px; margin-left: -160px; }
.index_contact img.item { width: 320px; height: 320px; display: block; margin: 0 auto; margin-top: 30px; border-radius: 10px;}
.index_contact img.close { width: 50px; height: 50px; margin-top: 50px; }
.index_code { width: 320px; height: 320px; position: absolute; left: 50%; margin-left: -160px; margin-top: -280px; top: 50%; }
.intro_bg { background: url(../imgs/bg2_v0605.png) no-repeat bottom center; background-size: cover; }
.intro_main { color: #1D3167; font-size: 24px; height: 600px; position: absolute; top: 50%; left: 50%; margin-left: -462px; margin-top: -300px; text-align: justify; width: 924px; }
.intro_main .logo { width: 153px; height: 63px; margin: 0 auto; display: block; }
.intro_main .hd { font-size: 37px; text-align: center; padding: 30px 0; }
.intro_main .bd { min-height: 420px; overflow: auto; }
.intro_main p { padding-bottom: 15px; }
.index_yewu { display: none; /*background:rgba(27,27,27,0.6);*/background:url(../imgs/index_bg02_v0605.jpg) no-repeat bottom center; background-size: cover;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}
.index_yewu .inner { color: #fff; text-align: center; width:100%; height: 500px; top: 50%; margin-top: -250px; position: absolute; }
.index_yewu img { display: block; margin: 0 auto }
.index_yewu .hd { font-weight: bold; font-size: 30px; margin: 80px 0 50px; }
.index_yewu .list { margin-top: 40px; margin-bottom: 40px; padding-left: 30px; }
.index_yewu .list span { margin-right: 30px; font-size: 18px; } 
.index_yewu .close { width: 50px; height: 50px; }
.detail_main { padding-top: 40px; }
.detail_bottom { color: #fff; text-align:center; font-size: 41px; padding-top: 20px; left: 0; }
.detail_bottom #address { font-size: 24px; margin-top: 10px; }
.detail_pics,.detail_pics .item { width: 100%; height: 100%; }
.detail_pics { position: relative; }
.detail_pics .item  { z-index: 1; background-size: cover; background-position: center center; position: absolute; left: 0; top: 0; }
.detail_pics .item~.item  { display: none; }
.detail_pics .lef { outline: none; display: none; z-index: 100; top: 50%; margin-top: -44px;  width: 48px; height: 88px; position: absolute; left: 70px; cursor: pointer; }
.detail_pics .rig { outline: none; display: none; z-index: 100; top: 50%; margin-top: -44px; width: 48px; height: 88px; position: absolute; right: 70px; cursor: pointer; }

.swiper-container {
  width: 100%;
  height: 100%;
}
.viewer-footer { bottom: 63%; }
.viewer-backdrop { /*background: black*/background: url(../imgs/bg3_v0605.jpg) center center;
  background-size: cover; }
.viewer-toolbar > ul { width: 100%; }
.viewer-toolbar > ul > li { display: none; }
.viewer-toolbar > ul > li.viewer-prev,.viewer-toolbar > ul > li.viewer-next { display: inline-block; }
.viewer-toolbar > ul > li.viewer-prev { margin-left: 40px; background: url(../imgs/lef_v0605.png) no-repeat center center; width: 48px; height: 88px; }
.viewer-toolbar > ul > li.viewer-next { margin-right: 40px; float: right; background: url(../imgs/rig_v0605.png) no-repeat center center; width: 48px; height: 88px; }
.viewer-toolbar > ul > li.viewer-prev:before,.viewer-toolbar > ul > li.viewer-next:before { display: none; }

/*.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 100% !important;
  width: 100%!important;
  left: 0!important;
  margin-left: 0!important;
}*/


.viewer-canvas {width: 100%;height: 66vh;overflow: hidden;top: 0vh}
.viewer-canvas > img {
  height: auto!important;
  max-width: 100% !important;
  width: 100%!important;
  left: 0!important;
  margin-left: 0!important;
  margin-top: 0!important;
  visibility: hidden;
}

.bottomIcon { display: none; z-index: 99999; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; padding-right: 10px;     bottom: 35vh;}
.bottomIcon span { width: 12px; height: 12px; background: #fff; border-radius: 50%; display: inline-block; margin-right: 10px; }
.bottomIcon span.cur { width: 14px; height: 14px; border: 0; background: #E87200 }
.home { width: 70px; height: 70px; position: fixed; top:40px; right: 40px; z-index: 9999}
.home img { width: 70px; height: 70px; }

.page { width: 70px; height: 70px; position: fixed; right: 40px; }
.page img { width: 70px; height: 70px; }
.page.up { bottom:40px; }
.page.down { bottom:40px; }

.viewer-button { background: #333;}

.anim-opacity2 {animation: 2s opacity2 0s infinite; -webkit-animation: 2s opacity2 0s infinite;-moz-animation: 2s opacity2 0s infinite;}
.shop-info {width: 100%;display: none;text-align: center;position: absolute;bottom: 15vh;z-index: 9999;}
.shop-info p {color: #fff;font-size: 18px;}
.shop-info .line01 {font-size: 24px;line-height: 60px;}

/*介绍页*/
.intro_bg {display: flex;text-align: center;}
/*.intro_01 {max-width: 950px;margin:auto;color: #1D3167}
.intro_01 .logo {width: 154px;}
.intro_01 .title {font-size: 34px;font-weight: bold;line-height: 80px;}
.intro_01 .text {font-size: 20px;text-align: left;text-indent: 2em;font-weight: 300;line-height: 34px;font-weight: bold;}*/

@keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
@-webkit-keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
@-moz-keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
/*@media screen and (max-width: 1980px) {
    .bottomIcon { bottom: 24vh;}
}
@media screen and (max-width: 1600px) {
    .viewer-canvas {top:15vh;}
    .bottomIcon { bottom: 40vh;}
    .shop-info {bottom: 18vh;}
    .viewer-footer {bottom: 58%;}
}
@media screen and (max-width: 1280px) {
    .viewer-canvas {top:24vh;}
    .bottomIcon { bottom: 38vh;}
    .shop-info {bottom: 16vh;}
    .viewer-footer {bottom: 52%;}
}*/

/*2019年7月2日17:01:29;*/
.page_intro {width: 100%;height: 100%;background: url(../imgs/intro_bg_0702.jpg) no-repeat;background-size: cover;background-repeat:no-repeat;
background-attachment:fixed;background-position:center center;overflow-y: visible;}
.intro_content {width: 92%;height: 90%;margin: auto auto;box-sizing: border-box;display: flex;align-items:center;}
.intro_text {width: 80%;max-width: 960px;margin: auto auto;max-height: 85vh;padding: 0 44px;padding-bottom: 15vh;}
.intro_text .title {font-size: 30px;line-height: 80px;padding-top: 20px;text-align: center;}
.intro_text .subtitle {font-size: 18px;line-height: 40px;font-weight: bold; }
.intro_text .text {font-size: 18px;line-height: 36px;text-indent: 2em;}
.intro_text .text.no-indent {text-indent: 0;}

.colorFFF {color: #fff;}
.color000 {color: #000;}
.color1d3167 {color: #1d3167;}
.color024f65 {color: #024f65}
.intro_text .text.b-indent {text-indent: 200px}
.txt-center {text-align: center;}
.intro_bg {text-align: left;height: 100%;background-position: center center}
.intro_01 { background-image: url(../imgs/intro/page01.jpg);background-size: cover;}
.intro_02 { background-image: url(../imgs/intro/page02.jpg);background-size: cover;}
.intro_03 { background-image: url(../imgs/intro/page03.jpg);background-size: cover;}
.intro_04 { background-image: url(../imgs/intro/page01.jpg);background-size: cover;}
.intro_05 { background-image: url(../imgs/intro/page05.jpg);background-size: cover;}
.intro_06 { background-image: url(../imgs/intro/page06.jpg);background-size: cover;}
.intro_07 { background-image: url(../imgs/intro/page07.jpg);background-size: cover;}
.intro_08 { background-image: url(../imgs/intro/page08.jpg);background-size: cover;}
.intro_09 { background-image: url(../imgs/intro/page09.jpg);background-size: cover;}
.intro_10 { background-image: url(../imgs/intro/page01.jpg);background-size: cover;}

.text-box01 {padding-bottom: 20vh;}
.text-box02 {padding-bottom: 20vh;}
.text-box03 {background: rgba(237,108,0,.7);}
.text-box04 {padding-bottom: 20vh;}
.text-box05 {background: rgba(164,111,32,.7);}
.text-box06 {background: rgba(255,255,255,.6);}
.text-box07 {background: rgba(137,99,38,.75);}
.text-box08 {background: rgba(238,120,0,.65);}
.text-box09 {background: rgba(7,39,99,.66);}

@media screen and (max-width: 750px) {
    body { overflow: hidden; }
    body.page_intro {background:none;}
    body.page_intro:before {      content: ' ';
      position: fixed;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(../imgs/intro_bg_0702.jpg) center 0 no-repeat;
      background-size: cover;
    }
    .index_logo {width: 95px;height: 100px}
    .index_main { padding-left: 0; width: 376px; height: 200px; margin-left:-188px; margin-top: -140px; top: 32%;}
    .index_main ul { width: 80%; margin: 0 auto;text-align: center;}
    .index_main .item { display: inline-block;float:none;text-align: center; width: 32%; margin-bottom: 30px}
    .index_main .item a { font-weight: normal; white-space: nowrap; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 14px; font-weight: bolder;}
    .index_main .item~.item { margin-left: 0px; }
    .index_main .item img { width: 55px; height: 55px; }
    .intro_main { height: 100%; overflow: auto; justify-content: center; width: 100%; box-sizing: border-box; padding: 10px 20px; position: static; margin: 0; display: flex; align-items: center; flex-direction: column; }
    .intro_main .logo { width: 75px; height: 31px; }
    .intro_main .hd { font-size: 18px; height: auto; min-height: auto }
    .intro_main .bd { font-size: 14px; width: 100%; margin:0 auto }
    .detail_pics .lef,.detail_pics .rig { width: 24px; height: 44px; margin-top: -22px; }
    .detail_pics .lef { left: 10px }
    .detail_pics .rig { right: 10px }
    .detail_bottom { font-size: 21px; padding-top: 40px; }
    .detail_bottom #address { font-size: 14px; }
    .home { width: 40px; height: 40px; position: fixed; top:10px; right: 10px; }
    .home img { width: 40px; height: 40px; }
    .page {width: 40px; height: 40px;right: 50%;margin-right: -20px;}
    .page.down {bottom: 20px}
    .page img {width: 40px; height: 40px;}
    .viewer-canvas {top:0vh;}
    .shop-info { width: 90%; margin-left: 5%;bottom: 14vh;}
    /*.intro_01 {max-width: 90%;margin:auto;color: #1D3167}
    .intro_01 .logo {width: 100px;}
    .intro_01 .title {font-size: 18px;font-weight: bold;line-height: 50px;}
    .intro_01 .text {font-size: 12px;line-height: 20px;font-weight: bold;}*/
    .viewer-button { display: none;}
    .viewer-footer {bottom: 61%;}
    .bottomIcon {bottom: 36vh;}
    .index_yewu .inner {top: 55%}
    .v-mobile {height: 66vh;background-size: cover!important;}
    /*.intro_01 {background-image: url(../imgs/m_intro1_v0605.jpg)!important; background-position: center center;background-size: 100% auto;}
    .intro_02 {background-image: url(../imgs/m_intro2_v0605.jpg)!important; background-position: center center;background-size: 100% auto;}
    .intro_03 {background-image: url(../imgs/m_intro3_v0605.jpg)!important; background-position: center center;background-size: 100% auto;}*/

    .index_contact .inner {width: 60%;margin-left: -30%;}
    .index_contact img.item {width: 100%;height: auto;}
    .index_bottom {font-size: 12px;box-sizing: border-box;padding: 0 10px;}

    .intro_text {width: 90%;height: 75vh;margin: auto auto;padding: 0 20px;overflow: hidden;}
    .intro_text .title {font-size: 18px;line-height: 35px;padding-top: 5px;text-align: center;}
    .intro_text .subtitle {font-size: 14px;line-height: 24px;}
    .intro_text .text {font-size: 14px;line-height: 24px;}
    .text-box01 {padding-bottom: 15vh;}
    .text-box02 .intro_text {height: 85vh;}
    .text-box02 {padding-bottom: 0vh;}
    .intro_text .text.b-indent {text-indent: 0;padding-bottom: 20px;}
    .intro_01 { background-image: url(../imgs/intro_m/page01.jpg);background-size: cover;}
    .intro_02 { background-image: url(../imgs/intro_m/page02.jpg);background-size: cover;}
    .intro_03 { background-image: url(../imgs/intro_m/page03.jpg);background-size: cover;}
    .intro_04 { background-image: url(../imgs/intro_m/page04.jpg);background-size: cover;}
    .intro_05 { background-image: url(../imgs/intro_m/page05.jpg);background-size: cover;}
    .intro_06 { background-image: url(../imgs/intro_m/page06.jpg);background-size: cover;}
    .intro_07 { background-image: url(../imgs/intro_m/page07.jpg);background-size: cover;}
    .intro_08 { background-image: url(../imgs/intro_m/page08.jpg);background-size: cover;}
    .intro_09 { background-image: url(../imgs/intro_m/page09.jpg);background-size: cover;}
    .intro_10 { background-image: url(../imgs/intro_m/page10.jpg);background-size: cover;}
    .text-box09 {padding-top: 10vh}
    .text-box10 {padding-top: 20vh}
    .intro_bg .intro_content {display: none;}

}
@media screen and (max-width: 360px) {
  .text-box02 .intro_text {height: 100vh;padding: 0 10px}
  .text-box02 .intro_text .text {line-height: 22px;}
  .text-box03 .intro_text .text {line-height: 22px;}
  .home { width: 30px; height: 30px;}
  .home img { width: 30px; height: 30px; }
}
@media screen and (max-width: 320px) {
    .index_logo {
        width: 95px;
        height: 100px
    }
    /*.index_main { width: 320px; height: 200px; margin-left: -160px; margin-top: -140px; }
    .index_main ul { width: 360px; padding-left: 6px; }
    .index_main .item { text-align: center; width: 40px; margin: 0 10px; float: left; }*/
    .index_logo {margin-bottom: 30px}
    .index_main { width: 320px; height: 200px; margin-left:-160px; margin-top: -100px; top: 32%;}
    .index_main ul { width: 80%;}
    .index_main .item { text-align: center; width: 32%; margin-bottom: 20px}

    .index_main .item a { font-weight: normal; text-align: center; font-size: 12px; }
    .index_main .item~.item { }
    .index_main .item img { width: 40px; height: 40px; }
    
    .intro_text .title {font-size: 18px;line-height: 30px;padding-top: 10px;text-align: center;}
    .intro_text .subtitle {font-size: 12px;line-height: 20px;}
    .intro_text .text {font-size: 12px;line-height: 18px;}
    .intro_text .text.b-indent {text-indent: 0;padding-bottom: 10px;}
    .text-box02 .intro_text .text {line-height: 20px;}
    .text-box03 .intro_text .text {line-height: 20px;}

}
.viewer-backdrop {
    /*background: rgba(27,27,27,0.6);*/
    background: url(../imgs/bg3_v0605.jpg) center center;
  background-size: cover;
}