@charset "UTF-8";
.ft16{color: #666666;}
.mt60{margin-top: .6rem;}
.mt40{margin-top: .4rem;}
.mt100{margin-top: 1rem;}
.banner { margin-top: .85rem; }
img.show_mo{display: none;}
.dft_1600 { max-width: 1600px; margin-left: auto; margin-right: auto; width: 100%;}
.dft_1280 { max-width: 1280px; margin-left: auto; margin-right: auto; width: 100%;}
.dft_1530 { max-width: 1530px; margin-left: auto; margin-right: auto; width: 100%;}
.icon_arrow { font-size: .18rem; margin: .2rem 0 0; transform: scale(1); }
.icon_arrow::after { font-size: .1rem; display: inline-block; margin-left: .1rem; }
h2 { font-size: .42rem; font-weight: 600; line-height: .63rem; }


/* banner */
.banner_text { max-width: 778px; }
.banner h1 {font-size: .52rem;color: #000; letter-spacing: -1px;}
.banner_cont {max-width: 695px;}
.banner_desc {margin: .4rem 0;font-size: .18rem;color: #000;}
.banner_btn {font-size: .16rem;text-align: left;}
.banner_btn .dft_btn {min-width: 160px;display: inline-block;padding: 0.16rem 0.6rem;font-size: .26rem;font-weight: 600;margin-bottom: .2rem;}
.banner_text span {font-size: .16rem;color: #666666;}
.banner_images {position: absolute;right: -4%;top: 12%;}
.dsn { display: none; }

/* content1 */
.content1 { background: #fff url(../use-cases/img/content1_bgimg.png) top center no-repeat; padding: 1.1rem 0 0.8rem;}
.content1_top { max-width: 1025px; width: 100%; margin: 0 auto; text-align: center; }
.content1_top h2 { margin: .2rem auto .3rem; }
.content1_top p { font-size: .18rem;}
.content1_bottom { max-width: 1220px; width: 100%; margin: 0.6rem auto 0; text-align: center; }
.content1_tab { margin-bottom: .65rem; }
.content1_tab li { display: inline-block; max-width: 4rem; width: 100%; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 10px; padding: .2rem 0; font-size: .24rem; color: #666; cursor: pointer; }
.content1_tab li img { vertical-align: middle; }
.content1_tab li.active { background-color: #3BBA54; border: 1px solid #3BBA54; color: #fff; position: relative; }
.content1_tab li.active::after { content: ""; display: block; zoom: 1; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #3BBA54; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); }
.content1_tab li:nth-child(2) { margin: 0 .1rem; }
.content1_main { position: relative; display: none; }
.content1_main .icon_arrow { font-size: 16px; }
.content1_main .icon_arrow:hover::after { transform: translateX(0.1rem); transition: all .5s ease-in-out; }
.content1_main .icon_arrow span { font-family: "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; line-height: 1.5; font-size: inherit; }
.content1_main .content1_img { position: absolute; right: 0; top: 0; }
.content1_main.show { display: block; }
.content1_text,.content1_text p { max-width: 5.57rem; text-align: left; }
.cont_width { max-width: 6.4rem; }
.content1_text h3 { font-size: .32rem; font-weight: 600; margin-bottom: .3rem; }

/* content2 */
.content2_main { position: relative; }
.content2_main::after { content: ""; display: block; clear: both;}
.content2_main .content2_img { position: absolute; left: 0; top: 2%; }
.content2_text { max-width: 6.4rem; text-align: left; float: right; padding: 0 0 .1rem; }
.content2_text h2 { margin: .2rem auto; }
.content2_text p { font-size: .18rem; }

/* content3 */
.content3 { background-color: #FBFBFC; width: 100%; padding: .65rem 0 .4rem;}
.content3_main { position: relative; }
.content3_main h4 { margin: .2rem auto; font-size: .2rem; font-weight: 600; }
.content3_main .icon_arrow { margin: 0; font-size: 16px;}
.content3_main .icon_arrow span { font-family: "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; line-height: 1.5; font-size: inherit; }
.content3_main .icon_arrow:hover::after { transform: translateX(0.1rem); transition: all .5s ease-in-out; }
.content3_tab1, .content3_tab2 { position: relative; display: inline-block; box-sizing: border-box; max-width: 6rem; width: 100%; border-radius: 20px; background-color: #fff; box-shadow: 0 0 5px rgba(209, 209, 209, 0.25); vertical-align: text-top; padding: .6rem 0; text-align: center; }
.content3_tab1 { margin-right: .7rem; }
.content3_tab1>img, .content3_tab2>img { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }
.content3_text1, .content3_text2 { max-width: 5.8rem; margin: 0 auto; } 
.content3_text1 p, .content3_text2 p { max-width: 5.14rem; margin: 0 auto .1rem;}

/* content4 */
.content4_main { position: relative; }
.content4_main::after { content: ""; display: block; clear: both;}
.content4_main .content4_img { position: absolute; right: 0; top: 0; }
.content4_text { max-width: 5.8rem; text-align: left; padding: .24rem 0; }
.content4_text h2 { margin: .2rem auto; }
.content4_text p { font-size: .18rem; }

/* content5 */
.content5 { background: #fff url(../use-cases/img/content5_bgimg.png) top center no-repeat; padding: .8rem 0; }
.content5_main { position: relative; }
.content5_main::after { content: ""; display: block; clear: both;}
.content5_main .content5_img { position: absolute; left: 0; top: 0; transform: translateY(-5%); }
.content5_text { max-width: 5.8rem; text-align: left; float: right;}
.content5_text h2 { margin: .2rem auto; }
.content5_text p { font-size: .16rem; }

.content6 { margin-top: 1rem; padding: .2rem 0; text-align: center;}
.content6 img { display: block; margin: 0 auto;}
.content6 h1 { width: 100%; max-width: 1010px; font-weight: 700; font-size: .4rem; text-align: center; margin: .4rem auto .35rem auto;}
.content6 .dft_btn { min-width: 160px; display: inline-block; padding: 0.16rem 0.6rem; font-size: .26rem; font-weight: 600; margin: 0 auto;}
.content6 p { margin-top: .2rem; font-size: .16rem; color: #666;}

@media screen and (max-width: 1550px) {
    .banner_images { right: 10px; }
}

@media screen and (max-width: 1440px) {
    .banner_text { margin-left: 10px; }
    .banner_images { right: 10px; }
}

@media screen and (max-width: 1400px) {
    .banner_text { margin-left: 0;}
    .banner_images { width: 38%; right: 3%; top: 22%; }
    .dft_1280 { width: 94%; padding: 0 3%; }
    .dft_1530 { width: 94%; padding: .9rem 3%; }
    .dft_1530 .dft_1280 { width: 100%; padding: 0; }
    .dft_1600 { width: 94%; padding: 1.1rem 3% .8rem; }
    .content1_img, .content2_img, .content4_img, .content5_img { width: 45%; }
    .content1_tab li { max-width: 30%; padding: .2rem 0; }
    .content3_tab1, .content3_tab2 { margin: 0 1%; width: 47.5%; }
    .content3_main h4 { max-width: 3.6rem; }
}

@media screen and (max-width: 1250px) {
    .content1 { background: #f7fcf8; }
    .banner_images { position: inherit; margin: 0 auto; width: 90%; max-width: 635px; right: 0; }
    .banner_images img {margin-bottom: 0.3rem;}
    .banner_text { max-width: 90%; margin: 0.3rem auto; text-align: center; }
    .banner_cont { max-width: 100%; margin: 0 auto;}
    .banner_btn { text-align: center; }
    .banner_text span { margin: 0 auto; }
    .content1_main .content1_img { position: inherit; margin: 0 auto; width: 90%; max-width: 600px; right: 0; }
    .content2_main .content2_img { position: inherit; margin: 0 auto; width: 90%; max-width: 582px; right: 0; }
    .content2_text,.content4_text { float: none; max-width: 90%; text-align: center; margin: 0 auto; padding: .5rem 0 0;}
    .content3_text1, .content3_text2 { max-width: 94%; }
    .content4_main .content4_img { position: inherit; margin: 0 auto; width: 90%; max-width: 6.31rem;}
    .content5_main .content5_img { position: inherit; margin: 0 auto; width: 90%; max-width: 5.87rem;}
    .content5 { background: #f9faff; padding: .9rem 0 .4rem; }
    .content5_text, .content1_text { float: none; max-width: 90%; text-align: center; margin: 0 auto; padding-top: .5rem; }
    .content1_text p { max-width: 100%; text-align: center; }
}
@media screen and (max-width: 980px) {
    .banner_images { width: 80%; }
    .dft_1600 { width: 90%; padding: 1.1rem 5% .8rem; }
    .dft_1280 { width: 90%; padding: 0 5%; }
    .content1_tab li { font-size: .2rem; }
    .content1_tab li img { display: none; }
    .content3_tab1, .content3_tab2 { max-width: 100%; width: 100%; margin: 0 auto; }
    .content3_tab1 { margin-bottom: .7rem; }
    .content3_main h4 { max-width: 90%; }
    .content3_text1, .content3_text2 { max-width: 100%; }
    .content3_text1 p, .content3_text2 p { max-width: 90%; margin: 0 auto; }
}
@media screen and (max-width: 750px) {
    .content1_top { width: 90%; }
    /* .content2_text>img { width: 4rem; } */
    .content3_main h4 { font-size: .36rem; }
    .content3_text1 p, .content3_text2 p { font-size: .28rem; }
    /* .content4_text>img { width: 4rem; } */
    .content5 { padding: .7rem 0; }
    /* .content5_text>img { width: 3.75rem; } */
    .mt100,.content6 { margin-top: .7rem; }
    .banner_desc { font-size: .32rem; margin: .3rem 0 .4rem; }
    .banner_btn .dft_btn, .guide p { font-size: .3rem;}
    .content1_tab li { max-width: 32%; padding: .2rem 0; }
    .content6 p { font-size: 14px; margin-left: 0; }
    .content6 img { width: 50%; }
    .banner_text span { font-size: 14px; max-width: 100%; }
    .dft_1600 { padding: .7rem 5%; }
    .content1_top p { font-size: .32rem; }
    .content1_text p, .content2_text p, .content4_text p, .content5_text p { font-size: .3rem; }
    .icon_arrow, .content3_main .icon_arrow { font-size: .28rem; }
} 

@media screen and (max-width: 468px) {
    .content3_tab1>img, .content3_tab2>img { width: 45%; }
    .content3_text1 img, .content3_text2 img { width: 85%; }
}