@charset "utf-8";
/* CSS Document */


@font-face {
    font-family:'凯迪拉克汉仪俊黑50简';
    src:url('../fonts/hyjhj.eot'), /* IE9 Compat Modes */
    url('../fonts/hyjhj.woff') format('font-woff'), /* Pretty Modern Browsers */
    url('../fonts/hyjhj.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face{
    font-family: 'Cadillac Trim V1 Regular';
    src: url('../fonts/CadillacTrimV1-Regular.otf')  format('truetype'); /* Safari, Android, iOS */
}

body {  background:#fff; font:14px 'Cadillac Trim V1 Regular', '凯迪拉克汉仪俊黑50简', sans-serif; }


section { width:100%; height:100%; position:absolute; -webkit-transform:translate3d(0,0,0); display:none; }
.bg { width:100%; position:absolute; }
.ele { position:absolute; }
.moreImg { position:absolute; top:0; }
a { cursor:pointer; color:#000; text-decoration:none; }
img { display:block; }

.msgBox { width:100%; height:100%; top:0; background-color:rgba(0,0,0,0.3); position:fixed; display:none; z-index:25; }
.msgBox .msg { width:72%; left:14%; top:38%; background-color:#fff; border-radius:14px; text-align:center; }
.msgBox .title { font-size:1.2rem; color:#000; padding-top:7%; display:none; }
.msgBox .disc { font-size:1.1rem; color:#333; margin-top:7%;  }
.msgBox .bt { font-size:1.1rem; color:#007aff; margin-top:7%; padding:5% 0;  display:block; border-top:1px solid #eeeeee; }


#log { position:fixed; top:0; left:0; width:50%; height:50%; color:red; z-index:30; pointer-events:none; display:none; }
/*#log.debug { width:30%;height:30%;pointer-events:auto;display:block; }*/

#loader { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20; }
#loader .ldImg { width:18%; position:absolute; left:41%; top:30%; }
#loader .ldNum { width:100%; position:absolute; top:46%; color:#999; font-size:1rem; text-align:center; 
  font-family:Arial, Helvetica, sans-serif; }



/**** p1 */
.top { width:100%; height:90px; max-width:1920px; margin:0 auto; background:url(../img/topBg.png) repeat-x;  }
.top .mid { width:100%; max-width:1432px; height:100%; margin:0 auto; position:relative; }
.top .logo { position:absolute; left:112px; top:43px; }
.top .bt { display:block; position:absolute;  right:100px; top:49px; font:14px '凯迪拉克汉仪俊黑50简', sans-serif; }

.kv { width:100%; max-width:1920px; margin:0 auto;  }
.kv img { width:100%; display:block; }
.videoPoster { width:100%; position:relative; }
.videoBox { width:100%; height:100%; position:absolute; top:0; left:0; background:#000; display:none; }
.videoBox video { width:100%; height:100%; }
.kvPoster { width:100%; }
.playIcon { position:absolute; left:50%; top:50%; margin:-113px 0 0 -113px; cursor:pointer; }

.main { width:1200px; position:relative; margin:0 auto; }
.main h2 { font-size:36px; margin-top:102px; }
.main .txtL { border-left:7px solid #b6a26e; margin-top:30px; padding-left:13px; line-height:1.5;   }
.main .txtR { border-right:7px solid #b6a26e; margin-top:30px; padding-right:13px; line-height:1.5;   }
.main .pic { margin-top:19px;  }
.main .right { text-align:right; }

.carBox { width:100%; margin:55px 0 112px; }
.car { position:relative; }
.carBt { display:block; position:absolute; left:184px; top:110px; }
.carBt span { display:block; position:absolute; left:53px; top:13px; }



@media screen and (min-height: 681px) and (max-height:1023px) {

}
@media screen and (min-height: 641px) and (max-height:680px) {
       
}
@media screen and (min-height: 320px) and (max-height:640px) {
       
}
