html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-root {
    width: 100%;
    height: 100%;
}

.app-topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

.app-brand,
.app-entry,
.app-fullpage,
.app-cars {
    width: 100%;
    height: 100%;
}

.app-cars {
    background: url(../../images/bg1.jpg) no-repeat center;
    background-size: cover;
}
.app-car span{position:absolute;right:12%;bottom:12%;font-size:12px;color:#999;}

.app-car {
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100%;
}

.app-page {
    position: relative;
}

.app-music {
    left: 60px;
    bottom: 55px;
    z-index: 9;
}
#music {
    position: fixed;
}
#music-spare {
    position: absolute;
}

.app-icons {
    right: 60px;
    bottom: 55px;
    z-index: 9;
    font-size: 0;
}
.app-icons .mc-ico {
    margin-left: 26px;
}
#share {
    position: fixed;
}
#share-spare {
    position: absolute;
}

.app-number {
    position: absolute;
    left: 50%;
    top: 16%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 8;
    white-space: nowrap;
    font-size: 0;
}
.app-number .mc-number {
    margin: 0 40px;
}
.app-screen-text {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;z-index:999;
}
.app-screen-text h3 {
    font-size: 48px;
    font-weight: 400;
    letter-spacing: .4em;
    padding-left: .8em;
    margin-bottom: 20px;
}
.app-screen-text .en {
    opacity: .5;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5em;
    padding-left: 1.5em;
    font-weight: 300;
    font-family: 'Mazda', sans-serif;
}
.app-screen-text .lg{width:100%;overflow:hidden;margin-top:20px;}
.app-screen-text .lg img{height:14px;display:block;margin:0px auto;padding:0px;}
.app-screen-text .lg img.img1{height:120px;}
.app-start {
    position: absolute;
    left: 50%;
    bottom: 7%;
    transform: translateX(-50%);
    z-index: 99;
}
.app-start.car {
    bottom: 5%;
}

.app-cars-arrows {
    position: absolute;
    bottom: 125px;
    left: 160px;
    z-index: 8;
}
.app-cars-arrows .mc-arrow {
    margin-top: 10px;
}

.app-entry-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.app-entry-slide .text {
    width: 45%;
    height: 0;
    padding-bottom: 45%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -46%);
}
.app-entry-slide .text .menu {
    font-size: 18px;
    color: #fff;
    letter-spacing: .25em;
    padding-left: .25em;
    position: absolute;
}
.app-entry-slide .text .menu-1 {
    top: 9%;
    left: 50%;
    transform: translateX(-50%);
}
.app-entry-slide .text .menu-3 {
    bottom: 9%;
    left: 50%;
    transform: translateX(-50%);
}
.app-entry-slide .text .menu-2 {
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
}
.app-entry-slide .text .menu-4 {
    left: 1%;
    top: 50%;
    transform: translateY(-50%);
}
.app-entry-slide .text .title {
    position: absolute;
    color: #fff;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.app-entry-slide .text .title h3 {
    font-size: 48px;
    font-weight: 400;
    letter-spacing: .25em;
    padding-left: .25em;
    margin-bottom: 10px;
}
.app-entry-slide .text .title span {
    letter-spacing: 1em;
    padding-left: 1em;
    font-size: 18px;
    font-family: 'Mazda', sans-serif;
}

.app-brand-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.app-brand-faw {
    position: absolute;
    z-index: 8;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.app-comment {
    width: 100%;
    height: 100%;
    background-color: #0d0d0d;
    display: table;
}
.app-comment-cell {
    float:left;
    width: 50%;
    height: 100%;
    position: relative;
    vertical-align: top;overflow:hidden;
}

.app-comment-banner {
    width: 100%;
    height: 100%;
}
.app-comment-banner .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.app-comment-banner .swiper-slide .inner {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: relative;
}
.app-comment-banner .swiper-slide .inner .title {
    font-size: 42px;
    color: #fff;
    position: absolute;
    left: 160px;
    bottom: 265px;
    width: 430px;
    line-height: 1.4;
}
.app-comment-banner .swiper-slide .inner .title span {
    font-size: 16px;
    display: block;
}
.app-comment-arrow {
    position: absolute;
    left: 160px;
    z-index: 8;
    bottom: 130px;
}
.app-comment-arrow .mc-arrow {
    margin-top: 10px;
}
.app-comment-list .head {
    text-align: center;
    margin-top: 15%;
}
.app-comment-list .head .en {
    font-size: 18px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgb(255, 255, 255, .1);
}
.app-comment-list .head h3 {
    font-size: 48px;
    font-weight: normal;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
}
.app-comment-list .head .avatars {
    font-size: 0;
    white-space: nowrap;
}
.app-comment-list .head .avatar {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    margin: 0 8px;
}
.app-comment-list .head .avatar:nth-child(1),
.app-comment-list .head .avatar:nth-child(7) {
    opacity: .4;
}
.app-comment-list .head .avatar:nth-child(2),
.app-comment-list .head .avatar:nth-child(6) {
    opacity: .6;
}
.app-comment-list .head .avatar:nth-child(3),
.app-comment-list .head .avatar:nth-child(5) {
    opacity: .8;
}
.app-comment-list .head .avatar:nth-child(4) {
    opacity: 1;
}
.app-comment-list .list {
    width: 90%;
    margin: 20px auto 10px;
}
.app-comment-list .list .type {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}
.app-comment-list .list .item {
    display: table;
    width: 100%;
}
.app-comment-list .list .item .like,
.app-comment-list .list .item .main {
    display: table-cell;
    vertical-align: middle;
}
.app-comment-list .list .item .like {
    border-left: 1px solid #262626;
    padding-left: 60px;
    text-align: center;
}
.app-comment-list .list .item .like .icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #242424;
    display: inline-block;background:url('icon_01.png') no-repeat;background-size:100% 100%;
}
.app-comment-list .list .item .like .num {
    font-size: 16px;
    color: #666;
}
.app-comment-list .list .item .main {
    font-size: 0;
    padding-right: 0px;
    white-space: nowrap;
}
.app-comment-list .list .item .main .avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: inset 0 0 3px #0d0d0d;
    border: 1px solid #3b3b3b;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 15px;
}
.app-comment-list .list .item .main .info {
    display: inline-block;
    vertical-align: middle;width:80%;
}
.app-comment-list .list .item .main .info .name {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
} 
.app-comment-list .list .item .main .info .intro {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-map {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 160px;
    width: 530px;
}
.app-map .head {
    color: #000;
    text-align: center;
}
.app-map .head .top {
    font-size: 18px;
}
.app-map .head .title {
    font-size: 48px;
    font-weight: normal;
}
.app-map .form .button {
    display: block;
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    background: #262626 url(../../images/focus.png) no-repeat 45px center;
    background-size: 25px 25px;
    margin-top: 30px;
}
.app-map .form .input {
    background-color: #fff;
    border-radius: 6px;
    display: block;
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin-top: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    position: relative;
}
.app-map .form .input input {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    background: none;
    font-size: 18px;
    padding: 0 107px;
    outline: none;
}
.app-map .form .input::before {
    content: '\20';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    width: 27px;
    height: 27px;
    background: url(../../images/search.png) no-repeat;
    background-size: 100% 100%;
}

.app-brand-line {
    width: 1200px;
    height: 281px;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    background: url(../../images/line.png) no-repeat 0 0;
    background-size: 3600px auto;
    animation: lines 5s steps(1, end) infinite;
}

@keyframes lines {
    0% {background-position: 0 0;}
    1.6% {background-position: -1200px 0;}
    3.2% {background-position: -2400px 0;}
    4.8% {background-position: 0 -281px;}
    6.4% {background-position: -1200px -281px;}
    8.0% {background-position: -2400px -281px;}
    9.6% {background-position: 0 -562px;}
    11.2% {background-position: -1200px -562px;}
    12.8% {background-position: -2400px -562px;}
    14.4% {background-position: 0 -843px;}
    16.0% {background-position: -1200px -843px;}
    17.6% {background-position: -2400px -843px;}
    19.2% {background-position: 0 -1123px;}
    20.8% {background-position: -1200px -1123px;}
    22.4% {background-position: -2400px -1123px;}
    24.0% {background-position: 0 -1405px;}
    25.6% {background-position: -1200px -1405px;}
    27.2% {background-position: -2400px -1405px;}
    28.8% {background-position: 0 -1686px;}
    30.4% {background-position: -1200px -1686px;}
    32.0% {background-position: -2400px -1686px;}
    33.6% {background-position: 0 -1967px;}
    35.2% {background-position: -1200px -1967px;}
    36.8% {background-position: -2400px -1967px;}
    38.4% {background-position: 0 -2248px;}
    40.0% {background-position: -1200px -2248px;}
    41.6% {background-position: -2400px -2248px;}
    43.2% {background-position: 0 -2529px;}
    44.8% {background-position: -1200px -2529px;}
    46.4% {background-position: -2400px -2529px;}
    48.0% {background-position: 0 -2810px;}
    49.6% {background-position: -1200px -2810px;}
    51.2% {background-position: -2400px -2810px;}
    52.8% {background-position: 0 -3091px;}
    54.4% {background-position: -1200px -3091px;}
    56.0% {background-position: -2400px -3091px;}
    57.6% {background-position: 0 -3372px;}
    59.2% {background-position: -1200px -3372px;}
    60.8% {background-position: -2400px -3372px;}
    62.4% {background-position: 0 -3653px;}
    64.0% {background-position: -1200px -3653px;}
    65.6% {background-position: -2400px -3653px;}
    67.2% {background-position: 0 -3934px;}
    68.8% {background-position: -1200px -3934px;}
    70.4% {background-position: -2400px -3934px;}
    72.0% {background-position: 0 -4215px;}
    73.6% {background-position: -1200px -4215px;}
    75.2% {background-position: -2400px -4215px;}
    76.8% {background-position: 0 -4496px;}
    78.4% {background-position: -1200px -4496px;}
    80.0% {background-position: -2400px -4496px;}
    81.6% {background-position: 0 -4777px;}
    83.2% {background-position: -1200px -4777px;}
    84.8% {background-position: -2400px -4777px;}
    86.4% {background-position: 0 -5058px;}
    88.0% {background-position: -1200px -5058px;}
    89.6% {background-position: -2400px -5058px;}
    91.2% {background-position: 0 -5339px;}
    92.8% {background-position: -1200px -5339px;}
    94.4% {background-position: -2400px -5339px;}
}


.page3_slide{width:100%;height:100%;overflow:hidden;}
.page3_slide .swiper-slide{}
.page3_slide .swiper-slide b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}

.page3_cter {
    width: 400px;
    height: 400px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    z-index: 9999;
    background-color: #000;
    -webkit-mask: url('mark.png');
    mask: url('#mask');
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center;
    transition: -webkit-mask-size 0.3s;
}

.p3_img{width:90%;overflow:hidden;position:absolute;left:5%;top:20px;z-index:999;}
.p3_img img{width:100%;display:block;position:absolute;left:0;top:0;margin-left:0;margin-top:0;display:none;}
.p3_img img.img_empty{display:block;opacity:0;position:relative;}
.p3_img a.a1{width:10%;height:10%;display:block;overflow:hidden;position:absolute;left:45%;top:16%;z-index:999;}
.p3_img a.a2{width:10%;height:10%;display:block;overflow:hidden;position:absolute;left:65%;top:49%;z-index:999;}
.p3_img a.a3{width:10%;height:10%;display:block;overflow:hidden;position:absolute;left:45%;top:80%;z-index:999;}
.p3_img a.a4{width:10%;height:10%;display:block;overflow:hidden;position:absolute;left:25%;top:49%;z-index:999;}

.p3_img .a0_click{width:15%;height:7%;display:block;overflow:hidden;position:absolute;left:42.5%;top:56.5%;display:none;}
.p3_img .a1_click{width:15%;height:7%;display:block;overflow:hidden;position:absolute;left:42.5%;top:56.5%;display:none;}
.p3_img .a2_click{width:15%;height:7%;display:block;overflow:hidden;position:absolute;left:42.5%;top:56.5%;display:none;}
.p3_img .a3_click{width:15%;height:7%;display:block;overflow:hidden;position:absolute;left:42.5%;top:56.5%;display:none;}

.p3_img a.a5{width:5%;height:10%;display:block;overflow:hidden;position:absolute;left:7%;top:50%;z-index:999;}
.p3_img a.a6{width:5%;height:10%;display:block;overflow:hidden;position:absolute;right:7%;top:50%;z-index:999;}

.p3_img_wap{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;display:none;}
.p3_img_wap img{width:100%;display:block;position:absolute;left:0px;top:0px;display:none;}
.p3_img_wap img.img_empty{position:relative;display:block;}
.p3_img_wap a.a1{width:20%;height:17%;display:block;overflow:hidden;position:absolute;left:40%;top:0%;z-index:99999;}
.p3_img_wap a.a2{width:20%;height:17%;display:block;overflow:hidden;position:absolute;left:80%;top:40%;z-index:99999;}
.p3_img_wap a.a3{width:20%;height:17%;display:block;overflow:hidden;position:absolute;left:40%;top:84%;z-index:99999;}
.p3_img_wap a.a4{width:20%;height:17%;display:block;overflow:hidden;position:absolute;left:0%;top:40%;z-index:99999;}

.p3_img_wap .a0_click{width:44%;height:12%;display:block;overflow:hidden;position:absolute;left:28%;top:58%;display:none;}
.p3_img_wap .a1_click{width:44%;height:12%;display:block;overflow:hidden;position:absolute;left:28%;top:58%;display:none;}
.p3_img_wap .a2_click{width:44%;height:12%;display:block;overflow:hidden;position:absolute;left:28%;top:58%;display:none;}
.p3_img_wap .a3_click{width:44%;height:12%;display:block;overflow:hidden;position:absolute;left:28%;top:58%;display:none;}


.p4_sp{width:100%;overflow:hidden;position:absolute;left:0px;bottom:50px;z-index:9999;}
.p4_sp i.i1{width:100%;height:1px;display:block;overflow:hidden;background-color:rgba(0,0,0,0.1);position:absolute;left:0px;top:50%;margin-top:-0.5px;}
.p4_sp ul{overflow:hidden;margin:0px 10%;padding:0px;}
.p4_sp ul li{width:20%;overflow:hidden;float:left;position:relative;margin-left:0px;}
.p4_sp ul li:nth-child(1){margin-left:0px;}
.p4_sp ul li a{width:60px;margin:0px auto;padding:0px;display:block;overflow:hidden;height:60px;position:relative;}
.p4_sp ul li a b.b1{width:6px;height:6px;display:block;overflow:hidden;border:1px solid #adadad;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-4px;}
.p4_sp ul li a b.b2{width:0px;height:0px;display:block;overflow:hidden;position:absolute;left:50%;top:50%;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.p4_sp ul li.on b.b2{width:100%;height:100%;left:0px;top:0px;}


.video_fr{position:relative;}
.video_fr b{width:100%;height:100%;position:absolute;left:0px;top:0px;display:block;z-index:9;}
.video_fr b.b2{display:none;}
#player1_html6{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:1;}

.page1_slide{width:100%;overflow:hidden;height:100%;position:relative;}
.page1_slide .swiper-slide{width:100%;overflow:hidden;position:relative;height:100%;}

.page1_slide .swiper-slide .video_fr b{transform:scale(1.15); -moz-transform: scale(1.15); -webkit-transform:scale(1.15);transition:6s;-webkit-transition:6s;transition-timing-function:linear;-webkit-transition-timing-function:linear;}
.page1_slide .swiper-slide-active .video_fr b{transform:scale(1);}

.page1_slide .page1_bfr{width:50%;overflow:visible;position:absolute;left:25%;bottom:14px;z-index:9999;line-height:30px;text-align:center;}
.page1_slide .page1_bfr a.page1s_prev{font-size:16px;color:#fff;font-family:SimSun;display:inline-block;}
.page1_slide .page1_bfr a.page1s_next{font-size:16px;color:#fff;font-family:SimSun;display:inline-block;}
.page1_slide .page1_bfr em{display:inline-block;font-style:normal;line-height:30px;margin:0px 10px;}
.page1_slide .page1_bfr em span{width:20px;height:30px;line-height:30px;color:#fff;border-radius:0px;opacity:0.5;margin:0px 20px;background:none;font-size:14px;text-align:center;position:relative;font-family:"mazda"}
/*.page1_slide .page1_bfr em span b{width:10px;height:23px;display:block;overflow:hidden;background:url("op_03.png") no-repeat;background-size:100%;position:absolute;left:2.5px;bottom:20px;opacity:0;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}*/
.page1_slide .page1_bfr em span.swiper-pagination-bullet-active{background:none;opacity:1;}
/*.page1_slide .page1_bfr em span.swiper-pagination-bullet-active b{opacity:1;bottom:30px;}*/


.page4_line{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;pointer-events:none;}
.page4_line em{width:100%;height:100%;display:block;overflow:visible;position:absolute;left:0px;top:0px;}
.page4_line em.em1{-webkit-animation:140s roll1 linear infinite normal;animation:140s roll1 linear infinite normal;}
.page4_line em.em1 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("x_01.png") center 70% no-repeat;background-size:100%;}
.page4_line em.em1 b.b1{}
.page4_line em.em1 b.b2{left:100%;top:0px;}

.page4_line em.em2{-webkit-animation:40s roll2 linear infinite normal;animation:40s roll2 linear infinite normal;}
.page4_line em.em2 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("x_02.png") center 70% no-repeat;background-size:100%;}
.page4_line em.em2 b.b1{}
.page4_line em.em2 b.b2{left:-100%;top:0px;}

.page4_line em.em3{-webkit-animation:20s roll1 linear infinite normal;animation:20s roll1 linear infinite normal;}
.page4_line em.em3 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("x_03.png") center 70% no-repeat;background-size:100%;}
.page4_line em.em3 b.b1{}
.page4_line em.em3 b.b2{left:100%;top:0px;}

.page4_line em.em4{-webkit-animation:15s roll2 linear infinite normal;animation:15s roll2 linear infinite normal;}
.page4_line em.em4 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("x_04.png") center 70% no-repeat;background-size:100%;}
.page4_line em.em4 b.b1{}
.page4_line em.em4 b.b2{left:-100%;top:0px;}

.page4_line em.em5{-webkit-animation:38s roll1 linear infinite normal;animation:38s roll1 linear infinite normal;}
.page4_line em.em5 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("x_05.png") center 70% no-repeat;background-size:100%;}
.page4_line em.em5 b.b1{}
.page4_line em.em5 b.b2{left:100%;top:0px;}

.page4_line em.em6{-webkit-animation:50s roll2 linear infinite normal;animation:50s roll2 linear infinite normal;}
.page4_line em.em6 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("x_06.png") center 70% no-repeat;background-size:100%;}
.page4_line em.em6 b.b1{}
.page4_line em.em6 b.b2{left:-100%;top:0px;}


@keyframes roll1{
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes roll2{
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

.mapinfr{position:relative;}
.mapinfr #allmap{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
/*.mapinfr .b_mark{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:9;}*/
.mapin_l{width:400px;overflow:visible;position:absolute;left:5%;top:20%;z-index:999;}
.mapin_l_t{width:100%;overflow:visible;}
.mapin_l_t p{width:100%;overflow:hidden;}
.mapin_l_t p.p1{text-align:center;font-size:14px;color:#000;}
.mapin_l_t p.p2{text-align:center;font-size:20px;color:#000;line-height:40px;margin-top:5px;}
.mapin_l_t p.p3{margin-top:15px;}
.mapin_l_t p.p3 a{width:100%;height:50px;line-height:50px;overflow:hidden;display:block;overflow:hidden;background-color:#080808;border-radius:4px;font-size:14px;color:#fff;text-align:center;}
.mapin_l_t p.p3 a span{display:inline-block;background:url("mapi_01.jpg") left center no-repeat;padding-left:30px;}
.mapin_l_t p.p4{margin-top:15px;position:relative;}
.mapin_l_t p.p4 input.mapin_l_txt{width:100%;height:50px;line-height:50px;border:0px;background-color:#fff;border-radius:4px;padding:0px;text-align:center;font-size:14px;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.09); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.09); box-shadow:0px 0px 10px rgba(0,0,0,0.09);}
.mapin_l_t p.p4 input.mapin_l_txt:focus{outline:none;}
.mapin_l_t p.p4 input.mapin_l_btn{width:17px;height:50px;border:0px;cursor:pointer;background:url('mapi_02.jpg') center no-repeat;background-size:100%;position:absolute;right:10px;top:0px;}
.mapin_l_c{width:100%;overflow:hidden;padding:10px 0px;margin-top:15px;background-color:#fff;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.01); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.01); box-shadow:0px 0px 10px rgba(0,0,0,0.01);}
.mapin_l_c p{width:auto;overflow:hidden;margin:0px 20px;}
.mapin_l_c p.p1{font-size:16px;color:#000;line-height:30px;}
.mapin_l_c p.p1 span{width:70%;display:block;overflow:hidden;float:left;text-overflow:ellipsis;white-space:nowrap;}
.mapin_l_c p.p1 i{float:right;width:25%;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#b2b2b2;font-style:normal;}
.mapin_l_c p.p2{line-height:50px;margin-top:10px;}
.mapin_l_c p.p2 span{display:inline-block;font-size:30px;color:#000;background:url("mapi_03.jpg") left center no-repeat;background-size:40px;padding-left:50px;}
.mapin_l_c p.p3{font-size:14px;color:#0c0c0c;line-height:24px;}
.mapin_l_c p.p4{}
.mapin_l_c p.p4 span{width:100%;display:block;overflow:hidden;font-size:14px;color:#848484;line-height:24px;}
.mapin_l_c p.p4 span i{float:right;font-style:normal;}
.mapin_l_b{width:100%;overflow:hidden;border-top:1px solid #eee;margin-top:10px;padding:10px 0px 0px 0px;line-height:30px;}
.mapin_l_b a{width:50%;display:block;overflow:hidden;float:left;font-size:14px;color:#808080;}
.mapin_l_b a span{display:inline-block;margin-left:20px;}
.mapin_l_b a.a1 span{background:url("mapi_04.jpg") left center no-repeat;background-size:10px;padding-left:15px;}
.mapin_l_b a.a2 span{background:url("mapi_05.jpg") left center no-repeat;background-size:15px;padding-left:20px;}
.mapin_l_b a.a3 span{background:url("mapi_06.jpg") left center no-repeat;background-size:14px;padding-left:20px;}






.p4-button-prev{position:absolute;left:6%;top:50%;margin-top:-25px;z-index:999;}
.p4-button-next{position:absolute;right:6%;top:50%;margin-top:-25px;z-index:999;}





@media screen and (max-width:1200px) {
    #player1_html6{display:none;}
    .app-screen-text{left:0px;width:100%;transform:translateX(0);}
    .app-screen-text h3{margin:0px;padding:0px;font-size:30px;text-align:center;}
    .app-screen-text .en{padding:0px;letter-spacing:2px;margin-top:20px;}

    .app-start{bottom:18%;}
    #music{bottom:25px;}
    #share{}

    .app-number{width:100%;left:0px;transform:translateX(0);top:10%;}

    .app-number .mc-number{margin:0px 0px;width:50%;float:left;overflow:hidden;margin-top:20px;}

    .mc-number_name{font-size:12px;}
    .mc-number_main{font-size:20px;}

    .app-car{background-size:150%;background-position:center center;}

    .app-cars-arrows{width:100%;left:0px;text-align:center;}
    .app-cars-arrows .mc-arrow{display:inline-block;width:40px;height:40px;margin:0px 5px;}


    .mc-music.dark{}
    .mc-ico.ins.dark{display:none;}
    .mc-ico.go.dark{display:none;}
    /*.mc-ico.wechat.dark{display:none;}*/
    .mc-music.light{}
    .mc-ico.ins.light{display:none;}
    .mc-ico.go.light{display:none;}
    .mc-ico.wechat.light{/*display:none;*/}


    .mc-start{width:200px;height:60px;}
    .mc-play{width:200px;height:60px;line-height:60px;}

    .app-icons{bottom:20px;}

    .app-brand-faw{width:100%;left:0px;top:10%;transform:translateX(0);}

    .mc-faw_head{font-size:14px;}

    .mc-faw_main-con{padding:0px;width:30%;}
    .mc-faw_main-con-number{font-size:30px;}
    .mc-faw_main-line{display:none;}
    .mc-faw_main-con-text{font-size:14px;}

    .app-comment{}
    .app-comment-cell{width:100%;}
    .app-comment{display:block;}
    .app-comment-cell:nth-child(2) {height:50%;}
    .app-comment-list .head h3{display:none;}
    .app-comment-list .head{margin-top:15px;}
    .app-comment-list .head .avatar{width:40px;height:40px;margin:0px 4px;}
    .app-comment-list .list .item .like{display:none;}
    .app-comment-list .list:nth-child(3){display:none;}
    .app-comment-banner .swiper-slide .inner .title{width:90%;left:20px;bottom:inherit;top:30%;font-size:20px;line-height:30px;}
    .app-comment-list .list .item .main .info{width:68%;}

    .app-comment-banner .swiper-slide .inner .title span{font-size:14px;margin-bottom:5px;}

    .app-comment-arrow{width:100%;text-align:center;overflow:hidden;left:0px;bottom:10%;}
    .app-comment-arrow .mc-arrow{display:inline-block;width:40px;height:40px;margin:0px 5px;}

    .mc-arrow{width:40px;height:40px;}

    .app-map{width:90%;left:5%;top:30%;transform:translateX(0);}

    .app-map .head .title{font-size:30px;}

    .app-map .form .button{height:60px;line-height:60px;}

    .app-map .form .input{height:60px;line-height:60px;}

    .p3_img img{width:100%;left:0px;top:30%;margin:0px;}

    .p3_img{display:none;}
    .p3_img_wap{display:block;top:20%;width:50%;left:25%;}
    .p3_img_wap img{width:100%;display:none;}

    

    .page1_slide .page1_bfr{width:100%;left:0px;bottom:70px;}

    .video_fr b.b1{display:none;}
    .video_fr b.b2{display:block;}

    .mapin_l{width:90%;top:inherit;bottom:3%;}

    .mapin_l_b a{font-size:12px;}

    /*.mapinfr .b_mark{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;z-index:990;}*/
    .mapinfr .mapin_l{z-index:999;}

    .app-brand-image .b_wap{width:100%;overflow:hidden;height:100%;display:block;position:absolute;left:0px;top:0px;}

    .p4_sp ul li a{width:40px;height:40px;}

    .app-comment-list .list .type{display:none;}

    .app-icons{right:10px;}

    .mapin_l_c{display:none;}

    .mapin_l_t p.p1{display:none;}
    .mapin_l_t p.p4{display:none;}

    .p4_sp{display:none;}

    .p4-button-prev{top:inherit;bottom:40px;margin:0px;left:50%;margin-left:-50px;}
    .p4-button-next{top:inherit;bottom:40px;margin:0px;left:50%;margin-left:10px;}

    .app-icons .mc-ico{margin-left:6px;}

    .app-car span{bottom:30%;}


    .app-screen-text .lg img.img1{height:80px;}

}

@media screen and (max-width:750px) {

    .p3_img_wap{display:block;top:25%;width:80%;left:10%;}
    .app-car span{bottom:34%;}

}