/*=====(左侧红色导航)=========================*/
/*=====(左侧红色导航)=========================*/
/*.menuDiv {
  overflow: hidden;
}*/
html {
        _overflow: auto;
        *overflow: auto;
}
body {
        _width: expression(this.parentNode.clientWidth);
        width: expression(this.parentNode.clientWidth);
}
html,
body {
        height: 100%;
        *height: 100%;
}
.mainContent {
        min-height: 100%;
        _height: 100%;
}
#mainBar2 {
  width: 1000px;
  margin: 73px auto 0;
  *padding-top: 73px;
}
#leftBar2 {
  margin-right: 20px;
  width: 250px;
  float: left;
}
#rightBar2 {
  width: 700px;
  float: right;
  margin-left: 20px;
}
#leftBar2 ul li {
  width: 250px;
  height: 60px;
  line-height: 60px;
  background: #e6e6e6;
  text-align: center;
  margin-top: 2px;
}
#leftBar2 ul li a:hover {
  background: #ec433c;
}
#leftBar2 ul li:hover a {
  color: #fff;
}
#leftBar2 ul li a {
  color: #333;
  font-size: 16px;
}
#leftBar2 ul li.active {
  background: #dc0101;
}
#leftBar2 ul li a {
  display: block;
  width: 250px;
}
#leftBar2 ul li.active a {
  color: #fff;
}
#leftBar2 ul li {
  height: 44px;
  line-height: 44px;
}
#leftBar2 .about_tyt {
  height:60px;
  line-height:60px;
  background: #c83030;
  font-size: 16px;
  color: #fff;
}
#leftBar2 #tyt_nav .tyt_active {
  background: #ec433c;
  color: #fff;
}
.brand span {
  color: #999;
}
.brand {
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px 10px;
  line-height: 40px;
}
.brand a {
  float: left;
  color: #333;
  font-size: 14px;
  // margin: 10px 0;
}
.brand a.active {
  color: #eb3030;
}
.cart_box {
  width: 730px;
  float: left;
  margin-bottom: 40px;
  *margin-bottom: 40px;
}


/*导航==================================*/
.breadNav {
  width: 730px;
  height: 40px;
  line-height: 40px;
  // border-bottom: 1px solid #ccc;
  background: #f7f7f7;
}
.breadNav .navLeft {
  float: left;
  padding-left: 10px;
}
.breadNav span, .breadNavDetail span {
  padding: 0 5px;
}
.breadNav a, .breadNavDetail a {
  color: #333;
}
.navLeft a {
  font-size: 14px;
  color: #333;
}
.breadNav a.redColor, .breadNavDetail a.redColor {
  color: #eb3030;
}

/*产品介绍=========================*/
.cpjsContent {
  border: 1px solid #eaeaea;
}
.cpjsTxt {

  padding: 16px 20px 20px;
}
.cpjsContent p, .gywmContent p {
  line-height: 1.7em;
  padding-bottom: 6px;
  text-indent: 2em;
  line-height: 26px;
}
.gywmContent .gywmImg {
  margin: 20px 0;
  *margin: 20px 0;
  *overflow: hidden;
}

.cpjsContent p strong {
  font-weight: 700;
}
.gywmContent .gywmImg img {
  display: inline-block;
}
.cpjsImg {
  margin-top: 20px;
}
.cpjsImg img {
  display: block;
  margin: 0 auto;
}
.brand {
  border: none 0;
  margin-bottom: 0;
}

.downloadH2 {
  height: 40px;
  line-height: 40px;
  background-color: #f7f7f7;
  padding-left: 30px;
  font-weight:bold;
  font-size: 14px;
  color: #333;
}

.downloadImgs {
  margin:40px 100px 30px 100px;
}

.downloadImgs .pcImg {
  float:left;
  width: 304px;
}

.downloadImgs .appImg {
  float:right;
  width: 159px;
  padding-top: 20px;
}

.downloadImgs .downloadPcBtn {
  width:190px;
  height: 36px;
  line-height: 36px;
  background-color: #eb3030;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 3px;
  margin: 16px auto 0;
  text-decoration: none;
}

.appImg .appTxt {
  font-size: 14px;
  color: #333;
  display: block;
  text-align: center;
}

/*诚聘英才=========================*/
.recruitContent {
  border: 1px solid #eaeaea;
  padding: 20px 30px;
}
.recruitContent p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.recruit {
  margin-bottom: 20px;
}
.recruitContent .no_margin {
  margin-bottom: 0;
}
.brand {
  border: none 0;
  margin-bottom: 0;
}

/*公司介绍=========================*/
.gywmContent {
  border: 1px solid #eaeaea;
  padding: 20px;
}
.gywmContent p {
  line-height: 28px;
  font-size: 14px;
  color: #333;
  padding-bottom: 6px;
}
.gywmContent p strong {
  font-weight: 700;
}
.gywmContent .gywmImg {
  margin: 40px 0 0;
}
.gywmContent .gywmImg img {
  display: inline-block;
}
.cpjsImg {
  margin-top: 20px;
}
.brand {
  border: none 0;
  margin-bottom: 0;
}

/*行业资讯=====================================*/
.new_clearfix:after {
  display: block;
  content: '';
  clear: both;
  zoom: 1;
}
.brand {
  margin-bottom: 0;
  border-bottom: none 0;
}
.messageContent {
  border: 1px solid #eaeaea;
  display: block;
  padding: 16px 20px 0;
}
.messageLeft {
  margin-right: 24px;
  width: 66px;
  float: left;
  text-align: center;
}
.messageLeft b, .messageLeft p {
  color: #fff;
}
.messageLeft b {
  font-size: 36px;
}
.messageLeft p {
  font-size: 12px;
}
.messageRight {
  float: right;
}
.messageRight h3 a {
  color: #333;
}
.messageRight h3 a em {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.messageRight h3 a:hover {
  text-decoration: underline;
}

/*行业资讯列表页=====================================*/
.messageContent ul li {
  height: 64px;
  border: 1px solid #ccc;
  margin-bottom: 25px;
}
.messageContent ul li .messageLeft {
  width: 64px;
  height: 64px;
  background: #8e8e8e;
  float: left;
}
.messageContent ul li .messageLeft .time {
  text-align: center;
  text-indent: 0;
}
.messageContent ul li .messageRight {
  width: 545px;
  float: left;
  margin: 13px 8px 0 0;
  vertical-align: middle;
}
.messageContent ul li .messageRight h3 {
  font-size: 14px;
}
.messageContent ul li .messageRight p {
  font-size: 12px;
  color: #999;
  margin-top: 3px;
}
.messageContent ul li .messageRight p a {
  color: #eb3030;
  float: right;
}
.message_overflow {
  display: inline-block;
  float: left;
  width: 570px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

/*行业资讯1=====================================*/
.messageHeader {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.messageDetail h1 {
  font: normal 24px 'Microsoft Yahei', Verdana, Geneva, sans-serif;
  color: #333;
  margin-bottom: 15px;
}
.messageDetail h3 {
  font: bold 16px 'Microsoft Yahei', Verdana, Geneva, sans-serif;
  color: #333;
  margin: 10px 0;
  text-indent: 2em;
}
.messageDetail .date {
  font-size: 14px;
  color: #999;
}
.messageDetail p {
  font-size: 16px;
  line-height: 2.0em;
  text-indent: 2em;
  padding: 5px 0;
}
.messageDetail .detailImg {
  margin: 20px 0;
  text-align: center;
}
.messageDetail .detailImg, .messageDetail .detailImg span {
  display: block;
}

/*平台车辆=====================================*/
/*.menuDiv {
  overflow: hidden;
}*/
.cart_box {
  width: 736px;
  float: left;
}
.cartbox_ul  {
  overflow: hidden;
  width: 745px;
}
.cartbox_ul li {
  float: left;
  margin: 0 14px 14px 0;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
}
.cartbox_ul li:hover {
  border-color: red;
}
.cartbox_ul img {    
  display: block;
  width: 170px;
  height: auto;
}
.cartbox_ul p {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  width: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: url(../images/sm_op_bg.png) repeat-x;
}

.fontW {
  font-weight: bold;
}



.new_clearfix:after {
  content: '';
  display: block;
  clear: both;
}
#box {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
}
.inner_box {
  width: 100%;
  height: 100%;
  _position: absolute;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #000;
  z-index: 1000;
}
#box img {
  width: 100%;
  height: 100%;
}
#bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -243px 0 0 -453px;
  z-index: 1001;
}
#bg a {
  background: #000;
  color: #fff;
  font-size: 14px;
}
#bg .left_pre {
  width: 56px;
  height: 56px;
  background: url(../images/left_pre.png) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -28px 0 0 -453px;
  z-index: 1002;
}
#bg .right_next {
  width: 56px;
  height: 56px;
  background: url(../images/right_next.png) no-repeat;
  position: absolute;
  right: 50%;
  top: 50%;
  margin: -28px -453px 0 0;
  z-index: 1002;
}
#bg .bigpng_close {
  width: 30px;
  height: 30px;
  background: url(../images/bigpng_close.png) no-repeat;
  position: absolute;
  right: 50%;
  top: 50%;
  margin: -228px -432px 0 0;
  z-index: 1002;
}
#bg .show_title {
  margin-left: -453px;
  margin-top: 191px;
  width: 906px;
  height: 52px;
  line-height: 52px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: url(../images/big_op_bg.png) repeat-x;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1002;
}

/*下载中心==========================*/
/*.menuDiv {
  overflow: hidden;
}*/
.downloadContent {
  margin-left: 10px;
  padding: 30px;
  border: 1px solid #ccc;
}
.downloadImg, .pcdownloadImg {
  width: 122px;
  float: left;
  text-align: center;
}
.downloadImg img {
  display: block;
  margin-top: 5px;
}
.pcdownloadImg img {
  display: block;
  cursor: pointer;
  margin-top: 5px;
}
.downloadImg span, .pcdownloadImg span {
  display: block;
  margin-top: 3px;
}
.downloadText {
  float: left;
  margin-left: 20px;
}
.downloadText p {
  line-height: 26px;
  font-size: 14px;
  color: #333;
}
#appDownload, #pcDownload {
  display: block;
  width: 82px;
  height: 32px;
  line-height: 32px;
  background: #dc0101;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  margin-top: 10px;
  cursor: pointer;
}
.downloadText a {
  display: inline-block;
  color: #06f;
}
.recruit p {
  line-height: 1.7em;
}

/*用户案例=====================================*/
.new_clearfix:after {
  display: block;
  content: '';
  clear: both;
  zoom: 1;
}
.uaer_case {
  width: 700px;
  padding: 14px 14px 0;
  /* border: 1px solid #eaeaea; */
  overflow: hidden;
}
.inner_case {
  width: 204px;
  height: 204px;
  margin: 140px auto;
}
.inner_case > img {
  display: block;
  width: 100%;
  height: auto;
}
.inner_case > p {
  margin: 30px 0 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.case_ul li {
  float: left;
  width: 700px;
  border: 1px solid #eaeaea;
  margin-bottom: 14px;
}
.case_border {
  border-right: 1px solid #eaeaea;
}
.fahuofang  {
  width: 349px;
  height: 138px;
  padding: 20px 0 10px;
}
.case_show {
  float: left;
  display: block;
  margin: 0 14px 0 20px;
  width: 90px;
}
.case_show img {
  width: 90px;
  height: 90px;
  display: block;
}
.case_show p {
  width: 90px;
  margin-top: 16px;
  text-align: center;
}
.case_show p span {
  font-size: 12px;
  color: #333;
}
.case_titshow {
  width: 210px;
  float: left;
}
.case_titshow h3 {
  font-size: 16px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  color: #333;
}
.case_titshow p {
  width: 210px;    
  height: 84px;
  line-height: 22px;
  margin-top: 10px;
  font-size: 14px;
  color: #666;    
}
/*返回顶部按钮、意见反馈按钮==============================*/

.locationTop {
  width:47px;
  height:200px;
  position:fixed;
  right:2%;
  bottom:5%;
  z-index:16; 
  }
  
.locationTop .top {
 display:block;
 width:47px;
 height:47px;
 background:url(../images/up.png) no-repeat;
 background-position:0 0;
 text-indent:-9999px;
}

.locationTop .top:hover {
 display:block;
 width:47px;
 height:47px;
 background:url(../images/up.png) no-repeat;
 background-position:-52px 0;
  }

.locationTop .complain {
 display:block;
 width:47px;
 height:47px;
 background:url(../images/up.png) no-repeat;
 background-position:0 -53px;
 text-indent:-9999px;
 margin-top:10px;
 cursor:pointer;
}

.locationTop .complain:hover {
 display:block;
 width:47px;
 height:47px;
 background:url(../images/up.png) no-repeat;
 background-position:-52px -53px;
 text-indent:-9999px;
 margin-top:10px;
 cursor:pointer;
}

/*意见反馈==================================*/
  
.complainDiv {width:600px;min-height:500px;background-color:#fff;padding-bottom:30px;position:fixed;left:45%; top:5%;
 margin-left:-123px; z-index:1002;border:1px solid #ccc;}
.complainDiv .dialogH2,
.complain .dialogH2{position:relative;height:46px;background-color:#ff726c;text-align:center;}
.complainDiv .complainType,
.complain .complainType {text-align:left;margin:10px 35px 20px 50px;}
.complainDiv ul{margin-left:50px;}
.complainDiv ul li{float:left;padding-right:60px;}
.complainDiv .complainDetail{text-align:left;margin:20px 35px 10px 50px;}
.complain .complainDetail {margin:30px 0 15px 0;}
.complainDiv .boldText,
.complain .boldText{font-weight:700;margin-top:15px;}
.complain .reportDetailDiv {width:460px;height:150px;border:1px solid #ccc;
 padding:5px; resize:none;}
.complainDiv .complainDetailDiv,
.complainDiv .reportDetailDiv{width:460px;height:150px;border:1px solid #ccc;
margin-left:50px;padding:5px; resize:none;}
.complainDiv .BtnClose,
.complain .BtnClose{position:absolute;top:-25px;right:-25px;cursor:pointer;}
.complainDiv .dialogH2 h2,
.complain .dialogH2 h2{color:#fff;font:normal 18px/46px "微软雅黑", Verdana, Geneva, sans-serif;}
.complainDiv p{font:normal 14px/28px "微软雅黑", Verdana, Geneva, sans-serif;color:#333; }
.complainDiv .btnDiv,
.complain .btnDiv{width:277px;margin:0 auto;text-align: center;}
.complainDiv .btnDiv .rBtn,
.complain .btnDiv .rBtn{display:inline-block;background-color:#eb3030;color:#fff;border-radius:3px;padding:6px 15px;
text-decoration:none;font-size:16px;margin-top:30px;
cursor:pointer;
} 

.complain ul li.reasonLi label {vertical-align:top;}

#BgDiv{
  background-color:#000;
  position:fixed;
  z-index:1000;
  left:0;
  top:0;
  display:none;
  width:100%;
  height:3000px;
  opacity:0.8;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

.footerDiv {
  clear: both;
  *margin-top: 40px;
  *clear: both;
}
.brand a.active {
  color: #eb3030;
}
.cart_box {
  width: 730px;
  float: left;
}


/*导航==================================*/
.breadNav {
  width: 730px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.breadNav .navLeft {
  float: left;
  padding-left: 10px;
}
.breadNav span, .breadNavDetail span {
  padding: 0 5px;
}
.breadNav a, .breadNavDetail a {
  color: #333;
}
.navLeft a {
  font-size: 14px;
  color: #333;
}
.breadNav a.redColor, .breadNavDetail a.redColor {
  color: #eb3030;
}


.userpng_position {
  position: relative;
  height: 90px;
}
.userpng_position img {
  position: absolute;
  left: 0;
  top: 0;
}
.userpng_position i {
  display: block;
  width: 62px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.position_left i {
  background:url(../images/fahuofang.png) no-repeat;
}
.position_right i {
  background:url(../images/chezhu.png) no-repeat;
}

/*=========关于我们左侧====================*/


a{
  color:#333;
}

/*左侧浮动*/

.joinUsDiv{
  width: 360px;
  position:fixed;
  left: -10px;
  z-index: 990;
  top: 200px;
  height: 246px;
}

.joinUs{
  width: 14px;
  height: 105px;
  background-color: #eb3030;
  color: #fff;
  padding:10px 10px 0 10px;
  line-height: 19px;
  position: fixed;
  left: 0px;
  top: 200px;
  z-index: 10;
  cursor:pointer;
}
.closeDownloadDiv{
  width:14px;
  height: 80px;
  line-height: 30px;
  background-color: #666;
  font-size: 14px;
  color: #fff;
  padding: 20px 10px 0 10px;
  float: left;
  cursor:pointer;
  margin-left: -7px;
}
.downloadDiv .downloadTop{
  height: 65px;
  padding: 25px 0 0 30px;
  margin-bottom: 20px;
}
.downloadDiv .downloadTop img{
  width:49px;
  height: 45px;
  float: left;
}
.downloadDiv .downloadTop h2{
  float: left;
  text-align: right;
  line-height: 30px;
  padding-left: 10px;
  margin-top:-3px;
}
.downloadDiv .downloadTop h2 strong{
  font-size:14px;
  color: #333;
}
.downloadDiv .downloadTop p{
  font-size:12px;
  color: #999;
  line-height: 12px;
}
.downloadDiv .downloadLeft{
  width:90px;
  float: left;
  margin-left: 38px;
}
.downloadDiv .downloadRight{
  width:90px;
  float: right;
  margin-right: 38px;
  cursor:pointer;
}

.downloadDiv .downloadLeft img,
.downloadDiv .downloadRight img{
  display: block;
}

.downloadDiv .downloadLeft span,
.downloadDiv .downloadRight span{
  display: block;
  text-align: center;
  line-height: 25px;
}
.downloadDiv{
  width: 311px;
  height: 246px;
  background: transparent url(../public_images/beijing.png) no-repeat;
  position: relative; 
  z-index: 1000;
  top: 0;
  float: left;
}

.codeImgGood{
  width: 180px;
  text-align: center;
  float: left;
}
.codeImgCar{
  width: 180px;
  text-align: center;
  float: right;
}
.codeImgs .codeImg{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0px 50px;
}