@charset "UTF-8";
.bigTitle { font-weight: bold; }

/* 轮播图 */
.banner { height: auto; overflow: hidden; position: relative; z-index: 0; }

.banner .swiper-slide { width: 100%; height: auto; overflow: hidden; }

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

.banner .swiper-pagination-bullet { width: .3rem; height: .03rem; background: #dcdcdc; opacity: 1; margin: 0 .04rem !important; }

.banner .swiper-pagination-bullet-active { width: .5rem; background: #fff; }

/* 产品分类 */
.product { height: auto; overflow: hidden; padding: .8rem .3rem .5rem; /* .tabs{width: 100%;display: flex;justify-content: space-between;padding: 0 .3rem;margin-top: .5rem; .item{font-size: .28rem;color: #363636;font-weight: bold;padding-bottom: .2rem;position: relative; &:before{content: "";width: 0;height: .04rem;border-radius: .04rem;background: #115AC7;position: absolute;left: 0;bottom: 0;right: 0;margin: auto;@include transition;} &.active{color: #004ABA; &:before{width: 100%;} } } } .slide{position: relative;margin-top: .4rem; .slide1{overflow: hidden; .swiper-slide{height: px2rem(520);position: relative;overflow: hidden; img{width: 101%;height: 101%;object-fit: cover;} .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: .6rem .5rem; &:before{content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, .1);position: absolute;left: 0;top: 0;z-index: 1;} h3{font-size: .34rem;color: #fff;font-weight: bold;position: relative;z-index: 2;} p{font-size: .26rem;color: #fff;margin-top: .1rem;position: relative;z-index: 2} } &:hover{ img{transform: scale(1.05);} } } &.li3{ .swiper-slide{width: 33.3333%;} } } } */ }

.product .slide { display: flex; margin-top: .5rem; overflow: visible; }

.product .slide .swiper-slide { height: 6.2rem; padding: .5rem .25rem; overflow: visible; }

.product .slide .swiper-slide h2 { font-size: .3rem; font-weight: bold; margin-bottom: .1rem; }

.product .slide .swiper-slide h3 { overflow: hidden; margin-bottom: .2rem; display: flex; flex-wrap: wrap; }

.product .slide .swiper-slide h3 a { font-size: .25rem; position: relative; color: #004ABA; padding-right: .1rem; margin-right: .1rem; margin-top: .15rem; }

.product .slide .swiper-slide h3 a:before { content: ""; width: 1px; height: 70%; background: rgba(0, 0, 0, 0.2); position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.product .slide .swiper-slide h3 a:last-child { padding: 0; margin-left: 0; }

.product .slide .swiper-slide h3 a:last-child:before { display: none; }

.product .slide .swiper-slide p { font-size: .24rem; color: #707070; line-height: 1.7; height: px2rem(112); margin-top: px2rem(15); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.product .slide .swiper-slide img { width: 100%; position: absolute; left: 0; bottom: -.6rem; }

.product .slide .swiper-slide:nth-child(1) { margin-left: 0; background: url(/res/template/phone2019/resource/images/index/product-bg1.jpg) no-repeat top/cover; }

.product .slide .swiper-slide:nth-child(2) { background: url(/res/template/phone2019/resource/images/index/product-bg2.jpg) no-repeat top/cover; }

.product .slide .swiper-slide:nth-child(3) { background: url(/res/template/phone2019/resource/images/index/product-bg3.jpg) no-repeat top/cover; }

.product .slide .swiper-slide:nth-child(4) { background: url(/res/template/phone2019/resource/images/index/product-bg4.jpg) no-repeat top/cover; }

/* 科技 */
.technology { height: auto; overflow: hidden; margin-top: .6rem; }

.technology ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.technology ul li { height: auto; overflow: hidden; position: relative; margin-bottom: .07rem; flex: 0 0 49.5%; }

.technology ul li a { display: block; }

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

.technology ul li .text { height: auto; overflow: hidden; position: absolute; left: .4rem; top: .4rem; }

.technology ul li .text h2 { font-size: .34rem; color: #fff; margin-bottom: .15rem; }

.technology ul li .text .icon-arrow { font-size: .3rem; color: #fff; }

.technology ul li:first-child { flex: 0 0 100%; }

/* 发现 */
.find { height: auto; overflow: hidden; margin-top: .6rem; }

.find ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.find ul li { height: auto; overflow: hidden; position: relative; margin-bottom: .07rem; flex: 0 0 49.5%; }

.find ul li a { display: block; }

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

.find ul li .text { height: auto; overflow: hidden; position: absolute; left: .4rem; top: .4rem; }

.find ul li .text h2 { font-size: .34rem; color: #fff; margin-bottom: .25rem; }

.find ul li .text i { width: .3rem; height: .03rem; background: #fff; display: block; margin-left: .02rem; }

.find ul li:last-child { flex: 0 0 100%; margin: 0; }

/* 服务 */
.service { height: auto; overflow: hidden; background: url(/res/template/phone2019/resource/images/index/service-bg.jpg) no-repeat center/cover; padding: .9rem 0; margin-top: .6rem; }

.service .bigTitle, .service .smallTitle { color: #fff; }

.service .smallTitle { padding: 0 .4rem; line-height: .4rem; }

.service ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 .3rem; }

.service ul li { width: 50%; height: auto; overflow: hidden; text-align: center; margin-top: .4rem; }

.service ul li p { font-size: .24rem; color: #fff; }

.service ul li p b { font-size: .4rem; font-weight: bold; }

.service .tel { text-align: center; font-size: .28rem; color: #666; display: block; margin-top: .5rem; }

.service .btn { width: 2rem; height: .7rem; border: 1px solid #fff; font-size: .26rem; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: .5rem; margin: .7rem auto 0; }

/* 新闻 */
.news { height: auto; overflow: hidden; margin: .6rem 0 .3rem; }

.news ul { height: auto; overflow: hidden; padding: 0 .4rem; }

.news ul li { height: auto; overflow: hidden; border-bottom: 1px dashed #e5e5e5; margin-top: .55rem; }

.news ul li a { display: block; }

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

.news ul li .text { height: auto; overflow: hidden; padding: .25rem 0; }

.news ul li .text h2 { font-size: .28rem; color: #000; margin-bottom: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news ul li .text p { font-size: .22rem; line-height: .36rem; color: #999; margin-bottom: .15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.news ul li:first-child { margin-top: .3rem; }

.news .btn { font-size: .24rem; color: #18449a; text-align: center; display: block; margin: .4rem 0; }
<!--9.4890594482422E-5-->