h1 { font-size: 0.4rem; } h2 { font-size: 0.36rem; line-height: 1.5; } h3 { font-size: 0.32rem; } h4 { font-size: 0.28rem; line-height: 1.5; } h5 { font-size: 0.26rem; } @font-face { font-family: 'Impact'; src: url('../fonts/Impact.ttf'); } /****** ****** 首页 ****** ******/ .head { position: fixed; top: 0; left: 0; z-index: 999; width: calc(100% - 0.6rem); padding: 0 0.3rem; display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.65); align-items: center; } .head .head_logo { width: 2.08rem; } .head .locatives { font-size: 0.24rem; } .head .head_menu { width: 0.48rem; height: 0.29rem; } .ny-head { background: #fff; box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.24); } .head_bg { background: #000000; } .foot { position: fixed; left: 0; bottom: 0; z-index: 999; width: 100%; padding: 0.12rem 0; background: #ffffff; border-top: 1px solid rgba(153, 153, 153, 0.2); } .foot .foot-box { display: flex; justify-content: space-between; align-items: center; position: relative; } .foot .item { width: 20%; text-align: center; font-size: 0.22rem; display: inline-flex; justify-content: center; } .foot .item a { color: #999999; } .foot .item .foot_icon { display: inline-block; width: 0.4rem; height: 0.4rem; } .foot .item .foot1 { background: url(../images/index/foot1.png) no-repeat; background-size: cover; } .foot .item .foot2 { background: url(../images/index/foot2.png) no-repeat; background-size: cover; } .foot .item .foot3 { width: 0.62rem; height: 0.54rem; background: url(../images/index/foot3.png) no-repeat; background-size: cover; } .foot .item .foot6_zhibo { width: 0.62rem; height: 0.54rem; background: url(../images/index/foot6.png) no-repeat; background-size: cover; } .foot .item .foot4 { background: url(../images/index/foot4.png) no-repeat; background-size: cover; } .foot .item .foot5 { background: url(../images/index/foot5.png) no-repeat; background-size: cover; } .foot .item .center { width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #19306d; position: absolute; top: -64%; display: flex; justify-content: center; align-items: center; } .foot .item.cur a { color: #19306d; } .foot .item.cur .foot1 { background: url(../images/index/foot1_2.png) no-repeat; background-size: cover; } .foot .item.cur .foot2 { background: url(../images/index/foot2_2.png) no-repeat; background-size: cover; } .foot .item.cur .foot3 { background: url(../images/index/foot3.png) no-repeat; background-size: cover; } .foot .item.cur .foot4 { background: url(../images/index/foot4_2.png) no-repeat; background-size: cover; } .foot .item.cur .foot5 { background: url(../images/index/foot5_2.png) no-repeat; background-size: cover; } .index-box { text-align: center; padding: 0.6rem 0.3rem 0; } .ny-box { margin: 0 0.3rem; } .index-content { padding: 0.3rem 0 0; } .index-more { display: inline-block; width: 3.6rem; line-height: 0.8rem; font-size: 0.24rem; color: #19306d; border-radius: 0.16rem; border: 0.02rem solid #E9E6ED; } .hdjz { width: 100%; text-align: center; font-size: 0.26rem; color: #999999; padding: 0.24rem 0; } .zw { width: 100%; height: 1rem; } .banner .swiper-pagination-bullet { background: #fff !important; } .ny-banner { position: relative; } .ny-banner .pic { height: 4rem; width: 100%; overflow: hidden; } .ny-banner .text { position: absolute; top: 0; left: 0; height: 4rem; width: 100%; } .ny-banner .text-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; text-align: center; } .ny-banner .text-box h2 { font-size: 0.42rem; } .ny-banner .text-box p { text-transform: uppercase; font-size: 0.18rem; text-align: center; } .index-1 .index-content { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; text-align: center; } .index-1 .index-content .item { width: 44%; height: 1.6rem; margin-bottom: 0.3rem; border: 0.03rem solid #E9E6ED; border-radius: 0.1rem; display: flex; justify-content: center; align-items: center; color: #19306d; } .index-1 .index-content .item:last-child, .index-1 .index-content .item:nth-last-child(2) { margin-bottom: 0; } .index-1 .index-content p { font-size: 0.26rem; } .index-2 .scroll { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; } .index-2 .scroll::-webkit-scrollbar { display: none; } .index-2 .item { width: 100%; margin-right: 0.24rem; border-radius: 0.08rem; overflow: hidden; position: relative; display: inline-block; } .index-2 .state { width: 1.34rem; height: 0.4rem; font-size: 0.2rem; border-radius: 0 0 0.32rem 0; color: #ffffff; background: #ee7907; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .index-2 .state img { width: 0.24rem; height: 0.24rem; margin-right: 0.08rem; } .index-2 .pic { width: 100%; border-radius: 0.08rem; overflow: hidden; } .index-2 .pic img { width: 100%; } .index-2 .text { padding: 0.24rem 0.12rem; font-size: 0.26rem; color: #666666; } .index-3 .tabs { padding: 0 0 0.3rem 0; } .index-3 .tabs .scroll { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; font-size: 0; } .index-3 .tabs .scroll::-webkit-scrollbar { display: none; } .index-3 .tabs .item { padding: 0.24rem 0.48rem; margin-right: 0.14rem; font-size: 0.26rem; background: #E9E6ED; display: inline-block; } .index-3 .tabs .item a { color: #635D8D; } .index-3 .tabs .item.cur { background: #19306d; } .index-3 .tabs .item.cur a { color: #ffffff; } .index-3 .tab-con .pic { width: 6.9rem; height: 4.6rem; overflow: hidden; position: relative; } .index-3 .tab-con .solution-container { padding-bottom: 0.7rem; } .index-3 .tab-con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .index-3 .tab-con .tit { position: relative; text-align: left; padding-left: 0.32rem; font-weight: normal; line-height: 0.4rem; margin-top: 0.2rem; } .index-3 .tab-con .tit::before { content: ""; background: url(../images/index/tit.jpg) no-repeat; background-size: cover; width: 0.11rem; height: 0.28rem; position: absolute; top: 0.04rem; left: 0; } .index-3 .tab-con .con { font-size: 0.26rem; color: #666666; height: 1.2rem; margin: 0.3rem 0; text-align: left; text-indent: 0.56rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .index-4 { padding-bottom: 0.6rem; } .index-4 .index-content { display: flex; flex-wrap: wrap; justify-content: space-between; } .index-4 .index-content .item { width: 3.25rem; } .index-4 .index-content .pic { width: 3.25rem; height: 2.17rem; overflow: hidden; } .index-4 .index-content .text { padding: 0.18rem 0.12rem 0.3rem; font-size: 0.26rem; color: #666666; } .index-5 { background: url(../images/index/index-bg1.jpg) no-repeat; background-size: cover; color: #ffffff; } .index-5 .index-content .item { width: 6.9rem; background: #ffffff; display: flex; justify-content: center; } .index-5 .index-content .pic { width: 5.86rem; height: 4.28rem; overflow: hidden; margin: 0.2rem auto 0.12rem; } .index-5 .index-content .text { display: flex; width: 6.9rem; } .index-5 .index-content .pro-tit { background: #19306d; color: #ffffff; padding: 0.25rem 0.32rem; font-size: 0.14rem; } .index-5 .index-content .pro-tit h2 { color: #ffffff; position: relative; font-weight: 400; line-height: 0.48rem; padding-bottom: 0.12rem; margin-bottom: 0.3rem; width: 40px; } .index-5 .index-content .pro-tit h2::after { content: ""; width: 0.24rem; height: 0.02rem; background: #ffffff; position: absolute; left: 0.12rem; bottom: 0; } .index-5 .index-content .pro-tit p { text-transform: uppercase; text-align: left; } .index-5 .index-content .pro-desc { text-align: left; margin: 0.36rem 0.3rem; background: #FCFCFC; height: 1.28rem; overflow: hidden; } .index-5 .index-content .pro-desc h4 { margin-bottom: 0.16rem; } .index-5 .index-content .pro-desc p { font-size: 0.26rem; color: #666666; line-height: 1.5; } .index-5 .index-content .product-container { position: relative; padding-bottom: 0.8rem; } .index-5 .index-content .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .index-6 .index-content { display: flex; flex-wrap: wrap; justify-content: center; } .index-6 .index-content .item { width: calc(1.6rem - 0.14rem); padding: 0.3rem 0; margin: 0 0.07rem 0.14rem 0.07rem; border-radius: 0.1rem; border: 0.03rem solid #E9E6ED; color: #19306d; font-size: 0.26rem; } .index-6 .index-content .item:nth-last-child(1), .index-6 .index-content .item:nth-last-child(2), .index-6 .index-content .item:nth-last-child(3), .index-6 .index-content .item:nth-last-child(4) { margin-bottom: 0; } .index-6 .index-content .item img { width: 0.4rem; height: 0.4rem; margin: auto; margin-bottom: 0.1rem; } .index-7 .pic { width: 6.9rem; height: 4.6rem; overflow: hidden; } .index-7 .item { padding: 0.32rem; background: #F9F9F9; position: relative; z-index: -2; } .index-7 .tit { position: relative; text-align: left; padding-left: 0.32rem; font-weight: normal; line-height: 0.4rem; } .index-7 .tit::before { content: ""; background: url(../images/index/tit.jpg) no-repeat; background-size: cover; width: 0.11rem; height: 0.28rem; position: absolute; top: 0.04rem; left: 0; } .index-7 .con { font-size: 0.26rem; color: #666666; text-align: left; padding-top: 0.34rem; } .index-7 .con p { margin-bottom: 0.1rem; padding-left: 1rem; position: relative; } .index-7 .con i { display: inline-block; text-align: center; width: 0.94rem; height: 0.36rem; font-size: 0.26rem; margin-right: 0.16rem; position: absolute; left: 0; color: #ffffff; } .index-7 .con i::after { content: ""; background: url(../images/index/partner-bg1.png) no-repeat; background-size: cover; width: 0.94rem; height: 0.36rem; position: absolute; top: 0; left: 0; z-index: -1; } .index-7 .partner-container { position: relative; padding-bottom: 0.8rem; } .index-7 .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .index-8 { margin-top: 0.4rem; background: #19306d; display: flex; justify-content: center; align-items: center; position: relative; height: 4.5rem; } .index-8 .title { color: #ffffff; } .index-8 .title h2 { color: #ffffff; position: relative; padding-bottom: 0.4rem; } .index-8 .title h2::after { content: ""; width: 0.36rem; height: 0.04rem; background: #ffffff; position: absolute; left: 0; bottom: 0; } .index-8 .title p { padding-top: 0.34rem; font-size: 0.26rem; text-transform: uppercase; } .index-8 .content { position: relative; width: 5.12rem; } .index-8 .content .content-box { position: absolute; top: -2.6rem; left: 0; display: flex; flex-wrap: wrap; align-items: center; } .index-8 .content .item { background: url(../images/index/process-bg1.png) no-repeat; background-size: cover; width: 1.5rem; text-align: center; padding: 0.42rem 0; margin: 0 0 0.2rem 0.2rem; } .index-8 .content .item img { width: 0.64rem; height: 0.64rem; margin: 0.16rem auto; } .index-8 .content .item h4 { font-weight: normal; } .index-8 .content .item p { font-size: 0.12rem; color: #999999; text-transform: uppercase; } .index-9 .news-container { position: relative; } .index-9 .pic { width: 6.9rem; height: 4.6rem; overflow: hidden; } .index-9 .text { text-align: left; font-size: 0.26rem; padding: 0.4rem 0.44rem; background: #F9F9F9; } .index-9 .desc { color: #666666; padding: 0.24rem 0 0.28rem; } .index-9 .time { color: #999999; position: relative; height: 0.48rem; } .index-9 .time i { position: absolute; right: 0; display: inline-block; } .index-9 .time i::after { content: ""; background: url(../images/index/right-icon.png) no-repeat; background-size: cover; width: 0.43rem; height: 0.43rem; position: absolute; top: -0.02rem; right: 0; } .index-9 .news-button-next { right: 0; top: 28%; } .index-9 .news-button-next:after { content: ""; background: url(../images/index/next-icon.png) no-repeat; background-size: cover; width: 0.6rem; height: 1.5rem; position: absolute; right: 0; } .index-9 .news-button-prev { left: 0; top: 28%; } .index-9 .news-button-prev:after { content: ""; background: url(../images/index/prv-icon.png) no-repeat; background-size: cover; width: 0.6rem; height: 1.5rem; position: absolute; right: 0; } .index-9 .news-container { position: relative; padding-bottom: 0.8rem; } .index-9 .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .index-10 { height: calc(7.13rem - 0.6rem); background: url(../images/index/about-bg1.jpg) no-repeat; background-size: cover; color: #ffffff; } .index-10 .about { padding: 0.3rem; background: #ffffff; box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.1); } .index-10 .about .pic { width: 6.3rem; height: 3.6rem; overflow: hidden; } .index-10 .about .text { padding-top: 0.3rem; font-size: 0.26rem; line-height: 1.5; color: #666666; text-align: left; } .index-10 .about .more { text-align: right !important; padding-top: 0.3rem; color: #19306d; } .index-11 { margin-top: 1.2rem; padding-bottom: 0.88rem; } .index-11 .tit { position: relative; text-align: left; padding-left: 0.32rem; font-weight: normal; line-height: 0.4rem; } .index-11 .tit::before { content: ""; background: url(../images/index/tit.jpg) no-repeat; background-size: cover; width: 0.11rem; height: 0.28rem; position: absolute; top: 0.04rem; left: 0; } .index-11 .fast { text-align: left; border: 0.02rem solid #E9E6ED; padding: 0.2rem; font-size: 0.24rem; line-height: 0.44rem; } .index-11 .fast .item { display: flex; flex-wrap: wrap; align-items: center; } .index-11 .fast .item p { color: #19306d; width: 1rem; } .index-11 .fast .item a { padding: 0 0.16rem; position: relative; } .index-11 .fast .item a::after { content: ""; width: 0.01rem; height: 0.24rem; background: #333333; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } .index-11 .fast .item a:last-child::after { width: 0; } /****** ****** 案例列表 ****** ******/ .case-container .tabs { padding: 0.3rem 0; } .case-container .tabs .scroll { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; font-size: 0; } .case-container .tabs .scroll::-webkit-scrollbar { display: none; } .case-container .tabs .item { padding: 0.16rem 0.48rem; margin-right: 0.14rem; font-size: 0.28rem; background: #E9E6ED; display: inline-block; } .case-container .tabs .item a { color: #635D8D; } .case-container .tabs .item.cur { background: #19306d; } .case-container .tabs .item.cur a { color: #ffffff; } .case-container .tab-con .list-box { display: flex; flex-wrap: wrap; justify-content: space-between; } .case-container .tab-con .item { width: 3.35rem; } .case-container .tab-con .pic { width: 3.35rem; height: 2.23rem; position: relative; overflow: hidden; } .case-container .tab-con .text { font-size: 0.26rem; padding: 0.18rem 0; } .case-container .tab-con .solution-container { padding-bottom: 0.7rem; } .case-container .tab-con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } /****** ****** 解决方案 ****** ******/ .solution-container .search { margin: 0.3rem; background: #F5F5F5; line-height: 0.64rem; display: flex; justify-content: space-between; font-size: 0.26rem; } .solution-container .search input { padding: 0 0.24rem; border: 0; background: none; line-height: 0.64rem; flex: 1; } .solution-container .search button { border: none; background: #19306d; width: 0.64rem; height: 0.64rem; position: relative; cursor: pointer; } .solution-container .search button::after { content: ""; background: url(../images/solution/search-icon.png) no-repeat; background-size: cover; width: 0.4rem; height: 0.4rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .solution-container .tabs { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .solution-container .tabs .item { width: 2.2rem; height: 0.8rem; background: #E9E6ED; display: inline-flex; justify-content: center; align-items: center; font-size: 0.28rem; line-height: 0.28rem; margin-bottom: 0.24rem; } .solution-container .tabs .item a { color: #635D8D; display: inline-block; text-align: center; padding: 0.24rem 0.16rem; width: 100%; } .solution-container .tabs .item.cur { background: #19306d; } .solution-container .tabs .item.cur a { color: #ffffff; } .solution-container .tab-con .solution-1 { padding: 0.32rem 0 0.56rem; } .solution-container .tab-con .solution-1 h2 { text-align: center; padding-bottom: 0.3rem; } .solution-container .tab-con .solution-1 .solution-content { display: flex; } .solution-container .tab-con .solution-1 .pic { width: 4.6rem; height: 2.76rem; overflow: hidden; } .solution-container .tab-con .solution-1 .text { width: 2.3rem; height: 2.76rem; background: #19306d; color: #ffffff; } .solution-container .tab-con .solution-1 .text h5 { padding: 0.12rem 0.16rem; } .solution-container .tab-con .solution-1 .text p { padding: 0 0.3rem; font-size: 0.24rem; line-height: 1.4; position: relative; padding-left: 0.52rem; } .solution-container .tab-con .solution-1 .text i { display: inline-block; width: 0.24rem; height: 0.24rem; background: #ffffff; border-radius: 50%; color: #19306d; text-align: center; line-height: 1; margin-right: 0.02rem; position: absolute; top: 0.04rem; left: 0.16rem; } .solution-container .tab-con .solution-1 .desc { padding: 0.3rem; color: #19306d; background: rgba(234, 231, 238, 0.5); font-size: 0.26rem; line-height: 1.5; } .solution-container .tab-con .solution-2 { color: #ffffff; background: url(../images/solution/solution-bg1.jpg) no-repeat; background-size: cover; padding-top: 0.64rem; } .solution-container .tab-con .solution-2 > h2 { text-align: center; padding-bottom: 0.3rem; } .solution-container .tab-con .solution-2 .advantage-container { position: relative; padding-bottom: 0.4rem; } .solution-container .tab-con .solution-2 .swiper-pagination-bullet { background: #ffffff !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .solution-container .tab-con .solution-2 .solution-content { padding: 0 0.9rem; } .solution-container .tab-con .solution-2 .advantage-box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .solution-container .tab-con .solution-2 .item { width: 2.6rem; border: 0.02rem solid #FFFFFF; border-radius: 0.1rem; padding: 0.6rem 0; text-align: center; margin-bottom: 0.4rem; font-size: 0.3rem; font-weight: bold; } .solution-container .tab-con .solution-2 .item img { width: 0.64rem; height: 0.64rem; margin: 0.16rem auto; } .solution-container .tab-con .solution-3 { padding-top: 0.64rem; } .solution-container .tab-con .solution-3 > h2 { text-align: center; padding-bottom: 0.3rem; } .solution-container .tab-con .solution-3 .product-container { position: relative; padding-bottom: 0.64rem; } .solution-container .tab-con .solution-3 .swiper-button-next, .solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-prev { right: 0.3rem; left: auto; top: 16%; } .solution-container .tab-con .solution-3 .swiper-button-next:after, .solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-prev:after { content: ""; background: url(../images/solution/next-icon.png) no-repeat; background-size: cover; width: 0.6rem; height: 1.5rem; } .solution-container .tab-con .solution-3 .swiper-button-prev, .solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-next { left: 0.3rem; right: auto; top: 16%; } .solution-container .tab-con .solution-3 .swiper-button-prev:after, .solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-next:after { content: ""; background: url(../images/solution/prv-icon.png) no-repeat; background-size: cover; width: 0.6rem; height: 1.5rem; } .solution-container .tab-con .solution-3 .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .solution-container .tab-con .solution-3 .pic { width: 6.9rem; height: 4.8rem; border: 0.01rem solid #E6E6E6; position: relative; overflow: hidden; } .solution-container .tab-con .solution-3 .pic img { width: 2.32rem; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .solution-container .tab-con .solution-3 .text > h2 { padding: 0.4rem 0; font-weight: normal; text-align: center; } .solution-container .tab-con .solution-3 .text > table { min-height: 0.28rem; text-align: left; border-collapse: collapse; font-size: 0.28rem; } .solution-container .tab-con .solution-3 .text > table td { padding: 0.24rem; } .solution-container .tab-con .solution-3 table, .solution-container .tab-con .solution-3 table tr th, .solution-container .tab-con .solution-3 table tr td { border: 1px solid #E6E6E6; } .solution-container .tab-con .solution-4 { background: url(../images/solution/solution-bg2.jpg) no-repeat; background-size: cover; padding-top: 0.64rem; padding-bottom: 0.64rem; color: #ffffff; } .solution-container .tab-con .solution-4 > h2 { text-align: center; padding-bottom: 0.3rem; } .solution-container .tab-con .solution-4 .solution-content { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .solution-container .tab-con .solution-4 .item { background: url(../images/solution/solution-servicebg.png) no-repeat; background-size: cover; width: 1.77rem; text-align: center; padding: 0.3rem 0; font-size: 0.26rem; margin: 0.16rem 0.24rem; position: relative; } .solution-container .tab-con .solution-4 .item::after { content: ""; background: url(../images/solution/right-icon.png) no-repeat; background-size: cover; width: 0.11rem; height: 0.2rem; position: absolute; top: 0; bottom: 0; right: -16%; margin: auto; } .solution-container .tab-con .solution-4 .item:nth-child(3n)::after, .solution-container .tab-con .solution-4 .item:last-child::after { width: 0; } .solution-container .tab-con .solution-4 .item > img { width: 0.4rem; height: 0.4rem; margin: 0.16rem auto; } .solution-container .tab-con .solution-5 { padding-top: 0.64rem; } .solution-container .tab-con .solution-5 > h2 { text-align: center; padding-bottom: 0.3rem; } .solution-container .tab-con .solution-5 .solution-content .cases-container { padding-bottom: 0.64rem; } .solution-container .tab-con .solution-5 .solution-content .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .solution-container .tab-con .solution-5 .solution-content .cases-box { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .solution-container .tab-con .solution-5 .solution-content .item { width: 3.35rem; margin-bottom: 0.16rem; } .solution-container .tab-con .solution-5 .solution-content .pic { width: 3.35rem; height: 2.23rem; overflow: hidden; } .solution-container .tab-con .solution-5 .solution-content .text { padding: 0.16rem 0.08rem; font-size: 0.26rem; color: #666666; } .solution-container .tab-con .solution-6 { padding-top: 0.24rem; text-align: center; } .solution-container .tab-con .solution-6 .tel { text-align: center; padding-bottom: 0.3rem; } .solution-container .tab-con .solution-6 .tel a { text-align: left; color: #19306d; font-weight: bold; position: relative; padding-left: 0.9rem; display: inline-block; font-size: 0.32rem; } .solution-container .tab-con .solution-6 .tel a::after { content: ""; background: url(../images/solution/tel-icon.png) no-repeat; background-size: cover; width: 0.82rem; height: 0.82rem; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .solution-container .tab-con .solution-6 .tel h1 { line-height: 1; font-family: "Impact"; } .solution-container .tab-con .solution-6 .form { background: #19306d; color: #ffffff; padding: 0.5rem 0.3rem 0.88rem; } .solution-container .tab-con .solution-6 .form-tit { font-size: 0.36rem; position: relative; padding: 0 1.6rem; margin-bottom: 0.4rem; } .solution-container .tab-con .solution-6 .form-tit::before { content: ""; width: 1.2rem; height: 0.01rem; background: #FFFFFF; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .solution-container .tab-con .solution-6 .form-tit::after { content: ""; width: 1.2rem; height: 0.01rem; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } .solution-container .tab-con .solution-6 .form-tit strong { font-weight: bold; } .solution-container .tab-con .solution-6 .form .item { width: 6.9rem; height: 0.72rem; background: #ffffff; font-size: 0.26rem; border-radius: 0.1rem; margin-bottom: 0.3rem; overflow: hidden; } .solution-container .tab-con .solution-6 .form input { width: calc(6.9rem - 0.48rem); line-height: 0.72rem; padding: 0 0.24rem; } .solution-container .tab-con .solution-6 .form .btn { border: none; width: 100%; line-height: 0.72rem; background: #ef7a00; color: #ffffff; font-size: 0.26rem; border-radius: 0.1rem; } /****** ****** 联系我们 ****** ******/ .contact-container { padding-top: 0.64rem; } .contact-container .form { padding-bottom: 0.64rem; } .contact-container .form .form-tit { font-size: 0.3rem; position: relative; margin-bottom: 0.3rem; padding-left: 0.4rem; } .contact-container .form .form-tit::before { content: ""; width: 0.3rem; height: 0.28rem; background: url(../images/contact/message-icon.png) no-repeat; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .contact-container .form .item { width: 6.9rem; height: 0.72rem; border: 0.01rem solid #E6E6E6; background: #ffffff; font-size: 0.26rem; border-radius: 0.1rem; margin-bottom: 0.3rem; overflow: hidden; } .contact-container .form input { width: calc(6.9rem - 0.48rem); line-height: 0.72rem; padding: 0 0.24rem; } .contact-container .form .btn { border: none; width: 100%; line-height: 0.72rem; background: #ef7a00; color: #ffffff; font-size: 0.26rem; border-radius: 0.1rem; } .contact-container .contact { padding-top: 0.64rem; } .contact-container .contact .item { display: flex; align-items: flex-start; margin-bottom: 0.4rem; } .contact-container .contact .pic { width: 0.4rem; height: 0.4rem; overflow: hidden; } .contact-container .contact .text { font-size: 0.26rem; color: #666666; line-height: 1.5; margin-left: 0.24rem; } .contact-container .contact .text h3 { padding-bottom: 0.2rem; color: #333333; font-weight: normal; } /****** ****** 新闻详情 ****** ******/ .news-container { padding-top: 0.64rem; } .news-container .news-tit { border-bottom: 0.01rem solid #DBDBDB; } .news-container .news-tit h2 { font-weight: normal; text-align: center; } .news-container .news-tit .tit-bottom { display: flex; justify-content: center; align-items: center; font-size: 0.26rem; color: #999999; padding: 0.3rem 0; } .news-container .news-tit .item { position: relative; display: inline-block; padding: 0 0.32rem; font-size: 0.24rem !important; } .news-container .news-tit .item::after { content: ""; width: 0.02rem; height: 0.24rem; background: #999999; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; transform: rotate(20deg); } .news-container .news-tit .item:last-child::after { width: 0; } .news-container .news-con { padding: 0.3rem 0; font-size: 0.26rem; color: 0.24rem; line-height: 1.5; color: #666666; } .news-container .news-con img { margin: 0.3rem 0; } .news-container .news-lable { padding: 0.3rem 0; font-size: 0.26rem; } .news-container .news-lable p { position: relative; padding-left: 0.3rem; display: inline-block; } .news-container .news-lable p::before { content: ""; background: url(../images/news/lable-icon.png) no-repeat; background-size: cover; width: 0.22rem; height: 0.22rem; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .news-container .news-lable .lable { background: rgba(237, 237, 237, 0.3); color: #19306d; padding: 0.08rem 0.12rem; margin-right: 0.1rem; display: inline-block; margin-bottom: 0.08rem; } .news-container .page { font-size: 0.28rem; } .news-container .page a { color: #999999; display: block; padding: 0.24rem 0; border-bottom: 0.01rem solid #BFBFBF; } .news-container .page a:last-child { border-bottom: none; } .fenge { width: 100%; height: 0.24rem; background: #f9f9f9; } .related-container > h2 { padding-top: 0.3rem; font-weight: normal; } .related-container .item { padding: 0.3rem 0; border-bottom: 0.01rem solid rgba(230, 230, 230, 0.6); } .related-container .item:last-child { border-bottom: none; } .related-container .item > a { display: flex; } .related-container .item .pic { width: 2.6rem; height: 1.74rem; overflow: hidden; display: flex; } .related-container .item .text { margin-left: 0.24rem; width: 3.84rem; } .related-container .item .desc { font-size: 0.26rem; color: #666666; margin: 0.12rem 0 0.16rem; } .related-container .item .time { font-size: 0.2rem; color: #999999; position: relative; line-height: 0.28rem; } .related-container .item .time::after { content: ""; height: 0.08rem; width: 0.08rem; border-width: 0.01rem 0.01rem 0 0; border-color: #999999; border-style: solid; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } /****** ****** 新闻列表 ****** ******/ .newslist-container .tabs { display: flex; justify-content: space-around; margin: 0.24rem 0; } .newslist-container .tabs .item { padding: 0.24rem 0.32rem; font-size: 0.3rem; line-height: 1; background: #E9E6ED; color: #635D8D; } .newslist-container .tabs .item.cur { background: #19306d; } .newslist-container .tabs .item.cur a { color: #ffffff; } .newslist-container .tab-con { padding-bottom: 0.44rem; } .newslist-container .tab-con .item { padding: 0.3rem 0; border-bottom: 0.01rem solid rgba(230, 230, 230, 0.6); } .newslist-container .tab-con .item:last-child { border-bottom: none; } .newslist-container .tab-con .item > a { display: flex; } .newslist-container .tab-con .item .pic { width: 2.6rem; height: 1.74rem; overflow: hidden; display: flex; } .newslist-container .tab-con .item .text { margin-left: 0.24rem; width: 3.84rem; } .newslist-container .tab-con .item .desc { font-size: 0.26rem; color: #666666; margin: 0.12rem 0 0.16rem; } .newslist-container .tab-con .item .time { font-size: 0.2rem; color: #999999; position: relative; line-height: 0.28rem; } .newslist-container .tab-con .item .time::after { content: ""; height: 0.08rem; width: 0.08rem; border-width: 0.01rem 0.01rem 0 0; border-color: #999999; border-style: solid; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } /****** ****** 加入合伙人 ****** ******/ .join-container .join-1 { background: #19306d; color: #ffffff; font-size: 0.3rem; padding: 0.4rem 1.2rem; text-align: center; } .join-container .join-1 strong { font-weight: bold; } .join-container .join-2 { background: url(../images/join/join-bg1.jpg) no-repeat; background-size: cover; padding: 0 0.3rem; } .join-container .join-2 .tit { padding: 0.64rem 0 0.3rem; text-align: center; font-weight: bold; } .join-container .join-2 .tit > h2 { color: #19306d; } .join-container .join-2 .tit p { font-size: 0.3rem; color: #333333; } .join-container .join-2 .con { padding-bottom: 0.64rem; } .join-container .join-2 .con table, .join-container .join-2 .con table tr th, .join-container .join-2 .con table tr td { border: 1px solid #E6E6E6; padding: 0.08rem 0.12rem; } .join-container .join-2 .con table { min-height: 0.28rem; text-align: left; border-collapse: collapse; font-size: 0.28rem; background: #ffffff; } .join-container .join-2 .con table tr th { text-align: center; } .join-container .join-2 .con table tr th:nth-child(1) { width: 0.93rem; } .join-container .join-2 .con table tr th:nth-child(2) { width: 1.89rem; } .join-container .join-2 .con table tr th:nth-child(3) { width: 2.02rem; } .join-container .join-2 .con table tr th:nth-child(4) { width: 2.04rem; } .join-container .join-2 .con table tr th:nth-child(4), .join-container .join-2 .con table tr td:nth-child(4) { background: #19306d; color: #ffffff; } .join-container .join-3 { padding: 0 0.3rem; } .join-container .join-3 .tit { padding: 0.64rem 0 0.3rem; text-align: center; font-weight: bold; } .join-container .join-3 .tit > h2 { color: #19306d; } .join-container .join-3 .tit p { font-size: 0.3rem; color: #333333; } .join-container .join-3 .con { padding: 0.3rem 0; } .join-container .join-3 .con .pk-container { position: relative; padding-bottom: 0.64rem; } .join-container .join-3 .con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .join-container .join-3 .con .pk-box { padding: 0 0.4rem; text-align: center; display: flex; flex-wrap: wrap; } .join-container .join-3 .con .pk-tit { text-align: center; width: 100%; } .join-container .join-3 .con .pk-tit > span { font-size: 0.36rem; font-family: "Impact"; font-style: oblique; } .join-container .join-3 .con .pk-tit > p { font-size: 0.26rem; position: relative; display: inline-block; margin-left: 0.1rem; } .join-container .join-3 .con .pk-tit > p::after { content: ""; width: 100%; height: 0.1rem; background: #E9E6ED; position: absolute; left: 0; right: 0; bottom: 0.06rem; margin: auto; z-index: -1; } .join-container .join-3 .con .item { width: 2.85rem; position: relative; margin: 0.16rem 0.06rem; display: inline-block; } .join-container .join-3 .con .pic { width: 2.85rem; height: 2rem; border-radius: 0.1rem 0.1rem 0 0; overflow: hidden; } .join-container .join-3 .con .pic img { position: static; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .join-container .join-3 .con .icon { position: absolute; top: 1.8rem; left: 0; right: 0; margin: auto; width: 0.4rem; height: 0.4rem; } .join-container .join-3 .con .text { padding: 0.4rem 0.24rem; font-size: 0.26rem; color: #333333; background: #F9F9F9; border-radius: 0 0 0.1rem 0.1rem; text-align: left; height: 1.8rem; overflow: hidden; } .join-container .join-4 { background: url(../images/join/join-bg2.jpg) no-repeat; background-size: cover; color: #ffffff; padding: 0 0.3rem; } .join-container .join-4 .tit { padding: 0.64rem 0 0.3rem; text-align: center; font-weight: bold; } .join-container .join-4 .tit > h2 { color: #ffffff; } .join-container .join-4 .tit p { font-size: 0.3rem; color: #ffffff; } .join-container .join-4 .con { padding-bottom: 0.64rem; } .join-container .join-4 .con .policy-container { position: relative; padding-bottom: 0.24rem; background: #ffffff; } .join-container .join-4 .con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .join-container .join-4 .con .policy-box { background: #ffffff; padding: 0.4rem; } .join-container .join-4 .con .pic { width: 6rem; height: 4rem; overflow: hidden; } .join-container .join-4 .con .text-tit { font-size: 0.3rem; color: #19306d; font-weight: bold; padding: 0.4rem 0 0.16rem; } .join-container .join-4 .con .text-desc { font-size: 0.26rem; color: #333333; line-height: 2; height: 2.5rem; overflow: hidden; } .join-container .join-5 { padding: 0 0.3rem; } .join-container .join-5 .tit { padding: 0.64rem 0 0.3rem; text-align: center; font-weight: bold; } .join-container .join-5 .tit > h2 { color: #19306d; } .join-container .join-5 .tit p { font-size: 0.3rem; color: #333333; } .join-container .join-5 .con .partner-container { position: relative; padding-bottom: 0.64rem; background: #ffffff; } .join-container .join-5 .con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .join-container .join-5 .con .partner-box { display: flex; justify-content: space-between; align-items: center; } .join-container .join-5 .con .item { position: relative; width: 3.35rem; } .join-container .join-5 .con .pic { width: 3.35rem; height: 2.24rem; overflow: hidden; } .join-container .join-5 .con .text { padding: 0.18rem; background: rgba(0, 0, 0, 0.5); color: #ffffff; position: absolute; bottom: 0; width: calc(3.35rem - 0.36rem); margin: auto; text-align: center; font-size: 0.26rem; } .join-container .join-6 { background: #333333; padding: 0 0.3rem; } .join-container .join-6 .tit { padding: 0.64rem 0 0.3rem; text-align: center; font-weight: bold; } .join-container .join-6 .tit > h2 { color: #ffffff; } .join-container .join-6 .tit p { font-size: 0.3rem; color: #ffffff; } .join-container .join-6 .con .distributor-container { position: relative; padding-bottom: 0.44rem; } .join-container .join-6 .con .swiper-pagination-bullet { background: #ffffff !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .join-container .join-6 .con .distributor-box { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .join-container .join-6 .con .item { position: relative; width: 3.35rem; margin-bottom: 0.2rem; } .join-container .join-6 .con .pic { width: 3.35rem; height: 2.24rem; overflow: hidden; } .join-container .join-6 .con .text { padding: 0.18rem; background: rgba(0, 0, 0, 0.5); color: #ffffff; position: absolute; bottom: 0; width: calc(3.35rem - 0.36rem); margin: auto; text-align: center; font-size: 0.26rem; } .join-container .join-7 .tit { padding: 0.64rem 0 0.3rem; text-align: center; font-weight: bold; } .join-container .join-7 .tit > h2 { color: #19306d; } .join-container .join-7 .tit p { font-size: 0.3rem; color: #333333; } .join-container .join-7 .con { display: flex; align-items: center; flex-wrap: wrap; } .join-container .join-7 .con .item { text-align: center; width: 2.5rem; height: 3.34rem; } .join-container .join-7 .con .item:nth-child(1) { background: url(../images/join/process-bg1.jpg) no-repeat; background-size: cover; color: #ffffff; } .join-container .join-7 .con .item:nth-child(2) { background: url(../images/join/process-bg2.jpg) no-repeat; background-size: cover; color: #19306d; } .join-container .join-7 .con .item:nth-child(3) { background: url(../images/join/process-bg3.jpg) no-repeat; background-size: cover; color: #ffffff; } .join-container .join-7 .con .item:nth-child(4) { background: url(../images/join/process-bg4.jpg) no-repeat; background-size: cover; color: #19306d; } .join-container .join-7 .con .item:nth-child(5) { background: url(../images/join/process-bg5.jpg) no-repeat; background-size: cover; color: #ffffff; } .join-container .join-7 .con .item:nth-child(6) { background: url(../images/join/process-bg6.jpg) no-repeat; background-size: cover; color: #19306d; } .join-container .join-7 .con .item > img { width: 1rem; height: 1rem; margin: 0.4rem auto 0.16rem; } .join-container .join-7 .con .item p:nth-child(2) { font-size: 0.3rem; font-weight: bold; padding: 0 0.2rem; } .join-container .join-7 .con .item p:nth-child(3) { font-size: 0.26rem; text-align: left; padding: 0 0.2rem; } .join-container .join-8 { background: #333333; padding: 0.6rem 0; } .join-container .join-8 .item { margin-bottom: 0.4rem; display: flex; align-items: center; } .join-container .join-8 .item .pic { padding-left: 1rem; padding-right: 0.56rem; border-right: 0.01rem solid rgba(255, 255, 255, 0.2); } .join-container .join-8 .item .pic img { width: 0.72rem; height: 0.72rem; } .join-container .join-8 .item .text { font-size: 0.26rem; line-height: 1.5; color: #ffffff; padding-left: 0.56rem; padding-right: 1rem; } /****** ****** 关于我们 ****** ******/ .about-container .about-1 { background: url(../images/about/about-bg1.jpg) no-repeat; background-size: cover; height: 7.18rem; color: #ffffff; } .about-container .about-1 .tit { padding-top: 0.64rem; text-align: center; } .about-container .about-1 .con { margin: 0.3rem; } .about-container .about-1 .about { padding: 0.3rem; background: #ffffff; box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.1); } .about-container .about-1 .about .pic { width: 6.3rem; height: 3.6rem; overflow: hidden; } .about-container .about-1 .about .text { padding-top: 0.3rem; font-size: 0.26rem; line-height: 1.5; color: #666666; text-align: left; } .about-container .about-1 .about .text p { text-align: justify; text-indent: 0.32rem; } .about-container .about-1 .about .more { text-align: right !important; padding-top: 0.3rem; color: #19306d; } .about-container .about-2 { margin: 1.5rem 0.3rem 0; } .about-container .about-2 .tit { position: relative; text-align: left; padding-left: 0.32rem; margin-bottom: 0.24rem; font-weight: normal; } .about-container .about-2 .tit::before { content: ""; background: url(../images/index/tit.jpg) no-repeat; background-size: cover; width: 0.11rem; height: 0.28rem; position: absolute; top: 0.04rem; left: 0; } .about-container .about-2 .fast { text-align: left; border: 0.02rem solid #E9E6ED; padding: 0.2rem; font-size: 0.24rem; line-height: 0.44rem; } .about-container .about-2 .fast .item { display: flex; flex-wrap: wrap; align-items: center; } .about-container .about-2 .fast .item p { color: #19306d; width: 1rem; } .about-container .about-2 .fast .item a { padding: 0 0.16rem; position: relative; } .about-container .about-2 .fast .item a::after { content: ""; width: 0.01rem; height: 0.24rem; background: #333333; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } .about-container .about-2 .fast .item a:last-child::after { width: 0; } .about-container .about-3 .tit { padding-top: 0.64rem; text-align: center; } .about-container .about-3 .con { padding: 0.3rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .about-container .about-3 .con .item { position: relative; } .about-container .about-3 .con .pic { width: 3.35rem; height: 2.4rem; overflow: hidden; } .about-container .about-3 .con .text { width: calc(2.95rem - 0.48rem); background: #19306d; color: #ffffff; text-align: center; padding: 0.3rem 0.24rem; position: relative; top: -0.2rem; left: 0; right: 0; margin: auto; } .about-container .about-3 .con .text p:nth-child(1) { font-size: 0.3rem; font-weight: bold; } .about-container .about-3 .con .text p:nth-child(2) { font-size: 0.26rem; } .about-container .about-4 { background: url(../images/about/about-bg2.jpg) no-repeat; background-size: cover; } .about-container .about-4 .tit { padding-top: 0.64rem; text-align: center; } .about-container .about-4 .con { padding: 0.3rem 0; } .about-container .about-4 .con .text { position: relative; padding-top: 0.44rem; height: auto; overflow: hidden; } .about-container .about-4 .con .text::before { content: ""; background: url(../images/about/aircraft-icon.png) no-repeat; background-size: cover; width: 0.44rem; height: 0.38rem; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .about-container .about-4 .con .text::after { content: ""; width: 0.01rem; height: 100%; background: #999999; position: absolute; top: 0.44rem; left: 0; right: 0; margin: auto; z-index: 0; } .about-container .about-4 .con .item { text-align: right; margin-right: 50%; position: relative; font-size: 0.26rem; padding-right: 0.95rem; padding-left: 0.3rem; } .about-container .about-4 .con .item::before { content: ""; background: url(../images/about/point-icon.png) no-repeat; background-size: cover; width: 0.2rem; height: 0.2rem; position: absolute; top: 0; bottom: 0; right: -0.1rem; margin: auto 0; z-index: 1; } .about-container .about-4 .con .item::after { content: "······"; height: 0.2rem; font-size: 0.16rem; position: absolute; top: 0; bottom: 0; right: 0.3rem; margin: auto; color: #999999; } .about-container .about-4 .con .item > p:nth-child(1) { font-size: 0.3rem; font-weight: bold; } .about-container .about-4 .con .item > p:nth-child(2) { font-size: 0.26rem; color: #000033; } .about-container .about-4 .con .item:nth-child(2n) { text-align: left; margin-right: 0; margin-left: 50%; padding-left: 0.95rem; padding-right: 0.3rem; } .about-container .about-4 .con .item:nth-child(2n)::before { content: ""; background: url(../images/about/point-icon.png) no-repeat; background-size: cover; width: 0.2rem; height: 0.2rem; position: absolute; top: 0; bottom: 0; left: -0.1rem; margin: auto 0; z-index: 1; } .about-container .about-4 .con .item:nth-child(2n)::after { content: "······"; height: 0.2rem; font-size: 0.16rem; position: absolute; top: 0; bottom: 0; left: 0.3rem; margin: auto; color: #999999; } .about-container .about-5 .tit { padding-top: 0.64rem; text-align: center; } .about-container .about-5 .con { padding-top: 0.3rem; } .about-container .about-5 .con .team-container { position: relative; padding-bottom: 0.4rem; } .about-container .about-5 .con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .about-container .about-5 .con .team-box { display: flex; justify-content: space-between; } .about-container .about-5 .con .pic { width: 3.35rem; height: 5.11rem; overflow: hidden; } .about-container .about-5 .con .text { width: 3.35rem; padding: 0.3rem 0; } .about-container .about-5 .con .text-tit { font-size: 0.3rem; font-weight: bold; color: #19306d; } .about-container .about-5 .con .text-con { font-size: 0.24rem; color: #666666; max-height: 1.4rem; line-height: 1.5; padding: 0.1rem 0; overflow: hidden; } .about-container .about-6 { background: url(../images/about/about-bg3.jpg) no-repeat; background-size: cover; } .about-container .about-6 .tit { padding-top: 0.64rem; text-align: center; } .about-container .about-6 .con { padding: 0.3rem; } .about-container .about-6 .con .environment-container { position: relative; padding-bottom: 0.4rem; } .about-container .about-6 .con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .about-container .about-6 .con .environment-box { display: flex; justify-content: space-between; flex-wrap: wrap; } .about-container .about-6 .con .item { width: 3.35rem; } .about-container .about-6 .con .pic { width: 3.35rem; height: 2.24rem; overflow: hidden; } .about-container .about-6 .con .text { padding: 0.18rem 0.08rem; text-align: center; font-size: 0.26rem; color: #666666; } .about-container .about-7 .tit { padding-top: 0.64rem; text-align: center; } .about-container .about-7 .con { padding: 0.3rem 0; } .about-container .about-7 .con .honor-container { position: relative; padding-bottom: 0.4rem; } .about-container .about-7 .con .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .about-container .about-7 .con .honor-box { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0.3rem 0.4rem; } .about-container .about-7 .con .item { width: 2.85rem; } .about-container .about-7 .con .pic { width: 2.85rem; height: 3.4rem; overflow: hidden; display: flex; justify-content: center; align-items: center; } /****** ****** 产品详情 ****** ******/ .product-container .product-1 { padding-bottom: 0.24rem; } .product-container .product-1 .pro-tit { text-align: center; } .product-container .product-1 .pro-tit h2 { font-weight: normal; color: #19306d; padding: 0.4rem 0; } .product-container .product-1 .pro-container { position: relative; padding-bottom: 0.4rem; } .product-container .product-1 .pro-pagination { bottom: 0.6rem; } .product-container .product-1 .swiper-pagination-bullet { background: #19306d !important; width: 0.3rem; height: 0.03rem; border-radius: 0.02rem; } .product-container .product-1 .pic { border: 0.01rem solid #E6E6E6; padding-bottom: 0.8rem; } .product-container .product-1 .pro-text { font-size: 0.3rem; } .product-container .product-1 .pro-text > p { position: relative; padding-left: 0.3rem; line-height: 1.5; } .product-container .product-1 .pro-text > p::before { content: ""; width: 0.04rem; height: 0.04rem; background: #999999; position: absolute; left: 0; top: 40%; } .product-container .product-1 .pro-desc { padding: 0.4rem 0; font-size: 0.28rem; } .product-container .product-1 .desc-tit { padding-bottom: 0.16rem; } .product-container .product-1 .desc-con { line-height: 1.5; text-indent: 0.48rem; } .product-container .product-1 .pro-tel { text-align: center; } .product-container .product-1 .pro-tel a { position: relative; padding-left: 1.2rem; padding-bottom: 0.3rem; display: inline-block; margin: 0 auto; text-align: left; color: #ef7a00; font-size: 0.4rem; font-weight: bold; font-family: "MicrosoftYaHei-Bold"; } .product-container .product-1 .pro-tel a::before { content: ""; background: url(../images/product/tel-icon.png) no-repeat; background-size: cover; width: 1rem; height: 1rem; position: absolute; left: 0; } .product-container .product-1 .pro-tel h1 { line-height: 0.42rem; font-size: 0.6rem; font-family: "Impact"; } .product-container .product-1 .btn { width: 100%; padding: 0.21rem; background: #ef7a00; color: #ffffff; font-size: 0.28rem; text-align: center; border: none; border-radius: 0.1rem; } .product-container .product-2 .pro-tit { text-align: center; } .product-container .product-2 .pro-tit h2 { font-weight: normal; color: #333333; padding: 0.4rem 0; } .product-container .product-2 .con { padding-bottom: 0.88rem; } .product-container .product-2 .con > table { min-height: 0.28rem; text-align: left; border-collapse: collapse; font-size: 0.28rem; } .product-container .product-2 .con > table td { padding: 0.24rem; } .product-container .product-2 .con table, .product-container .product-2 .con table tr th, .product-container .product-2 .con table tr td { border: 1px solid #EBEBEB; } /* 导航 */ .top_box { height: 0.8rem; } .ce_nav { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; overflow: hidden; z-index: 998; } .nav { display: inline-block; width: 40%; height: 100%; background: #fff; z-index: 999; position: fixed; top: 0; right: -1%; transform: translateX(100%); } .nav_in { width: 100%; height: auto; } .nav_in h3 { width: 100%; height: 0.86rem; background: #19306d; font-size: 0.3rem; color: #fff; line-height: 1rem; text-align: center; margin: 0; } .nav_in li { width: 100%; height: 0.8rem; border-bottom: 1px solid #e3e3e3; } .nav_in li a { line-height: normol; padding: 0.22rem 0; display: inline-block; width: 100%; font-size: 0.26rem; text-align: center; color: #333; } .nav_in li a:hover { background: #19306d; color: #fff; } .nav_in li .active a { background: #EB2E2C; color: #fff; } .fadeup { -webkit-animation: fadeInUp 1s 0s both; animation: fadeInUp 1s 0s both; } .fadeup strong { font-weight: 700; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 2rem, 0); transform: translate3d(0, 2rem, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 2rem, 0); transform: translate3d(0, 2rem, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .share { width: 100%; height: 0.6rem; overflow: hidden; position: relative; } .share em, .share-a, .share-a a { display: inline-block; float: left; } .share em { line-height: 0.6rem; color: #808080; font-size: 0.24rem; padding-left: 0; } .share-a a:last-child { background-image: url(../images/weibo.png); background-size: 70% 70%!important; } .share-a a:first-child { background-image: url(../images/weixin.png); background-size: 80% 80%!important; } .share-a a:nth-child(2) { background-image: url(../images/QQ.png); background-size: 80% 80%!important; } .share-a a { width: 0.6rem !important; height: 0.6rem !important; border-radius: 100% !important; overflow: hidden; margin: 0 0.14rem !important; padding-left: 0!important; background-color: #003f8f !important; background-size: cover; background-repeat: no-repeat !important; background-position: center ; } .share-fan { display: inline-block; float: right; margin-right: 0; width: 1.7rem; height: 0.6rem; border-radius: 0.3rem; background: #003f8f !important; text-align: center; line-height: 0.6rem; color: #fff; font-size: 0.22rem; } .product-nav { display: flex; justify-content: space-around; align-items: center; line-height: 0.8rem; border-bottom: 0.01rem solid #e0e0e0; } .product-nav .item { font-size: 0.28rem; } .product-nav .cur { position: relative; } .product-nav .cur::after { content: ""; width: 100%; height: 0.02rem; background: #19306d; color: #ffffff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } /*# sourceMappingURL=./style.css.map */