@charset "UTF-8";
img[src=""], img:not([src]) { opacity: 0; }

.bigTitle { font-size: .48rem; font-weight: bold; }

.block { height: auto; overflow: hidden; padding-top: .8rem; position: relative; z-index: 0; }

.btn-more { width: 3rem; line-height: .64rem; background: #EBEBEB; text-align: center; color: #000; font-size: .26rem; margin: .6rem auto 0; display: block; }

/* banner */
.banner { width: 100%; height: 7.8rem; overflow: hidden; position: relative; }

.banner img { width: 100%; height: 100%; }

.banner .swiper-slide { width: 100%; height: 100%; background: #000; }

.banner .swiper-pagination { bottom: .4rem; }

.banner .swiper-pagination-bullet { width: .5rem; height: .02rem; background: #fff; opacity: 1; overflow: hidden; border-radius: 0; }

.banner .swiper-pagination-bullet-active { opacity: 1; background: #125BCB; }

/* product */
.product ul li { position: relative; padding-bottom: .6rem; margin-bottom: .8rem; }

.product ul li .bg { position: relative; overflow: hidden; }

.product ul li .bg img { width: 100%; }

.product ul li .bg .txt { width: 45%; height: 100%; padding: .4rem; background: rgba(18, 91, 203, 0.9); position: absolute; left: 0; top: 0; text-align: left; }

.product ul li .bg .txt h2 { font-size: .6rem; color: #fff; }

.product ul li .bg .txt h3 { font-size: .4rem; color: #fff; margin-top: .2rem; }

.product ul li .bg .txt p { font-size: .28rem; color: #fff; margin-top: .3rem; display: flex; align-items: center; }

.product ul li .bg .txt p i { font-size: .26rem; margin-left: .1rem; }

.product ul li .img { width: 90%; margin: auto; position: absolute; left: 0; bottom: 0; right: 0; }

/* about */
.about img { width: 100%; height: 100%; }

.about .left, .about .right { width: 100%; position: relative; overflow: hidden; }

.about .left ul, .about .right ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.about .left ul li, .about .right ul li { width: 48.5%; position: relative; margin-top: px2rem(20); overflow: hidden; }

.about .left ul li h3, .about .right ul li h3 { width: 100%; font-size: .28rem; color: #fff; padding: .2rem; text-align: center; position: absolute; left: 0; bottom: 0; }

.about .left ul li:first-child, .about .right ul li:first-child { margin: 0; }

.about .center { width: 100%; height: 6rem; position: relative; margin: .2rem 0; }

.about .center .text { width: 100%; height: 100%; padding-top: .6rem; position: absolute; left: 0; top: 0; text-align: center; }

.about .center .text h2 { font-size: .24rem; color: #fff; }

.about .center .text h3 { font-size: .26rem; color: #fff; margin-top: .2rem; }

.about .center .text ul { width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; margin: .3rem auto 0; }

.about .center .text ul li { width: 43%; flex-shrink: 0; margin-top: .4rem; }

.about .center .text ul li h4 { font-size: .5rem; color: #fff; }

.about .center .text ul li p { font-size: .24rem; color: #fff; margin-top: .05rem; }

/* news */
.news { margin-bottom: 0.2rem; }

.news .slide { height: auto; overflow: hidden; position: relative; background: #F1F5F8; padding-bottom: .8rem; }

.news .slide .swiper-slide { position: relative; }

.news .slide .swiper-slide img { width: 100%; height: 4rem; object-fit: cover; }

.news .slide .swiper-slide .text { padding: .3rem; }

.news .slide .swiper-slide .text h2 { width: 100%; font-size: .3rem; line-height: .4rem; color: #000; font-weight: bold; }

.news .slide .swiper-slide .text p { font-size: .26rem; color: #6F7071; line-height: .4rem; margin-top: .1rem; }

.news .slide .swiper-slide:after { content: ""; width: 100%; height: px2rem(130); background: linear-gradient(180deg, transparent 0%, #000000 100%); position: absolute; left: 0; bottom: 0; }

.news .slide .swiper-pagination { bottom: .4rem; }

.news .slide .swiper-pagination-bullet { width: .5rem; height: .02rem; background: #125BCB; opacity: .2; overflow: hidden; border-radius: 0; }

.news .slide .swiper-pagination-bullet-active { opacity: 1; }

/* infras */
.infras { padding: 1rem 0; min-height: 8rem; background: url("../images/index/infras-bg.jpg") no-repeat center/cover; position: relative; margin: 1rem 0 0; }

.infras .bigTitle { color: #fff; }

.infras .slide { width: 70%; margin: .7rem auto 0; overflow: hidden; }

.infras .slide .swiper-slide { text-align: center; }

.infras .slide .swiper-slide h2 { font-size: .3rem; color: #fff; font-weight: bold; }

.infras .slide .swiper-slide p { font-size: .26rem; color: #fff; line-height: .4rem; margin-top: .4rem; }

.infras .slide .swiper-slide .btn-more { background: none; color: #fff; }

.infras .btn { width: .8rem; height: .8rem; border: 1px solid #fff; position: absolute; bottom: 15%; z-index: 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.infras .btn i { font-size: .3rem; color: #fff; }

.infras .btn.btn-prev { left: 5%; }

.infras .btn.btn-next { right: 5%; }

/* 中间免费电话咨询 */
.freeTel { height: auto; overflow: hidden; padding: 0 .31rem; display: flex; margin-top: .5rem; }

.freeTel input { width: 4.1rem; height: .76rem; font-size: .24rem; border: .01rem solid #004abb; padding: 0 .2rem; }

.freeTel .btn { height: .76rem; flex: 1; line-height: .76rem; background: #004abb; color: #fff; text-align: center; font-size: .3rem; display: block; }

.freeTel .btn i { margin-right: .1rem; }

/* 新闻与活动 */
.newsActivity .activity { height: auto; overflow: hidden; position: relative; }

.newsActivity .activity h2 { padding: 0 .3rem; font-size: .3rem; margin-bottom: .35rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.newsActivity .activity h2 span { color: #004abb; position: relative; padding-right: .2rem; margin-right: .2rem; }

.newsActivity .activity h2 span:after { content: ""; width: 1px; height: 80%; background: #ccc; position: absolute; right: 0; top: 10%; }

.newsActivity .activity img { width: 100%; }

.newsActivity .activity .swiper-pagination { bottom: .4rem; }

.newsActivity .activity .swiper-pagination-bullet { width: .5rem; height: .02rem; background: #fff; opacity: 1; }

.newsActivity .activity .swiper-pagination-bullet-active { background: #004abb; }

.newsActivity .news { height: auto; overflow: hidden; }

.newsActivity .news li { height: auto; overflow: hidden; padding: 0 .3rem; }

.newsActivity .news li a { display: flex; justify-content: space-between; padding: .4rem 0; border-bottom: .01rem solid #ddd; }

.newsActivity .news li .text { flex: 1; padding-right: .5rem; }

.newsActivity .news li .text h2 { font-size: .3rem; line-height: .44rem; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.newsActivity .news li .text h2 span { color: #004abb; position: relative; padding-right: .2rem; margin-right: .2rem; }

.newsActivity .news li .text h2 span:after { content: ""; width: 1px; height: 80%; background: #ccc; position: absolute; right: 0; top: 10%; }

.newsActivity .news li .text p { font-size: .24rem; color: #999; }

.newsActivity .news li .img { width: 2.3rem; height: 1.36rem; }

.newsActivity .news li .img img { width: 100%; }

/* 宇通微动态 */
.weNews ul { height: auto; overflow: hidden; padding: 0 .3rem; }

.weNews ul li { margin-bottom: .2rem; }

.weNews ul li img { width: 100%; }

.weNews ul li .text { background: #eee; padding: .25rem .4rem; display: flex; align-items: center; }

.weNews ul li .text span { font-size: .9rem; color: #004abb; margin-right: .2rem; }

.weNews ul li .text .t h2 { font-size: .36rem; color: #000; }

.weNews ul li .text .t p { font-size: .24rem; color: #777; font-weight: 300; }

.weNews ul li .text i { margin-left: auto; font-size: .65rem; color: #ccc; }

/* 底部banner */
.bannerFooter { position: relative; }

.bannerFooter .swiper-slide { height: auto; overflow: hidden; }

.bannerFooter .swiper-slide img { width: 100%; }

.bannerFooter .swiper-slide .text { padding: .5rem .4rem; }

.bannerFooter .swiper-slide .text h2 { font-size: .36rem; color: #000; margin-bottom: .3rem; }

.bannerFooter .swiper-slide .text p { font-size: .24rem; color: #666; line-height: .38rem; }

.bannerFooter .swiper-slide .text p span { color: #ff8400; }

.bannerFooter .swiper-pagination { bottom: auto; top: 55%; }

.bannerFooter .swiper-pagination-bullet { width: .5rem; height: .02rem; background: #fff; opacity: 1; }

.bannerFooter .swiper-pagination-bullet-active { background: #004abb; }