@charset "utf-8"; /*编码设置*/
.container-fluid {
    padding: 0;
}

/*banner start*/
.index .carousel .item1 {
    background: url("/static/images/aboutusbg.jpg") 0 0;
    height: 450px;
    background-size: cover;
    margin: 90px 0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.index .carousel .banner-desc {
    padding-left: 40px;
}
.index .carousel .banner-desc h1{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 20px;
    letter-spacing: 1px;
}
.index .carousel .banner-desc p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
}
/*banner end*/



/*智能汽车电子 start*/
.carelectronic .subnav-bar{
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
}
.carelectronic .subnav-bar .sub-nav{
    background: rgba(255,255,255,.5);
}
.carelectronic .subnav-bar a{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 90px;
    font-size: 16px;
    color: #333;
    border-right: 2px solid rgba(255,255,255,.5);
    border-top: 2px solid rgba(255,255,255,0);
}
.carelectronic .subnav-bar a:last-child{
    border-right: none;
}
.carelectronic .subnav-bar .active,.carelectronic .subnav-bar a:hover {
    color: #c71523;
    border-top: 2px solid #c71523;
}

.carelectronic .content .header-bar {
    margin-bottom: 90px;
}
.carelectronic .content h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 24px;
}
.carelectronic .content h1 + p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    padding-bottom: 20px;
}
.carelectronic .content .car-img {
    width: 60%;
    margin: 0 auto;
}
/*业务方向*/
.carelectronic .content .business {
    text-align: center;
    margin-bottom: 82px;
    padding-bottom: 0;
}
.carelectronic .content ul {
    margin-bottom: 90px;
}
/*.flex_space_between {*/
/*    flex-wrap: wrap;*/
/*}*/
.carelectronic .content ul li {
    width: 234px;
    height: 310px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 20px;
    margin: 8px;
    padding-top: 10px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.carelectronic .content ul li:hover {
    border-top-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 20px;
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    transform: translate(0,-20px);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    box-shadow: 0 10px 15px rgba(60, 60, 60, 0.2);
}
.carelectronic .content ul li i {
    display: block;
    height: 38px;
    margin: 0 auto;
}
.carelectronic .content ul li .icon-bg,
.carelectronic .content ul li .header-icon,
.carelectronic .content ul li .boder-dashed {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    border-radius: 100px;
    margin: 0 auto;
}
.carelectronic .content ul li .icon-bg {
    width: 80px;
    height: 80px;
    background: #fff;
}
.carelectronic .content ul li .header-icon {
    width: 118px;
    height: 118px;
    border: 1px dashed rgba(255,255,255,.4);
    margin-bottom: 40px;
}
.carelectronic .content ul li .boder-dashed {
    width: 100px;
    height: 100px;
    border: 1px dashed rgba(255,255,255,.4);
}
.carelectronic .content ul li:nth-child(1) {
    background: #ee6c56;
}
.carelectronic .content ul li:nth-child(1) i {
    background: url("/static/images/businessicon.png") 0 0 no-repeat;
    width: 33px;
}
.carelectronic .content ul li:nth-child(2) {
    background: #c4a35c;
}
.carelectronic .content ul li:nth-child(2) i {
    background: url("/static/images/businessicon.png") -35px 0 no-repeat;
    width: 37px;
}
.carelectronic .content ul li:nth-child(3) {
    background: #0c8ee4;
}
.carelectronic .content ul li:nth-child(3) i {
    background: url("/static/images/businessicon.png") -74px 0 no-repeat;
    width: 40px;
}
.carelectronic .content ul li:nth-child(4) {
    background: #68c55d;
}
.carelectronic .content ul li:nth-child(4) i {
    background: url("/static/images/businessicon.png") -116px 0 no-repeat;
    width: 45px;
}
.carelectronic .content ul li:nth-child(5) {
    background: #ff9966;
}
.carelectronic .content ul li:nth-child(5) i {
    background: url("/static/images/businessicon.png") -163px 0 no-repeat;
    width: 35px;
}
.carelectronic .content ul li h4 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 20px;
    text-align: center;
}
.carelectronic .content ul li h4 + p {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 100;
}
/*机车定制方案css*/
.carelectronic .content .program {
    text-align: center;
    margin-bottom: 90px;
}
.carelectronic .content .custom img {
    width: 92%;
    margin: 0 auto;
}
.carelectronic .content .custom {
    margin-bottom: 90px;
}
.carelectronic .content .custom h1 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.carelectronic .content .custom h1 span {
    font-size: 50px;
    font-weight: bold;
    color: #c71523;
}
.carelectronic .content .custom p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    padding-bottom: 0;
}
.carelectronic .content .custom ol {
    padding-top: 40px;
}
.carelectronic .content .custom ol li {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}
.carelectronic .content .custom ol li:before {
    display: inline-block;
    content:"";
    width: 10px;
    height: 10px;
    background: #c71523;
    border-radius: 100px;
    margin-right: 6px;
}
/*车机性能优化*/
.carelectronic .optimization {
    position: relative;
    background: #f6f6f6;
    padding-bottom: 90px;
}
.carelectronic .optimization .bgimg{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: url("/static/images/optimizationbg.jpg")0 0 no-repeat;
    height: 650px;
    z-index: 1;
}
.carelectronic .optimization h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 90px 0;
}
.carelectronic .optimization h1 + p {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-bottom: 24px;
}
.carelectronic .optimization ul span {
    position: relative;
    z-index: 4;
    display: block;
    height: 40px;
    width: 1px;
    background: #333;
    margin: 10px auto;
}
.carelectronic .optimization ul li {
    position: relative;
    z-index: 4;
    border: 1px solid #666;
    border-radius: 50px;
    width: 260px;
    padding: 4px;
    margin: 0 auto;
    overflow: hidden;
}
.carelectronic .optimization ul li.even span {
    position: absolute;
    top: -11px;
    left: 0;
    bottom: 0;
    border-radius: 50px;
    background: rgba(199,21,35,.1);
    width: 0;
    height: 60px;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.carelectronic .optimization ul li.odd span {
    position: absolute;
    top: -11px;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    background: rgba(199,21,35,.1);
    width: 0;
    height: 60px;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.carelectronic .optimization ul li:hover {
    border: 1px solid #c71523;
}
.carelectronic .optimization ul li.even:hover span{
    width: 100%;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.carelectronic .optimization ul li.odd:hover span{
    width: 100%;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.carelectronic .optimization ul li:hover h5{
    transform: rotateY(360deg)translate(0,0);
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.carelectronic .optimization ul li.even {
    right: -100px;
}
.carelectronic .optimization ul li.even p {
    padding-right: 3px;
}
.carelectronic .optimization ul li.odd {
    right: 100px;
}
.carelectronic .optimization ul li.odd p {
    padding-left: 3px;
}
.carelectronic .optimization ul li h5 {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 24px;
    color: #fff;
    width: 50px;
    height: 50px;
    background: #c71523;
    border-radius: 100px;
    font-weight: 100;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.carelectronic .optimization ul li p {
    font-size: 12px;
    color: #666;
}
.carelectronic .optimization ul li .line {
    display: block;
    width: 1px;
    height: 30px;
    border-right: 1px dashed #999;
    margin: 0 6px;
}
.carelectronic .optimization ul .footer-txt {
    position: relative;
    z-index: 4;
}
.carelectronic .optimization ul .footer-txt p {
    font-size: 24px;
    color: #c71523;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}
.carelectronic .optimization ul .footer-txt p + p {
    font-weight: 100;
    color: #999;
}
.carelectronic .optimization ul .footer-desc {
    position: relative;
    z-index: 4;
    font-size: 16px;
    color: #333;
    background: rgba(255,255,255,.3);
    border-radius: 100px;
    border: 1px solid #666666;
    padding: 30px 20px;
    line-height: 30px;
}
.carelectronic .optimization ul .footer-desc:hover {
    border: 1px solid #c71523;
}

/*智能汽车电子 end*/




@media (max-width: 1366px) {
}
@media (max-width: 1201px) {
}
@media (max-width: 1179px) {
}
@media (max-width: 375px) {
    .index .carousel .item1 {display: block;height: 500px;}
    .index .carousel .item1 img{margin: 0 auto; width: 100%;}
    .index .carousel .banner-desc{padding-left: 15px; text-align: center;}
    .carelectronic .content ul {flex-direction: column}
    .carelectronic .optimization ul li.even{right: 0}
    .carelectronic .optimization ul li.odd{right: 0}
}
@media (max-width: 320px) {
    .index .carousel .item1 {display: block;height: 500px;}
    .index .carousel .item1 img{margin: 0 auto; width: 100%;}
    .index .carousel .banner-desc{padding-left: 15px; text-align: center;}
    .carelectronic .content ul {flex-direction: column}
    .carelectronic .optimization ul li.even{right: 0}
    .carelectronic .optimization ul li.odd{right: 0}
}
@media screen and (min-width: 700px) and (max-width: 768px) {
}