@charset "gb2312";

.blank90{height: 90px; clear: both; display: block; overflow: hidden;}
/*标题*/
.title{height: 50px; line-height: 50px; width: 100%; text-align: center;}
.title span{font-weight: bold; font-size: 34px; color: #CECECE;}

/*PC端banner*/
.pc-banner{width: 100%; height: auto; margin: auto;}
.pc-banner img{width: 100%; display: block;}
	
/*倒计时*/
.timer{margin: auto; height: 34px; text-align: center; color: #333; font-size: 16px; line-height: 34px}
.timer span{width: 30px; height: 30px; background: #FFF;  margin: 0 7px; border-width: 3px 3px 1px 1px; border-style: solid; border-color: #cecece; display: inline-table; color: #E02020; font-size: 18px; text-align: center; line-height: 30px; font-weight: bold;}
	
/*基本信息*/
.inform{width: 1200px; height: 420px; margin: auto; padding: 0 66px; box-sizing: border-box;}
.inform img{float: left; width: 420px; height: 420px;}
.inform-biao{width: 600px; height: 420px; float: right; box-sizing: border-box; background: #FFF; border: 1px solid #cecece;}
.inform-biao h1{height: 60px; line-height: 60px; text-align: center; color: #FFF; font-size: 20px; font-weight: normal; background: #cecece;}
.inform-biao h2{height: 18px; font-size: 18px; font-weight: normal; color: #FF1212; line-height: 18px; letter-spacing: 1px; display: block; margin-left: 132px; overflow: hidden;}
.inform-biao p{margin: 12px 0 0 132px; display: block; color: #333; line-height: 24px; font-size: 14px;}
.inform-biao em{margin: 0 33px 0 16px; font-size: 24px; font-weight: bold; color: #FFF402;}
.inform form{margin: 15px 68px 15px 72px; }
.inform span{height: 38px; line-height: 38px; font-size: 16px; color: #606266; margin-bottom: 18px; display: block;}
.inform .text{width: 370px; height: 38px; border: 1px solid #D9D9D9; border-radius: 2px; float: right; padding-left: 14px; line-height: 38px; font-size: 14px; box-sizing: border-box; background: #f2f2f2;}
.inform .selec{width: 370px; height: 38px; box-sizing: border-box; border: 1px solid #D9D9D9; border-radius: 2px; padding-left: 14px; line-height: 38px; font-size: 14px; color: #606266; background: #f2f2f2; margin-left: 2px;}
.inform .submit{width: 150px; height: 40px; border: 0; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-left: 48px; color: #FFF; cursor: pointer; border-radius: 2px; background: #CECECE;}
.inform .submit:hover{opacity: 0.8}
.inform .ren{display: block; float: left; font-weight: bold;}
.inform .notice{color: #777777; font-size: 14px; text-align: center;}

/*视频*/
.vid{width: 1200px; height: 420px; margin: auto;}
.media{width: 746px; height: 420px; float: left; overflow: hidden;}

/*表单*/
.min-for{width: 440px; height: 420px; float: right; overflow: hidden; box-sizing: border-box; background: #FFF; border: 1px solid #cecece;}
.min-for .title{width: 440px; height: 60px; line-height: 60px; color: #FFF; font-size: 20px; text-align: center; background: #cecece;}
.min-for .title h1{font-size: 20px; display: initial;}
.min-for .title em{margin: 0 5px; color: #FFF402; font-size: 22px;}
.min-for form{margin: auto 40px;}
.min-for .text{width: 358px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 2px; background: #F2F2F2;  border:1px solid #d9d9d9; padding-left: 12px; font-size: 14px; color: #606266;}
.min-for .text:hover{border: 1px solid #d9d9d9; color: #333;}
.min-for .submit{width: 100%; height: 40px; line-height: 40px; text-align: center; border:none; box-sizing: border-box; color: #FFF; font-size: 20px; font-weight: bold; letter-spacing: 1px; cursor: pointer; background: #cecece;}
input { outline:none; }
.min-for h2{width: 100%; height: 24px; line-height: 24px; font-size: 18px; color: #FF1212; letter-spacing: 1px; text-align: left;}
.min-for p{width: 100%; line-height:22px; height: 88px; overflow: hidden; font-size: 12px; color: #333;}

	
/*展会亮点*/
.major{height: 514px; margin: auto; width: 100%;}
.major .major_title{width: 100%; margin: auto; height: 206px; text-align: center; vertical-align: middle; display: flex;}
.major .major_title img{max-width: 100%; max-height: 100%; height: auto; width: auto; margin: auto;}
.major ul{width: 1200px; height: 200px; margin: auto;}
.major ul li{height: 200px; text-align: center; margin: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.major ul li img{width: 200px; height: 200px; margin-left: 50px;}
.major ul li img:first-child{margin-left: 0}

/*广告*/
.ad_pic{width: 1200px; height: 90px; margin: auto; position: relative;}
.ad_pic img{width: 100%; height: 100%;}
.ad_pic i{position: absolute; top: 5px; right: 5px; width: 50px; height: 20px; background: url(../images/adico.png) no-repeat;}


/*焦点图*/
#focus{position: relative;}
.focus{width: 688px; height: auto; float: left;}
.focus .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
-webkit-align-items: center; align-items: center;}
.focus .swiper-slide{position: relative;}
.focus .swiper-slide span{position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: rgba(51,51,51,0.7); color: #FFF; font-size: 22px; font-weight: bold; padding: 0 10px; box-sizing: border-box; text-align: left;}
.focus .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.focus .swiper-button-next,.focus .swiper-button-prev{width: 35px; height: 54px; top: calc(50% - 27px);background: url(../images/swiper-buttin-ico.png); }
.focus .swiper-button-next{right: 0px;}
.focus .swiper-button-prev{left: 0px;  transform: rotateY(180deg);}
.focus .swiper-button-next:hover,.focus .swiper-button-prev:hover{background: url(../images/swiper-buttin-hover.png)}
.focus .swiper-pagination{bottom: 20px;}
.focus .swiper-pagination-bullet{width: 10px; height: 10px; background: #d8d8d8; margin: 0 5px; display:inline-block; border-radius:50%;}
.focus .swiper-pagination-bullet-active{background: #FF7C00;}
.focus img:hover{transform:translateZ(0) scale(1.03,1.03);transition: transform 0.5s;}

/*置顶新闻*/
.topping{width: 474px; height: auto; overflow: hidden; float: right;}
.topping ul li{height: 38px; float: left; overflow: hidden;}
.topping ul li:before{width: 6px; height: 6px; float: left; margin: 15px 8px 0 0; background-color: #223d8a; overflow: hidden; border-radius: 50%; display: inline-block; content: "";}
.topping ul li a{line-height: 38px; height: 38px; color: #2d2d2d; font-size: 18px; text-align: justify;}
.topping ul li:first-child{max-height: 72px; height: auto; font-size: 24px;}
.topping ul li:first-child:before{display: none;}
.topping ul li:first-child a{color: #00B6EF; font-size: 24px; max-height: 72px; text-align: center; height: auto; display: block; font-weight: bold;}
.topping ul li:hover a{color: #ff7c00;}

/*新车上市*/
#car{position: relative;}
.car{height: 756px; }
.car .swiper-slide{position: relative; text-align: left;}
.car .swiper-pagination{bottom: 0px; width: 100%;}
.car .swiper-pagination-bullet{width: 20px; height: 5px; background: #d8d8d8; margin: 0 5px; display:inline-block;}
.car .swiper-pagination-bullet-active{background: #CECECE;}
.car li{width: 228px; height: 358px; float: left; margin-bottom: 20PX; margin-right: 15px; padding: 10px 13px 0; box-sizing: border-box; border: 1px solid #F2F2F2; background: #FFF; text-align: center; color: #333;}
.car li .logo{height: 60px; }
.car li .logo img{height: 60px; width: auto;}
.car li img{width: 200px; height: 133px;}
.car li span{height: 60px; line-height: 30px; display: block; font-size: 18px; overflow: hidden;}
.car li p{height: 30px; line-height: 30px; font-size: 16px; }
.car li em{color: #FF5757}
.car li:nth-child(5n+0){margin-right: 0px;}
.car li:hover{border: 1px solid #FF7C00;}
.car li:hover span{color: #ff7c00;}

/*视频看车*/
.video{height: auto; }
#video{position: relative;}
.video .swiper{padding: 10px 0;}
.video .swiper-slide {text-align: left; }
.video .swiper-pagination{bottom: 0px; width: 100%;}
.video .swiper-pagination-bullet{width: 20px; height: 5px; background: #d8d8d8; margin: 0 5px; display:inline-block; }
.video .swiper-pagination-bullet-active{background: #CECECE;}
.video li{width: 380px; height: 253px; margin-bottom: 20px; overflow: hidden; border-radius: 5px; background: #FFF; margin-right: 20px;  box-shadow: 0px 2px 10px 0px rgb(216 216 216 / 10%);  float: left; position: relative;}
.video li:nth-child(3n+0){margin-right: 0px;}
.video li i{width: 46px; height: 46px; border: 2px solid #FFF; background: rgba(0,0,0,0.5); border-radius: 50%; box-sizing: border-box; cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center;}
.video li i img{width: 36px; height: 36px; margin: 3px auto 0;}
.video li img{width:100%; height: 100%;}
.video li .hide{width: 100%; height: 64px; box-sizing: border-box; padding: 10px;   -webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; position: absolute; right: 0px; opacity: 0; background: rgba(0,0,0,0.6); bottom: -70px; color: #FFF;}
.video li .hide span{height: 44px; line-height: 22px; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.video li:hover .hide{bottom: 0px; opacity: 1; z-index: 20;}
.video li:hover i{background: #cecece; opacity: 0.5 }

/*展会资讯*/
#news{position: relative;}
.news{height: 568px; overflow: hidden;}
.news .swiper-slide{position: relative; text-align: left;}
.news .swiper-pagination{bottom: 0px; width: 100%;}
.news .swiper-pagination-bullet{width: 20px; height: 5px; background: #d8d8d8; margin: 0 5px; display:inline-block;}
.news .swiper-pagination-bullet-active{background: #CECECE;}
.news li{width: 288px; height: 264px; float: left; margin-bottom: 20PX; margin-right: 16px; overflow: hidden; background: #FFF; padding: 9px; border: 1px solid #F5F5F5; box-sizing: border-box;}
.news li img{width: 100%; max-height: 179px; height: auto; transition: 0.5s}
.news li span{width: 100%; height: 44px; line-height: 22px; display: block; box-sizing: border-box; padding: 0 5px; text-align: left; font-size: 16px; color: #333}
.news li:nth-child(4n+0){margin-right: 0px;}
.news li:hover img{transform:translateZ(0) scale(1.03,1.03);transition: transform 0.5s;}
.news li:hover span{color: #FF7C00;}
.news li .pic{width: 265px; height: auto; overflow: hidden;}


/*现场图片*/
.scene {position: relative;}
.scene .swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; padding-bottom: 60px;}
.scene  .swiper-slide {width: 600px; height: 400px; background: #fff; box-shadow: 0 8px 30px #ddd; cursor: grab; cursor: -webkit-grab;}
.scene  .swiper-slide img{display:block; width: 100%; height: 100%;}
.scene .scene-pagination {width: 100%; bottom: 20px; position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10;}
.scene .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;  background-color: #cecece; width: 8px; height: 8px; opacity: 1; border-radius: 50%; display:inline-block; }
.scene .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #333;}
.scene .scene-prev,#scene .scene-next{width: 35px; height: 54px; top: calc(50% - 26px); position: absolute; z-index: 10; cursor: pointer; align-items: center; justify-content: center; background: url(../images/swiper-buttin-ico.png) no-repeat; background-position: 0 0; background-size: 100%}
.scene .scene-prev{left: 0; transform: rotateY(180deg);}
.scene .scene-next{right: 0;}
.scene .scene-prev:hover,#scene .scene-next:hover{background: url(../images/swiper-buttin-hover.png)}

/*参展品牌*/
#brand{position: relative;}
.brand{height:805px; }
.brand .swiper{padding-bottom: 20px;}
.brand .swiper-slide{position: relative; text-align: left;}
.brand .swiper-pagination{bottom: 0px; width: 100%}
.brand .swiper-pagination-bullet-active {background: #333;}
.brand .swiper-pagination-bullet{width: 20px; height: 5px; background: #d8d8d8; margin: 0 5px; display:inline-block;}
.brand li{width: 111px; height: 137px; float: left; margin-bottom: 20PX; margin-right: 10px; cursor: grab; cursor: -webkit-grab;}
.brand li img{width:  94px; height: 94px; display: block; padding: 9px 8px 8px 9px; background: #FFF; vertical-align: middle; box-shadow: 0px 2px 24px 0px rgb(202 202 202 / 30%);  border-radius: 6px;}
.brand li span{width: 100%; height: 16px; line-height: 16px; display: block; text-align: center; font-size: 16px; color: #606266}
.brand li:nth-child(10n+0){margin-right: 0px;}

/*往届回顾*/
.history{height: 548px;}
.history ul li{width: 285px; height: 264px; float: left; margin-right: 20px; margin-bottom: 20px; box-sizing: border-box; background: #FFF; padding: 9px; border: 1px solid #F5F5F5;}
.history ul li:nth-child(4n+0){margin-right: 0px;}
.history ul li a{font-size: 18px; font-weight: bold; color: #303133; display: block; overflow: hidden;}
.history ul li img{width: 265px; max-height: 176px;  height: auto;}
.history ul li span{height: 48px; line-height: 24px; overflow: hidden;  box-sizing: border-box; display: block; margin-bottom: 10px;}
.history ul li:hover{box-shadow:0px 0px 12px 4px rgba(153,153,153,0.5);}

/*招商加盟*/
.business{height: 270px;}
.business ul li{position: relative; float: left; width: 416px; height: 130px;}
.business ul li:first-child{width: 348px; height: 270px; margin-right: 10px;}
.business ul li:first-child .business_pos{right: 24px; text-align: right;}
.business ul li:nth-child(2){margin-right: 10px; margin-bottom: 10px;}
.business ul li:nth-child(3){margin-bottom: 10px;}
.business ul li:nth-child(4){margin-right: 10px;}
.business ul li img{width: 100%; height: 100%;}
.business .business_pos{position: absolute; height: 60px; bottom: 16px; left: 22px; text-align: left;}
.business .business_pos span {color: #FFF; font-size: 28px; height: 28px; line-height: 28px; font-weight: bold; letter-spacing: 1px;}	
.business .business_pos p {color: #FFF; height: 24px; line-height: 24px; font-size: 24px; text-stroke: 1px rgba(255,255,255,1); -webkit-text-stroke: 1px rgba(255,255,255,1); margin-top: 8px;}

/*车友互动*/
.cometle{width: 100%; height: 22px; line-height: 22px; }
.cometle span{font-size: 16px; font-weight: bold; color: #333;}
.cometle em{width: 4px; height: 22px; border-radius: 5px; margin-right: 16px; float: left; background: #CECECE;}
.cometle strong{font-size: 20px; color: #333; font-weight: normal;}
.comment_form{height: 241px; width: 100%; box-sizing: border-box; border: 1px solid #C0C4CC; position: relative; z-index: 1;  }
.comment_login{margin: 7px 0 0 10px; float: left;}
.comment_xg i.comshare{display: none;}
.expression i,.comment_xg i,.reply_box small{ background: url(../images/commentpic.gif) no-repeat;}
.modhead{ width: 60px; background: #FAFAFA; padding:10px 10px 0; text-align: center; border: 1px solid #DDD; float: left;}
.modhead span{ display: block; height: 30px; line-height: 30px;}
.comment_user a,.comment_user span.colbl{ color: #1575A3; cursor: pointer;}
.comment_user span{ color: #666;}
.comment_form textarea{ width: 100%; height: 185px; padding: 20px; border: 0; box-sizing: border-box; color: #000; font-size: 16px; line-height: 20px;outline: none;}
.comment_form textarea:focus{border:1px solid #FF7C00;}
.comment_form #textarea_ry{ position: absolute; top: 0; }
.comment_form_fb{ height: 54px;  background: #F8F8F8;   display: block; }
.comment_code{ width:65px;eight: 26px; padding-left:5px;  line-height: 26px; border: 1px solid #DDD; background: #FFF; margin:5px 88px 0 2px; *margin:4px 88px 0 2px; }
.comment_code:focus{outline: none;border:1px solid #FF7C00;}
.comment_btn,.reply_btn{  position:absolute;  border: 0; overflow: hidden; cursor: pointer;  color: #fff; width: 172px; height: 54px; top: 0; right: 0; line-height: 54px; text-align: center; font-size: 20px; font-weight: bold; background: #cecece;}
.comment_btn:hover{opacity: 0.8; background: #cecece;}
.comment_btn:focus{outline: none;}
.reply_btn{ background-position:0 -179px;}
.expression{ width: 50px; cursor: pointer;}
.expression i{display: block; border-right:1px solid #DDD; height: 54px; line-height: 54px; background-position: 15px -46px;}
.expression div.act i{ background-color: #FFF;}
.expression b{ width: 49px; height: 2px; overflow: hidden; background: #FFF; position: absolute; top: 38px; left: 0; z-index: 2; display: none;}
.expression ul{width: 280px;position: absolute;top: 38px;left: -2px; z-index:1;background: #FFF;border: 2px solid #DDD;padding: 2px; display: none;}
.expression div.act b,.expression div.act ul{ display:block;}
.expression li{float: left;border: 1px solid #CCC;margin: 1px;}
.comment_login i{ float: left; height: 38px; line-height: 38px; font-size: 14px; padding:0 15px 0 40px; background: url(../images/sharepic.gif)  14px 9px no-repeat; margin-right:10px; border:1px solid #DDD; border-radius: 3px; cursor: pointer;}
.comment_login i.qq{ background-position:14px -60px; }
.comment_login i.login_lay{ background-position:14px -165px; }
.comment_login i:hover{ background-color: #FAFAFA; text-decoration: none; color: #2C2C2C;}
.comment_box{ border-bottom:1px dashed #DDD;  padding: 31px 0 27px; }

.boxT{ border-top:1px solid  #DDD;}
.comment_tx{ width: 50px; height: 50px; padding: 1px; border: 1px solid #DDD; float: left;overflow: hidden;border-radius: 50%;}
.comment_tx>a>img{border-radius: 50%}
.comment_info{ margin-left:68px; }
.comment_info span{ color: #666; padding-right:5px; }
.comment_info span.colb{ color: #1575A3;}
.comment_info span.col99{color: #999;}
.comment_info p{ line-height: 26px;}
.comment_xg{float: right;}
.comment_xg i{ float: left; height: 22px; line-height: 22px; padding: 0 5px 0 22px; background-position:7px -103px; color: #666; margin:5px -1px 0 0; cursor: pointer; font-size: 12px;}
.comment_xg i.act{ background-color:#FAFAFA; }
.comment_xg i.replysel{background-position:7px -126px; }
.comment_xg i.comshare{background-position:7px -148px; position: relative; z-index: 100; }
.comsupport{ position: relative;}
.comsupport small{ position: absolute; top: 0; right: 9px; color: #CC0000;}
.comment_xg i.hasvote{ background-image:none; padding: 0 18px; color: #999; background: #ECECEC;}
.comshare b,.comshare div{ background:#FAFAFA; display: none; }
.comment_xg i.act b,.comment_xg i.act div{ display: block;}
.comshare b{ width:53px; height: 1px; overflow: hidden;position: absolute;left: 0;top: 22px; z-index: 1;}
.comshare div{width: 89px;height: 27px;padding-top: 8px;position: absolute;right: -1px; _right:-2px; top: 22px;}
.comshare a {width: 19px;height: 19px; float:left;margin-left: 8px;_display: inline;text-indent: -100px;overflow: hidden; background: url(../images/sharepic.gif) no-repeat;}
.comshare a.txwb{ background-position:0 -140px; }
.comshare a.qqkj{ background-position:0 -209px; }
.comment_xg span{ color: #F87801;}
.comshare span{ color: #2C2C2C;}
.numtip,.numtip2{ line-height: 54px; color: #606266;}
.reply_box{ padding:10px; border: 1px solid #DDD; position: relative; margin-top:-1px; display: none; }
.reply_box small{ width: 12px; height: 6px; background-position: -74px -65px;position: absolute; top: -6px; left: 100px; z-index: 1; overflow: hidden;}
.reply_info{ padding-top: 15px; border-top:1px dotted #DDD; }
.checkpl{ height: 34px; line-height: 34px; background:#FAFAFA; text-align: center; font-family:"Microsoft YaHei"; font-size: 14px; cursor: pointer; border:1px solid #DDD;border-radius: 5px;display: none;}
.checkpl span{ color: #F87801;}
.comtent_detail h1{ padding: 15px 10px; font-size: 25px; font-weight: bold; font-family:"Microsoft YaHei"; }
.comtent_detail p{ color: #666; text-indent: 25px; background: #FAFAFA; padding: 10px;}
.comtent_detail p a{ color: #1575A3;}
#codemess .validator_message{left: 58px; top: 41px;}
#rycodemess .validator_message{left: 56px;top: 41px;}
.yzmcode img{ top: 32px; right: 88px; _right: 87px;}
.validatetip .validator_message{ top: -27px; left: -7px;}
.validatetip .validator_message:before, .validatetip .validator_message:after{border-top: 4px solid #225ED5; border-bottom: 4px solid transparent; top: 21px;}
.validatetip .validator_message:after{ top: 20px; border-bottom-color:transparent;border-top: 4px solid #FFF; }
.validatetip .warn:before{border-top-color:#E51F1F;}
.validatetip .pass:before{border-top-color:#A2DA5A;}
.plcomTit{ height:52px; line-height:52px; border-bottom:2px solid #e4e4e4; position: relative; }
.plcomTit p{font-size:22px;font-weight: bold;float: left; position: absolute; height:52px; line-height:52px;color:#333333;}
.plcomTit span{ font-size: 16px; color: #F87801; font-family: arial; font-weight: bold;}
.comment_info .Fs14{font-size: 14px;}

/*底部*/
.zt_foort{width: 100%; height: 60px; background: #000; padding: 20px 0;}
.zt_foort p{display: block; line-height: 30px; text-align: center; color: #999; font-size: 14px;}