/*首页*/
.section {
    overflow: hidden;
    height: 100%;
    text-align: center;
}
.indexCarTitle{
    width:21%;
}
.indexCarTitle>.title{
    font-size: 36px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 36px;
    color: #262626;
    opacity: 1;
}
.indexCarTitle a{
    width:180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border:1px solid #DC000C;
    font-size: 16px;
    display: inline-block;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #DC000C
}
.indexMyBox .indexCarTitle a:hover{
    background:#DC000C;
    color:#fff;
}
.indexMyBox{
    width:100%;
    background:#f7f7f7;


 }
.indexMyBox .indexCarTitle{
    width:58%;
    padding-left:12.5%;
    padding-top:10%;

    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.indexMyBox .indexCarTitle .info{
    width:82%;
}
.indexMyContent .indexMyItem{
    text-align: center;
    width:100px;
}
.indexMyContent .indexMyItem img{
    margin-bottom:20px;
}
.indexMyBox .info{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 32px;
    color: #262626;
    opacity: 1;
}
.indexMyContent{
    position: absolute;
    background:rgba(255,255,255,1);
    height: 160px;
    padding:37px 8%;
    display: flex;
    justify-content: space-between;
    width:87.5%;
    top:67%;
    z-index: 3;
}
.myBoxContent{
    width:41%;
    position: absolute;
    right: 0;
    top:0;
    height: 100%;
    float: right;
}
.indexMyBoxContent{
    position: relative;
    width:100%;
    height: 100%;
}
.indexMyBox .indexCarTitle a{
    background:none;
    color:#DC000C;
    margin-top:280px;
}
.indexServiceBox{
    width:100%;
    height: 1080px;
    box-sizing: border-box;
    background:url("../image/indexServiceBox.jpg")no-repeat center;
}
.indexServiceBox .indexCarTitle{
    width:40%;

    padding-left:240px;

    box-sizing: border-box;
}
.indexServiceTab{
    margin-top:80px;
}
.indexServiceTab .indexServiceItem{
    display: flex;
    justify-content: flex-start;
    align-items: center;

    margin-bottom:40px;
}
.indexServiceTab .indexServiceIcon{
    width:44px;
    height: 44px;
    display: inline-block;
    margin-right: 16px;

}
.indexServiceTab .indexServiceItem:last-child{
    margin-bottom:0px;
}
.indexServiceItem1{
    background:url("../image/indexServiceItem1.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceItem2{
    background:url("../image/indexServiceItem2.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceItem3{
    background:url("../image/indexServiceItem3.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceItem4{
    background:url("../image/indexServiceItem4.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceItem5{
    background:url("../image/indexServiceItem5.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceItem6{
    background:url("../image/indexServiceItem6.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceTab .indexServiceItem .hr{
    width:50px;
    height: 2px;
    background:#262626;
    margin-right: 15px;
}
.indexServiceItemInfo {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 18px;
    color: #262626;
}
.indexServiceItemInfo .etitle{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 14px;
    margin-top:10px;
}
.indexServiceTab .indexServiceItem:hover .hr,.indexServiceTab .activity .hr{
    background:#DC000C;
    width:100px;
}
.indexServiceTab .indexServiceItem:hover .indexServiceItem1,.indexServiceTab .activity .indexServiceItem1{
    background:url("../image/indexServiceItemHover1.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceTab .indexServiceItem:hover .indexServiceItem2,.indexServiceTab .activity .indexServiceItem2{
    background:url("../image/indexServiceItemHover2.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceTab .indexServiceItem:hover .indexServiceItem3,.indexServiceTab .activity .indexServiceItem3{
    background:url("../image/indexServiceItemhover3.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceTab .indexServiceItem:hover .indexServiceItem4,.indexServiceTab .activity .indexServiceItem4{
    background:url("../image/indexServiceItemHover4.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceTab .indexServiceItem:hover .indexServiceItem5 ,.indexServiceTab .activity .indexServiceItem5{
    background:url("../image/indexServiceItemHover5.png") no-repeat;
    background-size:44px 44px;
}
.indexServiceTab .indexServiceItem:hover .indexServiceItem6 ,.indexServiceTab .activity .indexServiceItem6{
    background:url("../image/indexServiceItemHover6.png") no-repeat;
    background-size:44px 44px;
}

.indexServiceTab .indexServiceItem:hover .indexServiceItemInfo,.indexServiceTab .activity .indexServiceItemInfo{
    color:#DC000C;
}
.indexServiceContBox{

    width: 60%;
    float: left;

}
.eachCont{
    display: none;
    position: relative;
    width: 100%;

    padding-right: 28%;
    box-sizing: border-box;

}
.eachCont .eachContImgBg{
    position: absolute;
    top:580px;
    right:220px;
}
.eachContImg{

    width: 540px;
    height: 100%;

}
.contBox{
    position: absolute;
    top: 465px;
    left:-8%;
    width: 74%;
    height: 175px;
    padding: 25px;
    font-size: 16px;
    line-height: 30px;
    color: #404040;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 5px 15px rgba(0,0,0,.16);
}
.contBox p{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 30px;
    color: #404040;
    opacity: 1;
}
.contBtn{
    margin-top:18px;
    width:100%;
    height: 16px;
    text-align: right;
}
.contBtn span{
    width:16px;
    height: 16px;
    display: inline-block;
}
.contBtn span:last-child{
    margin-left: 40px;
}
.contBtn .contNex{
    background:url("../image/contNex.png") no-repeat center;
}
.contBtn .contPre{
    background:url("../image/contPre.png") no-repeat center;
}
.indexHostBox{
    width:100%;
    height: 1080px;
    box-sizing: border-box;

}

.indexHostBox .indexCarTitle{
    width:40%;
    padding-left:240px;
    padding-top:10.6%;
    height:100%;
    box-sizing: border-box;
    background:url("../image/indexHostBg.png")no-repeat;
    background-size:100% 100%;
}
.indexHostImg{
    width:60%;
    float: left;
    height: 100%;
}

.indexHostBox .indexCarTitle>.title{
    color:#fff;
}
.indexCarTitle a{
    background: #DC000C;
    color: #fff;
}
.indexHostTab{
    width:100%;
    margin-top:70px;
    margin-bottom:209px;
}
.indexHostTab span{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 16px;
    color: #fff;
    display: block;
    margin-bottom:30px;
}
.indexHostTab span:last-child {
    margin-bottom: 0px;
}


.indexCarBox{
    width:100%;
    background:#f7f7f7;
    padding:0px 70px  0px 240px;
    box-sizing: border-box;
    height: 100%;
}

.indexCarTab{
    width:100%;
    margin-top:60px;
    margin-bottom:62px;
}
.indexCarTab span{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 16px;
    color: #262626;
    display: block;
   margin-bottom:30px;
}
.indexCarTab span:last-child{
    margin-bottom:0px;
}
.indexCarTab .activity ,.indexCarTab span:hover{
    color:#DC000C
}

.indexCarListBox{
    width:78%;
    height: 83%;
    display: none;
}
.indexCarContentBox{
    width:100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.indexCarContentBox a{
    width: 390px;
    display: inline-block;
    height: 230px;
    position: relative;
    margin-bottom: 25px;

}
.indexCarContentBox a:nth-child(n+6){
    margin-bottom:0px;
}
.indexCarImg{
    width:100%;
    height: 100%;
    position: relative;
    overflow: hidden;

}
.indexCarImg img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;



}
.indexCarItemHover{
    width:100%;
    height: 100%;
    position: absolute;
    top:0px;
    left: 0px;
    display: none;
    z-index: 2;
    text-align: center;
}
.indexCarContentBox a .indexCarItemHover img{
    width:50px;
    height: 50px;


}
.indexCarContentBox a span{
    display: block;
    position: absolute;
    bottom:0;
    width:100%;
    left:0;
    height: 50px;
    line-height: 50px;
    padding-left:20px;
    color:#fff;
    background: rgba(0,0,0,.6);
    text-align: left;
}
.indexCarContentBox a:hover .indexCarItemHover{
    display: block;
}
.indexCarContentBox a:hover .indexCarItemHover img{
 
    margin:75px auto 0 auto;
}
.indexCarContentBox a:hover span{
    background:#DC000C;
}
.indexEtitle{
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 40px;
    color: #262626;
    margin-bottom:20px;
}
.indexCtitle{
    font-size: 36px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 36px;
    color: #262626;
    opacity: 1;

}
.indexCompanyGoodsBox{
    width:100%;
    background:url("../image/indexCompanyBg.png")no-repeat center;
    /*padding:200px 0px 224px 0;*/
    height: 1080px;
    text-align: center;
}
.indexCompanyGoodsBox .indexEtitle,.indexCompanyGoodsBox .indexCtitle{
    color:#fff;
}
.indexCompanyGoodsList{
    margin-top:100px;
    position: relative;
}
.indexCompanyGoodsList .across{
    position: absolute;
    left:0px;
    top:233px;
    width:100%;
    height: 1px;

}
.indexCompanyGoodsList .long{
    position: absolute;
    left:33.3%;
    top:0%;
    width:1px;
    height: 100%;

}
.indexCompanyGoodsList .long2{
    position: absolute;
    left:66.6%;
    top:0%;
    width:1px;
    height: 100%;

}

.indexCompanyGoodsList .indexCompanyGoodsItem{
    width:33.3%;
    float: left;
    padding:50px 40px 20px 40px;
    text-align: left;
}
.indexCompanyGoodsItem:hover{
    background:#DC000C;
}
.indexCompanyGoodsItem .img{
    width:40px;
    height: 40px;

}
.indexCompanyGoodsItem>.title{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 18px;
    color: #FFFFFF;
    width:100%;
    margin-top:20px;
    padding-bottom:15px;
    border-bottom:1px dashed #fff;
}
.indexCompanyGoodsItem>.info{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF;
    margin-top:16px;
    height: 50px;
}
.indexNewsBox{
    width:100%;
  /*  padding:200px 0 114px 0;*/
    height: 100%;
    background:#F7F7F7;
    text-align: center;
}


.indexNewsBox .indexCtitle{
    margin-bottom:50px;
}
.indexNewsList .indexNewItemOne,.indexNewsList .indexNewItemTwo{
    width:360px;
    height: 250px;
}
.indexNewsList .indexNewItemTwo{
    background:#fff;
    height: 250px;
    display: block;
    padding:35px 20px 51px 35px
}
.indexNewItemTwo>.title{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 16px;
    color: #404040;
    margin-bottom:25px;
    text-align: left;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.indexNewItemTwo>.time{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 14px;
    color: #999999;
    text-align: left;
    margin-bottom:20px;
}
.indexNewItemTwo>.info{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    text-align: left;
    line-height: 28px;
    color: #999999;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}
.indexNewItemTwo:hover .info,.indexNewItemTwo:hover .time,.indexNewItemTwo:hover .title{
    color:#DC000C;
}
.indexNewsBox .indexNewsHerf{
    display: inline-block;
    width:220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border:1px solid #DC000C;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    margin-top:70px;
    color: #DC000C;
    opacity: 1;
}
.indexNewsBox .indexNewsHerf:hover{
    background:#DC000C;
    color:#fff;
}
/*新闻页面*/
.newBox{
    width:100%;
    background:#fff;
    margin-top:50px;
    margin-bottom:60px;
}
.newItem{
    display: block;
    width:100%;
    margin-bottom:20px;
    padding:31px 0px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
}
.newItem:last-child{
    margin-bottom:0px;
}

.newItem>.newItemImg{

    width:512px;
    height: 312px;
    float: left;
    margin-right: 26px;
    overflow: hidden;
    position: relative;
}
.newItem>.newItemImg img{
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.newItemContent{
    text-align: left;
    width:750px;
    float: right;
}
 .newItemContent>.title{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #373737;
    line-height: 24px;
    margin-bottom:35px;
}

.newsInfoIcon{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #929292;
    line-height: 14px;
    margin-right: 18px;

}

.newsInfoIcon>.time{

    padding-left:16px;
   background:url("../image/time.png")no-repeat;
    background-size:11px 11px;
    background-position: 0px 3px;
    margin-right: 17px;
}
.newsInfoIcon>.view{
    padding-left:20px;
    background:url("../image/view.png")no-repeat;
    background-size:16px 11px;
    background-position: 0px 5px;
}


.describe{

    height: 88px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #747474;
    line-height: 30px;
    margin-top:35px;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.newItemContent>.newsDetails{
    display: block;
    width:131px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border:1px solid #e6e6e6;
    margin-top:48px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #575757;

}
.newItem:hover{

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.newItem:hover .newsDetails{
    background:#DC000C;
    border:1px solid #DC000C;
    color:#fff;
}
/*新闻详情*/
.newsDetailsBox{
    width:100%;
    margin-top:30px;
    margin-bottom:65px;
}
.newsDetaisContent{
    width:950px;
    float: left;
    margin-right: 6px;

    text-align: center;
}
.newsContentBox{
    width:100%;
    padding:70px 30px 100px 30px;
    border:1px solid #dfdfdf;
    margin-bottom:50px;
}
.newsContentBox>.title{

    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #373737;
    line-height: 24px;
    margin-bottom:35px;


}
.newsDetaisContent .newsContent{
    text-align: left;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #747474;
    line-height: 25px;
    margin-top:55px;
}
.newsDetaisContent .newsContent img{
    max-width: 100%;
    height: auto !important;
}
.detailsThatBox{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #3D3D3D;
}
.detailsRight{
    float: right;
    width:349px;
}
.detailsRightForm{
    width:100%;
    padding:40px 20px 20px 20px;
    background:#DC000C;
}
.detailsRightForm .title{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom:44px;
}
.detailsRightForm .title span{
    font-size: 14px;
}
.detailsRightForm input{
    height: 53px;
    width:300px;
    line-height: 53px;
    padding-left:14px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-bottom:15px;
}
.detailsRightForm select{
    height: 53px;
    width:300px;
    line-height: 53px;
    padding-left:14px;
    padding-right:14px;
    font-size: 12px;
    margin-bottom:15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}
.detailsRightForm button{
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DE0000;
    line-height: 53px;
    height: 53px;
    width:300px;
    background:#fff;
    border:1px solid #fff;
}
.detailsCarBox{
    margin-top:10px;
    background:#e5e5e5;
    width:100%;
    padding:20px;
}
.detailsCarBox .detailsCarItem{
    display: block;
    margin-bottom:20px;
    width:100%;
    padding-bottom:33px;
    background:#fff;
}
.detailsCarBox .detailsCarItem:last-child{
    margin-bottom:0px;
}
.detailsCarBox .detailsCarItem img{
    width:100%;
    height: 173px;
    margin-bottom:14px;
}
.detailsCarBox .detailsCarItem .title{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #414141;
    width:100%;
    padding:0px 11px 0 18px;
    margin-bottom:18px;
}
.detailsCarBox .detailsCarItem .info{
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    width:100%;
    line-height: 20px;
    padding:0px 11px 0 18px;
    color: #414141;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*车型价格*/

.carNavBox{
    margin-top:30px;
}
.carNavItem{

    width:100%;
}
.carNavItem .title{
    width:136px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    background:#0060B9;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    margin-right: 9px;
}
.carNavItem .content{
    width:1170px;
}
.carNavItem .content a{
    display: inline-block;
    padding:14px 38px;
    border:1px solid #bdbdbd;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #3c3c3c;
    margin-right: 9px;
    margin-bottom:16px;
}
.carNavItem .content .activity{
    color:#DC000C;
}
.carListItemCord{
    height: 100%;
    background:red;
    position: absolute;
    left:0;
    top:0;
    z-index: 2;
}
/*车型详情*/
.carContent{
    margin-top:35px;
}
.carContent img{
    width:100%;
    margin-bottom:27px;
}
.carContent img:last-child{
    margin-bottom:0px;
}
.carListBox{
    margin-top:20px;
    margin-bottom:30px;
}
.carListTypeBox{
    width:100%;
    text-align: left;
    background:#F4F4F4;
    height: 52px;

}
.carListTypeBox span{
    padding:0px 25px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #363030;
}
.carListTypeBox span:last-child{
    border-right: 0px;
}
.carListTypeBox .activity{
    background:#fff;
    border-top:2px solid #0060B9;
}
.carList{
    width:100%;
}
.carListItem{
    display: block;
    margin-bottom:10px;
    padding:7px 25px;
    position: relative;
    border:1px solid #e5e5e5;
}
.carListItem .imgBox{
    width:406px;
    height: 304px;
    margin-right: 156px;
    overflow: hidden;
    position: relative;
}
.carListItem .imgBox img{
    display: block;
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.carListItemInfo{
    width:400px;
    float: left;
    margin-top:70px;
}
.carListItemInfo .title{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #191717;
    line-height: 24px;
    margin-bottom:28px;
}
.carListItemInfo .info{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #5B5A5A;
    line-height: 20px;
    margin-bottom:43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}
.carListItemInfo .price{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #DC000C;
    line-height: 18px;
}
.carListItemInfo .price span{
    font-size:12px;color:#5B5A5A;
}
.carListItem button{
    margin-right: 50px;
    margin-top:122px;
    width:202px;
    height: 57px;
    border:1px solid #DC000C;
    background:#DC000C;
    line-height: 57px;
    text-align: center;

    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}
.carListItem .carItemCord{
    position: absolute;
    right:60px;
    top:40px;
    width:220px;
    height: 220px;
    display: none;
}
.carListItem .carItemCord img{
    width:100%;
    height: 100%;
}
.carListItem:hover{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
/*服务和*/
.carServiceNavBox{
    text-align: center;
    margin-top:68px;
    margin-bottom:40px;

}
.carServiceNavBox a{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #797979;
    padding:0 54px;
    cursor: pointer;
    border-right: 1px solid #797979;
}
.carServiceNavBox a:last-child{
    border-right: none;
}
.carServiceNavBox a:hover,.carServiceNavBox .activity{
    color:#DC000C;
}
/*公司优势*/
.CompanyBox{
    width:100%;
    padding:128px 0px 44px 0px;
    background:#3e3a43;
}
.compnayOne{
    width:100%;
    position: relative;
}
.compnayTwo{
    width:627px;

    background:#fff;
}
.compnayOne .companyContent{
    background:#fff;
    width:900px;
    padding-left:64px;
    height: 559px;
    box-sizing: border-box;
    padding-top:52px;

}
.compnayTwo .companyContent{
    width:100%;
    padding-left: 56px;
    box-sizing: border-box;
    height: 559px;
}
.compnayOne img{
    position: absolute;
    right: 0;
    top:-51px;
    width:525px;
    height: 492px;
}
.compnayTwo img{
    width:100%;
    height: 387px;
    padding-bottom:48px;
}
.compnayOne .compnayTitle{
    padding-right: 181px;
}
.compnayTwo .compnayTitle{
    padding-right: 71px;
}
.compnayTitle .titleNum{
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-style: italic;
    color: #3B3838;
    line-height: 60px;
    width:100%;
    text-align:right;
}
.compnayTitle .title{
    font-size: 48px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #322E2E;
    text-align: right;
    line-height: 48px;
    margin-bottom:94px;
}
.compnayOne  .compnayTitle .title{
    margin-top:34px;
}
.compnayTwo  .compnayTitle .title{
    margin-top:26px;
}
.compnayGoodsInfo{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #5A5A5A;
    line-height: 24px;
    margin-bottom:20px;
}
.compnayGoodsInfo:last-child{
    margin-bottom:20px;
}
.bottomTitle{
    border-top:1px solid #e5e5e5;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #828282;
    line-height: 30px;
    text-align: left;
    margin-top:50px;
}
.compnayOne .bottomTitle{
     width: 639px;
     padding-top:40px;
 }
.compnayTwo .bottomTitle{
    width:348px;
    padding-top:48px;
}
/*关于我们*/
.introduceBox{
    width:100%;
    background:url("../image/introduceBox.png")no-repeat  center;
    background-size:100% 100%;
    padding:100px 0 130px 0px;
    font-size:0;
    text-align: center;
}
.CContainer1264{
    width:1264px;
    margin:0 auto;
}
 .introducetitle{
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    margin-bottom:30px;
}
.introduceBox .hr{
    display: inline-block;
    width:114px;
    height: 6px;
    background:url("../image/introduceHr.png") no-repeat ;
    margin-bottom:60px;
}
.introduceBox .introduceInfo{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 48px;
    margin-bottom:40px;
}
.introduceParam{
    margin-top:123px;
}
.introduceParamItem{
    width:310px;
    float: left;
    text-align: center;
    border-right: 1px solid #fff;
}
.introduceParamItem:last-child{
    border-right: none;
}
.introduceParamItem .param{
    font-size: 72px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 72px;
    margin-bottom:24px;
}
.introduceParamItem .param span:last-child{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    margin-left: 10px;
}
.introduceParamItem .paramInfo{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 18px;
}
.aboutUsMiddBox{
    width:100%;
    background:url("../image/aboutUsMiddBox.png") no-repeat center;
    padding:59px 0px;
    box-sizing: border-box;
}
.aboutUsMiddBox span{
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 52px;
    height: 52px;
    display: inline-block;
}
.aboutUsMiddBox img{
    margin-left:126px;
    height: 52px;

}
.myGoodsBox{
    width:100%;
    padding:70px 0 70px 0;
    text-align: center;
}
.myGoodsBox .title{
    text-align: center;
    width:100%;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0F0F0F;
    line-height: 48px;
    margin-bottom:30px;
}
.myGoodsBox .chr{
    background:url("../image/introduceHr.png")no-repeat ;
    width:114px;
    display: inline-block;
    height: 6px;
    margin-bottom:50px;
}
.myGoodsContent{
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.myGoodsContent .myGoodsItem,.myGoodsItem2{
    width:399px;
    height: 277px;
    padding:72px 0 49px 0px;
    box-sizing: border-box;
    border:1px solid #e5e5e5;
}
.myGoodsItem .title2,.myGoodsItem .info2{
    display: none;
}
/*.myGoodsItem2{
    background:#DC000C;
}

.myGoodsItem2>.hr>span{
    display: inline-block;
    width:27px;
    height: 1px;
    background:#fff;
    margin-bottom:41px;
    margin-top:48px;
}*/
.myGoodsItemImg1{
    width:60px;
    height: 48px;

}
.myGoodsItem>.hr>span{
    display: inline-block;
    width:27px;
    height: 2px;
    background:#DC000C;
    margin-bottom:41px;
    margin-top:48px;
}
.myGoodsItem .info{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #504747;
    line-height: 18px;

}
.myGoodsItem .title2{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: none;
    line-height: 18px
}
.myGoodsItem>.info2{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
}
.myGoodsItemImg3{
    width:61px;
    height: 56px;
}
.myGoodsItemImg4{
    width:63px;
    height: 50px;
}
.myGoodsItemImg5{
    width:57px;
    height: 58px;
}
.myGoodsItemImg6{
    width:51px;
    height: 52px;
}
.myGoodsItem:hover img{
    display: none;
}
.myGoodsItem:hover{
    background:#DC000C;
}
.myGoodsItem:hover .info2,.myGoodsItem:hover .title2{
    display: block;
}
.myGoodsItem:hover .info,.myGoodsItem:hover .title{
    display: none;
}
.myGoodsItem:hover .hr span{
    background:#fff;
}
@media only screen and (max-width: 1680px) {
    .headMenuContentBox .headMenuContentItem{
        width:210px;
    }
    .eachCont{
        padding-right: 21%;
    }
    .contBox{
        left: -2.5%;
    }
    .headMenuContentBox .headMenuContentItem a{
        font-size:24px;
        line-height: 24px;
    }
    .indexNewsList .indexNewItemOne, .indexNewsList .indexNewItemTwo{
        height: 180px;
    }
    .indexCarContentBox a{
        height: 190px;
    }
    .indexCarBox {

        padding: 0px 70px 0px 200px;

    }
}
@media only screen and (max-width: 1600px) {
    .headMenuContentBox .headMenuContentItem{
        width:200px;
    }
    .headMenuContentBox .headMenuContentItem a{
        font-size:24px;
        line-height: 24px;
    }
}
@media only screen and (max-width: 1440px) {
    .headMenuContentBox .headMenuContentItem{
        width:180px;
    }
    .eachCont{
        padding-right: 10%;
    }
    .contBox{
        left: 3%;

        width: 79%;
    }
    .headMenuContentBox .headMenuContentItem a{
        font-size:16px;
        line-height: 16px;
    }
    .headMenuBottom{
        bottom:40px;
    }
    .headMenuBottom .headMenuTel>.title{
        font-size: 18px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        line-height: 18px;
        color: #FFFFFF;
        margin-bottom:20px;
    }
    .headMenuBottom .headMenuTel>.tel{
        font-size: 18px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        line-height: 18px;
        color: #FFFFFF;

    }
    .headMenuBottom .headMenuTel>.info{
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 16px;
        color: #FFFFFF;
        margin-top:20px;

    }
    .footerCompanyCordItem img{
        width:80px;
        height: 80px;
        margin-bottom:5px;
    }
    .indexMyBox .indexCarTitle{
        padding-top:7%
    }
    .eachCont .eachContImgBg{
        right:-10px;
    }
    .indexCarContentBox a{
        margin-bottom:15px;
    }
    .indexCarBox {
        padding: 0px 70px 0px 170px;
    }
    .indexCarTitle{
        width:25%;
    }
    .indexCarListBox{
        width:74%
    }
    .indexCarListBox a{
        width:33%;
    }
    .indexCompanyGoodsList{
        margin-top:20px;
    }
}
@media only screen and (max-width: 1366px) {
    .headMenuContentBox .headMenuContentItem{
        width:170px;
    }
.headMenuContentBox .headMenuContentItem a{
    font-size:16px;
    line-height: 16px;
}
.eachCont{
    padding-right: 10%;
}
.contBox{
    left: 2%;
    width: 79%;

}
.headMenuBottom{
    bottom:40px;
}
.headMenuBottom .headMenuTel>.title{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 18px;
    color: #FFFFFF;
    margin-bottom:20px;
}
.headMenuBottom .headMenuTel>.tel{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 18px;
    color: #FFFFFF;

}
.headMenuBottom .headMenuTel>.info{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF;
    margin-top:20px;

}
    .footerCompanyCordItem img{
        width:80px;
        height: 80px;
        margin-bottom:5px;
    }
    .footerForm {

        padding: 45px 30px 46px 30px;

    }
    .footerFormInfo {
        padding: 45px 100px 39px 100px;

    }
    .footerFormInfoItem img {
        width: 40px;
        height: 40px;

    }
    .footerFormInfo>.title {

        margin-bottom: 22px;
    }
    .footerFormCordContent>p{
        display: none;
    }

    .footerForm input, .footerForm select,.footerForm button{
        height: 44px;
        line-height: 44px;
    }
    .indexCarListBox a {
        height: 160px;

    }
    .indexCarTab span{
        margin-bottom:20px;
    }
    .indexCarContentBox a:hover img{
        display: block;
        margin: 35px auto 0 auto;
    }
    .indexCarTitle>.title{
        padding-top:0px !important;
    }
    .indexCarTab {
        margin-top: 30px;
        margin-bottom: 32px;
    }
    .indexCarBox {
        padding: 0px 30px 0px 120px;
    }
    .indexMyBox .indexCarTitle .info{
        width:90%;
        margin-top:10px !important;
    }
    .indexServiceTab .indexServiceItem{
        margin-bottom:20px;
    }
    .indexCompanyGoodsList .indexCompanyGoodsItem{
        padding: 20px 40px 10px 40px;
    }
    .indexMyBox .indexCarTitle a{
        margin-top:180px;
    }
    .indexCompanyGoodsList .across {
        position: absolute;
        left: 0px;
        top: 193px;
        width: 100%;
        height: 1px;
    }
    .indexNewsBox{
        padding: 30px 0 114px 0
    }
    .indexNewsBox .indexNewsHerf{
        margin-top:15px;
    }
    .indexNewsBox .indexCtitle{
        margin-bottom:20px;
    }
    .indexEtitle{
        margin-bottom:10px;
    }
    .indexCarBox{
        padding-top:40px;
    }
    .contBtn{
        margin-top:0px;
    }
    .indexMyContent{
        top:64%
    }
}

.fix-bar{
    display: block;
    width: 75px;
    height: 270px;
    position: fixed;
    right: 0;
    bottom: 20%;
    background: #fff;
    z-index: 9;
    box-sizing: border-box;
}
.fix-bar a{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 1px solid #F0F0F0;
    border-bottom: none;
    text-align: center;
    padding-top: 45px;
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(153,153,153,1);
    position: relative;
}
.fix-bar a:last-of-type{
    border: 1px solid #F0F0F0 !important;
}
.fix-bar a.QQ{
    background: url("../image/online.svg") no-repeat;
    background-size: 27px 30px;
    background-position: center 8px;
    height: 75px;
}
.fix-bar a.wechat{
    background: url("../image/wechat.svg") no-repeat;
    background-size: 32px 27px;
    background-position: center 10px;
    height: 75px;
}
.fix-bar a.tel{
    background: url("../image/tel.svg") no-repeat;
    background-size: 27px 29px;
    background-position: center 10px;
    height: 75px;
}
.fix-bar a.gotop{
    background:#fff url("../image/top.svg") no-repeat;
    background-size: 27px 24px;
    background-position: center center;
    height: 45px;
}
.fix-bar a .detail{
    display: none;
}
.fix-bar a:hover{
    background: #EB3D01;
    color: #fff;
    border-color: #EB3D01;
}
.fix-bar a:hover.QQ{
    background:#fff url("../image/online.svg") no-repeat;
    background-size: 27px 30px;
    background-position: center 8px;
    height: 75px;
    color:rgba(153,153,153,1);
    border: 1px solid #F0F0F0;
    border-bottom: none;
}
.fix-bar a:hover.wechat{
    background:#EB3D01 url("../image/wechat_on.svg") no-repeat;
    background-size: 32px 27px;
    background-position: center 8px;
}
.fix-bar a:hover.tel{
    background:#EB3D01 url("../image/tel_on.svg") no-repeat;
    background-size: 27px 29px;
    background-position: center 8px;
}
.fix-bar a:hover.gotop{
    background: url("../image/top.svg") no-repeat;
    background-size: 27px 24px;
    background-position: center center;
}
.fix-bar a.tel .detail{
    display: block;
    position: absolute;
    width: 0px;
    height: 75px;
    border: 1px solid #F0F0F0;
    border-right: none;
    bottom: 0;
    left: 0px;
    box-sizing: border-box;
    overflow: hidden;
    transition: .3s;
}
.fix-bar a.QQ .detail h2,.fix-bar a.tel .detail h2{
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(235,61,1,1);
    text-align: left;
    margin-left: 30px;
    margin-top: 15px;
}
.fix-bar a.tel .detail h3{
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(235,61,1,1);
    text-align: left;
    margin-top: 8px;
    margin-left: 30px;
}
.fix-bar a.QQ .detail,.fix-bar a.wechat .detail{
    display: block;
    position: absolute;
    width: 0px;
    height: 140px;
    bottom: 0;
    left: -0px;
    box-sizing: border-box;
    overflow: hidden;
    transition: .3s;
}
.fix-bar a.QQ .detail .imgBox,.fix-bar a.wechat .detail .imgBox{
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 15px auto;
}
.fix-bar a.QQ .detail .imgBox img,.fix-bar a.wechat .detail .imgBox img{
    width: 80px;
    height: 80px;
}
.fix-bar a.QQ .detail  h3 ,.fix-bar a.wechat .detail h3{
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(235,61,1,1);
    text-align: center;
}
.fix-bar a.tel:hover .detail{
    width: 150px;
    left: -150px;
    transition: width 0ms,left 300ms;
    background:#fff url("../image/fix-bar.png") no-repeat center right;
}
.fix-bar a.QQ:hover .detail,.fix-bar a.wechat:hover .detail{
    width: 120px;
    left: -120px;
    transition: width 0ms,left 300ms;
    background:#fff url("../image/fix-bar.png") no-repeat center right;
    background-position: right 100px;
    border: 1px solid #F0F0F0;
    border-right: none;
}

@media screen and (max-width:1440px){
    .indexNewsList{
        width:1200px !important;
    }
    .indexNewsList .indexNewItemOne, .indexNewsList .indexNewItemTwo {
        width: 285px;
        height: 180px;
    }
    .indexCarContentBox a{
        width: 270px;
        display: inline-block;
        height: 190px;
        position: relative;
        margin-bottom: 25px;
    }
}