@charset "utf-8";

html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p,table,tr,td{
margin:0;border:0;padding:0;font-style:normal; list-style:none;  }
body{ font-size:14px; line-height:24px;font-family: "Microsoft Yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
table{width:100%; border-collapse:collapse; border-spacing:0;  }
table td{word-break: break-all; word-wrap:break-word;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
a{ outline:none; text-decoration:none ;color:#333;}
a:hover{ text-decoration:none;}
/*交互效果*/
@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }

    40% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05)
    }
}

img {object-fit: cover;border-top-left-radius:4px;border-top-right-radius:4px;}

.mainBox{ width:1100px; margin:0 auto; overflow:hidden;}


.banner{ background:#242834 url(../images/autoshow/pcbanner.png) no-repeat top center; background-size:auto 200px; height:200px; }

.news{ margin-top:30px;}
.news dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.news dl dt{ float:left; background:url(../images/autoshow/ttitle.png) no-repeat; background-size:200px 68px; width:200px; height:68px;}
.news dl dd{ float:left; background:url(../images/autoshow/titletxt.png) no-repeat; background-size:900px 68px; width:900px; height:68px; overflow:hidden;}
.news dl dd p{ padding-top:14px; height:54px; padding-left:13px;}
.news dl dd p a{ font-size:16px; color:#ffffff; line-height:54px; margin-right:30px;}

.newCar{ margin-top:40px;}
.newCar dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.newCar dl dt{ float:left; background:url(../images/autoshow/newcar.png) no-repeat left top; background-size:50px 100px; width:50px; height:100px; }
.newCar dl dd{ float:left; width:1050px;}
.newCar dl dd ul li{ float:left;  overflow:hidden; margin-left:17px;  text-align:center;transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;}
.newCar dl dd ul li p{ width:114px; height:76px; border-radius:4px; overflow:hidden;}
.newCar dl dd ul li p img{ display:block; width:114px; height: 76px;}
.newCar dl dd ul li a{ display:block;}
/*.newCar dl dd ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}*/
.newCar dl dd ul li span{ display:block; font-size:13px; line-height:17px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; height:17px; margin-top:7px;}



.hotNews{ margin-top:46px;}
.hotNews:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.hotLeft{ float:left; width:410px;height:270px; margin-right:22px; position:relative;overflow:hidden;}
.hotMiddle{ float:left; width:310px; margin-right:6px;}
.hotRight{ float:left; width:352px;}
.hotRight ul li a p img{width:160px; height:90px;}

.hotLeft ul{ position: absolute;width:4100px; height:230px; overflow:hidden; border-top-left-radius:4px; border-top-right-radius:4px;}
.hotLeft ul li{ float: left;width:410px; height:230px;}
/*.hotLeft ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}*/
.hotLeft dl{ display:block; background:#333333; height:40px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin-top:230px;overflow:hidden;}
.hotLeft dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.hotLeft dl dt{ float:left; width:360px;}
.hotLeft dl dt ol li{ height:40px; line-height:40px; overflow:hidden;} 
.hotLeft dl dt ol li a{ display:block; color:#ffffff; font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; height:40px; line-height:40px; padding-left:18px;}
.hotLeft dl dd{ float:left; width:50px; text-align:center; font-size:14px; color:#ffffff; line-height:40px;}

.button{ position:absolute; top:96px; width:410px;}
.button a.leftA{position:absolute;  background:url(../images/autoshow/leftarrow.png) left center; background-size:26px 40px; width:26px; height:40px; display:block; left:0;}
.button a.rightA{position:absolute; background:url(../images/autoshow/rightarrow.png) left center; background-size:26px 40px; width:26px; height:40px; display:block; right:0;}


.hotMiddle ul li{ margin-bottom:17px;height:18px;}
.hotMiddle ul li a{ display:block; font-size:16px; line-height:18px; height:18px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; }

.hotRight ul{}
.hotRight ul li{ float:left; width:160px; position:relative;transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear; margin-left:16px; margin-bottom:9px;}
.hotRight ul li a p{ display:block; width:160px; height:90px; border-radius:4px; overflow:hidden;}
.hotRight ul li a img{ display:block; width:100%;}
/*.hotRight ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}*/
.hotRight ul li a span{ display:block; width:22px; height:22px; position:absolute; top:60px; right:8px;}
.hotRight ul li a em{ display:block; font-style:normal; font-size:13px; line-height:18px; height:36px; margin-top:5px;  overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  word-wrap: normal}


.bigtitle{ background:url(../images/autoshow/bigtitle.png) no-repeat left top; background-size:1100px 50px; width:1100px; height:50px; margin-top:49px;}
.bigtitle span{ width:170px; text-align:center; font-size:24px; font-weight:bold; line-height:50px; color:#ffffff; display:block;}

.carShow{ width:1100px; overflow:hidden; margin-top:30px;}
.carShow ul{ width:1116px;}
.carShow ul li{ float:left; width:263px; margin-right:16px; position:relative;}
.carShow ul li a{ display:block;}
.carShow ul li a p{ width:263px; height:148px; overflow:hidden; border-radius:4px; transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;}
.carShow ul li a p img{ display:block; width:263px;height:148px;}
/*.carShow ul li a:hover p img{-webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}*/
.carShow ul li a em{ display:block; width:70px; height:24px; position:absolute; left:10px; top:10px;}
.carShow ul li a em img{ display:block; width:100%;}
.carShow ul li a span{ display:block; font-size:14px;/* height:16px;*/ line-height:21px; margin-top:10px;text-overflow:ellipsis; overflow:hidden;/* white-space:nowrap;*/ word-wrap: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:normal;}

.sectitle{ border-bottom:1px solid #ebebeb; height:46px; font-size:24px; font-weight:bold; width:1100px; margin-top:29px;}
.sectitle span{ display:inline-block; border-bottom:4px solid #f7cd55; line-height:42px;}
.smalltitle{ margin-top:25px;}
.smalltitle  ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.smalltitle ul li { float:left; width:100px; height:36px; border-radius:4px; background:#f2f2f2; margin-right:20px;}
.smalltitle ul li a{ display:block; font-size:16px; color:#333333; text-align:center; line-height:36px;}
.smalltitle ul li.sCur { background:#f7cd55;}

.noplayer{ margin-top:10px;}
.noplayer ul li{ margin-top:20px;}

.moreButton{ margin-top:25px;}
.moreButton a{ display:block; width:120px; height:36px; background:#f2f2f2; border-radius:4px; font-size:14px; line-height:36px; text-align:center; margin:0 auto;}
.moreButton a:hover{ color:#111111;}


.tech{ padding-bottom:80px;}
.techList{ margin-top:13px;}
.techList ul li a{ display:block;padding:19px 0;transition: all 0.2s linear;-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear; }
.techList ul li a:hover{-ms-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15);box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15); -moz-transform: translate3d(0, -2px, 0);  -ms-transform: translate3d(0, -2px, 0);  -webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
@-webkit-keyframes zoomIn {0% {-webkit-transform:scale3d(1, 1, 1)}50% {-webkit-transform:scale3d(1.2, 1.2, 1.2)}}
.techList ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.techList ul li dl dt{ float:left; width:263px; height:148px; border-radius:4px; margin-right:23px; overflow:hidden;}
.techList ul li dl dt img{ display:block; width:100%;}
/*.techList ul li a:hover dl dt img{-webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}*/
.techList ul li dl dd{ float:left; width:814px;}
.techList ul li dl dd b{ display:block; font-size:16px; font-weight:bold; line-height:36px; height:36px;}
.techList ul li dl dd p{ font-size:14px; line-height:24px;}

.techList ul li:nth-child(even) dl dt{ float:right; margin-right:0; margin-left:23px;}


.footer{ background:#2d3237; height:62px; text-align:center; padding-top:18px;}
.footer p ,.footer p a{ font-size:12px; color:#ffffff; line-height:16px;}
.footer p a{ padding:0 10px; }
.footer span{ color:#999999; display:block; margin-top:12px; font-size:12px; line-height:16px;}