/*基础资料*/
.pt30{ padding-top: 30px;}

/*公众资料*/
.w420{ width:420px;}
.pt8{ padding-top: 8px;}
.titleHead{ position: relative; border-bottom: 1px solid #d3d3d3; padding-bottom: 10px;}
.titleHead h2{ font-size: 20px; font-weight: normal; color: #333; line-height: 22px;}
.titleHead h2 i{ width:3px; height: 17px; display: inline-block; font-style: normal; background-color: #0078d7; margin-right: 10px;}
.more{ line-height: 22px; font-size: 12px; color: #0078d7; position: absolute; top: 0px; right: 0;}
.more:hover{ color: #333;}

.flie .box-b{ margin-top: 20px;}
.box-b li{line-height: 26px; margin-bottom: 8px;}
.box-b li a{ display: block; clear: both; overflow: hidden;}
.box-b .cont{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 350px; color: #333; float: left;}
.box-b .cont:hover{color: #0066cc;}
.box-b .time{float: right;color: #666;}
.point{ width: 4px;height: 4px;  display: inline-block; overflow: hidden; background: #0066cc; margin: 10px 16px 0 0; float: left;}

.img-b{width: 690px;height: 100px;margin-top: 16px; overflow: hidden;}
.img-b img{ width: 100%;}

/*保有量与注册量*/
.weight .box-b .cont{ width: 580px;}

.tradeNew{ padding-top: 16px;}
.tradeNew .box-b ul li{ margin-bottom: 0; padding-top: 8px;}
.tabs{ margin-bottom: 16px;}
.tabs ul li{width: 125px; float: left;height: 30px; line-height: 30px; text-align: center; background: #eee;color: #333;font-size: 14px; cursor: pointer;}
.tabs ul li a{ display: block; color: #333;}
.tabs ul li+li{margin-left: 1px;}
.tabs ul li:hover{ background: #0066cc; color: #fff;}
.tabs ul li.on{background: #0066cc; color: #fff;}
.tabs ul li.on a{ color: #fff;}

/*成品油*/
.w249{ width: 249px; overflow: hidden;}
.fastHd{ border-bottom: 1px solid #d3d3d3; position: relative;}
.fastHd span{ font-size: 20px; color: #075da0; border-bottom: 3px solid #8ec0e7; line-height: 22px; padding-bottom: 7px; display: inline-block; position: relative; top: 2px;}
.moreBox{ font-size: 12px; color: #0078d7; position: absolute; right: 0; top: 10px;}
.moreBox:hover{ color: #333;}
.fastHd span.red{ color: #b72727; border-bottom: 3px solid #b72727;}

.product{ padding-top: 25px;}
.data{ margin-bottom: 16px;}
.data ul li{ float: left; width: 88px; height: 30px; line-height: 30px; text-align: center; margin-right: 1px; cursor: pointer;}
.data ul li:hover{ background: #0066cc; color: #fff;}
.data ul li.check{background: #0066cc; color: #fff;}

.msgNews .newsPic{ width:108px; height: 72px; display: block; float: left; margin-right: 16px; overflow: hidden;}
.msgNews .newsPic img{ width: 100%;}
.msgNews .newsTexT{ display: block; overflow: hidden; height: 72px; position: relative;}
.msgNews .newsTexT .textTile a{ line-height: 22px; color: #333;}
.msgNews .newsTexT .textTile a:hover{ color: #0066cc;}
.detil{ display: block; text-align: right; color: #b72727; font-size: 12px; position: absolute; bottom: 0; right: 0;}
.detil:hover{ color: #333;}

.carNew.box-b{ margin-top: 16px;}
.carNew.box-b .cont{ width: 220px;}

/*上市公司列表*/
.box-1{ margin-top: 10px;}
.box-1 ul li{ position: relative; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; display: block;}
.box-1 ul li{ border-bottom: 1px dashed #ddd;}
.box-1 ul li a{ display: block; color: #333; position: relative; clear: both; overflow: hidden;}
.box-1 ul li .cont{width:190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; float: left;}
.box-1 ul li a:after{content: ""; display: inline-block; width: 10px; height: 10px; vertical-align: middle; border-right: 1px solid #999; border-top: 1px solid #999; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); box-sizing: border-box; position: absolute; right: 10px;top: 50%;}
.box-1 ul li a:hover{color: #0066cc;}

.market{ width:249px; height: 112px; position: relative; margin-top: 16px;}
.marketImg{width:249px; height: 112px; overflow: hidden;}
.marketImg img{ width: 100%;}
.phTxt{width: 100%; height: 30px; background: rgba(0,0,0,0.4)!important; filter:Alpha(opacity=40); background-color: #000; font-size: 12px; color: #fff; line-height: 30px; text-align: center; margin-top: -30px; position: relative; z-index: 2;}
.phTxt span{ display: block;color: #fff; position: relative; padding: 0 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.phFirst:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; filter: alpha(opacity=90);}
.mkList.box-1{margin-top: 0;}

.pt40{ padding-top: 30px;}


/*---------------------公路交通------------------*/
.roadTraffic > div{display: none;}
.roadTraffic > div:first-child{ display: block;}

/*---------------------成品油------------------*/
.oil > div{display: none;}
.oil > div:first-child{ display: block;}

/*轮播图*/
.newScroll{ width:690px; height: 235px; overflow: hidden; position: relative;}
.nsImg{ width: 690px; height: 235px; overflow: hidden;}
.nsImg img{ width: 100%; height: 100%;}
.text{ width:690px; height: 42px;  position: relative; margin-top: -42px;}
.opacity{ width:100%; height: 42px; position: absolute; bottom: 0; left: 0; z-index: 2;  background: rgb(0,0,0)!important; filter:Alpha(opacity=6); opacity: 0.6; /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .opacity{
    background-color:#000000;
    filter:Alpha(opacity=60);
    position:absolute; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
}
.textHd{ width: 600px; font-size: 14px; color: #fff; line-height: 42px; padding: 0 10px; z-index: 4; position: absolute; bottom: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.number{ position: absolute; right: 20px; bottom: 11px;}
.number ul li{ float: left; width:6px; height: 6px; margin-left: 4px; cursor: pointer; background: url(../images/point-02.png) no-repeat; display: block; font-size: 0;}
.number ul li.current{ background-position: 0 -6px;}

.body-body .box-d-img{float: left;width: 180px;height: 120px; overflow: hidden;}
.body-body .box-d-1{ position: relative; float: right; width: 495px; height: 119px;border-bottom: 1px dashed #ddd;}
.body-body .box-d .tit{ line-height: 30px; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.body-body .box-d .tit a{ color: #333;}
.body-body .box-d .tit a:hover{ color: #0066cc;}
.body-body .box-d .bot{ position: absolute; bottom: 14px; line-height: 16px; font-size: 14px; width: 100%;}
.body-body .box-d .bot .span-1{ display: inline-block; height: 14px; width: 40px; line-height: 14px; border: 1px solid #ffd7d7; color: #ce2727; margin-right: 10px;text-align: center;}
.body-body .box-d .bot .span-2{ color: #999;}

/*智能汽车*/
.photoBox{ margin-top: 16px; margin-right: -10px; zoom:1;}
.photoBox ul li{width:230px; height: 154px; overflow: hidden; position: relative; float: left; margin-right: 10px;}
.phFirst{width:230px; height: 154px;overflow: hidden;}
.phFirst img{ width: 100%; height: 100%;transition: 300ms;}
.phTxt{width: 100%; height: 30px; background: rgba(0,0,0,0.4)!important; filter:Alpha(opacity=40); background-color: #000; font-size: 12px; color: #fff; line-height: 30px; text-align: center; margin-top: -30px; position: relative; z-index: 2;}
.phTxt span{ display: block;color: #fff; position: relative; padding: 0 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.phFirst:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; filter: alpha(opacity=90);}

/*基础设施*/
.left-l{width: 330px;}
.foundation{padding: 0px 0 14px 0 ; width: 330px; overflow: hidden;}
.foundation li{ position: relative; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; display: block;}
.foundation li+li{ border-top: 1px dashed #ddd; line-height: 39px;}
.foundation li img{ position: absolute; height: 60px; width: 330px; left: 0; top: 40px; opacity: 0;}
.foundation li:hover img{position: absolute; height: 60px; width: 330px; left: 0; top: -10px; opacity: 1; z-index: 2;}
.box-1.mkList ul li .point{ margin: 18px 16px 0 0;}

/*行业动态*/
.quick{ padding: 0 10px;font-size: 18px; color: #333; height: 40px;line-height: 40px; background-color: #d9d9d9;}
.quick a{ color: #333;}
.qkNav{ background-color: #fff; padding: 10px 10px 11px 10px; border:1px solid #d3d3d3;}
.qkNav ul li{color: #333; line-height: 35px;}
.qkNav ul li a{ color: #333; display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.qkNav ul li a:hover{ color: #0066cc;}