html,
 body,
 div,
 p,
 span,
 label,
 img,
 a,
 ol,
 ul,
 dl,
 dt,
 dd,
 li,
 table,
 tr,
 td,
 th,
 tbody,
 thead,
 tfoot,
 form,
 fieldset,
 legent,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 strong,
 b,
 em,
 blockquote,
 cite,
 pre,
 code,
 hr,
 br,
 input,
 button,
 textarea,
 nav,
 section {
     padding: 0;
     margin: 0
 }

 html,
 body {
     font-family: 'Microsoft Yahei', Arial, Simsun;
     font-size: 100%;
     width: 100%;
     /* height: 100%; */
     max-width: 640px;
     margin: 0 auto
 }

 html {
     font-size: 62.5%
 }

 body {
     min-height: 420px;
     font-size: 14px;
     color: #666
 }

 * {
     margin: 0;
     outline: 0;
     padding: 0;
     font-size: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 ul,
 li {
     list-style: none;
     list-style-type: none
 }

 :focus {
     outline: 0
 }

 a,
 img {
     border: 0 none
 }

 img {
     vertical-align: middle
 }

 a {
     text-decoration: none
 }

 caption,
 cite,
 code,
 em,
 th,
 var {
     font-weight: normal;
     font-style: normal
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: normal;
     font-size: 100%
 }

 p {
     line-height: 2.4rem;
     margin: 10px 0;
     text-align: justify
 }

 body {
     background-color: #eee
 }

 .common_contentBlock {
     opacity: 0
 }

 .nav_button span,
 .nav_button,
 .home_button,
 .btn-in {
     -webkit-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .home_aContent {
     -webkit-transition: all .6s ease-in-out;
     -ms-transition: all .6s ease-in-out;
     -moz-transition: all .6s ease-in-out;
     -o-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out
 }

 .home_bodyer {
     position: relative;
     width: 100%;
     padding-top: 46px;
     max-width: 640px
 }

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

 @keyframes fadeInUp {
     0% {
         transform: translateY(-1000px);
         opacity: 0
     }
     100% {
         transform: translateY(0px);
         opacity: 1
     }
 }

 .compassCss {
     display: none;
 }

 .home_text {
     position: relative;
     margin-top: 8%;
     width: 74%;
     left: 13%
 }

 .home_text img {
     width: 100%;
     animation: fadeInLeft 2s .1s ease both
 }

 @keyframes fadeInLeft {
     0% {
         transform: translateX(-1000px);
         opacity: 0
     }
     100% {
         transform: translateX(0px);
         opacity: 1
     }
 }

 .nav_content {
     position: fixed;
     top: 0;
     right: 0;
     z-index: 999;
     width: 100%;
     height: 46px
 }

 .nav_button {
     position: absolute;
     right: 18px;
     top: 6px;
     z-index: 99;
     width: 36px;
     height: 36px
 }

 .nav_button span {
     display: block;
     position: relative;
     width: 28px;
     height: 2px;
     background: #e89156;
     margin: 7px 0
 }

 .nav_homeButton {
     position: absolute;
     display: block;
     right: 66px;
     top: 0;
     width: 46px;
     height: 46px;
     background: url(//files.ckiosk.cn/images/b5_8.png) no-repeat 8px 8px;
     background-size: 30px
 }

 .nav_title {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 46px;
     z-index: 888;
     color: #e89156;
     text-align: center;
     line-height: 46px;
     font-size: 2rem;
     background: #fff;
     box-shadow: 2px 0 4px 0 #ccc
 }

 .nav_backButton {
     position: absolute;
     left: -5px;
     width: 46px;
     height: 46px;
     background: url(//files.ckiosk.cn/images/b5_7.png) no-repeat center;
     background-size: 14px
 }

 .nav_button.current {
     background: #9a9a9a;
     border-radius: 60px;
     top: 18px
 }

 .nav_button.current span {
     height: 2px;
     width: 24px
 }

 .nav_button.fff {
     top: 20px
 }

 .nav_button.fff span {
     background: #e6e9e3
 }

 .nav_button.current span {
     background: #e6e9e3
 }

 .nav_button.current span:nth-child(2) {
     display: none
 }

 .nav_button.current span:nth-child(1) {
     transform: rotate(45deg) translate(12px, 3px);
     -ms-transform: rotate(45deg) translate(12px, 3px);
     -moz-transform: rotate(45deg) translate(12px, 3px);
     -webkit-transform: rotate(45deg) translate(12px, 3px);
     -o-transform: rotate(45deg) translate(12px, 3px)
 }

 .nav_button.current span:nth-child(3) {
     transform: rotate(-45deg) translate(3px, 5px);
     -ms-transform: rotate(-45deg) translate(3px, 5px);
     -moz-transform: rotate(-45deg) translate(3px, 5px);
     -webkit-transform: rotate(-45deg) translate(3px, 5px);
     -o-transform: rotate(-45deg) translate(3px, 5px)
 }

 @-webkit-keyframes rotateY {
     0% {
         opacity: 0;
         -webkit-transform: rotateY(90deg)
     }
     100% {
         opacity: 1;
         -webkit-transform: rotateY(0deg)
     }
 }

 @-webkit-keyframes rotateYB {
     0% {
         opacity: 1;
         -webkit-transform: rotateY(0deg);
         -webkit-transform-origin: right
     }
     100% {
         opacity: 0;
         -webkit-transform: rotateY(-90deg);
         -webkit-transform-origin: right
     }
 }

 .navBlock_contnet {
     -webkit-animation: rotateYB .6s ease-in-out forwards;
     -webkit-transform-origin: right
 }

 .navBlock_contnet.current {
     -webkit-animation: rotateY .6s ease-in-out forwards;
     -webkit-transform-origin: right
 }

 .navBlock_bg {
     position: absolute;
     top: 0;
     width: 100%;
     background: url(//files.ckiosk.cn/images/b4_6.jpg) no-repeat center;
     background-size: cover;
     top: 0;
     height: 100%
 }

 .nav_contentBlock {
     position: fixed;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%
 }

 .navBlock_contnet {
     position: fixed;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     color: #fff;
     display: none
 }

 .home_content .swiper-container {
     width: 100%;
     height: 600px;
     position: relative;
     z-index: 66
 }

 .home_navBlock {
     position: fixed;
     bottom: 20px;
     left: 0;
     width: 100%;
     z-index: 68;
     text-align: center
 }

 .home_content .swiper-pagination-switch {
     position: relative;
     display: inline-block;
     width: 6px;
     height: 6px;
     border-radius: 100px;
     margin: 0 5px;
     border: 2px solid #fff
 }

 .home_content .swiper-slide {
     position: relative
 }

 .home_content .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
     background: #fff
 }

 .home_block {
     position: absolute;
     left: 0;
     width: 100%;
     top: 30%;
     color: white
 }

 .home_block_0 {
     padding: 0 0 0 18%;
     text-align: left
 }

 .homeA_block img,
 .homeB_block img,
 .homeC_block img,
 .homeD_block img {
     width: 100%
 }

 @-webkit-keyframes scaleB {
     0% {
         -webkit-transform: scale(1)
     }
     50% {
         -webkit-transform: scale(1.04)
     }
     100% {
         -webkit-transform: scale(1)
     }
 }

 .nav_logo {
     position: fixed;
     top: 10px;
     left: 10px;
     width: 80px;
     z-index: 999;
     -webkit-animation: scaleB .6s ease-in-out backwards
 }

 .nav_logo img {
     width: 100%
 }

 .nav_logoB {
     position: fixed;
     top: 10px;
     left: 10px;
     width: 80px;
     z-index: 99;
     -webkit-animation: scaleB .6s ease-in-out backwards;
     display: none;
 }

 .nav_logoB img {
     width: 100%
 }

 .common_content {
     position: relative;
     padding-top: 60px;
     width: 100%
 }

 .common_contentBlock {
     position: relative;
     width: 100%;
     min-height: 400px
 }

 .home_contentBlock {
     position: absolute;
     right: 30px;
     bottom: 50px;
     z-index: 9
 }

 .home_button {
     position: absolute;
     bottom: 50px;
     right: 30px;
     width: 56px;
     z-index: 99
 }

 .home_button img {
     width: 100%
 }

 .home_aBlock {
     position: absolute;
     width: 46px
 }

 .home_aBlock img {
     width: 100%
 }

 .home_aContent {
     position: absolute;
     width: 400px;
     height: 400px;
     right: -200px;
     bottom: -200px;
     -webkit-transform: rotate(-145deg)
 }

 .home_aBlock.a1 {
     top: 0;
     left: 148px
 }

 .home_aBlock.a2 {
     top: 15px;
     left: 93px
 }

 .home_aBlock.a3 {
     top: 45px;
     left: 44px
 }

 .home_aBlock.a4 {
     top: 95px;
     left: 15px
 }

 .home_aBlock.a5 {
     top: 148px;
     left: 0
 }

 .home_button.current {
     -webkit-transform: rotate(45deg)
 }

 .home_aContent.current {
     -webkit-transform: rotate(0deg)
 }

 .home_bg {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: .8;
     z-index: 90;
     display: none
 }

 .home_block {
     display: none
 }

 @-webkit-keyframes translateUP {
     0% {
         opacity: 0;
         -webkit-transform: translate(0, 20px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate(0)
     }
 }

 @-webkit-keyframes translateLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate(20px, 0px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate(0)
     }
 }

 @-webkit-keyframes translateRight {
     0% {
         opacity: 0;
         -webkit-transform: translate(-20px, 0px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate(0)
     }
 }

 .homeA_block div:nth-child(1) {
     -webkit-animation: translateUP .6s ease-in-out .4s backwards
 }

 .homeA_block div:nth-child(2) {
     -webkit-animation: translateUP .6s ease-in-out .8s backwards
 }

 .homeA_block div:nth-child(3) {
     -webkit-animation: translateLeft .6s ease-in-out 1.2s backwards
 }

 .homeB_block div:nth-child(1) {
     -webkit-animation: translateLeft .6s ease-in-out .4s backwards
 }

 .homeB_block div:nth-child(2) {
     -webkit-animation: translateUP .6s ease-in-out .8s backwards
 }

 .homeC_block div:nth-child(1) {
     -webkit-animation: translateRight .6s ease-in-out .4s backwards
 }

 .homeC_block div:nth-child(2) {
     -webkit-animation: translateUP .6s ease-in-out .8s backwards
 }

 .homeD_block div:nth-child(1) {
     -webkit-animation: translateUP .6s ease-in-out .4s backwards
 }

 .homeD_block div:nth-child(2) {
     -webkit-animation: translateLeft .6s ease-in-out .8s backwards
 }

 .homeD_block div:nth-child(3) {
     -webkit-animation: translateUP .6s ease-in-out 1.2s backwards
 }

 .home_0 .home_00 {
     position: relative;
     top: 40px
 }

 .home_0 img {
     width: 60%
 }

 .home_00 img {
     width: 60%;
     padding-top: 5px
 }

 .home_01 img {
     width: 35%
 }

 .home_1 img {
     width: 37%;
     padding-top: 5px
 }

 .home_2 img {
     width: 30%
 }

 .home_3 img {
     width: 30%;
     padding-top: 5px
 }

 .home_4 img {
     width: 47%;
     padding-top: 5px
 }

 .homeA_block_01 {
     font-size: 35px
 }

 .homeA_block_02 {
     font-size: 17px;
     padding-top: 4px;
 }

 .homeA_block_03 {
     font-size: 15px;
     padding-top: 4px
 }

 .homeA_block_04 {
     font-size: 13px
 }

 .homeA_block_05 {
     font-size: 28px;
     padding-top: 4px
 }

 .homeA_block_06 {
     font-size: 18px;
     padding-top: 10px
 }

 .homeA_block_07 {
     font-size: 25px;
     line-height: 21px
 }

 .project_content {
     width: 100%;
     height: 100%;
     position: relative
 }

 #swipe {
     width: 100%;
     overflow: hidden
 }

 .imgBlock {
     width: 100%;
     float: left;
     position: relative;
     min-height: 150px
 }

 .imgBlock img {
     width: 100%
 }

 .floor_content {
     position: absolute;
     top: 6rem;
     left: 0;
     width: 100%;
     overflow: hidden
 }

 .floor_title {
     width: 29%;
     position: absolute;
     left: 2px;
     top: 0;
     height: 65px
 }

 .floor_title .img img {
     width: 100%
 }

 .floor_title .title {
     font-size: 1.8rem;
     color: #606765;
     position: relative;
     letter-spacing: .1rem;
     margin-top: -2px
 }

 .cm-F-btn .btn-in.current {
     color: #fff;
     -webkit-transform: scale(1.1)
 }

 .cm-F-btn .btn-in:nth-child(1).current {
     background: #338ec9
 }

 .cm-F-btn .btn-in:nth-child(2).current {
     background: #32c6e8
 }

 .cm-F-btn .btn-in:nth-child(3).current {
     background: #f5844e
 }

 .cm-F-btn .btn-in:nth-child(4).current {
     background: #8ea54c
 }

 @-webkit-keyframes slideDown {
     0% {
         opacity: 0;
         -webkit-transform: translate(0, -20px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate(0, 0)
     }
 }

 .floor_titleBlock {
     position: relative;
     display: none;
     -webkit-animation: slideDown .6s ease-in-out
 }

 .navBotton_content {
     width: 100%;
     height: 52px;
     z-index: 99;
     background: #fff;
     position: fixed;
     bottom: 0;
     left: 0
 }

 .navBotton_block {
     position: relative;
     display: block;
     float: left;
     color: #9e996b;
     text-align: center;
     width: 25%;
     font-size: 1.4rem
 }

 .navBotton_block img {
     width: 36%;
     display: inline-block;
     padding-top: 3px
 }

 .navBotton_block .title {
     padding-top: 2px
 }

 .navA_content {
     position: absolute;
     width: 86%;
     margin: auto;
     top: 50%;
     left: 7%;
     margin-top: -160px
 }

 .navA_aBlock {
     position: relative;
     display: block;
     font-size: 1.8rem;
     color: #333;
     border-bottom: 1px solid #999;
     padding: 18px 0 10px 36px;
     white-space: nowrap
 }

 .navA_aBlock.bgA {
     background: url(//files.ckiosk.cn/images/b5_1.png) no-repeat 0 12px;
     background-size: 30px
 }

 .navA_aBlock.bgB {
     background: url(//files.ckiosk.cn/images/b5_2.png) no-repeat 0 12px;
     background-size: 30px
 }

 .navA_aBlock.bgC {
     background: url(//files.ckiosk.cn/images/b5_3.png) no-repeat 0 12px;
     background-size: 30px
 }

 .navA_aBlock.bgD {
     background: url(//files.ckiosk.cn/images/b5_4.png) no-repeat 0 12px;
     background-size: 30px
 }

 .navA_aBlock.bgE {
     background: url(//files.ckiosk.cn/images/b5_5.png) no-repeat 0 12px;
     background-size: 30px
 }

 .navA_aBlock.bgF {
     background: url(//files.ckiosk.cn/images/b5_6.png) no-repeat 0 12px;
     background-size: 30px
 }

 .navA_aBlock span {
     font-size: 1.6rem;
     color: #888;
     padding-left: 6px
 }

 .home_common {
     width: 100%;
     position: relative;
     height: auto;
     background: url(//files.ckiosk.cn/images/b4_6.jpg) no-repeat center;
     background-size: cover
 }

 .common_main {
     width: 84%;
     margin: auto;
     padding-top: 20px;
     position: relative
 }

 .swipe_bgimg {
     position: relative;
     padding-top: 30px
 }

 .swiper-container {
     position: relative;
     width: 100%;
     overflow: hidden;
     font-size: 1.3rem
 }

 .swiper-slide {
     float: left;
     text-align: center
 }

 .swiper-slide span {
     display: block;
     width: 35px;
     height: 35px;
     line-height: 35px;
     margin: auto;
     background: #ccc;
     border-radius: 50%
 }

 .swiper-container .swiper-slide.current span {
     color: #fff;
     background: #64bfd4
 }

 .home_video {
     position: relative;
     width: 100%;
     background: #fcedcc
 }

 .video_top {
     width: 34%;
     margin: auto;
     position: relative;
     padding: 20px 0
 }

 .video_top img {
     width: 100%;
     display: block
 }

 .video_main {
     width: 100%;
     position: relative;
     padding: 20px 0;
     background: #000
 }

 .video_main img {
     width: 100%;
     display: block
 }

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

 .video_img img {
     width: 100%;
     display: block
 }

 .home_brand {
     width: 84%;
     margin: auto;
     position: relative;
     padding-top: 20px
 }

 .home_brand img {
     width: 100%;
     display: block
 }

 .brand_addres,
 .brand_phone {
     width: 84%;
     margin: 20px auto 0;
     position: relative
 }

 .brand_addres img,
 .brand_phone img {
     width: 100%;
     display: block
 }

 .brand_adreP {
     width: 84%;
     margin: 5px auto 0;
     position: relative
 }

 .brand_adreP {
     font-size: 1.4rem;
     color: #1b1b1b
 }

 .traffic_map {
     width: auto;
     position: relative;
     margin: 0 0 20px 0;
     border: solid 1px #a0a0a0
 }

 .traffic_map img {
     width: 100%
 }

 .traffic_p {
     width: auto;
     line-height: 26px;
     font-size: 1.3rem;
     color: #555;
     text-align: justify
 }

 .home_intend {
     position: relative;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
 }

 .intend_img {
     width: 100%;
     margin: auto;
     position: relative
 }

 .intend_img img {
     width: 100%;
     display: block
 }

 .intend_ulblock {
     position: relative;
     width: 84%;
     margin: auto
 }

 .intend_ulblock ul li {
     background: url(../images/in4.png) no-repeat 96%;
     background-size: 10px;
     width: 100%;
     height: 35px;
     padding: 15px 0;
     border-bottom: solid 1px #b3b3b3
 }

 .intend_ulblock ul li a {
     display: block;
     width: auto;
     line-height: 40px;
     padding-left: 36px;
     font-size: 1.6rem;
     color: #555
 }

 .intend_ulblock ul li a.intend_ablockA {
     background: url(../images/in1.png) no-repeat left;
     background-size: 26px
 }

 .intend_ulblock ul li a.intend_ablockB {
     background: url(../images/in2.png) no-repeat left;
     background-size: 26px
 }

 .intend_ulblock ul li a.intend_ablockC {
     background: url(../images/in3.png) no-repeat left;
     background-size: 26px
 }

 .intend_ulblock ul li a.intend_ablockA.a1 {
     background: url(../images/in_1.png) no-repeat left;
     background-size: 30px
 }

 .intend_ulblock ul li a.intend_ablockB.a2 {
     background: url(../images/in_2.png) no-repeat left;
     background-size: 34px
 }

 .intend_ulblock ul li a.intend_ablockC.a3 {
     background: url(../images/in_3.png) no-repeat left;
     background-size: 34px
 }

 .intend_ulblock ul li a.intend_ablockD {
     background: url(../images/in5.png) no-repeat left;
     background-size: 30px
 }

 .intend_ulblock ul li a.intend_ablockE {
     background: url(../images/in6.png) no-repeat left;
     background-size: 30px
 }

 .intend_ulblock ul li a.intend_ablockF {
     background: url(../images/in7.png) no-repeat left;
     background-size: 26px
 }

 .intend_ulblock ul li a.intend_ablockG {
     background: url(../images/in8.png) no-repeat left;
     background-size: 26px
 }

 .intend_ulblock ul li a.intend_ablockH {
     background: url(../images/in9.png) no-repeat left;
     background-size: 26px
 }

 .traffic_t {
     width: 100%;
     text-align: center;
     margin: 25px 0 10px 0;
     line-height: 24px;
     font-size: 1.6rem;
     color: #333
 }

 .brand_img {
     width: 100%;
     position: relative;
     margin: 0 0 20px 0
 }

 .brand_img img {
     width: 100%;
     display: block
 }

 .locat_img {
     width: 100%;
     margin: auto;
     margin-bottom: 20px;
     position: relative
 }

 .locat_img img {
     width: 100%;
     display: block
 }

 .locat_ulblock {
     width: 100%;
     position: relative;
     margin-bottom: 20px
 }

 .locat_ulblock ul li {
     width: 47.6%;
     font-size: 1.4rem;
     height: 28px;
     margin-bottom: 10px;
     border: solid 1px #e7771c;
     color: #e7771c;
     text-align: center;
     line-height: 28px;
     border-radius: 3px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .locat_ulblock ul li.locat_liablock {
     float: left
 }

 .locat_ulblock ul li.locat_riablock {
     float: right
 }

 .locat_ulblock ul li:hover,
 .locat_ulblock ul li.current {
     background: url(../images/la_2.png) no-repeat center;
     color: #fff
 }

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

 .location_child {
     width: 100%;
     position: relative;
     display: none
 }

 .laction_a {
     width: 100%;
     position: relative;
     margin: 0 0 15px 0;
     height: 40px
 }

 .laction_leti {
     width: 65%;
     float: left;
     text-align: right;
     line-height: 40px
 }

 .laction_a a .laction_leti {
     display: block;
     color: #fff;
     font-size: 1.6rem
 }

 .laction_Aa {
     margin-top: 20px;
     background: url(../images/la_4.png) no-repeat center;
     background-size: cover
 }

 .laction_Ab {
     background: url(../images/la_5.png) no-repeat center;
     background-size: cover
 }

 .laction_Ac {
     background: url(../images/la_6.png) no-repeat center;
     background-size: cover
 }

 .home_advan {
     width: 100%;
     border-bottom: solid 1px #bfbfbf;
     position: relative;
     padding-top: 5px
 }

 .advan_top {
     width: 84%;
     margin: auto;
     position: relative
 }

 .advan_top ul li {
     width: 12%;
     float: left;
     position: relative;
     padding: 4%;
     white-space: nowrap
 }

 .advan_top ul li img {
     width: 100%
 }

 .advan_top ul li .advan_p {
     width: 100%;
     text-align: center;
     font-size: 1.2rem;
     line-height: 24px
 }

 .tg_map {
     width: 84%;
     margin: auto;
     position: relative
 }

 .tg_map img {
     width: 100%
 }

 .home_advanTex {
     width: 84%;
     margin: 20px auto 0;
     position: relative
 }

 .home_handbook {
     position: relative;
     padding-top: 40px;
     width: 84%;
     margin: auto
 }

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

 .handbook img {
     width: 100%
 }

 .hand_page {
     width: 56%;
     margin: 20px auto 0;
     position: relative;
     margin-top: 20px
 }

 .hand_page ul li {
     width: 46%;
     font-size: 1.3rem;
     height: 28px;
     margin-bottom: 10px;
     border: solid 1px #e7771c;
     color: #fff;
     text-align: center;
     line-height: 28px;
     border-radius: 3px;
     background: url(../images/la_2.png) no-repeat center
 }

 .hand_page ul li.page_1 {
     float: left
 }

 .hand_page ul li.page_2 {
     float: right
 }

 .handbool_mains {
     width: 100%;
     position: relative;
     padding-top: 40px
 }

 .handbool_mains .swiper-container {
     position: relative;
     height: 300px;
     width: 100%
 }

 .supply_title {
     font-size: 2rem;
     color: #4d4d4d;
     width: auto;
     position: relative;
     text-align: center;
     padding-bottom: 15px
 }

 .history_main {
     position: relative;
     margin: 15px auto 0;
     padding: 30px 0;
     width: 83%;
     border-top: solid 1px #929292
 }

 .history_ablock {
     width: 100%;
     position: relative;
     margin: auto;
     background: url(../images/line.png) no-repeat center 27px;
     background-size: 80%;
     height: 60px
 }

 .history_ablock .swiper-container {
     padding-top: 10px
 }

 .swiper-slide b {
     z-index: 99;
     display: block;
     margin: 0 auto;
     width: 35px;
     height: 35px;
     color: #080808;
     background: url(../images/in10.png) no-repeat center;
     font-weight: normal;
     background-size: 35px;
     line-height: 35px;
     text-align: center
 }

 .arrow-left {
     position: absolute;
     left: 0;
     top: 44px;
     width: 25px;
     height: 25px;
     background: url(../images/in12.png) no-repeat center;
     background-size: 25px
 }

 .arrow-right {
     position: absolute;
     right: 0;
     top: 44px;
     width: 25px;
     height: 25px;
     background: url(../images/in13.png) no-repeat center;
     background-size: 25px
 }

 .swiper-container .swiper-slide.current b {
     color: #dd2626;
     width: 45px;
     height: 45px;
     background: url(../images/in11.png) no-repeat center;
     background-size: 40px;
     text-align: center;
     line-height: 45px;
     margin-top: -6px
 }

 .swipe_history {
     width: 84%;
     margin: auto;
     position: relative
 }

 .his_text {
     width: auto;
     font-size: 1.4rem;
     color: #000;
     line-height: 24px;
     padding-bottom: 5px
 }

 .his_text p {
     background: url(../images/line2.png) no-repeat 5px 5px;
     padding-left: 25px;
     background-size: 12px;
     margin-bottom: 20px
 }

 .tour_main {
     width: 100%;
     position: relative;
     padding-top: 15px
 }

 .laction_b {
     width: 100%;
     position: relative;
     margin: 0 0 15px 0;
     height: 40px
 }

 .laction_b a {
     display: block;
     color: #fff;
     font-size: 1.6rem;
     text-align: center;
     line-height: 40px
 }

 .laction_Ad {
     background: url(../images/la_7.png) no-repeat center;
     background-size: cover;
     margin-top: 25px
 }

 .laction_Ae {
     background: url(../images/la_8.png) no-repeat center;
     background-size: cover
 }

 .laction_Af {
     background: url(../images/la_9.png) no-repeat center;
     background-size: cover
 }

 .laction_Ag {
     background: url(../images/la_10.png) no-repeat center;
     background-size: cover
 }

 .hold_title {
     width: 100%;
     font-size: 1.6rem;
     color: #000;
     line-height: 28px;
     text-align: center
 }

 .hold_tit {
     width: 100%;
     font-size: 1.4rem;
     color: #292929;
     line-height: 24px;
     text-align: center;
     padding-bottom: 5px
 }

 .traffic_p a {
     color: #e7771c;
     font-size: 1.2rem
 }

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

 .joinUs_top {
     width: 100%;
     border-top: solid 1px #bfbfbf;
     border-bottom: dashed 1px #bfbfbf;
     padding: 5px 0
 }

 .joinUs_top ul li {
     width: 20%;
     text-align: center;
     line-height: 24px;
     font-size: 1.2rem;
     font-weight: bold;
     color: #333;
     float: left
 }

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

 .joinUs_text>ul>li {
     width: 100%;
     text-align: center;
     line-height: 24px;
     font-size: 1.2rem;
     color: #333
 }

 .joinUs_text>ul>li>ul {
     border-bottom: dashed 1px #bfbfbf;
     background: url(../images/join_bg.png) center
 }

 .joinUs_text>ul>li ul li {
     width: 20%;
     text-align: center;
     line-height: 24px;
     font-size: 1.2rem;
     color: #333;
     float: left;
     padding: 5px 0
 }

 .joinUs_text>ul>li ul li a {
     font-size: 1.2rem;
     color: #333;
     display: block
 }

 .pages {
     width: 66%;
     position: relative;
     margin-top: 20px;
     float: right
 }

 .pages a {
     width: 15px;
     height: 15px;
     border: solid 1px #aaa;
     display: block;
     text-align: center;
     line-height: 15px;
     float: left;
     font-size: 1.2rem;
     margin-left: 5px;
     color: #555
 }

 .pages a:hover {
     background: #e7771c;
     color: #fff;
     border: solid 1px #e7771c
 }

 .join_adres {
     position: relative;
     float: left;
     width: 100%;
     margin-top: 10px
 }

 .join_adres .join_title {
     color: #555;
     font-size: 1.6rem;
     line-height: 28px
 }

 .join_adres .join_tp {
     color: #555;
     font-size: 1.4rem;
     line-height: 24px
 }

 .join_adres .join_tp span {
     color: #e7771c
 }

 .join_open {
     position: relative;
     width: 100%;
     padding-top: 10px;
     background: #eee;
     border-bottom: dashed 1px #bfbfbf;
     display: none
 }

 .join_openblock {
     padding-bottom: 10px;
     width: auto;
     position: relative
 }

 .join_openblock .join_op {
     font-size: 1.2rem;
     color: #555;
     line-height: 24px;
     text-align: left
 }

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

 .new_t {
     position: absolute;
     bottom: 5px;
     left: 5px;
     font-size: 1.4rem;
     color: #fff;
     line-height: 24px
 }

 .news_block {
     position: absolute;
     bottom: 8px;
     right: 6%;
     width: 94%;
     text-align: right
 }

 .news_block a {
     position: relative;
     display: inline-block;
     width: 6px;
     height: 6px;
     background: #fff;
     margin: 0 2px
 }

 .news_block a.cur {
     background: #e7771c
 }

 .dy-innermain {
     width: 90%;
     margin: 20px auto 0;
     position: relative
 }

 .dy-innermain p img {
     width: 100%
 }

 .dy-innermain .new-mains {
     width: 100%;
     display: block;
     position: relative;
     border-bottom: solid 1px #fff;
     padding-bottom: 20px;
     margin-bottom: 20px
 }

 .new-mains .new-img {
     width: 35%;
     float: left;
     position: relative
 }

 .new-mains .new-img img {
     width: 100%
 }

 .new-mains .new-text {
     position: relative;
     float: left;
     width: 63%;
     margin-left: 2%;
     overflow: hidden
 }

 .new-mains .new-text h3 {
     font-size: 1.4rem;
     width: 100%;
     padding-bottom: 4px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: #000;
     text-align: justify
 }

 .new-mains .new-text .new-p {
     font-size: 1.2rem;
     width: 100%;
     height: 36px;
     margin: 2px 0;
     color: #7f7f7f;
     text-align: justify;
     line-height: 17px;
     overflow: hidden
 }

 .new-mains .new-text span {
     font-size: 1.2rem;
     display: block;
     width: 100%;
     text-align: right;
     color: #7f7f7f;
     padding-top: 2px
 }

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

 .new_timens .new_lefti {
     float: left;
     font-size: 1.2rem;
     color: #7f7f7f
 }

 .new_timens .new_leftr {
     float: right;
     font-size: 1.2rem;
     color: #7f7f7f
 }

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

 .home_inner .inner_title {
     width: auto;
     font-size: 1.6rem;
     color: #363636;
     text-align: justify;
     line-height: 28px
 }

 .home_inner .inner_titd {
     width: auto;
     font-size: 1.2rem;
     text-align: justify;
     line-height: 24px;
     padding: 5px 0
 }

 .home_inner .traffic_img {
     padding: 10px 0;
     width: 100%
 }

 .home_inner .traffic_img img {
     width: 100%
 }

 .home_inner .inner_tsg {
     width: auto;
     font-size: 1.6rem;
     color: #363636;
     text-align: justify;
     line-height: 24px;
     padding: 5px 0
 }

 .floor_ablock {
     width: 77%;
     margin: auto;
     position: relative
 }

 .floor_ablock ul li {
     position: relative;
     width: auto;
     padding: 10px 0 10px 15px;
     float: left
 }

 .floor_ablock ul li.floor_b1 b {
     display: block;
     margin-top: 3px;
     width: 10px;
     height: 10px;
     color: #303030;
     font-weight: normal;
     float: left;
     background: #538edd;
     line-height: 24px
 }

 .floor_ablock ul li.floor_b1 span {
     float: left;
     font-size: 1.2rem;
     color: #333;
     margin-left: 5px
 }

 .floor_ablock ul li.floor_b2 b {
     display: block;
     margin-top: 3px;
     width: 10px;
     height: 10px;
     color: #303030;
     font-weight: normal;
     float: left;
     background: #e84985;
     line-height: 24px
 }

 .floor_ablock ul li.floor_b2 span {
     float: left;
     font-size: 1.2rem;
     color: #333;
     margin-left: 5px
 }

 .floor_ablock ul li.floor_b3 b {
     display: block;
     margin-top: 3px;
     width: 10px;
     height: 10px;
     color: #303030;
     font-weight: normal;
     float: left;
     background: #67b275;
     line-height: 24px
 }

 .floor_ablock ul li.floor_b3 span {
     float: left;
     font-size: 1.2rem;
     color: #333;
     margin-left: 5px
 }

 .home_contents {
     padding-left: 10px
 }

 .home_title_01 {
     padding: 15px 0
 }

 .home_title {
     font-size: 1.8rem;
     padding: 6px 0;
     color: #444
 }

 .home_title_02 {
     padding: 0
 }

 .home_exp {
     font-size: 16px;
     color: #cf811d
 }

 .home_position {
     padding-top: 20px
 }

 .loadingBox {
     width: 100%;
     height: 100%;
     background: white;
     z-index: 1;
     position: fixed;
 }

 #loadings {
     z-index: 999;
     width: 100px;
     height: 100px;
     position: fixed;
     top: 40%;
     left: 50%;
     margin-left: -50px;
     background: url(//files.ckiosk.cn/Image/v1/load.gif) no-repeat top
 }

 .info_select {
     width: 100%;
     margin: 0 0 -8px 0;
     padding: 3px 0 4px 0;
     background-color: #fcfcfc;
     z-index: 1001;
     display: table;
     border-bottom: 1px solid #d08424
 }

 .info_select_01 {
     display: table-cell;
     width: 33.3%;
     color: #333;
     position: relative;
     height: 27px;
     line-height: 27px;
     padding-left: 15px;
     cursor: pointer;
     font-size: 16px
 }

 .info_a {
     position: relative
 }

 .info_a:after {
     content: "";
     position: absolute;
     top: 0;
     left: 6px;
     width: 10px;
     height: 10px;
     border-color: #777;
     border-width: 0 0 1px 1px;
     border-style: solid;
     transform: rotateZ(-45deg)
 }

 .info_b {
     position: relative
 }

 .info_b:after {
     content: "";
     position: absolute;
     top: 5px;
     left: 6px;
     width: 10px;
     height: 10px;
     border-color: #777;
     border-width: 0 0 1px 1px;
     border-style: solid;
     transform: rotateZ(135deg)
 }

 article {
     line-height: 25px;
     padding: 10px;
     font-size: 15px;
     color: #777
 }

 .overview_title {
     font-size: 18px;
     color: white;
     width: 80px;
     height: 30px;
     background: #d0801d;
     text-align: center;
     line-height: 30px;
     margin: 10px auto;
     border-bottom-left-radius: 10px;
     border-top-right-radius: 10px
 }

 .info_maps {
     width: 100%;
     background-color: #ebebeb;
     margin-top: 8px;
     max-height: 500px;
     height: 300px
 }

 .info_shopDetail {
     background-color: white;
     border-bottom: 10px solid #ebebeb;
     width: 100%;
     height: 73px;
     display: none;
     font-size: 12px
 }

 .info_icon {
     background-color: #f5f5f5;
     width: 100%;
     height: 73px;
     position: relative;
     font-size: 12px;
     border-bottom: 10px solid #ebebeb
 }

 .info_icon_p {
     position: absolute
 }

 .info_icon_p_01 {
     left: 40px;
     top: 20px
 }

 .info_icon_p_01:before {
     content: "";
     position: absolute;
     top: 4px;
     left: -12px;
     width: 10px;
     height: 10px;
     background-color: #dbdbdb;
     /* border: 1px solid #000000; */
 }

 .info_icon_p_02 {
     top: 20px;
     left: 92px;
     display: none;
 }

 .info_icon_p_02:before {
     content: "";
     position: absolute;
     top: 4px;
     left: -12px;
     width: 10px;
     height: 10px;
     background-color: #f4a11c
 }

 .info_icon_p_03 {
     left: 162px
 }

 .info_icon_p_03:before {
     content: "";
     position: absolute;
     top: 4px;
     left: -12px;
     width: 10px;
     height: 10px;
     background-color: #91d333
 }

 .info_icon_p_04 {
     top: 34px;
     left: 22px
 }

 .info_icon_p_04:before {
     content: "";
     position: absolute;
     top: 4px;
     left: -12px;
     width: 10px;
     height: 10px;
     background-color: #36a5ea
 }

 .info_icon_p_05 {
     top: 34px;
     left: 92px
 }

 .info_icon_p_05:before {
     content: "";
     position: absolute;
     top: 4px;
     left: -12px;
     width: 10px;
     height: 10px;
     background-color: #f4e862
 }

 .info_icon_p_06 {
     top: 34px;
     left: 162px
 }

 .info_icon_p_06:before {
     content: "";
     position: absolute;
     top: 4px;
     left: -12px;
     width: 10px;
     height: 10px;
     background-color: #7b5621
 }

 .info_shopDetail_01 {
     width: 70%;
     height: 20px;
     position: relative;
     left: 73px;
     white-space: nowrap
 }

 .info_shopDetail_name {
     top: -48px;
     font-size: 15px;
     color: #222
 }

 .info_shopDetail_po {
     top: -47px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .info_shopDetail_ct {
     top: -50px
 }

 .info_shops {
     background-color: white
 }

 .info_shops p {
     padding-left: 10px;
     margin: 0;
     color: #111;
     font-size: 16px;
     line-height: 30px;
     border-bottom: 1px solid #ddd
 }

 .info_shops_logo {
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 58px;
     background: beige;
     position: relative;
     top: 6px;
     left: 10px;
     background-size: 100% auto;
     border: 1px solid #ddd;
     background-position: center;
     background-repeat: no-repeat
 }

 .shop_list {
     width: 100%;
     position: fixed;
     bottom: 0;
     max-width: 640px
 }

 .shop_list_s {
     margin: 10px
 }

 .shop_list_01 {
     width: 100%;
     height: 100%
 }

 .shop_list_img {
     width: 50px;
     height: 50px;
     float: left;
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: center;
     border: 1px solid #ddd
 }

 .searbox_mask {
     display: none;
     position: fixed;
     top: 81px;
     bottom: 0;
     width: 100%;
     background: rgba(0, 0, 0, .4);
     z-index: 999
 }

 /*#mapID {
     z-index: 10000000;
 }*/

 .showbox {
     top: 88px;
     z-index: 1001;
     background-color: #fff;
     max-height: 270px;
     width: 97%;
     position: absolute;
     left: 0;
     font-size: 14px;
     margin: 0 5px;
     min-height: 200px
 }

 .showbox .mui-scroll-wrapper {
     overflow: scroll;
 }

 .showbox_mall {
     display: none;
     overflow: auto
 }

 .showbox_floor {
     display: none;
     overflow: auto
 }

 .showbox_abc {
     display: none;
     overflow: auto;
     height: 199px
 }

 .showbox ul li {
     height: 33px;
     line-height: 31px;
     font-size: 16px;
     border-bottom: 1px solid #ddd;
     position: relative
 }

 .activelis {
     background: beige
 }

 .activelie {
     background: white
 }

 .selected {
     display: inline-block;
     width: 18px;
     height: 21px;
     position: absolute;
     top: 6px;
     left: 5px;
     background-size: 100% auto;
     background-repeat: no-repeat
 }

 .showbox em {
     padding-left: 30px
 }

 .swiper-container {
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1
 }

 .swiper-wrapper {
     position: relative;
     width: 100%;
     -webkit-transition-property: -webkit-transform, left, top;
     -webkit-transition-duration: 0s;
     -webkit-transform: translate3d(0px, 0, 0);
     -webkit-transition-timing-function: ease;
     -moz-transition-property: -moz-transform, left, top;
     -moz-transition-duration: 0s;
     -moz-transform: translate3d(0px, 0, 0);
     -moz-transition-timing-function: ease;
     -o-transition-property: -o-transform, left, top;
     -o-transition-duration: 0s;
     -o-transform: translate3d(0px, 0, 0);
     -o-transition-timing-function: ease;
     -o-transform: translate(0px, 0px);
     -ms-transition-property: -ms-transform, left, top;
     -ms-transition-duration: 0s;
     -ms-transform: translate3d(0px, 0, 0);
     -ms-transition-timing-function: ease;
     transition-property: transform, left, top;
     transition-duration: 0s;
     transform: translate3d(0px, 0, 0);
     transition-timing-function: ease;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box
 }

 .swiper-free-mode>.swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -ms-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto
 }

 .swiper-slide {
     float: left;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box
 }

 .swiper-wp8-horizontal {
     -ms-touch-action: pan-y
 }

 .swiper-wp8-vertical {
     -ms-touch-action: pan-x
 }