@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: .4rem; height: .02rem; background: #dcdcdc; opacity: 1; margin: 0 .04rem !important; }
.banner .swiper-pagination-bullet-active { width: .8rem; background: #fff; }

/* 产品分类 */
.product { height: auto; overflow: hidden; display: flex; justify-content: flex-start; flex-wrap: wrap; padding: .3rem 0; border-bottom: 1px solid #eee; }
.product .item { flex: 0 0 33.3333%; text-align: center; }
.product .item img { width: 80%; margin: 0 auto; }
.product .item h2 { font-size: .24rem; color: #000; margin-top: .1rem; }

/* 科技 */
.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: .2rem; bottom: .2rem; }
.technology ul li .text h2 { font-size: .28rem; color: #fff; display: inline-block; margin-right: .1rem; }
.technology ul li .text .icon-arrow { font-size: .26rem; color: #fff; }
.technology ul li:first-child { flex: 0 0 100%; }

/* 军品服务 */
.service { height: auto; overflow: hidden; background: url(../images/index/service-bg.jpg) top no-repeat; background-size: 100%; padding: .6rem 0; margin-top: .6rem; }
.service ul { height: 4.61rem; overflow: hidden; background: url(../images/index/service-bg1.png) center no-repeat; background-size: 100%; position: relative; }
.service ul li { width: 1.8rem; height: auto; overflow: hidden; text-align: center; flex: 0 0 25%; position: absolute; }
.service ul li h2 { font-size: .24rem; text-align: center; color: #004ABB; margin-bottom: .05rem; }
.service ul li p { font-size: .2rem; line-height: .3rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.service ul li.li1 { left: .3rem; top: .2rem; }
.service ul li.li2 { width: 1.1rem; left: .3rem; top: 1.8rem; }
.service ul li.li3 { left: .3rem; bottom: .2rem; }
.service ul li.li4 { right: .3rem; top: .2rem; }
.service ul li.li5 { width: 1.2rem; right: .3rem; top: 1.8rem; }
.service ul li.li6 { right: .3rem; bottom: .2rem; }

/* 新闻 */
.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; margin-top: .5rem; }
.news ul li a { display: block; }
.news ul li img { width: 2rem; height: 2rem; float: right; margin-left: .7rem; object-fit: cover; }
.news ul li .text { height: auto; overflow: hidden; }
.news ul li .text h2 { font-size: .28rem; line-height: .4rem; height: .8rem; color: #000; margin-bottom: .8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news ul li .text p { font-size: .22rem; line-height: .36rem; color: #999; }
.news ul li:first-child { margin-top: .3rem; }
.news .btn { width: 1.64rem; height: .45rem; line-height: .45rem; font-size: .22rem; background: #004ABB; color: #fff; text-align: center; display: block; margin: .4rem auto 0; }
.news .btn i { font-size: .2rem; }

/* 关于 */
.about { height: auto; overflow: hidden; margin: .6rem 0 .3rem; }
.about ul li { height: auto; overflow: hidden; margin-top: .2rem; }
.about ul li img { width: 100%; }
.about ul li h2 { font-size: .3rem; color: #333; padding: .2rem 0 .25rem .3rem; background: #eee; }
.about ul li h2 i { float: right; color: #ccc; margin: .05rem -.2rem 0 0; }

/* 底部服务 */
.service1 { height: auto; overflow: hidden; margin-top: .6rem; background: url(../images/index/service1-bg.jpg) center no-repeat; background-size: cover; padding: .6rem 0; }
.service1 .bigTitle, .service1 .smallTitle { color: #fff; }
.service1 ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; }
.service1 ul li { flex: 0 0 20%; text-align: center; color: #fff; }
.service1 ul li h2 { font-size: .4rem; font-weight: bold; }
.service1 ul li h2 b { font-size: .3rem; font-weight: normal; }
.service1 ul li p { font-size: .18rem; opacity: .8; }