/*
 * @FilePath: \mobile\css\index.css
 * @Description: 首页样式文件
 * @Author: ZhaoYingxin
 * @Date: 2022-07-07 09:31:28
 * @LastEditors: LiSuwan
 * @LastEditTime: 2022-07-15 17:36:49
 */


/* ================顶部轮播 start=============== */

.main_swiper {
    position: relative;
    overflow: hidden;
}

.main_swiper .mySwiper {
    width: 100%;
    overflow: hidden;
}

.main_swiper .swiper-pagination {
    bottom: 0.3rem !important;
    padding-right: 0.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
}

.main_swiper .TD {
    position: absolute;
    z-index: 10;
    left: 0.25rem;
    right: 0.25rem;
    bottom: 1.56rem;
    max-height: 60%;
}

.main_swiper .TD>h2 {
    font-size: 0.5rem;
    margin-bottom: 0.32rem;
    font-family: "OPPOSans-B";
    color: #fafdf7;
    font-weight: 500;
}

.main_swiper .TD>p {
    font-size: 0.2rem;
    line-height: 0.34rem;
    color: #fff;
    font-family: "OPPOSans-R";
}

.main_swiper .learnMore {
    width: 2rem;
    height: 0.6rem;
    border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    -ms-border-radius: 0.06rem;
    -o-border-radius: 0.06rem;
    background-color: #82be47;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    color: #fff;
    position: absolute;
    left: 0.25rem;
    bottom: 0.52rem;
    z-index: 10;
}

.main_swiper .learnMore>img {
    width: 0.12rem;
    height: 0.18rem;
    margin-left: 0.2rem;
}

.swiper-slide a {
    display: block;
}

.main_swiper .swiper-pagination-bullet {
    border-radius: 0rem;
    width: 0.56rem;
    height: 0.06rem;
    background: url(../images/index_banner_pagination_default.png) 50% 50% no-repeat;
    background-size: cover;
}

.main_swiper .swiper-pagination-bullet-active {
    background: url(../images/index_banner_pagination_active.png) 50% 50% no-repeat;
    background-size: cover;
}


/* ================顶部轮播 end=============== */


/* ================产品 start================ */

.product {
    height: 8.76rem;
    background-color: #fff;
    background-position: 0px -0.5rem;
}

.product .index_t {
    color: #333;
}

.product .index_d {
    color: #656566;
}

.index_t {
    font-size: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-weight: bold;
    margin: 0.8rem 0px 0.3rem;
    text-align: center;
}

.index_d {
    font-size: 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
}

.product_productList {
    height: 6rem;
    width: 100%;
    background: url(../images/product_productList_bg3.png) 50% 50% no-repeat;
    background-size: contain;
    margin-top: 0.5rem;
    transform: scale(0.95);
}


/* ====== 右侧产品 start ====== */

.product_productList>div {
    position: absolute;
    width: 50%;
    overflow: hidden;
}

.product_productPosition {
    display: block;
    /*overflow: hidden;*/
    position: relative;
}

.product_productPosition p {
    width: 2.07rem;
    height: 0.5rem;
    background: url(../images/product_productList_context.png) 50% 50% no-repeat;
    text-align: center;
    color: #007fff;
    font-size: 0.24rem;
    line-height: 0.5rem;
    font-family: "Repair-Bold";
    background-size: cover;
}
.product_productPosition a{
    display: inline-block;
}
.product_productPosition p a{
    color: inherit;
    width: 100%;
    height: 100%;
}



.product_productPosition img {
    width: auto;
    height: 1.25rem;
    display: inline-block;
}
.product_productPosition.product_product6 img {
    height: 0.83rem;
}


.product_productPosition.product_product1 img,
.product_productPosition.product_product9 img,
.product_productPosition.product_product8 img,
.product_productPosition.product_product2 img,
.product_productPosition.product_product4 img {
    height: 0.75rem;
}

.product_productPosition.product_product5 img,
.product_productPosition.product_product7 img {
    height: 0.8rem;
}

.product_productPosition.product_product3 img {
    height: 0.83rem;
}








.product_product1 p {
    position: relative;
    top: 0rem;
}
.product_product3 p,
.product_product5 p {
    position: relative;
    top: -0.3rem;
    left:-0.3rem
}

.product_product5 {
    left: 2.1rem;
    top: 0rem;
}


.product_product3 {
    left: 0.8rem;
    top: -0.4rem;
}


/* ====== 右侧产品 end ====== */

.product_productList .fl {
    text-align: right;
    z-index: 100;
}

.product_product2 {
    top: -0.85rem;
    right: 2.5rem;
    z-index: 22;
}



.product_product4 {
    right: 1.65rem;
    top: 0.2rem;
    z-index: 21;
}

.product_product6 p {
    position: relative;
    top: -1rem;
    left: 1rem
}


.product_product4 p {
    position: relative;
    top: -0.8rem;
    left: 1.2rem;
}
.product_product2 p {
    position: relative;
    top: 1.2rem;
    left: 2.2rem;
}


.product_product6 {
    left: -0.63rem;
    top: 0.85rem;
    z-index: 20;
}
.product_product7 {
    top: -1.3rem;
    right: 1.05rem;
    z-index: 10;
}
.product_product8 p,
.product_product7 p {
    position: relative;
    top: 1.3rem;
    left: 1.5rem;
}
.product_product8 {
    top: -1.85rem;
    right: -0rem;
    z-index: 9;
}

.product_product9 {
    top: 0.5rem;
    left: 0.5rem;
}
.product_product1 {
    top: -0.1rem;
    left: 1.6rem;
}



/* ====== 左侧产品 start ====== */


/* ====== 左侧产品 end ====== */


/* ===============产品 end================= */


/* ==============方案 start============= */

.solution {
    height: 12.78rem;
    background: url("../images/solution_bg.png") no-repeat center/cover;
    padding: 0px 0.25rem;
    overflow: hidden;
    padding-bottom: 0.5rem;
}

.solution .index_t {
    color: #fff;
}

.solution .index_d {
    color: #bdc5ea;
}

.solution>div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 9.5rem;
    margin-top: 0.6rem;
}

.solution>div .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48.5%;
    padding-bottom: 0.2rem;
    border: 1px solid #5481ed;
    background-color: rgba(65, 129, 252, 0.5);
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -ms-border-radius: 0.08rem;
    -o-border-radius: 0.08rem;
    margin-bottom: 0.3rem;
    overflow: hidden;
    box-sizing: border-box;
}

.solution>div .item>img {
    height: 2.04rem;
    margin-top: 0.34rem;
    margin-bottom: 0.36rem;
}

.solution>div .item>h4 {
    font-size: 0.32rem;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #fff;
    position: relative;
    margin-bottom: 0.64rem;
}

.solution>div .item>h4::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -0.3rem;
    width: 0.5rem;
    height: 0.03rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.solution>div .item>h6 {
    font-size: 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    color: #fff;
    margin-bottom: 0.2rem;
}

.solution>div .item>p {
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    line-height: 0.28rem;
}


/* ==============方案 end============= */


/* =============合作伙伴 start=============== */

.partner {
    height: 9.02rem;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 1.1rem 0.25rem 0;
}

.partner .p_lr_24 {
    box-sizing: border-box;
    padding: 0px 0.24rem;
}


/* .partner .p_lr_34{
  box-sizing: border-box;
  padding: 0px 0.34rem;
} */

.partner .mt_-20 {
    margin-top: -0.2rem;
}

.partner .partner1 {
    width: 2.43rem;
    height: 2.25rem;
    background: url("../images/partner.png") no-repeat center/cover;
    position: absolute;
    top: 2.4rem;
    left: 0px;
    right: 0px;
    margin: auto;
    box-sizing: border-box;
    padding-top: 0.6rem;
    overflow: hidden;
    cursor: pointer;
}

.partner .partner1>p {
    display: flex;
    justify-content: center;
}

.partner .partner1 .num {
    font-size: 0.72rem;
    height: 0.72rem;
    font-weight: bold;
    color: #2580ff;
    align-items: center;
    margin-bottom: 0.2rem;
}

.partner .partner1 .num sup {
    margin-top: -0.36rem;
}

.partner .partner1 .txt {
    font-size: 0.26rem;
    height: 0.26rem;
    line-height: 0.26rem;
    font-weight: bold;
    color: #1a1a1a;
}

.partner .logos_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partner .logo_wrap {
    /*对角线162px*/
    width: 1.1455rem;
    height: 1.1455rem;
    background-color: #fff;
    box-shadow: 0 0 0.4rem#e8f2fc;
    cursor: pointer;
    /*position: absolute;
  */
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    -ms-border-radius: 0.06rem;
    -o-border-radius: 0.06rem;
}

.partner .logo_wrap>img {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    max-width: 80%;
}


/* =============合作伙伴 end=============== */


/* ============为什么 start================ */

.why {
    height: 7.5rem;
    background: url("../images/why_bg.png") no-repeat center/cover;
}

.why .index_t {
    color: #333;
}

.why .index_d {
    color: #666;
}

.why>div {
    padding-top: 1.3rem;
    padding-left: 0.25rem;
    padding-bottom: 0.3rem;
    max-width: 100%;
    overflow-x: auto;
    display: flex;
    /* min-height: 3.64rem; */
    max-height: 4.2rem;
}

.why>div::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.why>div .block {
    flex-shrink: 0;
    margin-right: 0.3rem;
    background-color: #fff;
    width: 6.6rem;
    box-shadow: 0.15rem 0px 0.3rem rgba(173, 186, 206, 0.3);
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -ms-border-radius: 0.08rem;
    -o-border-radius: 0.08rem;
    position: relative;
    box-sizing: border-box;
    padding: 1rem 0.4rem 0.36rem;
}

.why>div .block .logo {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    position: absolute;
    left: 0.4rem;
    top: -0.65rem;
}

.why>div .block .logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.why>div .block>h6 {
    font-size: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #323333;
    margin-bottom: 0.3rem;
}

.why>div .block>p {
    color: #656566;
    font-size: 0.24rem;
    line-height: 0.4rem;
    height: 1.65rem;
    overflow-y: auto;
}


/* ============为什么 end================ */


/* ============客户赠言 start============== */

.advice {
    height: 7.78rem;
    background-color: #fff;
    overflow: hidden;
}

.advice .index_t {
    color: #333;
}

.advice .index_d {
    color: #666;
}

.advice .advice_swiper {
    margin: 0.6rem 0.25rem 0px;
}

.advice .advice_swiper .swiper-slide {
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -ms-border-radius: 0.08rem;
    -o-border-radius: 0.08rem;
    overflow: hidden;
}

.advice .advice_swiper video {
    width: 100%;
    height: 3.94rem;
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -ms-border-radius: 0.08rem;
    -o-border-radius: 0.08rem;
}

.swiper-pagination1 {
    margin-top: 0.3rem;
    display: flex;
    justify-content: center;
}

.swiper-pagination1 .swiper-pagination-bullet {
    background-color: #e0e3e8;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 0.04rem;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    -ms-border-radius: 0.04rem;
    -o-border-radius: 0.04rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-right: 0.2rem;
}

.swiper-pagination1 .swiper-pagination-bullet-active {
    background-color: #007fff;
}

.advice_swiperVideo {
    width: 100%;
    height: 3.94rem;
    border-radius: 0.1rem;
    position: relative;
}

.advice_swiperVideo img {
    width: 100%;
    height: 100%;
    border-radius: 0.1rem;
}

.advice_swiperVideo img.advice_swiperPlay {
    cursor: pointer;
    position: absolute;
    bottom: 0.3rem;
    right: 0.3rem;
    border-radius: 50%;
    width: 0.68rem;
    height: 0.68rem;
}


/* ============客户赠言 end============== */


/* ==============新闻中心 start============= */

.news {
    background-color: #f7f9fb;
    box-sizing: border-box;
    padding: 0px 0.25rem;
    overflow: hidden;
    padding-bottom: 0.5rem;
}

.news .index_t {
    color: #333;
}

.news .index_d {
    color: #666;
}

.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.8rem;
    margin-bottom: 0.5rem;
}

.top .td .index_t,
.top .td .index_d {
    text-align: left;
    margin-top: 0px;
}

.news .top .tab {
    font-size: 0.28rem;
    color: #656566;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0.4rem;
}

.news .top .tab>span {
    margin-bottom: 0.2rem;
}

.news .top .tab .under_line {
    width: 0.5rem;
    height: 0.02rem;
    background-color: #fff;
}

.news .top .active {
    color: #007fff;
}

.news .top .active .under_line {
    background-color: #007fff;
}

.news .news_swiper {
    display: none;
}

.news .news_swiper .swiper-slide {
    height: 7.5rem;
    background-color: #fff;
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -ms-border-radius: 0.08rem;
    -o-border-radius: 0.08rem;
    overflow: hidden;
}

.news .news_swiper .swiper-slide>img {
    height: 3.85rem;
}

.news .news_swiper .swiper-slide .info {
    box-sizing: border-box;
    padding: 0.38rem 0.4rem;
}

.news .news_swiper .swiper-slide .time {
    margin-bottom: 0.4rem;
    height: 0.36rem;
    display: flex;
    align-items: flex-end;
}

.news .news_swiper .swiper-slide .time .d {
    font-size: 0.48rem;
    line-height: 0.36rem;
    font-weight: bold;
    color: #181818;
    margin-right: 0.26rem;
}

.news .news_swiper .swiper-slide .time .ym {
    font-size: 0.24rem;
    font-weight: bold;
    color: #cecece;
}

.news .news_swiper .swiper-slide .line {
    margin-bottom: 0.4rem;
    width: 0.8rem;
    height: 0.03rem;
    background-color: #79b53d;
}

.news .news_swiper .swiper-slide .info>h6 {
    font-size: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #333;
    margin-bottom: 0.22rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.news .news_swiper .swiper-slide .paragraph {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #b0b0b0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}


/* ==============新闻中心 end============= */


/* ============报告下载 start============== */

.report {
    height: 16.22rem;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0px 0.25rem;
    overflow: hidden;
}

.report .index_t {
    color: #333;
}

.report .index_d {
    color: #666;
}

.report .top .more_download {
    display: flex;
    align-items: center;
}

.report .top .more_download a {
    font-size: 0.28rem;
    color: #007fff;
    margin-right: 0.2rem;
}

.report .top .more_download img {
    width: 0.1rem;
    height: 0.13rem;
}

.report .report_swiper .swiper-slide {
    height: 12.3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.report .report_swiper .swiper-slide .item {
    display: block;
    width: 48%;
    height: 6rem;
    box-shadow: 0.15rem 0px 0.3rem rgba(166, 166, 166, .3);
    margin-bottom: 0.3rem;
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -ms-border-radius: 0.08rem;
    -o-border-radius: 0.08rem;
    overflow: hidden;
}

.report .report_swiper .swiper-slide .item>img {
    height: 4.06rem;
}

.report .report_swiper .swiper-slide .item>h6 {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #323333;
    margin-top: 0.23rem;
    padding: 0px 0.32rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    height: 0.76rem;
}

.report .report_swiper .swiper-slide .item .download {
    height: 0.4rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007fff;
    font-size: 0.24rem;
}

.report .report_swiper .swiper-slide .item .download>img {
    margin-right: 0.2rem;
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 0px;
}


/* ============报告下载 end=============