h2{font-size: 0.42rem;color: #151518;}
h3{font-size: .3rem;color: #000;}
video{max-width: 100%;}

/* header */
#header{box-shadow: none;position: relative;background: #0B0F16;border-bottom: none;}
.sub_nav_list li a{vertical-align: bottom; padding: 8.5px 0 4.5px; text-decoration: none;font-size: 14px;color: #ccc;margin: 0px 0 0 0px;}
.sub_nav_list li a:hover{color: #ffffff;}
.sub_nav_list .haschilren .slidebox{background: #2F2F2F;}
.haschilren .slidebox a{color: #ccc;overflow: hidden;border-radius: .1rem;}
.haschilren .slidebox a img { position: relative; transform: translateX(-280px); filter: drop-shadow(#D8D8D8 280px 0);}
.haschilren .slidebox a:hover { color: #ffffff; border-radius: 0.1rem; background: linear-gradient(270deg, #BF37FF 0%, #42C6FF 100%)}
.sub_nav_cont .sub_nav_os{display: inline-block;vertical-align: sub;font-size: 20px;color: #ccc;text-decoration: none;}
.sub_nav_os .icon_m::after,
.sub_nav_os .icon_w::after{content: ""; display: inline-block; font-family: "iconfont"; font-size: 14px; color: #ccc;}
.sub_nav_os .icon_m::after{content: "\eabf";}
.sub_nav_os .icon_w::after{content: "\eac2";}
.sub_nav_os .icon_i::after{transform: translateY(2px);display: inline-block;}
.sub_nav_list{float: right;}
.sub_nav_os .icon_m,
.sub_nav_os .icon_i,
.sub_nav_os .icon_w{margin: 0 5px;line-height: 16px; display: inline-block;vertical-align: middle;box-sizing: border-box; width: 24px;text-align: center;height: 24px; border-radius: 50%;border: 1px solid #ccc;}
.sub_navm_top h2 a{color: #ccc;}
.sub_navm_list{background: #2F2F2F;}
.sub_navm_list li{color: #ccc;border-bottom: 1px solid #222;}
.sub_navm li>a:hover{color: #ffffff;}
.sub_navm_arrow::after{color: #ffffff;}

/* 2024/11/11 */
.sub_ad_cont {
    display: flex;
    align-items: center;
}
.sub_ad{position: sticky;text-align: center;padding: 0 .2rem;z-index: 8; top: 0rem;background: #FFBA53;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.sub_ad p{display: inline-block;vertical-align: middle;color: #392200;
  font-size: 16px;text-align: center;
  transform: translateY(2px);margin: .1rem auto;
  margin-top: 0;
  font-weight: 600;
}
.sub_ad img{vertical-align: middle;}
.sub_ad .sub_ad_buton{cursor: pointer; display: inline-block;vertical-align: middle;text-align: center;text-decoration: none;color: #593500;
  font-size: 14px;margin: .1rem .23rem;
  font-weight: 600;border-radius: 4.273px;width: 118px;
  height: 32px;
  line-height: 32px;
  background: #FFF0D9;
  }
/* banner */
.banner {text-align: center; }
.banner h1 { font-size: .46rem; font-weight: 600; color: #f5f5f5; max-width: 1120px; width: 100%; margin: .4rem auto 0; }

.banner ul{display: inline-block;height: 1rem;overflow: hidden;vertical-align: middle;text-align: right;}
.banner .special_font { font-size: .58rem; font-weight: 700;}
.special_font::after{content: "|";display: inline;animation: blink 1s infinite;font-weight: 400;}
@keyframes blink {0% {opacity: 1; }50% { opacity: 0;  }100% {opacity: 1}}
.special_font.red{color: var(--logo-, #30F3FF);}
.special_font.green{color: #71A1FF;}
.banner p { font-size: .2rem; color: #e6e6e6; max-width: 1000px; width: 100%; margin: 0.12rem auto 0;}
.banner_btns .down_btn { display: inline-block; border-radius: 10px; font-size: 20px; font-weight: 600; color: #fff; text-decoration: none; box-sizing: border-box; max-width: 220px; width: 100%; padding: 15px 0; margin: .4rem .1rem .1rem; background: linear-gradient(270deg, #BF37FF 0%, #42C6FF 100%);overflow: hidden;}
.banner_btns .down_btn svg,.banner_btns .buy_btn svg{display: inline-block;vertical-align: middle;margin-left: 5px;}
.banner_btns .buy_btn { display: inline-block; border: 2px solid #FFF;  border-radius: 10px; font-size: 20px; font-weight: 600; color: #fff; text-decoration: none; box-sizing: border-box; max-width: 220px; width: 100%; padding: 13px 0;  margin: .4rem .1rem .1rem; overflow: hidden;}
.banner_btns>a> svg{transform: translateY(-1px);}
.banner_btns em { font-style: normal; color: #707070; font-size: 14px; display: block; }

.banner_btns .down_btn span::after{
    content: '무료 다운로드';
    display: block;
    width: 100%;
    position: absolute;
    left: -11px;
    bottom: 0px;
    transform: translateY(39px);
    -webkit-transform: translateY(39px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6662 1.5C11.6662 1.22386 11.4423 1 11.1662 1H6.09952C5.82338 1 5.59952 1.22386 5.59952 1.5V8.3C5.59952 8.57614 5.37567 8.8 5.09952 8.8H4.27835C3.8232 8.8 3.60476 9.35868 3.93921 9.6674L8.29372 13.6869C8.48525 13.8637 8.78047 13.8637 8.972 13.6869L13.3265 9.6674C13.661 9.35868 13.4425 8.8 12.9874 8.8H12.1662C11.89 8.8 11.6662 8.57614 11.6662 8.3V1.5Z' fill='white'/%3E%3Cpath d='M3.5 17C3.5 16.4477 3.94772 16 4.5 16H12.5C13.0523 16 13.5 16.4477 13.5 17C13.5 17.5523 13.0523 18 12.5 18H4.5C3.94772 18 3.5 17.5523 3.5 17Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 13%;}
    .banner_btns .buy_btn span::after{
        content: '가격 보기';
        display: block;
        width: 100%;
        position: absolute;
        left: -11px;
        bottom: 0px;
        transform: translateY(39px);
        -webkit-transform: translateY(39px);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.42857 4H16L13.8571 12H3.14286V3H1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='5' cy='16' r='2' fill='white'/%3E%3Ccircle cx='12' cy='16' r='2' fill='white'/%3E%3Cpath d='M3 8H15L14 12H3V8Z' fill='white'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center right 22%;
    }
    .banner_btns .down_btn span,.banner_btns .buy_btn span{display: block;transition: all .6s }
    .banner_btns .down_btn div,.banner_btns .buy_btn div{height: 30px;overflow: hidden;}
    .banner_btns .buy_btn:hover span,.banner_btns .down_btn:hover span {
        transform: translateY(-39px);
    }   
    .banner_text{padding: .8rem 0 .5rem;width: 100%; background:  #000;}     


    .fs_phbox a{ display: inline-block;vertical-align: middle;margin:0.1rem;}
    .fs_phbox img{vertical-align: bottom;height: auto;}
/* content2 */
.content2{padding: 1rem 0 0; background: url(https://www.gemoo-resource.com/focusee/img/content2_bgimg.png) top center no-repeat; background-size: cover; }
.content2 .textbox{max-width: 1160px;margin: 0 auto;text-align: center;}
.content2 p{font-size: .18rem;color: var(--666, #666);text-align: center;margin: 0.2rem auto 0.3rem;}
.slider{margin-top: .6rem;}
.content2 .plate2 {
    padding: 1.67rem 0 1.68rem .72rem;
    max-width: 1200px;
    width: 93%;
    background: linear-gradient(103deg, #EEFEFF 0.36%, #F3ECFF 99.6%);
    box-shadow: 0px 0px 40px 0px rgba(189, 193, 231, 0.85);
    border-radius: .35rem;
    margin: 0 auto 100px;

}
.content2 .plate2 .plate2_imgs {
    position: absolute;
    top: 50%;
    right: 1rem;
    border-radius: 30px;
    overflow: hidden;
    transform: translateY(-50%) scale(1.05);
}
.content2 .plate2 .plate2_imgs video{display: block;}
.content2 .plate2 .plate2_text {
    max-width: 4rem;text-align: left;
}
.plate2{position: sticky;top: 100px;}
.plate2_text p{font-size: 16px;color: var(--666, #666);text-align: left;}
/* .regular{position: sticky;top: 100px;} */
.slider3{z-index: 3;}
.slider4 {opacity: 0;z-index: 1;}
.content2 .plate2.slider4{padding: .2rem 0 .2rem .72rem;margin: 0;}
.plate2_text a{color: var(--logo-, #9E62FF);transition: all .3s ease-in-out;display: block;}
.plate2_text a span{display: inline-block;transition: all .3s ease-in-out;}
.plate2_text a:hover{text-decoration: none;}
.plate2_text a:hover span{transform: translateX(10px);}

/* content3 */
.content3{background:  #000;padding:  0 0 1rem;}
.content3 .block{opacity: 0.3;transition: opacity 0.5s;}
.block{text-align: center;width: 100%;min-height: 70vh;}
.block1{text-align: center;width: 100%;min-height: 70vh;;}
.block1 img:nth-child(1){position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.block1 span{color: #FC7BFF;}
.block1_1{display: block !important;}
.block1_img{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 20%; animation: shake 2s infinite ease-in-out;}
.block_img,.block_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.block4_box{display: flex;max-width: 1360px;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;text-align: center;margin-top: 1.4rem;}
.block4_item{width: 96%;max-width: 6.7rem; box-sizing: border-box; overflow: hidden;}
.block4_item h3{color: #FFF;text-align: center;font-size: 24px;font-weight: 600;}
.block4_item>div>h3 {margin: 0 auto; margin-top: .2rem;  }
.block4_item p{color: #FFF;text-align: center;font-size: 16px;font-weight: 400;max-width: 490px;margin: 0 auto;}
.block4_item.item1{border-radius: 10px;background: transparent;margin-bottom: 0.2rem;}
.block4_item.item2{border-radius: 10px;background: transparent; max-width: 440px; margin-bottom: 0.2rem;}
.block4_item.item3{border-radius: 10px;background: transparent; max-width: 440px; margin-bottom: 0.2rem;}
.block4_item.item4{border-radius: 10px;background: transparent; max-width: 440px; margin-bottom: 0.2rem;}
.block4_item.item5{border-radius: 10px;background: transparent;margin-bottom: 0.2rem; position: relative;}
.block4_item.item6{border-radius: 10px;background: transparent; max-width: 440px; margin-bottom: 0.2rem;}
.block4_item.item7{border-radius: 10px;background: transparent; max-width: 440px; margin-bottom: 0.2rem;}
.block4_item.item8{border-radius: 10px;background: transparent; max-width: 440px; margin-bottom: 0.2rem;}
.block4_item.item9{border-radius: 10px;background: transparent; max-width: 440px;}
.block4_item.item10{border-radius: 10px;background: transparent; max-width: 440px;}
.block4_item.item11{border-radius: 10px;background: transparent; max-width: 440px;}
.block4_item>div{width: 100%;max-width: 6.7rem;padding: 0.64rem .3rem; box-sizing: border-box; height: 100%; position: relative;}
.block4_item.item1>div{border-radius: 10px;background: #00D1C1;}
.block4_item.item2>div{border-radius: 10px;background: #2765DC; max-width: 440px;}
.block4_item.item3>div{border-radius: 10px;background: #663EBB; max-width: 440px;}
.block4_item.item4>div{border-radius: 10px;background: #322C79; max-width: 440px;}
.block4_item.item5>div{border-radius: 10px;background: #24A1E7; position: relative;}
.block4_item.item6>div{border-radius: 10px;background: #663EBB; max-width: 440px;}
.block4_item.item7>div{border-radius: 10px;background: #2765DC; max-width: 440px;}
.block4_item.item8>div{border-radius: 10px;background: #6A70F9; max-width: 440px;}
.block4_item.item9>div{border-radius: 10px;background: #6A70F9; max-width: 440px;}
.block4_item.item10>div{border-radius: 10px;background: #2765DC; max-width: 440px;}
.block4_item.item11>div{border-radius: 10px;background: #663EBB; max-width: 440px;}
.new_icon { position: absolute; left: -12px; top: 15px; }

.block4_item .cont4_text {display: flex; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; opacity: 0; z-index: -1; transition: .39s ease-in-out; border-radius: 10px;}
.block4_item .cont4_text>div {display: flex;flex-flow: column; align-items: center; justify-content: center; transform: translateY(100%); transition: all .6s ease-in-out; width: 85%; margin: 0 auto; }
.block4_item img, .block4_item>div>h3 { opacity: 1; transition: all .5s ease-in-out; }
/* .block4_item div { transform: rotateY(0deg); transition: all .4s ease-in-out; } */
/* .block4_item:hover div { transform: rotateY(180deg); transition: all .6s ease-in-out; }
.block4_item:hover img, .block4_item:hover>div>h3 { opacity: 0; transition: all .3s ease-in-out; } */
.block4_item:hover .cont4_text { opacity: 1; z-index: 1; }
.block4_item:hover img, .block4_item:hover>div>h3 { opacity: 0; transform: translateY(-2rem); transition: all .5s ease-in-out; }
.block4_item:hover .cont4_text>div { transform: translateY(0%); transition: all .6s ease-in-out; }

/* content4 */
.content4{background: linear-gradient(90deg, #FFFBEC 0%, #FFF9EF 100%);padding: 1rem 0;}
.content4 h2{text-align: center;}
.section4_left{margin-top: 45px;}
.section4_left_items, .section4s_left_items { cursor: pointer; margin-bottom: .45rem;}
.section4_left_items .section4_left_icon{display: inline-block;vertical-align: bottom;width: 30px;}
.section4s_left_items .section4s_left_icon{display: inline-block;vertical-align: bottom;width: 40px;}
.section4_left_items .section_left_h, .section4s_left_items .section_left_h{display: inline-block;margin-left: 10px;}
.block3_main_left{ width: 324px; height: 330px; margin: 30px 0 0 40px; background-color: #EBF8F7; border-radius: 20px; position: relative; overflow: hidden; /* clip-path: polygon(60% 0, 100% 100%, 0% 100%, 0 0);*/ } 
.block3_left_imgs{ position: absolute; top: 0; left: 0;}
.block3_main_line{ width: 3px; height: 100%; background: #1C1C1C; position: absolute; top: 0; left: 60px; z-index: 2;}
.block3_main_line .click_effect{right: 7px; top: 65px; bottom: auto;}
.block3_main_left_wrap{width:320px; height:330px; position: relative; background: url(https://www.gemoo-resource.com/tools/screen-recorder/img/section2_block3_img.png) no-repeat;}
.block3_left_imgs1{width:300px; height:330px; background: url(https://www.gemoo-resource.com/tools/screen-recorder/img/section2_block3_img2.png) right no-repeat; position: absolute; left:60px; top: 0;}
.block3_main_right{ position: absolute; right: 80px;top: 50px;}


.scroll_bar{ width:44px; height:180px; background: url(https://www.gemoo-resource.com/tools/screen-recorder/img/block3_right_line_background.png) no-repeat; position: absolute; right: -45px; top: 20px;}
.block3_right_bar{ width: 24px; height: 24px; display: block; border-radius: 100%; background-color: #fff; position: absolute; right: 10px; top: 8px; }
/* animation:bar 3s ease-in-out infinite alternate; */
.block3_right_bar::after{ content: ""; width: 12px; height: 12px; display: block; border-radius: 100%; background-color: #3BBA54; position: absolute; top: 6px; right: 6px;}

/* .block3_right_imgs{ animation:grayscaleAn 3s ease-in-out;transition: all 0.3s ease-in;} */
.block3_right_imgs{filter: grayscale(0); transition: filter 0.3s ease-in;}
.block3_right_imgs1 { filter: grayscale(0.33) }
.block3_right_imgs2 { filter: grayscale(0.66) }
.block3_right_imgs3 { filter: grayscale(1) }
@keyframes bar{
	0%{top: 0;}
	90%,100%{ top: 150px;}
}

@keyframes grayscaleAn{
	0%{filter: grayscale(0);}
	
	90%,100%{filter: grayscale(100%);}
}

.section4s { margin-top: 1.2rem; }
.section4>p,.section4s>p{ max-width: 1020px; margin: 0 auto;}
.section4_main, .section4s_main { margin-top: 50px; max-width: 12rem; margin: 0.83rem auto 0;}
.section4s_main {height: 4.5rem; padding: .26rem .6rem; }
.section4_left { max-width: 5.4rem;}
.section4s_left { max-width: 5.4rem; margin: .8rem auto; }
.section4_left_items h4,.section4s_left_items h4{ font-size: .2rem; font-weight: 600;}
.section4_left_items p,.section4s_left_items p{ margin-top: .15rem; font-size: .16rem; display: none;}
/* .section4_left_items img,.section4s_left_items img{ margin-top: .4rem; display: none;} */
.section4_left_items img{ margin-top: .1rem; display: none;}
.section4s_left_items img { display: none; }
.section4s_title2 { margin-bottom: .3rem; }
.section4s_left_items_active1 .section4s_title2 { margin-bottom: 0; }
.section4s_icon1 { padding: .28rem 0 0 .3rem; }
.section4s_icon2 { padding: .6rem 0 0 .3rem; }
.section4s_icon3 { padding: .3rem 0 0 .3rem; }

.section4_item_line,.section4s_item_line{ margin-top: 0.2rem;margin-bottom: -10px; position: relative;}
.section4_left_items_active .section4_item_line,.section4_left_items_active .section4s_item_line{background: #F2EEE0;}
.section4_item_line .line_progress,.section4s_item_line .line_progress{ width: 0%; height: 3px; display:block; border-radius: 5px; background: var(--logo-, #9E62FF) ;overflow: hidden;opacity: 1;}

.section4s_left_items_active { background-color: #fff; border: 3px solid #2C67FF; border-radius: 20px; padding: 0 0.4rem .3rem 0; }
.section4s_left_items_active1 { background-color: #fff; border: 3px solid #2C67FF; border-radius: 20px; padding: 0 0.4rem .3rem 0; margin-top: .38rem; }
.section4s_left_items_active .section4s_icon1,.section4s_left_items_active1 .section4s_icon2,.section4s_left_items_active2 .section4s_icon3 { padding: .25rem 0 0 .27rem; }
.section4_left_items_active h4,.section4s_left_items_active h4{ color: var(--logo-, #9E62FF);}

.section4s_left_items_active1 h4 { color: #2C67FF; }
.section4s_left_items_active img { margin-top: 0; }
.section4s_left_items_active1 img { margin-top: 0; }
.section4s_left_items_active2 img { margin-top: 0; }
.section4_left_items_active p { display: block; }
.section4s_left_items_active p,.section4s_left_items_active1 p,.section4s_left_items_active2 p{ display: block; padding-left: .28rem; }
.section4_left_items_active .section4_item_line .line_progress{ animation: line_progress 10s linear forwards;}
.section4s_left_items_active .section4s_item_line .line_progress{ animation: line_progress 10s linear forwards;}
/* .section4s_left_items_active{ animation: line_progress 6s linear forwards;} */



@keyframes line_progress{
	from{ width: 0%;}
	to{ width: 100%;}
}
.section4_right,.section4s_right{ width: 50%; height: 100%; position: relative;background-color: #fff4dc;}
.section4s_right { border-radius: 30px; overflow: hidden; }
.section4_right img,.section4s_right img{ display: block; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1;}
.section4_right .section4_right_active,.section4s_right .section4s_right_active{ opacity: 1; z-index: auto;}
@keyframes shake {
    0% {
      transform: translateY(0px);
    }
    50%{
        transform: translateY(-30px)
    }
    100% {
      transform: translateY(0px);
    }
  }
  
  @media screen and (max-width: 1450px) {
	.section4s_main { margin-top: .7rem; }
}



/* content5 */
.content5{padding: 1rem 0;border-bottom: 1px solid #E6E6E6;}
.content5 h2{text-align: center;margin-bottom: .3rem;}
.content5 p{color: var(--666, #666);text-align: center;font-size: 0.18rem;font-style: normal;font-weight: 400;line-height: normal;max-width: 1128px;margin: 0 auto;}
.content5_box{max-width: 12rem;border-radius: 0.2rem;background: url(https://www.gemoo-resource.com/focusee/img/content5_bg.png)center no-repeat;height: 5.6rem;overflow: hidden;margin: 0.5rem auto 0;padding: 50px 21px 0px 21px;display: flex;justify-content: space-between;box-sizing: border-box;border: 1px solid var(--f-5-f, #F5F5F5);}
.content5_box h3{font-size: 0.24rem;margin-bottom: 28px;}
.content5_box ul li{font-size: 16px;margin: 26px 0;}
.content5_left{max-width: 5rem; width: 100%; text-align: right;display: inline-block;vertical-align: middle;}
.content5_left ul li{color: #8E96A9;text-align: right;position: relative; padding-right: 40px;}
.content5_left ul li:last-child { max-width: 4rem; margin-left: 0.9rem; }
.content5_left ul li svg { position: absolute; right: 0; top: 0; }
.content5_left ul li svg{width: .24rem;height: .24rem;;display: inline-block;vertical-align: middle;margin-left: 0.13rem;}
.content5_box .vs{margin-top: 1rem;}
.content5_rihgt ul li{position: relative;}
.content5_rihgt{display: inline-block;vertical-align: middle;max-width: 5rem; width: 100%;}
.content5_rihgt div div{width: 3.8rem;height: 1.22rem;border-radius: 0.1rem;overflow: hidden;}
.content5_left div div{height: 1.22rem;}
.content5_rihgt img{display: block;}

.content5_rihgt ul li svg{width: .24rem;height: .24rem; display: inline-block;vertical-align: middle;margin-right: 0.13rem;}
.content5_left ul li svg.mo{display: none;margin-right: .13rem;margin-left: 0;}




/* content6 */
.content6 {text-align: center;padding: 1rem .7rem;max-width: 1920px;margin: 0 auto;}
.content6 h2{margin-bottom: 0.6rem;}
.content6>div{margin-bottom: 0.15rem;max-width: 17.8rem;overflow: hidden;box-sizing: border-box;align-items: stretch;display: flex;justify-content: space-around;flex-wrap: nowrap;}
.content6 .content6_block{transition: all .4s ease-in-out;border-radius: 0.1rem;background: #FBFBFB; }
.content6_text{display: flex;flex-wrap: nowrap;margin: 0px .2rem;}
.content6_text p{color: var(--333, #333);text-align: center;font-size: 0.26rem;font-weight: 300;display: inline-block;padding: 0.16rem 0.3rem;border-radius: 0.1rem;background: linear-gradient(90deg, #EEFFF7 0.02%, #EEFBFF 99.97%);white-space: nowrap;}

.content6 .item1 p:nth-child(1){margin-right: 0.3rem;}
.content6 .item1 span{color: #0DDB6C;}
.content6 .item1 .content6_block{width: 2.97rem;}
.content6 .item1 .content6_block.right{right:0 ;}
.content6 .item1:hover .content6_block:nth-child(1),.content6 .item2:hover .content6_block:nth-child(1),
.content6 .item3:hover .content6_block:nth-child(1){    transform: translateX(-.7rem);}
.content6 .item1:hover .content6_block:nth-child(3),.content6 .item2:hover .content6_block:nth-child(3),.content6 .item3:hover .content6_block:nth-child(3){    transform: translateX(.7rem);}

.content6 .item2 span{color: #5F93F8;}
.content6 .item2 .content6_block{width: 4.78rem;}
.content6 .item2 .content6_block.right{right:0 ;}

.content6 .item3 span{color: #B06DCF;}
.content6 .item3 p:nth-child(1){margin-right: 0.3rem;}
.content6 .item3 .content6_block{width: 3.38rem;}
.content6 .item3 .content6_block.right{right:0 ;}
.content6_text p.mo{display: none;}

/* content7 */
.content7 {text-align: center;padding: 1rem 0;background: url(https://www.gemoo-resource.com/focusee/img/content7_bg.png) top center no-repeat #000;}
.content7_box{max-width: 8.7rem;margin: 0 auto;}
.content7_box p{color: #FFF;font-size: 0.28rem;font-weight: 600;}
.content7_box p img{display: inline-block;vertical-align: middle;margin-right: 0.2rem;}
.content7_box h3{color: #FFF;font-size: 40px;font-weight: 600;margin: 20px auto 0px;}
.content7_box .banner_btns .down_btn{margin-top: .3rem;margin-bottom: 0;vertical-align: bottom;}
.content7_box .banner_btns .buy_btn{margin-top: .3rem;margin-bottom: 0;vertical-align: bottom;}
.content7_box .banner_btns em{margin-top: .2rem;max-width: 80%;margin-left: auto;margin-right: auto;}

/* content8 */
.content8 { background: #1F1E2D; padding: 1rem 0 0;overflow: hidden; }
.youtube_title{max-width: 1400px;width: 96%; text-align: left;margin: 0 auto;}
.youtube_box .youtube_more{cursor: pointer; display: block; margin: 0 auto 0px; border-radius: 5px;background: #2A2937;width: 261px;text-align: center;text-decoration: none;height: 40px;color: #999;font-family: Poppins;font-size: 16px;line-height: 40px;}
.youtube_box .youtube_more:hover{color: white;}
.youtube_box .youtube_more:active{color: white;}
.content8 h3 { color: #FFF; font-family: 'Poppins'; font-size: .42rem; font-weight: 600;width: 75%;max-width: 780px;}
.youtube_title>p { color: #999;  font-family: 'Poppins'; font-size: .2rem;  width: 75%; margin: .2rem auto 0 0; max-width: 780px;}
.youtube_box {margin: 0 auto; box-sizing: border-box; position: relative;padding-bottom: 30px;}
.youtube_box::after{content: "";pointer-events: none; position: absolute;z-index: 3; top: 0;left: 0; width: 2.6rem;height: 100%;background: linear-gradient(-90deg, rgba(31, 30, 45, 0.00) 0%, #1F1E2D 78.75%);}
.youtube_box::before{content: "";pointer-events: none; position: absolute;z-index: 3; top: 0;right: 0; width: 2.6rem;height: 100%;background: linear-gradient(90deg, rgba(31, 30, 45, 0.00) 0%, #1F1E2D 78.75%);}


.youtube_cont {position: relative; max-width: 1400px; width: 96%; margin: 0 auto; padding: .8rem 0 .75rem;  text-align: center;}
.youtube_item {min-width: 170px; width: auto; cursor: pointer; display: flex;flex-flow: column;justify-content: center;align-items: center; height: auto;}
.youtube_item .items { position: relative; border-radius: 15px; overflow: hidden;}
.youtube_item video {height: 340px; vertical-align: bottom; position: relative; z-index: 1; border-radius: 15px; }
.youtube_item .items::before { content: "";left: 0; background: rgba(0, 0, 0, 0.2);  position: absolute; width: 100%; height: 100%; z-index: 3; }
.youtube_item .items::after { content: ""; background: url(https://www.gemoo-resource.com/focusee/img/showcase-icon.png) top center no-repeat; background-size: cover; width: .6rem; height: .6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; }
.youtube_item .items.items_current::after, .youtube_item .items.items_current::before { display: none; }
.youtube_item>a { margin-top: 3px; }
.youtube_item a {width: 100%; text-align: left; display: block; text-decoration: none; opacity: 0.8; }
.youtube_item a>div { margin-top: .15rem; position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; }
.youtube_item p { display: inline-block; vertical-align: middle; margin-left: .15rem;}
.youtube_item img { border-radius: 50%; vertical-align: middle; margin-top: -3px; }
.youtube_item .normal_img { border-radius: 0; height: 340px;}
.youtube_item a>div span { color: #999; font-family: 'Poppins'; font-size:14px; font-weight: 600; display: block; line-height: 1.5; max-width: 130px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.youtube_item a>div em { color: #999; font-family: 'Poppins'; font-size: 12px; font-style: normal;display: block; line-height: 1.5; font-weight: 400;max-width: 130px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.youtube_item i { font-size: 18px; color: #fff; }
.youtube_item i.icon_web { font-size: 22px; }
.youtube_item i.icon_arrow { font-size: 32px; }
.youtube_item:hover a { opacity: 1; }
.youtube_item:hover .items::before { display: none; }
.icon_web::after { content: "\e91d"; }
.youtube_box .left_arrow { position: absolute; right: 10%; top: -.64rem;width: .64rem; height: .64rem; border-radius: 50%;background: rgba(255, 255, 255, 0.2); font-size: .32rem;text-align: center;line-height: .7rem; transform: rotateZ(90deg); color: #797881;cursor: pointer; z-index: 7; }
.youtube_box .right_arrow { position: absolute; right: 0%; top: -.64rem;width: .64rem; height: .64rem; border-radius: 50%;background: rgba(255, 255, 255, 0.2);  font-size: .32rem;text-align: center; line-height: .7rem; transform: rotateZ(-90deg); color: #797881; cursor: pointer; z-index: 7; }
.youtube_box .youtube-pagination {display: none; position: absolute; bottom: .4rem; left: 50%; transform: translateX(-50%); }
.youtube_box .swiper-pagination-bullet { cursor: pointer; display: inline-block; vertical-align: middle; width: 0.08rem; height: 0.08rem; border-radius: 0.08rem; box-shadow: 0rem 0rem 0.08rem 0rem rgba(142, 142, 142, 0.25); background: rgba(255, 255, 255, 0.50); margin: 0 0.025rem;}
.youtube_box .swiper-pagination-bullet-active { background: #fff; }
.youtube_box .icon_down:hover { color: rgba(255, 255, 255);background: rgba(255, 255, 255, 0.3); }
.youtube_box .icon_down:active { color: #fff; background: rgba(255, 255, 255, 0.3);}


/* content9 */
.mt20 { margin-top: .2rem; }
.content9 { padding: 1rem 0 0.7rem; max-width: 2100px; margin: 0 auto; overflow: hidden;}
.content9 h3 { text-align: center;color: #000; font-family: 'Poppins'; font-size: .42rem; font-weight: 600; margin-bottom: 1rem; }
.cont9_show { width: 100%; min-height: 615px; }
.cont9_show::before { content: ""; display: block; position: absolute; left: 0; width: 1.8rem; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0.0%, #FFF 0.11%, #FFF 0.05%, #FFF 0.02%, rgba(255, 255, 255, 0.00) 98.39%); z-index: 6; }
.cont9_show::after { content: ""; display: block; position: absolute; right: 0; width: 1.8rem; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0.0%, #FFF 0.11%, #FFF 0.05%, #FFF 0.02%, rgba(255, 255, 255, 0.00) 98.39%); z-index: 6; }
.cont9_comments li { max-width: 3rem; width: 100%; margin: 0 .15rem; box-sizing: border-box; float: left; }
.cont9_comments li a { display: block; text-decoration: none; padding: .3rem; border-radius: .2rem; border: 1px solid #E6E6E6; background: #FFF; margin-bottom: .3rem; }
.cont9_comments li a:hover { border: 1px solid #9E62FF; background: linear-gradient(119deg, #F3FDFF 0%, #FBF2FF 100%), #FFF; box-shadow: 0px 8px 20px 0px rgba(158, 98, 255, 0.20); }
.cont9_comments li p { display: inline-block; vertical-align: -webkit-baseline-middle; margin-left: .1rem;}
.cont9_comments li img { border-radius: 50%; vertical-align: middle; margin-top: 3px; }
.cont9_comments li span { color: #000; font-family: 'Poppins'; font-size: .18rem; font-weight: 600; display: block; line-height: 1.2; max-width: 173px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.cont9_comments li em { color: #777; font-family: 'Poppins'; font-size: 12px; font-style: normal; font-weight: 400;}
.cont9_comments li a>p { color: #666; font-family: 'Poppins'; font-size: .16rem; }

.cont9_box1{transform: translate(0,-50%);animation: marquee1 60s infinite linear; position: absolute; top: 50%; width: 3300px;}
.cont9_box2{transform: translate(3300px,-50%);animation: marquee2 60s infinite linear; position: absolute; top: 50%; width: 3300px;}

/* content10 */
.pw1200 { max-width: 1200px; width: 100%; margin: 0 auto; }
.content10 { padding: 1.2rem 0; }
.content10 .cont10_title p { color: #666; text-align: center; font-family: 'Poppins'; font-size: .3rem; font-weight: 500; width: 92%; margin: 0 auto; }
.content10 h2 { text-align: center; max-width: 1050px; width: 92%; margin: 0 auto;}
.cont10_main { position: relative; }
.cont10_plan { display: flex; justify-content: space-between; margin-top: 0.4rem; }
.cont10_mode { display: inline-block; padding: .6rem 0 .4rem; border-radius: .4rem; border: 1px solid rgba(158, 98, 255, 0.20); background: rgba(158, 98, 255, 0.05); text-align: center; max-width: 580px; width: 50%; box-sizing: border-box; }
.cont10_mode h3 { color:#1C1C1C; font-family: 'Poppins'; font-size: .3rem; font-weight: 600; margin-top: .1rem; }
.cont10_mode p { color: #666; text-align: center; font-family: 'Poppins'; font-size: .2rem; max-width: 450px; width: 100%; margin: 0 auto; min-height: 60px; }

@keyframes marquee1{
  0%{transform: translate(0,-50%);}
  100%{transform: translate(-3300px,-50%);}
}
@keyframes marquee2{
  0%{transform: translate(3300px,-50%);}
  100%{transform: translate(0,-50%);}
}




/* father_banner_box */
.father_banner_box{position: fixed;right: 40px;bottom: 40px;z-index: 999;}
.father_banner_box img{max-width: 396px;}
.father_banner_box .father-close{cursor: pointer; position: absolute;right: 11px;top: 11px;width: 12px;height: 12px;}
.father_banner_box .father-close::after{content: "\e916";position: absolute;
    font-family: "iconfont";
font-size: 12px;color: #aaa;
}
.father_banner_box .father-close:hover::after{color: #848484;}
.father_banner_box .father-close:active::after{color: #454545;}


.video_box{position: relative;min-height: 70vh;}
.content3 .video_text{position: absolute;z-index: 5;bottom: 6%; color: #666;width: 92%; left: 50%; transform: translateX(-50%); margin: 0 auto;font-size: .28rem;}
.content3 .video_text.text1{bottom: 15%;}
.content3 .video_text.text2{bottom: 5%;}
.content3 .video_text.text3{bottom: 10%;}
.video_box video{max-width: 960px;width: 100%;}
.video_box.last_video video{max-width: 1400px;width: 100%;}
.breakpoints{font: inherit;
    color: inherit;
    display: inline-flex;}
/* .video_box.last_video video{max-width: 100%;} */
@media screen and (max-width: 1450px){
    .block4_box{justify-content: space-around;}
    .block4_item{max-width: 48%; width: 100%;}
    .block4_item.item4, .block4_item.item3, .block4_item.item2 { max-width: 32%; }
    .block4_item.item6, .block4_item.item7, .block4_item.item8, .block4_item.item9, .block4_item.item10, .block4_item.item11 { max-width: 32%; }
}

@media screen and (max-width: 1400px) {
    .youtube_box::after {display: none;}
.youtube_box::before{width: 1.6rem;background: linear-gradient(90deg, rgba(31, 30, 45, 0.00) 0%, #1F1E2D 100%);}

}

@media screen and (max-width: 1350px){
    .section4_right, .section4s_right{width: 46%;}
}
@media screen and (max-width: 1250px){

.content2 .plate2 {padding: 1.47rem 0 1.48rem 0.22rem; width: 92%;}  
.content2 .plate2 .plate2_imgs{right: 0.3rem; width: 50%;} 
.content2 .plate2 .plate2_text{max-width: 4rem; width: 44%;}

.section4s_main { background: #fff; }
.section4s_left_items_active ,.section4s_left_items_active1,.section4s_left_items_active2 { background-color: #fafafa; }
.section4s_main { height: auto; }
.section4_left,.section4s_left{ max-width: 80%; float: none; margin: 0 auto; padding-top: .4rem; }
.section4_right,.section4s_right{ display: none;}
.section4_left_items_active img { display: block; }
.section4s_left_items_active img,.section4s_left_items_active1 img,.section4s_left_items_active2 img{ display: block; margin: .4rem 0 0 .28rem;}
.section4s_left_items_active .section4s_icon1, .section4s_left_items_active1 .section4s_icon2, .section4s_left_items_active2 .section4s_icon3 { padding: 0; }
.section4_left_items, .section4s_left_items{margin-bottom: .25rem;}
.section4_left_items p, .section4s_left_items p{margin-top: .25rem;}
.section4_left_items img{margin-top: .2rem;}
.section4_main, .section4s_main{margin-top: .5rem;}
.content6_text{flex-wrap: wrap;justify-content: center;margin: 0;flex-grow: 1}
.content6 .item1 p:nth-child(1),.content6 .item3 p:nth-child(1){margin: 0;}
.content6_text p{width: 100%;}
.content6_block {display: none;}
.content6>div {margin-bottom: 0;}
.content6_text p{margin-bottom: .15rem !important;}

.content10 { padding: .6rem 0; }
.cont10_plan { max-width: 1200px; width: 90%; margin: .4rem 5%; }
.cont10_mode { width: 48%; padding: .4rem .2rem; }
}
@media screen and (max-width: 1200px){
    .youtube_item .normal_img,
    .youtube_item video{height: 300px;}
    
    .father_banner_box{display: none;}
}
@media screen and (max-width: 1150px){
    .content5_box ul li{font-size: 14px;}
}
@media screen and (max-width: 1100px){
    .plate2_imgs {max-width: 50%;}
}
@media screen and (max-width: 1060px){
    .block4_item.item5, .block4_item.item1 { margin-bottom: .4rem; }
    .block4_item,.block4_item.item11{max-width: 6.2rem; width: 100%;}
    .block4_item.item3, .block4_item.item2, .block4_item.item6, .block4_item.item7, .block4_item.item8, .block4_item.item9, .block4_item.item10, .block4_item.item4 { max-width: 6.2rem; width: 100%; margin-bottom: .4rem; }
    .block4_item.item4>div, .block4_item.item3>div, .block4_item.item2>div, .block4_item.item6>div, .block4_item.item7>div, .block4_item.item8>div, .block4_item.item9>div, .block4_item.item10>div, .block4_item.item11>div { max-width: none; }
}

@media screen and (max-width: 1020px){
    .content5_box ul li{font-size: 13px;}
}

@media screen and (max-width: 980px){
    .youtube_item .normal_img,
.youtube_item video{height: 2.5rem;}
}

@media screen and (max-width: 960px){
    .content5_box{display: flex;height: auto;flex-direction: column;justify-content: center;align-items: center;background: none;padding: 0;max-width: 96%;margin: .6rem auto 0;border: none;}
    .content5_box .vs{margin: .3rem 0rem;}
    .content5_box ul li{font-size: 16px;}
    .content5_rihgt div div{width: 3.7rem;}
    .content5_left,.content5_rihgt{background: #FBFBFB;width: 100%;max-width: none; text-align: center;padding: .8rem 0 .65rem;border-radius: .2rem;}
    .content5_left ul li,.content5_rihgt ul li{text-align: left; padding-right: 0;}
    .content5_left ul li svg.pc{display: none;}
    .content5_left ul li svg.mo,.content5_rihgt ul li svg{display: inline-block;position: absolute;left: 0;top: 0;}
    .content5_left ul li,.content5_rihgt ul li{padding-left: .37rem;}
    .content5 .box{max-width: 380px;margin: 0 auto;width: 80%;text-align: left;}
    .content5_left ul li:last-child { max-width: none; margin-left: 0; }
}
@media screen and (max-width: 930px){
    .content2 .plate2 .plate2_imgs{position: static;margin: 0 auto .2rem;transform:translateY(0%); width: 100%;}
    .content2 .plate2 .plate2_text{max-width: none;width: 96%;margin: 0 auto;}
    .content2 .plate2{box-sizing: border-box;max-width: 94%;margin-bottom: 20px;}
    .content2 .plate2 .plate2_text{text-align: center;}
    .plate2_imgs {max-width: 80%;}
    .plate2_imgs video{width: 100%;}
    .block4_item{max-width: 70%;}
    .content6_text p{font-size: .2rem;}
}
@media screen and (max-width: 750px){
    .banner_btns .down_btn span::after{background-position: center right 23.5%;}
    .banner_btns .buy_btn span::after{background-position: center right 30%;}
    .new_icon { max-width: 21%; left: -3.1%; }
    .banner_vide{width: 100%; /* 设置容器宽度 */
        height: 210px; /* 设置容器高度 */
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;margin-top: -2px;}
        .banner_vide>video{ min-width: 100%;
            min-height: 100%;
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;}
    .banner p{font-size: .26rem;max-width: 90%;margin: 0 auto;}
    .banner_btns .buy_btn{margin-top: .2rem;}
    .banner_btns em{font-size: .22rem;}
    .content2 .plate2 .plate2_imgs{max-width: 90%;margin-bottom: .6rem;}
    .plate2_text h3{font-size: .45rem;}
    .content2 p,.content5 p{font-size: .24rem;max-width: 90%;margin-left: auto;margin-right: auto;}
    .content2 .plate2{padding-top: .8rem;padding: .8rem 0 .8rem 0rem;}
    .plate2_text .text_content_2{font-size: .22rem;text-align: center;}
    .plate2_text a{font-size: .26rem;}
    .content2{padding:1rem 0 0;}
    .content2 .slider4{padding: .4rem .4rem 0rem}
    
    .block,.block1{min-height: 40vh;}
    .block1_img{bottom: 20%;width: .4rem;}
    .block4_item, .block4_item.item3, .block4_item.item2, .block4_item.item4, .block4_item.item6, .block4_item.item7, .block4_item.item8, .block4_item.item9, .block4_item.item10, .block4_item.item11 {max-width: 94%}
    .block4_item.item4>div, .block4_item.item3>div, .block4_item.item2>div, .block4_item.item6>div, .block4_item.item7>div, .block4_item.item8>div, .block4_item.item1>div, .block4_item.item5>div, .block4_item.item9>div, .block4_item.item10>div, .block4_item.item11>div { max-width: 100%; }
    .block4_item p{max-width: 90%;font-size: .2rem;margin-top:.2rem}
    .block4_item>h3{font-size: .45rem;margin: .35rem 0 .1rem;}
    .block5{margin-bottom: 1.5rem;}
    .block4_item img{max-width: 86%;}
    .block4_item>div { padding: 0.6rem 0.5rem; }
    .block4_item:hover .cont4_text>div { transform: translateY(0); transition: all .6s ease-in-out; }
    

    .content4 {padding: 1rem 0 .6rem;}
    .content4 h2{font-size: .35rem;}
    .section4>p, .section4s>p, .section_text p { font-size: 16px; }
    .section4_left_items .section4_left_icon { margin-right: 0.15rem;margin-top: 0;width: .4rem;height: .4rem; display: inline-block;vertical-align: middle;}
	.section4_left_items h4, .section4s_left_items h4 { font-size: 0.3rem; }
    .section4_left_items div{display: flex;}
    .section4_left_items img{margin-top: .25rem;}
	.section4_left_items p, .section4s_left_items p { font-size: .22rem; }
    .section4_item_line, .section4s_item_line{margin-top: .3rem;}
	.section5_mian { margin-top: .9rem;}
	.section4s_main,.section4_main { margin-top: .8rem; }
	.section4s_main { padding-top: 0; }
	.section4_left_items .section_left_h { margin-left: 0px; }
	.section4s_left_items .section_left_h { margin-left: 16px; }
	.section4s_left_items_active  .section_left_h,.section4s_left_items_active1  .section_left_h,.section4s_left_items_active2  .section_left_h { margin-left: .26rem; } 
    .section4s_icon1,.section4s_icon2,.section4s_icon3 { margin-right: 1.2rem; }
	.section4s_left_items_active img, .section4s_left_items_active1 img, .section4s_left_items_active2 img { margin: .4rem .8rem 0 .28rem; }
    .section4s_main_note a,.section4_main_note a { font-size: .28rem; }
    .section4s_main, .section4_main{margin-top: .4rem;}
    .section4_left_items, .section4s_left_items {margin-bottom: 0.55rem;}

    .content5_box h3{font-size: .3rem;}
    .content5_left,.content5_rihgt{max-width: 100%;}
    .content5_rihgt div div,.content5_left div div{margin-bottom:.3rem;}
    .content5_rihgt div div img{width: 100%;}
    .content5_box ul li{font-size: .24rem;}
    .content5_box ul li{margin: .2rem 0;}
    .content5 .box{max-width: none;width: 94%;}
    .content5 .box img{width: 100%;position: relative;}
    .content5_rihgt div div{width: auto;height: auto;}
    .content5_left div div{height: auto;}

    .content6{padding: 1rem 0;}
    .content6_text p{font-size: .26rem;margin-bottom:.25rem  !important;white-space:inherit;color: #000;}
    .content6 h2{max-width: 66%;margin-right: auto;margin-left: auto;}
    .content6>div{max-width: 96%;margin-right: auto;margin-left: auto;}

    .content7_box h3{font-size:.32rem ;}
    .content7_box p{font-size: .4rem;}

    .pc{display: none !important;}
    .content6_text p.mo{display: inline-block;}



    /* cont9 */
    .cont9_show::after, .cont9_show::before { display: none; }
    .cont9_comments li { max-width: 300px; margin: 0 15px; }
    .cont9_comments li img { width: 18%; }
    .cont9_comments li a>p { font-size: 16px; }
    .cont9_comments li span { font-size: 18px; }
    .cont9_box1, .cont9_box2 { width: 3300px; }
    .cont9_show { min-height: 530px; }

    .cont10_plan { flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 5%;}
    .cont10_mode { width: 100%; display: block; margin-top: .4rem;}
    .cont10_mode p { min-height: auto; }




    .youtube_item .items {width: 100%;background: #0D0E10;}
    .youtube_item .normal_img,
    .youtube_item video {width: auto;   height: 3rem;}
    .youtube_box .youtube-pagination{display: block;}
    .youtube_item i{font-size: .24rem;margin: 0 0 0 .1rem;}
    .youtube_cont{padding: .6rem 0 1.2rem;}
    .youtube_item a>div span{font-size: .24rem;}
    .youtube_box .swiper-pagination-bullet{width: .12rem;height: .12rem;border-radius: 50%;}
    .youtube_item img{width: .6rem;}
    .youtube_title>p{font-size: .28rem;}
    .youtube_title>p,
    .content8 h3{width: 100%;text-align: center;}
    .youtube_box .right_arrow,
    .youtube_box .left_arrow{display: none;}

    /* 2025/5/7 focusee */
    .sub_ad_cont{display: block;}
    .sub_ad .sub_ad_buton{margin-top: 0;}
    .banner p{font-size: .3rem;}
    .banner_btns .down_btn{max-width: 295px;font-size: 19px;}
    .banner_btns .buy_btn{max-width: 295px;font-size: 19px;}
    .banner_btns em {font-size: .28rem;padding: 0 .3rem;}
    .content10 .cont10_title p{font-size: .32rem;}
    .cont10_mode h3{font-size: .32rem;}
    .content2 p, .content5 p{max-width: 94%; font-size: .28rem;}
    .plate2_text .text_content_2{font-size: .28rem;}
    .plate2_text a{font-size: .3rem;}
    .content4 h2{width: 92%; font-size: .42rem;margin: 0 auto;}
    .section4_left_items h4, .section4s_left_items h4{font-size: .32rem;}
    .section4_left_items p, .section4s_left_items p{font-size: .28rem;}
    .content5_box h3{font-size: .38rem;margin-bottom: .4rem;}
    .content5_left, .content5_rihgt{padding-top: .6rem;}
    .content5_box ul li{font-size: .28rem;}
    .content5_left ul li svg{height: .4rem;}
    .content5_rihgt ul li svg{height: .4rem;}
    .content7_box h3{max-width: 90%;}
    .content9 h3{margin-bottom: .4rem ;}
    .video_box{min-height: 40vh;}
    .content3 .video_text.text1{bottom: 2%;}
    .content3 .video_text.text2{bottom:-8%;}
    .content3 .video_text.text3{bottom: 4%;}
    .video_box video{max-width: 100%;}
    .video_box.last_video video{max-width: 100%}
    .block4_item .cont4_text{display: flex;justify-content: center;align-items: center;}
}

@media screen and (max-width: 568px){

    .content3 .video_text.text1{bottom: 15%;}
    .content3 .video_text.text2{bottom:5%;}
    .content3 .video_text.text3{bottom: 16%;}
    .cont10_mode p { font-size: 14px; }
    .block4_item p{font-size: 14px;}
}

@media screen and (max-width: 480px){
    .sub_ad p{font-size: 13px;}
    .sub_ad img{width: 14px;}
    .sub_ad .sub_ad_buton{margin-top: 0;font-size: 12px;height: 26px;line-height: 28px;}
}