.introduction{ width: 1200px;margin-bottom: 117px;margin-top: 114px;}
.introduction>h2{ color:#025BEB;font-size: 30px; text-align: center;margin-bottom: 25px;}
.introduction>p{ color:#025BEB;font-size: 18px; text-align: center;margin-bottom: 65px; }
.introduction-content .li-wrap{float: left;overflow:hidden;width: 22%;height:370px;margin-left: 4%;border:1px solid #DEE6F0;transition: all 0.3s}
.introduction-content .li-wrap:first-child{margin-left: 0}
.introduction-content .li-wrap .li-title{font-size: 22px;color: #315285;height: 78px;line-height: 78px;background-color: #E7EEF9;text-align: center}
.introduction-content .li-wrap .li-title img{vertical-align: middle;margin-right: 18px}
.introduction-content .li-wrap .li-p{position: relative;overflow: hidden;padding: 33px 0 137px 0;;color: #737D8A;font-size: 14px;text-align: center;line-height: 32px;}
/*.introduction-content .li-wrap .li-p:after{content: "";position: absolute;background: none repeat scroll 0 0 #025BEB;height: 0;left: 50%;top: 50%;width: 219%;z-index: -1;transform: translateX(-50%) translateY(-50%) rotate(-45deg);transition: all .6s ease 0s;}*/
/*.introduction-content .li-wrap .li-p:hover:after{height: 247%;}*/
/*.introduction-content .li-wrap .li-p:hover{color: #ffffff}*/
.introduction-content .li-wrap:hover{box-shadow:0 3px 8px 1px rgba(0, 0, 0, 0.08);transform: translate(0, -10px)}
.clear{clear:both;}

.core-wrap{background: url("../images/xlxny/xlfa_ptts.png") no-repeat;padding-bottom: 130px;background-size: 100% 100%}
.core-wrap .core{ width: 1200px;margin: -60px auto 0 auto}
.core-wrap .core .title span{color: #ffffff}
.core-wrap .core>p{ font-size: 14px; color: #ffffff;text-align: center;margin-bottom: 60px}
.core-wrap .core .core-content-item{float: left;width: 33%;text-align: center;color: #ffffff;height:253px;padding-top: 30px;overflow: hidden;transition: all 1s}
.core-wrap .core .core-content-item:hover{background: rgba(255,255,255,0.1);}
.core-wrap .core .core-content-item .img{margin-bottom: 36px; height: 50px;}
.core-wrap .core .core-content-item dt{font-size: 20px;width: 80%;margin:0 auto 15px auto;text-align: center;}
.core-wrap .core .core-content-item dd{font-size: 14px;width: 80%;margin:0 auto;text-align: center}

.scenes-wrap{background-color: #FAFAFA}
.scenes-wrap .square{margin-top: 0;}
.scenes .swiper-container{ width: 100%;height: 100%;}
.scenes{width: 1200px; padding-bottom: 124px;margin-top: -60px}
.scenes .swiper-pagination{ left: 48%;}
.scenes .swiper-slide{cursor: pointer}
.scenes .swiper-slide>.img{float: left;width: 45%;margin-right: 20%;max-height: 391px;text-align: center}
.scenes .swiper-slide>.img img{height: 100%}
.scenes .swiper-slide .content{float: left;width: 35%;color: #333;font-size: 18px;line-height: 30px}
.scenes .swiper-slide .content dt{font-weight: bold}
.scenes .swiper-slide .content-top{margin-bottom: 46px}
.scenes .swiper-slide .content-bottom{width: 88%;margin: initial;position: relative;left: -27px;}
.scenes .swiper-slide .content-bottom li{float: left;width: 33%;text-align: center;height: 120px;font-size: 14px;transition: all 1s}
.scenes .swiper-slide .content-bottom li:hover{color: #025BEB}
.scenes .swiper-slide .content-bottom li .img{width:58px;height:58px;transition: all 1s;margin-bottom:10px;background:rgba(255,255,255,0);border:1px solid #c5cacb;border-radius:50%;}
.scenes .swiper-slide .content-bottom li:hover .img{border: 2px solid #025BEB}
.scenes .swiper-slide .content-bottom li img{margin-top: 14px;display: inline-block;height: 27px;}
.scenes .swiper-pagination-bullet{ background-color: #C4C4C4; opacity: 1; width:14px; height: 8px; border-radius: 4px;cursor:pointer; margin: 0 5px;}
.scenes .swiper-pagination-bullet-active{ background-color: #025BEB; width:18px; height: 9px;}

.success-case{ width: 1200px; padding-bottom: 120px; overflow: hidden;margin-top: -60px}
.success-case ul li{ float: left; width: 33%;color: #333333}
.success-case ul .dz,.success-case ul .wt,.success-case ul .yy{ position: relative;height: 265px;background-color: #ECEBEB;padding: 50px 29px; color: #333333;}

.success-case ul .yy:after{content: '';position: absolute;top:-18px;left: 40px;border-right: 12px solid transparent;border-left: 12px solid transparent;border-bottom: 18px solid #ECEBEB}

.success-case ul .wt:after{content: '';position: absolute;top:-18px;left: 40px;border-right: 12px solid transparent;border-left: 12px solid transparent;border-bottom: 18px solid #ECEBEB}

.success-case ul .dz:after{content: '';position: absolute;z-index: 2;bottom:-18px;left: 40px;border-right: 12px solid transparent;border-left: 12px solid transparent;border-top: 18px solid #ECEBEB}

.success-case ul li .img{ text-align: center;height: 265px;overflow: hidden}
.success-case ul li .img img{width: 100%;height: 100%;transition: all 1s}
.success-case ul li .name{ font-size: 18px; margin-bottom: 10px;font-weight: bold}
.success-case ul li .discribe{ font-size: 14px; margin-bottom: 10px;line-height: 25px}
.success-case ul li .more{position: absolute;bottom:30px;width:66px;height:28px;line-height: 27px;text-align:center;border:1px solid #B5B5B5;color:#666666;border-radius:14px;}
.success-case ul li:hover .img img{transform: scale(1.2)}
.success-case ul li:hover .more{border:1px solid #025BEB;color:#025BEB }
.success-case ul li:hover .more a{color:#025BEB }
.mobile-app-wrap{ background-color: #fafafa; padding-bottom: 63px;}
.mobile-app{ width: 996px;}
.mobile-app .lf{ float: left; width: 486px;}
.mobile-app .lf p{font-size: 20px;color: #333;line-height: 32px;}
.mobile-app .lf p.org{color:#fc7b1a;}
.mobile-app .lf ul{ margin-top: 145px; width: 360px;}
.mobile-app .lf ul{ margin-top: 50px;}
.mobile-app .lf ul li{float: left; margin-right: 44px; margin-bottom: 40px; text-align: center; font-size: 16px;color:#595757;}
.mobile-app .rg{ float: left; width: 510px;}
/*优势*/
.advantage-wrap{ background-color: #f6f6f6; padding-bottom: 63px;}
.advantage{ width: 996px;}
.advantage .ad-ul{ width: 841px; overflow: hidden;}
.advantage .ad-ul ul{ width: 918px;}
.advantage .ad-ul ul li{background-color: #fff; width: 229px;height: 263px; overflow: hidden; float: left; margin-right: 77px;}
.advantage .ad-ul ul li .img{text-align: center; padding-top: 20px; padding-bottom: 20px;}
.advantage .ad-ul ul li .img .name{ margin-top: 18px; font-size: 18px; color: #fff;}
.advantage .ad-ul ul li .img-1{ background-color: #c2c410;}
.advantage .ad-ul ul li .img-2{ background-color: #f79b0f;}
.advantage .ad-ul ul li .img-3{ background-color: #47b1f3;}
.advantage .ad-ul ul li .item{ padding: 17px;}
.advantage .ad-ul ul li .item .item-con{ padding-left: 12px; background: url("../images/vehicle-networking/gray-dot.png") no-repeat left 9px; font-size: 14px; color: #333; line-height: 22px;}

@media screen and (max-width: 1200px) {
    .introduction, .core-wrap .core,.scenes,.success-case{ width: 90%;}
    .introduction-content .li-wrap{width: 49%;margin-bottom: 10px}
    .introduction-content .li-wrap {margin-left: 1%;}
    .introduction-content .li-wrap-3{margin-left: 0}
    .scenes .swiper-slide>.img img{height: auto;width: 100%}
}
@media screen and (max-width: 950px) {
    .introduction-content .li-wrap{width: 100%;}
    .scenes .swiper-slide .content-bottom li{width: 50%;}
    .success-case ul li{float: none;width: 80%;margin: 0 auto 20px auto;}
}
@media screen and (max-width: 750px) {
    .core-wrap .core .core-content-item{width: 50%}
    .scenes .swiper-slide>.img{float: none;width: 100%;margin-bottom: 10px}
    .scenes .swiper-slide .content{float: none;width: 80%;margin: 0 auto}
    .scenes .swiper-slide>.img{max-height: none}
    .scenes .swiper-slide .content-bottom li{width: 33%;}
}