@charset "utf-8";
/* CSS Document */
/* @font-face {
	font-family: '凯迪拉克汉仪俊黑50简';
	src: url(/css/font/hyjhj.eot);
	src: url(/css/font/hyjhj.eot?) format("embedded-opentype"), url(/css/font/hyjhj.woff) format("woff"), url(/css/font/hyjhj.ttf) format("truetype");
}
@font-face {
font-family: TrimRegular;
src: url(/css/font/Trim-Regular.eot);
src: url(/css/font/Trim-Regular.eot?) format("embedded-opentype"), url(/css/font/Trim-Regular.woff) format("woff"), url(/css/font/Trim-Regular.ttf) format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
	font-family: '凯迪拉克方正准雅宋简';
	src:url(/css/font/KDLKFZZHUNYSJW.TTF) format("truetype");
	font-style: normal;
} */
@-webkit-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
.show_alpha { -webkit-animation:show_alpha 0.3s ease both; }
.show_alpha_slow { -webkit-animation:show_alpha 0.6s ease both; }

@-webkit-keyframes out_alpha 	{  0% { opacity:1; } 100% { opacity:0; }  }
.out_alpha { -webkit-animation:out_alpha 0.3s ease both; }
.out_alpha_slow { -webkit-animation:out_alpha 0.6s ease both; }

/*@-webkit-keyframes show_right 	{  0% { -webkit-transform:translate3d(100%,0,0); } 100% { -webkit-transform:translate3d(0%,0,0); }  }
.show_right { -webkit-animation:show_right 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_left 	{  0% { -webkit-transform:translate3d(0%,0,0); } 100% { -webkit-transform:translate3d(-100%,0,0); }  }
.out_left { -webkit-animation:out_left 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_left 	{  0% { -webkit-transform:translate3d(-100%,0,0); } 100% { -webkit-transform:translate3d(0%,0,0); }  }
.show_left { -webkit-animation:show_left 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_right 	{  0% { -webkit-transform:translate3d(0%,0,0); } 100% {  -webkit-transform:translate3d(100%,0,0); }  }
.out_right { -webkit-animation:out_right 0.7s cubic-bezier(.55,0,.45,1) both; }

@-webkit-keyframes show_up 	{  0% { -webkit-transform:translate3d(0,-100%,0); } 100% { -webkit-transform:translate3d(0,0,0); }  }
.show_up { -webkit-animation:show_up 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_down 	{  0% { -webkit-transform:translate3d(0,0,0); } 100% { -webkit-transform:translate3d(0,100%,0); }  }
.out_down { -webkit-animation:out_down 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_down 	{  0% { -webkit-transform:translate3d(0,100%,0); } 100% { -webkit-transform:translate3d(0,0,0); }  }
.show_down { -webkit-animation:show_down 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_up 	{  0% { -webkit-transform:translate3d(0,0,0); } 100% { -webkit-transform:translate3d(0,-100%,0); }  }
.out_up { -webkit-animation:out_up 0.7s cubic-bezier(.55,0,.45,1) both; }*/

@-webkit-keyframes arr_am 	{  0% { -webkit-transform:translate3d(0,-30%,0); } 100% { -webkit-transform:translate3d(0,30%,0); }  }
.arr_am { -webkit-animation:arr_am 0.6s ease-in-out infinite alternate; }
@-webkit-keyframes zoom_am 	{  0% { -webkit-transform:translate3d(0,0,0) scale(1); } 100% { -webkit-transform:translate3d(0,0,0) scale(1.05); }  }
.zoom_am { -webkit-animation:zoom_am 0.4s ease-in-out infinite alternate; }


@-webkit-keyframes show_right 	{  0% { left:100%; } 100% { left:0%; }  }
.show_right { -webkit-animation:show_right 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_left 	{  0% { left:0%; } 100% { left:-100%; }  }
.out_left { -webkit-animation:out_left 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_left 	{  0% { left:-100%; }  100% { left:0%; }  }
.show_left { -webkit-animation:show_left 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_right 	{  0% { left:0%; } 100% {  left:100%; }  }
.out_right { -webkit-animation:out_right 0.7s cubic-bezier(.55,0,.45,1) both; }


body {  background:#fff; }

@media screen and (min-width: 415px) and (max-width:750px) {
       section { font-size:16px; }
}
@media screen and (min-width: 320px) and (max-width:414px) {
       section { font-size:14px; }
}

img { width:100%; display:block; }
section { width:100%; position: relative;}
div { position:absolute; }
.bg { width:100%; position:absolute; }
.ele { position:absolute; }
.moreImg { position:absolute; top:0; }


/*顶部导航栏*/
header.Nav,section.index{width: 100%;font-size: 14px;
    /* font-family:TrimRegular,'凯迪拉克汉仪俊黑50简', sans-serif;  */
    display: none;background: #fff;}
header.Nav{position: absolute;/*width: 100%;height: 100%;*/ top: 50px;z-index: 999;/*background: rgba(0,0,0,0.6);*/}
section.index{border-top: solid 1px #ccc;display: block;}
header.Nav ul,section.index ul{background: #fff;}
header.Nav li,section.index li{text-indent: 16px; border-bottom: solid 1px #ccc;}
header.Nav li a,section.index li a{padding: 0.75em 0; color: #373636;display: block;position: relative;}
header.Nav li i,section.index li i{display: block;position: absolute;width: 1.4em;height: 1.4em;background: url(../img/arrRight.jpg);background-size: 100%;right: 10px;top: 50%;margin-top: -7px;}
section.index li a:active,section.index li a:hover,section.index li a.act{background: #f0f0f0;}
section.index li a:active i,section.index li a:hover i,section.index li a.act i{display: none;}


.header { position:relative; }
.header a{ display:block; position:absolute; }
.navBt { 
    width:13.6%; left:81.33%; top:35.22%; 
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    }
.logo {
    width: 16.4%;
    left: 4.93%;
    top: 36.42%;
}
.header .xt5drive{    width: 21px;
    height: 42px;
    background: url(/wap/images/driveWap.png) no-repeat;
    background-size: 21px;
    position: absolute;
    right: 24%;
    top: 32%;
}

.s_a_video{position: absolute;top:0;width:100%;height:100%;display:none;background: #000;}
.slidesBtn{position:absolute;bottom:10px;width:100%;text-align: center;pointer-events:none;}
.slidesBtn span{text-decoration: none;display: inline-block;width: 9px;height: 9px;background: #e2e2e2;color: #e2e2e2;margin-right: 10px;opacity: 0.6;}

.slidesBtn span.active{background:#696969;opacity:1;}

img.videoPlay{width:60px;height:60px;position: absolute;top:50%;left:50%;margin-left: -30px;margin-top: -30px;}

	
.main{width: 100%;position: relative;}
.kv{width: 100%;position: relative;overflow: hidden;background: #000;}
.kv ul { width:20000em; overflow: hidden;}
.kv ul li {position: relative;float:left;}
.kv p.tit{font-size: 20px;color: #fff;width: 100%;position: absolute;top: 8%;left: 0;text-align: center;pointer-events: none;}
.kv p span{font-size: 12px;color: #fff;width: 100%;text-align: center;display: block;margin-top: 5px;}
.kv p.price{width: 100%;color: #fff;font-size: 12px;bottom: 4%;text-align: center;position: absolute;pointer-events: none;}

.nav{width: 100%;position: relative;}
.icon { width:4%; left:92%; top:41.07%; }
.XT5 { width:7.33%; left:7.07%; top:41.07%; }
.menubox{width: 100%;position: relative;}
.float_menu{width: 100%;position: absolute;top: 0;left: 0;z-index: 17;}
.float_menu .flt_title{width: 100%;top: 0;left: 0;cursor: pointer;}
.float_menu .flt_title_left{ width: 85%;font-size: 16px;text-align: left;
   color: #fff;font-weight:bold;left:7.07%; top:41.07%;}
.float_menu .flt_title_right{width:4%; left:92%; top:41.07%;}
.float_menu .flt_bg{width: 100%;top: 100%;left: 0;position: absolute;display: none; padding-bottom: 200%;background: rgba(0,0,0,0.6);}
.float_menu .flt_wrap{width: 100%;top: 100%;left: 0;position: absolute;top: 100%; display: none; background: rgba(0,0,0,0.6);}
.float_menu .flt_wrap li{background-color: #fff;}
.float_menu .flt_wrap li a{display: block;color: #000; width: 100%;padding: 15px;padding-left: 7.07%; -webkit-box-sizing: border-box;border-top: 1px solid #cdcdcd;letter-spacing: 3px;
    margin: 0 auto;font-size: 0.9rem;text-align: left;font-weight: 500}
.float_menu .flt_wrap li a{font-style: normal;}

.info{width: 100%;position: relative;overflow: hidden;padding: 70px 0;}
.info p{ font-size: 16px;color: #000;position: relative;text-align: center;float: left;font-weight: bold;}
.info p.infot1{width: 37%;padding: 0 2%;box-sizing:border-box;}
.info p.infot2{width: 33%;padding: 0 2%;box-sizing:border-box;}
.info p.infot3{width: 30%;padding: 0 2%;box-sizing:border-box;}
.info p span{font-family: cadillacgothic, lanting, sans-serif;font-size: 12px;color: #000;width: 100%;text-align: center;display: block;margin-top: 5px;font-weight: normal;}

.tech{width: 100%;position: relative;margin-bottom: 5px;display: block;}
.tech p{font-size: 14px;color: #fff;width: 90%;position: absolute;bottom: 8%;left: 6%;text-align: left;pointer-events: none;}
.safen{width: 100%;position: relative;margin-bottom: 25px;display: block;}
.safen p{font-size: 14px;color: #fff;width: 90%;position: absolute;bottom: 8%;left: 6%;text-align: left;pointer-events: none;}
.power{width: 100%;position: relative;margin-bottom: 5px;display: block;}
.power p{font-size: 14px;color: #fff;width: 90%;position: absolute;bottom: 8%;left: 6%;text-align: left;pointer-events: none;}


.skin { width:100%;padding-bottom: 50px; position:relative; overflow:hidden; }
.skinBg { width:100%; display:block; }
.skinMenu { width:100%; height:65px; }
.skinMenu li { width:100%; float:left; }
.skinMenu li a { height:63px; border:1px solid #c5c5c5; text-align:center; display:block; line-height:63px; cursor:pointer; }
.skinMenu li a.on { border:1px solid #262f32; background-color:#262f32; color:#fff; }
.skinMenu li a.on span { padding-bottom:3px; border-bottom:2px solid #fff; }

.skinIn{width: 100%;position: relative;display:none;}
.skinInPics { width:100%;height: 100%; position:absolute; top:0px;left: 0; }
.skinInPics li { position:absolute; top:0; display:none; }
.skinInPics li img { width:100%; display:block; }
.skinInColor { margin-top: 20px; width:94%;padding-left: 3%; overflow: hidden; position:relative; left:0; text-align:center; }
.skinInColor li {width: 10.93%; display:inline-block; margin-right: 10px;margin-bottom: 10px;padding-bottom:2px; border-bottom:2px solid #fff; }
.skinInColor li.on { padding-bottom:2px; border-bottom:2px solid #9c8d6a; }

.skinOut {width: 100%;position: relative;  }
.skinOutPics { width:100%;height: 100%; position:absolute; top:0px;left: 0; }
.skinOutPics li { position:absolute; top:0; display:none; }
.skinOutPics li img { width:100%; display:block; }
.skinOutColor {margin-top: 20px; width:94%;padding-left: 5.5%;padding-right: 3%; overflow: hidden; position:relative; left:0; text-align:center; }
.skinOutColor li { width: 10.93%; display:inline-block; margin-right: 11px;margin-bottom: 10px; padding-bottom:2px; border-bottom:2px solid #fff; }
.skinOutColor li.on { padding-bottom:2px; border-bottom:2px solid #9c8d6a; }

.colorn{width: 100%;position: absolute;bottom: -20px;font-size: 16px;text-align: center;color: #000;}

/* 车型概览 */
.design{width: 100%;position: relative;}
.h2{position: relative; width: 100%;height: 64px; font-size: 20px;text-align: center;color: #262f32;line-height: 64px;}
.con{width: 100%;position: relative;}
.kvtit{font-size: 18px;color: #fff;width: 100%;position: absolute;top: 12px;left: 0;text-align: center;pointer-events: none;}
.kvtxt{width: 100%;padding: 25px 0 30px;font-size: 12px;position: relative; line-height: 20px;text-align: center;color: #000;font-family: cadillacgothic, lanting, sans-serif;}
.partBtn{width: 100%;height: 64px;position: relative;border-top:1px solid #c5c8c9;border-bottom:1px solid #fff; }
.partBtn.on{border-bottom:1px solid #fff;}
.partBtn p{width: 80%;padding-left: 5%; font-size: 16px;text-align: left;color: #262f32;/*line-height: 64px;*/position:relative;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.iconL{width: 3.73%;position: absolute;top: 22px;right: 20px;}
.iconR{width: 3.73%;position: absolute;top: 22px;right: 20px;}
.selBox{width: 100%;position: relative;display: none;}
.contxt{position: relative;padding: 30px 10% 40px;width: 80%;}
.ct1{font-size: 16px;color: #000;text-align: left;}
.ct2{width: 12%;height: 2px;background: #90815e;margin: 15px 0;display: block;}
.ct3{font-size: 12px;color: #000;text-align: left;line-height: 20px;font-family: cadillacgothic, lanting, sans-serif;}
.ct4{font-size:11px;color:#000;text-align:left;border:1px solid #555a5b;display:inline-block;padding:8px 0;min-width:45%;text-align: center;margin-bottom:15px;}
.ct4R{margin-right:5%;}
.ct4B{width:60%;}

.explore{width: 100%;position: relative;}
.space{width: 100%;position: relative;}
.ssbox{width: 100%;position: relative;}
.dongli{width: 100%;position: relative;}
.keji{width: 100%;position: relative;}
.safe{width: 100%;position: relative;}

.kejibtn{width: 54%;position: relative;display: block;margin-top: 30px;}
.lightbtn{width: 45%;position: relative;display: inline-block;margin-top: 20px;}

.vdimg{width: 100%;height: 100%; position: absolute;display: none;top: 0;left:0;overflow: hidden;}

a.xt5imgBtn{width: 25%;height: 40px;background: none;position: absolute;bottom:10px;}
a.xt5imgBtn1{width: 22%;left: 0;}
a.xt5imgBtn2{width: 25%;left: 22%;}
a.xt5imgBtn3{width: 25%;left: 47%;}
a.xt5imgBtn4{width: 28%;right: 0;}

footer img{display: initial!important;}
footer a:last-child img{width: auto!important;}


div.contxtT,div.contxtB,div.contxtC{position:relative;}
div.contxtB{width:80%;margin:0 auto;margin-bottom:25px;}
div.contxtC{display: none;}
.contxtReturn{position: absolute;top:30px;right:10%;font-size: 12px;color:#000;}
.contxtReturn img{display:inline-block;width:18px;}
.contxtReturn span{display:inline-block;width:16px;height:16px;background:url(../img/return.png) no-repeat;background-size:100%;position: relative;top:5px;}