body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, input, em, iframe, select, button,option,optgroup {margin:0;padding:0}
body{font:12px "\5FAE\8F6F\96C5\9ED1"; font-family: "PingFangSC-Regular","Microsoft Yahei","Helvetica Neue","Helvetica,Arial,STHeiTi,sans-serif";background:#000000 ;  background-size: 1678px auto;}
a{text-decoration:none;outline:none; color:#FFF6DD}
a:hover{text-decoration:none;}
h1, h2, h3, em, button{font-weight:normal;font-style:normal;}
h2{font:bold 14px/18px "\5FAE\8F6F\96C5\9ED1";}
li{list-style:none}
iframe, img, button{border:0}
.section{min-width:1340px; margin:0 auto; position:relative; overflow:hidden; }
.area{ text-align:left; width:1050px; position: absolute; height:588px;top:50%; left:50%; margin-left:-475px; margin-top: -199px; background: #fff;}
.aream{width:100%;}
.area{ padding-bottom:0px; }
.aream:after{content:"."; display:block;height:0;visibility:hidden;clear:both;}
.fontArial{font-family:"Arial";}
.winmh .area{-moz-transform:scale(0.9,0.9);
    -webkit-transform:scale(0.9,0.9);
    -o-transform:scale(0.9,0.9); transform:scale(0.9,0.9);}
body{ width: 100%; overflow: hidden;}
.video{ mix-blend-mode: screen;}
.more,.photobox .tab a{ color:#808080 }

video{ width: 100%; }

.swiper-container {
	width: 100%;
	height: 100%;
	position: absolute; top: 0px; left: 0px;
}

.swiper-container .swiper-pagination {
	top: 50%;
	width: auto; bottom: auto; margin-left: -65px; text-align: center;
     left: 50%;  margin-top: -280px;
}

.swiper-container .swiper-slide {
	position: relative;
	overflow: hidden;
}

.swiper-pagination-bullet {
	width: 60px;
	height: 40px;
    font-size: 14px;
    line-height: 40px;
	background: none;
	color: #fff;
	opacity: .5;
    padding: 0 10px;
}

.swiper-pagination-bullet-active {
	background: #fff;
    width: 90px;
     border-radius: 20px;
     color: #333;
      font-size: 16px;
      opacity: 1;
      font-weight: bold;
}
.swiper-button-next, .swiper-button-prev{ display: none;}
.hide{left: 100%;}


/****公共****/
.area h2{position: absolute; top:-210px ; left: -100px;}
.area::before{content: ''; position: absolute; width: 84px; height:310px; background: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/side_img_t.png') no-repeat 0 0; top: 10px; left: -100px;}
.area::after{content: ''; position: absolute; width: 84px; height:81px; background: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/side_img_b.png') no-repeat 0 0; bottom: 0px; left: -100px;}

.picbox{ position: relative; display: block; overflow: hidden;}
.v-tip{ position: absolute; top: 10px; left: 10px; background:#E61B2E; color: #fff; width: 42px; height: 18px; line-height: 18px; font-size: 12px; text-align: center;  }
.tab-con{ display:block;}
.tab-con.cur{ display:block}
.v-ico{ width: 50px; height: 50px; position: absolute; top: 50px;  left: 50%; margin-left: -25px; background: url("//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/v_ico.png") no-repeat 0 0; background-size: 100% auto; opacity: 1; border: 2px #fff solid; border-radius:50% ;}
.color-info{ color:#9f8079 }
.color-tit{ color: #333;}
.titbg{background-image: -moz-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    position: absolute;
    width: 100%;
    bottom: 0;    overflow: hidden; left: 0px;}
.bgtit{ color: #fff; text-align: center; position: absolute; width: 100%;  bottom: 0px; left: 0px;}

.pre-btn,.next-btn{ width:50px; height:50px; background:url("//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/l_btn.png") no-repeat 0 0; background-size: 100% auto; position: absolute; top: 50%; left: -60px; margin-top: -40px; z-index: 10; opacity: 0.4;}
.next-btn{ left: auto; right: -60px; background:url("//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/r_btn.png") no-repeat 0 0; background-size: 100% auto;}
.pre-btn:hover,.next-btn:hover{ opacity: 0.7;}
/** 首页**/
.gif-box{ height: 720px; margin-top: -360px; text-align: center; background: none; margin-left: -525px; display: none;}
.gif-box::before{ width: 173px; height:685px; top: -10px; left: -150px; background: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/left.png') no-repeat 0 0; background-size: 100% auto;}
.gif-box::after{ width: 104px; height:105px; bottom: 30px; left: auto;  right:0px;background: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/right.png') no-repeat 0 0; background-size: 100% auto;}
.reload{ display: block;}
/** model-live**/
.live-box{width: 775px; height:540px;overflow:hidden;  float: left; margin: 24px 0 0 24px;}
.live-info{ width: 210px; margin: 24px 24px 0 0; float: right; height: 360px; position: relative; padding-top: 20px; }
.live-info::before{ content: ''; position: absolute; width: 20px; height: 20px; background: #FF0000; border-radius: 50%; top: 0px;}
.live-info strong{ display: block;  font-size: 32px; line-height: 36px; padding-top: 8px; height: 120px;}
.live-info p{ font-size: 12px; line-height: 18px; height: 100px;}
.live-info a{ color: #000; font-size: 14px; font-weight: bold;}
.flip-box{position: relative; height: 146px;  margin:15px 0px 0; }
.flip-con{height: 146px;  margin:15px 25px 0; overflow: hidden; }
.flip-box ul{ padding-left: 0px; height:100%; overflow: hidden; width: 1200px; }
.flip-box li{ width:260px; padding-right:14px; float: left; height: 100%;  }
.flip-box li a{ position: relative; width: 100%; height: 100%; display: block}
.flip-box li img{ width: 100%; height: 100%;}
.flip-box .titbg{ height: 34px;background: #202020;}
.flip-box .bgtit{ line-height: 34px; font-size: 14px; bottom: 0px;}
.pre_fp,.next_fp{ width:30px; height:30px; position:absolute; left:0px; top:50px; background:url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/l_btn.png') no-repeat 0 0; background-size: 100% auto;}
.next_fp{right:0px; left:auto;  background-image: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/r_btn.png');}

/** model-headline**/
.focus{  position:relative; height:356px; overflow:hidden; width: 560px; float: left; margin: 24px 0 0 24px;}
.f_Img{ height:100%; overflow:hidden; width:100%;  position:relative;}
.f_Img li{ position:absolute; z-index:0;width:100%; height:100%; overflow: hidden;}
.f_Img img{ width: 560px; height: 356px;}
.focus .picbox{ display: block; }
.focus .titbg{ height: 43px; background: #202020; }
.focus .bgtit{ font-size: 16px; line-height: 40px; text-align: center; bottom:0px; }
.f_tab{ height:30px; position:absolute;left:0px; bottom:40px; z-index:300; width: 100%; text-align: center}
.f_tab span{height:8px; width:8px; margin:2px 5px; border-radius:50%; background:#aaa; display:inline-block;}
.f_tab .cur{ width:12px; height: 12px; background: #333; margin: 0 5px; }
.focus .pre-btn{ left: 0px; width: 30px; height: 30px; background-image: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/l_btn.png');}
.focus .next-btn{ right: 0px; width: 30px; height: 30px; background-image: url('//s.auto.itc.cn/lumos/assets/221227/yul0gvia5a/r_btn.png');}
.headlinde_r{ width: 400px; float: right; overflow: hidden; height: 340px; padding-top: 15px; margin-right: 20px; margin-top: 20px;}
.headlinde_r li{  padding: 0px 0 14px; font-size: 14px; line-height: 20px; text-align: center;}
.headlinde_r strong{ display: block; line-height: 22px; font-size:16px; font-weight:bold; margin-bottom: 6px; }
.headlinde_r p{ height: 26px;opacity: 0.6; }
.headlinde_r a{ color: #000;}
.swiper-box{ margin-top:30px;}
.swiper-box .flip-con{ height:132px ;}
.swiper-box.flip-box li{ width:213px ;}




/** model-newcarDecode**/

.slidebox{ position: relative; height:520px; width: 1000px; margin: 24px auto 0 24px;  }
.slidebox .f_Img{ height: 500px; width: 1000px; }
.slidebox .f_Img li{ width: 1014px;}
.slidebox .f_tab{ bottom: -10px;}
.slidebox .picbox{ width: 240px; height: 250px; float: left; margin:0px 13px 0 0;  font-size: 12px; line-height: 18px; box-sizing: border-box}
.slidebox .picbox img{ width: 240px; height: 160px; margin-bottom: 5px;}
.slidebox strong{ font-weight: normal}







/** model-photobox**/

.photobox{ height: 550px; width: 1000px; margin-left: 24px; margin-top: 32px;}
.photobox .tab{ position: inherit; top: 0px; height: 32px; line-height: 32px; font-size: 22px; padding: 0px 0 8px; }
.photobox .tab strong{display: inline-block; font-size:14px; width: 50px;  font-weight: normal;}
.photobox .tab a{ background: none; margin: 0px; line-height: 32px; padding: 0 10px; float: none; display: inline; border: 0; color: #333; font-size: 16px;}
.photobox .tab .cur{ color: #00C39F; display: inline; }
.photobox .tab .cur:after{ display: none} 
.brand{ position: relative; padding-left: 50px;}
.brand::before{ content: '品牌'; position: absolute; left: 0px; top: 20px; font-size: 14px;}
.brand-con{ padding:0px 0 0 0px; height:95px;  position:relative; overflow:hidden; margin-right: 30px;}
.brand ul{ width:9999px; }
.brand ul li{ float:left; padding: 0 8px 0 7px;}
.brand a{ float:left; width:66px; text-align:center;font:14px/28px "\5FAE\8F6F\96C5\9ED1"; color:#fff; padding-top: 4px; ; overflow: hidden;}
.brand img{ display:block; margin:0 auto; width:60px; height:60px; background: #fff;}
.photobox .pre,.photobox .next{ width:30px; height:40px; position:absolute; left:-24px; top:20px; background:url("//s.auto.itc.cn/lumos/assets/221228/7lj8zmteq4/btn_ico.png") no-repeat  0px 0px}
.photobox .next{ right:0px; left:auto; background-position:0px -60px;}

.ptw4-list{ width: 980px; overflow: hidden;  padding-left: 50px;  }
.ptw4-list li{ width: 214x;  height: 182px; float: left; padding: 0 14px 8px 0;  }
.ptw4-list a{display: block; }
.ptw4-list .picbox{ height: 132px;}
.ptw4-list .picbox img{ width: 214px; height: 132px;}
.ptw4-list .info{ height: 28px; padding: 6px 0px 0; font-size: 14px; line-height: 28px;}
.ptw4-list .r{ float: right;}
.ptw4-list .r span{ display: block;}
.ptw4-list .info img{ float: left; margin-right: 10px; background: #fff;}
.ptw4-list .info strong{ display: block; font-weight: normal; color: #000;}
.photobox .more{ font-size: 14px;  line-height: 30px; margin-top: -5px; }

/*********model-ftbox**********/

.ft_box { height: 540px;}
.ft_box .picbox{ line-height: 20px; height: 250px;}
.ft_box  .titbg{ height:40px; top: 120px; bottom: auto; background: #294D7F; opacity: .6;}
.ft_box  .bgtit{ height:40px; top: 120px; bottom: auto; box-sizing: border-box; padding-left: 10px; font-size:14px; line-height: 40px;  text-align: left}
.ft_box  strong{ font-size: 16px; font-weight: bold; display: block; line-height: 32px;}
.ft_box p{ font-size: 12px; color: #333; }
/*=S foot*************/

