.intro_ae,
.intro_ae .intro_milestone_wrapper .show_box .year_content .one_box .content_text,
.intro_ae .intro_milestone_wrapper .show_box .year_content .one_box .content_text pre {
    direction: rtl
}

.contact {
    width: 100%;
    background-color: #FFF
}

.contact .banner {
    float: left;
    width: 100%
}

.contact .contact_main {
    width: 1200px;
    margin: 0 auto 78px;
    overflow: hidden;
    color: #333;
    font-size: 16px
}

.contact .contact_main h1 {
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    margin: 0;
    padding: 104px 0 57px;
    color: #272727;
    font-weight: 400;
    border-bottom: 1px solid #C4C4C4
}

.contact .contact_main>ul {
    float: left;
    width: 100%;
    margin-top: 26px
}

.contact .contact_main>ul>li {
    float: left;
    width: 450px;
    margin-top: 40px;
    height: 16px;
    line-height: 16px;
    margin-right: 150px;
    font-weight: 400
}

.contact .contact_main>ul>li:nth-child(2n) {
    margin-right: 0
}

.contact .contact_main>ul>li a {
    color: #0072FF
}

.contact .contact_main .more {
    float: left;
    width: 100%;
    margin-top: 80px
}

.contact .contact_main .more>p {
    margin-top: 20px
}

.intro {
    float: left;
    width: 100%;
    height: auto;
    background: #F5F5F5
}

.intro .intro_video_track {
    min-width: 1200px;
    width: 100%;
    height: 2650px;
    margin: auto;
    position: relative
}

.intro .intro_video_track .intro_video {
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 64px
}

.intro .intro_video_track .intro_video .video_box {
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 400px;
    mask-size: auto 400px;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    overflow: hidden;
    position: relative
}

.intro .intro_video_track .intro_video .video_box .videotag {
    -o-object-fit: cover;
    object-fit: cover
}

.intro .intro_video_track .intro_video .video_box .video_btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #000;
    opacity: .7
}

.intro .intro_video_track .intro_video .video_box .video_play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;
    height: 32px;
    background: rgba(255, 255, 255, .2);
    border-radius: 17px;
    opacity: 1;
    cursor: pointer;
    border: 1px solid transparent
}

.intro .intro_video_track .intro_video .video_box .video_play_button .video_paly_content span {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 32px;
    color: #FFF;
    opacity: 1;
    padding-left: 21px
}

.intro .intro_video_track .intro_video .video_box .video_play_button .video_paly_content svg {
    width: 16px;
    height: 16px;
    line-height: 32px;
    float: right;
    margin-right: 20px;
    margin-top: 8px;
    margin-left: 12px
}

.intro .intro_video_ie {
    min-width: 1200px;
    width: 100%
}

.intro .intro_video_ie .video_ie {
    width: 100%;
    height: 100%
}

.intro .intro_overview {
    min-width: 1200px;
    max-width: 1600px;
    width: 90%;
    margin: 38px auto auto;
    border-radius: 24px;
    background: #FFF;
    position: relative
}

.intro .intro_overview .mouse_move_box {
    width: 100%
}

.intro .intro_overview .mouse_move_box .content_box {
    width: 1200px;
    margin: auto;
    overflow: hidden
}

.intro .intro_overview .mouse_move_box .content_box .content_left {
    width: 50%;
    min-height: 550px;
    float: left;
    margin-top: 80px;
    margin-bottom: 80px
}

.intro .intro_overview .mouse_move_box .content_box .content_left h2 {
    width: 100%;
    font-size: 40px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 32px;
    color: #101010;
    margin-bottom: 48px
}

.intro .intro_overview .mouse_move_box .content_box .content_left pre {
    width: 100%;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 27px;
    color: #313F4A;
    white-space: pre-wrap
}

.intro .intro_overview .mouse_move_box .content_box .content_right {
    width: 50%;
    min-width: 400px;
    position: relative;
    float: right
}

.intro .intro_culture,
.intro .intro_milestone_wrapper .intro_milestone {
    min-width: 1200px;
    max-width: 1600px;
    border-radius: 24px;
    background-color: #FFF
}

.intro .intro_overview .mouse_move_box .content_box .content_right .imgbox_1 {
    width: 385px;
    height: 483px;
    position: absolute;
    top: 33.5px;
    left: 107.5px
}

.intro .intro_overview .mouse_move_box .content_box .content_right .imgbox_1 .imgbox_2 {
    width: 100%;
    position: relative
}

.intro .intro_overview .mouse_move_box .content_box .content_right .imgbox_1 .imgbox_2 .imgbox_3,
.intro .intro_overview .mouse_move_box .content_box .content_right .imgbox_1 .imgbox_2 .imgbox_3 img {
    width: 100%
}

.intro .intro_culture {
    width: 90%;
    margin: 48px auto auto;
    padding-top: 80px;
    padding-bottom: 100px;
    position: relative
}

.intro .intro_culture .content_box {
    width: 1200px;
    margin: auto
}

.intro .intro_culture .content_box h2 {
    width: 100%;
    font-size: 40px;
    font-family: PingFang SC;
    font-weight: 700 !important;
    line-height: 32px;
    color: #101010;
    margin: auto auto 80px
}

.intro .intro_culture .content_box>div {
    width: 100%
}

.intro .intro_culture .content_box>div ul {
    overflow: hidden;
    list-style: none;
    margin: auto
}

.intro .intro_culture .content_box>div ul li {
    width: 282px;
    float: left;
    text-align: center;
    padding-top: 48px;
    padding-bottom: 54px
}

.intro .intro_culture .content_box>div ul li>div {
    width: 88px;
    height: 88px;
    margin: auto auto 17px
}

.intro .intro_culture .content_box>div ul li>div img {
    width: 88px;
    height: 88px
}

.intro .intro_culture .content_box>div ul li p {
    width: 92%;
    font-size: 24px;
    font-family: PingFang SC;
    line-height: 32px;
    color: #313F4A;
    margin: auto
}

.intro .intro_culture .content_box>div .row_two {
    width: 846px
}

.intro .intro_culture .content_box>div .row_one {
    width: 1128px
}

.intro .intro_culture_de .eight_box ul li p {
    word-wrap: break-word
}

.intro .intro_milestone_wrapper {
    position: relative
}

.intro .intro_milestone_wrapper .intro_milestone {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    margin: 48px auto auto;
    padding-top: 80px;
    padding-bottom: 100px;
    position: relative
}

.intro .intro_milestone_wrapper .intro_milestone .content_box {
    width: 1200px;
    position: relative;
    margin: auto
}

.intro .intro_milestone_wrapper .intro_milestone .content_box h2 {
    width: 100%;
    font-size: 40px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 32px;
    color: #101010;
    margin: auto auto 80px
}

.intro .intro_milestone_wrapper .intro_milestone .content_box .allyears {
    width: 250px;
    list-style: none;
    margin-top: 130px;
    position: absolute;
    left: 0;
    top: 0
}

.intro .intro_milestone_wrapper .intro_milestone .content_box .allyears li {
    width: 100%;
    margin-bottom: 35px;
    cursor: pointer
}

.intro .intro_milestone_wrapper .intro_milestone .content_box .allyears li p {
    width: 100%;
    font-size: 104px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 135px;
    color: #313F4A
}

.intro .intro_milestone_wrapper .intro_milestone .content_box .allyear_content {
    height: 100%;
    position: relative
}

.intro .intro_milestone_wrapper .show_box {
    width: 1200px;
    position: absolute;
    right: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 -600px 0 auto
}

.intro .intro_milestone_wrapper .show_box hr {
    width: 100px;
    height: 4px;
    border: none;
    background-color: #0072FF;
    border-radius: 3px;
    margin-top: 190px;
    margin-right: 0
}

.intro .intro_milestone_wrapper .show_box .year_content {
    width: 750px
}

.intro .intro_milestone_wrapper .show_box .year_content .year_content_box {
    width: 100%;
    height: 100%;
    position: relative
}

.intro .intro_milestone_wrapper .show_box .year_content .year_content_box .one_box {
    width: 700px;
    position: absolute;
    right: 0
}

.intro .intro_milestone_wrapper .show_box .year_content .year_content_box .one_box .content_img {
    width: 100%;
    height: 400px
}

.intro .intro_milestone_wrapper .show_box .year_content .year_content_box .one_box .content_img img {
    width: 100%;
    height: 100%;
    border-radius: 24px
}

.intro .intro_milestone_wrapper .show_box .year_content .year_content_box .one_box .content_text {
    width: 100%;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 27px;
    color: #313F4A;
    margin-top: 33px
}

.intro .intro_milestone_wrapper .show_box .year_content .year_content_box .one_box .content_text pre {
    font-family: PingFang SC
}

.intro .intro_milestone_ie {
    width: 1200px;
    margin: auto;
    padding-top: 80px
}

.intro .intro_milestone_ie>h2 {
    width: 100%;
    font-size: 40px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 32px;
    color: #101010;
    margin-bottom: 80px
}

.intro .intro_milestone_ie .content_box_ie {
    width: 100%;
    list-style: none
}

.intro .intro_milestone_ie .content_box_ie li {
    margin-bottom: 88px;
    overflow: hidden
}

.intro .intro_milestone_ie .content_box_ie li .content_left {
    width: 300px;
    float: left
}

.intro .intro_milestone_ie .content_box_ie li .content_left h2 {
    width: 250px;
    font-size: 104px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 150px;
    color: #313F4A;
    margin: 0
}

.intro .intro_milestone_ie .content_box_ie li .content_left pre {
    width: 250px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 27px;
    color: #313F4A;
    white-space: pre-wrap
}

.intro .intro_milestone_ie .content_box_ie li .content_center {
    width: 100px;
    float: left;
    margin-right: 100px
}

.intro .intro_milestone_ie .content_box_ie li .content_center hr {
    width: 100px;
    height: 4px;
    border: none;
    background: #0072FF;
    border-radius: 3px;
    margin-top: 73px
}

.intro .intro_milestone_ie .content_box_ie li .content_right {
    width: 700px;
    height: 400px;
    float: left
}

.intro .intro_milestone_ie .content_box_ie li .content_right img {
    width: 700px;
    height: 400px;
    border-radius: 24px
}

.job,
.job .jon_banner {
    width: 100%;
    float: left
}

.footer {
    margin-top: 200px
}

.intro_ae {
    text-align: right
}

.intro_ae .intro_video_track .intro_video {
    top: 64px
}

.intro_ae .intro_milestone_wrapper {
    position: relative
}

.intro_ae .intro_milestone_wrapper .intro_milestone .content_box .allyears {
    left: unset;
    right: 0
}

.job {
    background-color: #F9F9F9
}

.job .job_main {
    width: 1200px;
    margin: 35px auto 210px
}

.job .job_main .job_why_pic {
    float: left;
    width: 100%;
    margin-top: 35px;
    position: relative
}

.job .job_main .job_why_pic>img {
    float: left;
    width: 100%
}

.job .job_main .job_why_pic>p {
    position: absolute;
    left: 0;
    top: 102px;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff
}

.job .job_main .job_why {
    float: left;
    width: 100%;
    padding: 98px 0 70px;
    margin-top: 40px;
    background-color: #fff;
    height: 204px;
    overflow: hidden
}

.job .job_main .job_why li {
    position: relative;
    float: left;
    width: 320px;
    padding-top: 40px;
    padding-bottom: 26px
}

.job .job_main .job_why li.job_why_1 {
    padding-right: 42px;
    padding-left: 40px;
    border-right: 1px solid #ADADAD
}

.job .job_main .job_why li.job_why_2 {
    padding-right: 45px;
    padding-left: 38px
}

.job .job_main .job_why li.job_why_3 {
    padding-right: 23px;
    padding-left: 34px;
    border-left: 1px solid #ADADAD
}

.job .job_main .job_why li .job_why_content {
    line-height: 29px;
    font-size: 16px;
    color: #6A6A6A
}

.job .job_main .job_why li .job_why_title {
    position: absolute;
    left: 0;
    top: -44px;
    width: 100%;
    font-size: 22px;
    height: 22px;
    text-align: center;
    color: #000
}

.job .job_main .job_title {
    float: left;
    width: 100%;
    margin: 64px auto 40px
}

.job .job_main .job_title h3 {
    margin: 0;
    position: relative;
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    color: #272727;
    font-weight: 400;
    text-align: center
}

.job .job_main .job_title p {
    margin-top: 17px;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #888;
    text-align: center
}

.job .job_main .job_list {
    float: left;
    width: 100%;
    margin-bottom: 182px
}

.job .job_main .job_list>li {
    position: relative;
    float: left;
    width: 326px;
    height: 80px;
    padding: 28px 30px 28px 28px;
    margin-right: 24px;
    margin-bottom: 27px;
    background-color: #fff;
    cursor: pointer
}

.job .job_main .job_list>li h4 {
    margin: 0;
    height: 21px;
    line-height: 20px;
    font-size: 20px;
    color: #000
}

.job .job_main .job_list>li p {
    margin-top: 46px;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #818181
}

.job .job_main .job_list>li .job_urgent {
    position: absolute;
    left: 268px;
    top: 30px;
    padding: 0 5px;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    background-color: #E36500;
    color: #fff
}

.job .job_main .job_list>li:hover {
    -webkit-box-shadow: 0 3px 13px 0 rgba(200, 200, 200, .7);
    box-shadow: 0 3px 13px 0 rgba(200, 200, 200, .7)
}

.job .job_main .job_detail_part {
    position: relative;
    margin-top: 70px;
    margin-bottom: 62px;
    height: 24px
}

.job .job_main .job_detail_part>span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 18px;
    font-size: 24px;
    background-color: #fff
}

.job .job_main .job_detail_part:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    height: 1px;
    background-color: #EDEDED
}

.job .job_main .job_detail {
    padding: 65px 20px 67px 64px;
    background-color: #fff
}

.job .job_main .job_detail h2 {
    margin: 0;
    font-size: 36px;
    color: #000;
    height: 36px;
    line-height: 36px
}

.job .job_main .job_detail>p {
    margin-top: 22px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #818181
}

.job .job_main .job_detail .job_detail_duty {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #6A6A6A
}

.job .job_main .job_detail .job_apply_btn {
    display: inline-block;
    margin-top: 63px;
    padding: 0 35px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 4px;
    background-color: #0064E6;
    color: #fff;
    cursor: pointer
}

.job .job_main .job_apply {
    display: none;
    padding: 65px 20px 67px 64px;
    background-color: #fff;
    margin-top: 36px
}

.job .job_main .job_apply .job_upload_part {
    font-size: 36px;
    color: #000;
    height: 36px;
    line-height: 36px
}

.job .job_main .job_apply .job_upload {
    position: relative;
    margin-bottom: 80px
}

.job .job_main .job_apply .job_upload .job_upload_btn {
    position: relative;
    display: inline-block;
    padding: 0 62px 0 65px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    background-color: #0064E6;
    color: #fff;
    border-radius: 4px
}

.job .job_main .job_apply .job_upload .job_upload_btn svg {
    display: none
}

.job .job_main .job_apply .job_upload .job_upload_btn.job_upload_suceess svg {
    display: block;
    position: absolute;
    right: -36px;
    top: 17px;
    width: 14px;
    height: 14px
}

.job .job_main .job_apply .job_upload>p {
    margin-top: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #6A6A6A
}

.job .job_main .job_apply .job_upload>p>span {
    margin-left: 20px;
    color: #FF2525
}

.job .job_main .job_apply .job_upload>input {
    position: absolute;
    left: 0;
    top: 0;
    height: 48px;
    width: 200px;
    border: none;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0)
}

.job .job_main .job_apply .job_upload_line {
    width: 1200px;
    height: 1px;
    margin-left: -64px;
    background-color: #EDEDED
}

.job .job_main .job_apply .job_user {
    margin: 70px 0 48px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #000
}

.job .job_main .job_apply .job_submit_input {
    float: left;
    position: relative;
    width: 420px;
    margin-right: 128px;
    text-indent: 14px;
    height: 42px;
    line-height: 42px
}

.job .job_main .job_apply .job_submit_input.job_submit_email {
    margin-top: 55px;
    width: 537px
}

.job .job_main .job_apply .job_submit_input input {
    float: left;
    width: 100%;
    height: 100%;
    color: #343434
}

.job .job_main .job_apply .job_submit_input>p {
    margin-top: 11px;
    color: #FF2525;
    font-size: 12px;
    height: 13px;
    line-height: 13px
}

.job .job_main .job_apply .job_submit {
    display: inline-block;
    padding: 0 56px;
    margin-left: 455px;
    margin-top: 106px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background-color: #0064E6;
    cursor: pointer
}

.about_nav {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #222
}

.about_nav .about_nav_bar {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.about_nav .about_nav_bar a {
    float: right;
    color: #fff;
    font-size: 13px;
    margin-left: 48px
}

.about_nav.about_nav_fixed {
    position: fixed;
    left: 0;
    top: 64px;
    z-index: 999
}

.news {
    float: left;
    width: 100%
}

.news .news_banner {
    display: block;
    width: 100%
}

.news .news_main {
    display: block;
    width: 1088px;
    margin: 100px auto 120px
}

.news .news_main .news_part {
    height: 43px;
    line-height: 43px;
    color: #272727;
    font-size: 48px;
    font-weight: 400;
    text-align: center
}

.news .news_main .news_list {
    width: 100%;
    overflow: hidden;
    margin-top: 80px
}

.news .news_main .news_page {
    width: 100%;
    margin-top: 56px;
    text-align: center
}

.news .news_item {
    position: relative;
    float: left;
    width: 320px;
    height: 240px;
    margin: 0 64px 64px 0
}

.news .news_item img {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #F8F8F8
}

.news .news_item .news_info {
    position: absolute;
    left: 0;
    bottom: 0;
    float: left;
    width: 278px;
    height: 40px;
    padding: 14px 21px 11px;
    background: rgba(27, 27, 27, .8)
}

.news .news_item .news_info .news_title {
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #fff
}

.news .news_item .news_info .news_info_desc {
    margin-top: 7px;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #909090
}

.news .news_item:hover {
    -webkit-box-shadow: 0 3px 13px 0 rgba(200, 200, 200, .7);
    box-shadow: 0 3px 13px 0 rgba(200, 200, 200, .7)
}

.news .news_item:hover .news_info {
    background-color: #0064E6;
    opacity: .8
}

.news .news_item:nth-child(3n) {
    margin-right: 0
}

.news .news_detail {
    width: 1200px;
    margin: 64px auto
}

.news .news_detail h1 {
    font-size: 48px;
    text-align: center;
    color: #272727
}

.news .news_detail .news_info_desc {
    margin-top: 28px;
    text-align: center;
    color: #909090;
    font-size: 12px;
    line-height: 13px
}

.news .news_detail .news_detail_content {
    width: 800px;
    margin: 80px auto 90px
}

.news .news_detail .news_detail_content img {
    width: 100% !important
}

.news .news_detail .news_detail_content p {
    line-height: 2.5
}

.news .news_detail .news_detail_page {
    width: 100%;
    margin-bottom: 56px;
    height: 14px;
    line-height: 14px;
    font-size: 14px
}

.news .news_detail .news_detail_page>a {
    margin: 0 66px;
    color: #0064E6
}

.news .news_relate {
    width: 1088px;
    margin: 0 auto;
    padding: 64px 56px;
    overflow: auto;
    border-top: 1px solid #C4C4C4
}

.news .news_relate .news_relate_part {
    margin-bottom: 48px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #272727
}

.news_ae,
.news_ae .news_detail {
    text-align: right;
    direction: rtl
}

.news .news_relate .news_item {
    margin-right: 64px;
    margin-bottom: 0
}

.news .news_relate .news_item:last-child {
    margin-right: 0
}

.news_ae .news_main .news_list .news_item {
    float: right;
    width: 320px;
    height: 240px;
    margin: 0 34px 64px 0
}

.news_ae .news_main .news_list .news_item .news_info,
.news_ae .news_main .news_list .news_item img {
    float: right
}

.news_ae .news_main .news_list .news_item:nth-child(3n) {
    margin-left: 0
}

.activity {
    float: left;
    width: 100%
}

.activity .disinfection {
    background-color: #000;
    float: left;
    width: 100%
}

.activity .disinfection .banner {
    display: block;
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.activity .disinfection .banner img {
    width: 100%;
    float: left
}

.activity .disinfection .tip {
    height: 16px;
    margin: 35px 0 22px;
    color: #fff;
    text-align: center
}

.activity .disinfection .disinfection_form {
    display: block;
    margin: 0 auto 72px;
    width: 700px;
    color: #000;
    overflow: hidden;
    background-color: #282828
}

.activity .disinfection .disinfection_form>ul {
    display: block;
    padding: 45px 45px 0;
    color: #fff
}

.activity .disinfection .disinfection_form>ul>li {
    margin-bottom: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.activity .disinfection .disinfection_form>ul>li .form_label {
    position: relative;
    float: left;
    width: 106px;
    margin-top: 5px;
    padding-left: 15px;
    line-height: 18px
}

.activity .disinfection .disinfection_form>ul>li .form_label.form_must:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: '*';
    width: 7px;
    height: 7px;
    color: red;
    font-size: 18px
}

.activity .disinfection .disinfection_form>ul>li>input {
    float: left;
    width: 462px;
    margin-left: 11px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background-color: #282828;
    border-color: #BCBCBC;
    color: #fff
}

.activity .disinfection .disinfection_form .form_btn {
    display: block;
    margin: 48px auto 0;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background-color: #0072ff;
    color: #fff;
    cursor: pointer
}

.activity .disinfection .disinfection_form .form_btn.form_upload {
    background-color: #ccc;
    cursor: not-allowed
}

.activity .disinfection .disinfection_form .form_tip {
    float: left;
    width: 100%;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 13px;
    color: #999
}

.err .section_main {
    width: 400px;
    height: 600px
}

.err .section_main>div {
    margin-top: 206px;
    height: 74px;
    line-height: 74px;
    font-size: 93px;
    font-weight: 700;
    font-family: Manrope-Bold;
    color: #B5B5B5
}

.err .section_main>p {
    margin-top: 54px;
    font-size: 24px;
    font-weight: 400;
    color: #282828
}

.err .section_main>a {
    display: block;
    margin-top: 113px;
    font-size: 18px;
    font-weight: 400;
    color: #0064E6;
    text-decoration: underline
}

.err.new_product p {
    margin-top: 252px
}

.err.new_product a {
    margin-top: 195px
}

.cooperate {
    float: left;
    width: 100%;
    background-color: #F9F9F9;
    color: #222
}

.cooperate .cooperate_main {
    display: table;
    position: relative;
    width: 100%;
    margin: 0 auto 100px
}

.cooperate .cooperate_main .cooperate_form {
    width: 1200px;
    background-color: #FFF;
    color: #000;
    margin: 100px auto;
    padding-top: 120px;
    padding-bottom: 60px
}

.cooperate .cooperate_main .cooperate_form>ul {
    width: 1000px;
    overflow: hidden;
    margin: auto
}

.cooperate .cooperate_main .cooperate_form>ul>li {
    margin-bottom: 40px;
    overflow: hidden;
    font-size: 16px
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_label {
    position: relative;
    float: left;
    width: 25%;
    padding-left: 15px;
    line-height: 48px
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_inputbox {
    position: relative;
    float: left;
    width: 70%;
    height: 50px
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_inputbox>input {
    width: 100%;
    margin-left: 11px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    border: none;
    color: #343434;
    background-color: #F2F2F2
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_inputbox>input:focus {
    border: 2px solid #0072ff
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_inputbox.cooperate_form_must:before {
    position: absolute;
    left: -6px;
    top: 14px;
    content: '*';
    width: 7px;
    height: 7px;
    color: red;
    font-size: 22px
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox {
    width: 70%;
    display: inline-block;
    margin-left: 11px;
    position: relative
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox.cooperate_form_must:before {
    position: absolute;
    left: -16px;
    top: 15px;
    content: '*';
    width: 7px;
    height: 7px;
    color: red;
    font-size: 22px
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose {
    display: inline-block;
    margin-right: 50px
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose .purpose_checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 2px solid #9F9F9F;
    border-radius: 50%;
    margin-top: -4px;
    margin-right: 10px;
    cursor: pointer
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose .purpose_checkbox span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px auto auto;
    border-radius: 50%
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose .purpose_checkbox .checkbox_active2 {
    background-color: #0072FF
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose .checkbox_active1 {
    border: 2px solid #0072FF
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose .purpose_checkbox_text {
    display: inline-block;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 48px;
    color: #333;
    cursor: pointer
}

.cooperate .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose:last-child {
    margin-right: 0
}

.cooperate .cooperate_main .cooperate_form .cooperate_form_footer {
    width: 1060px;
    margin: 50px auto auto;
    overflow: hidden
}

.cooperate .cooperate_main .cooperate_form .cooperate_form_footer .cooperate_form_btn {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
    background-color: #0072ff;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-right: 50px;
    margin-bottom: 40px
}

.cooperate .cooperate_main .cooperate_form .cooperate_form_footer .cooperate_form_btn.cooperate_form_upload {
    background-color: #ccc;
    cursor: not-allowed
}

.cooperate .cooperate_main .cooperate_form .cooperate_form_footer .cooperate_form_btn:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 114, 255, .3);
    box-shadow: 0 10px 30px 0 rgba(0, 114, 255, .3)
}

.cooperate .cooperate_main .cooperate_form .cooperate_form_footer .cooperate_form_tip {
    text-align: center;
    font-size: 13px;
    line-height: 60px;
    color: #999;
    float: left;
    margin-left: 45px
}

.cooperate_ae,
.cooperate_ae .cooperate_banner .section_main {
    text-align: right
}

.cooperate_ae {
    direction: rtl
}

.cooperate_ae .cooperate_main .cooperate_form>ul>li .cooperate_form_label {
    float: right;
    font-size: 18px
}

.cooperate_ae .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox.cooperate_form_must:before {
    right: -30px
}

.cooperate_ae .cooperate_main .cooperate_form>ul>li .cooperate_form_purposebox .cooperate_form_purpose:last-child {
    margin-right: 50px
}

.cooperate_ae .cooperate_main .cooperate_form>ul>li .cooperate_inputbox>input {
    margin-right: -30px
}

.cooperate_ae .cooperate_main .cooperate_form>ul>li .cooperate_inputbox.cooperate_form_must:before {
    right: -65px
}

.cooperate .cooperate_banner {
    width: 100%;
    background-color: #333
}

.cooperate .cooperate_banner .section_main {
    width: 1200px;
    text-align: left
}

.cooperate .cooperate_banner .section_main h2 {
    width: 100%;
    font-size: 72px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff;
    margin-top: 80px;
    margin-bottom: 15px
}

.cooperate .cooperate_banner .section_main div {
    width: 100%;
    margin-bottom: 75px
}

.cooperate .cooperate_banner .section_main div svg {
    width: 26px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px
}

.cooperate .cooperate_banner .section_main div span {
    font-size: 16px;
    font-family: PingFang SC;
    color: grey;
    line-height: 24px;
    display: inline-block;
    margin-right: 15px
}

.cooperate .form {
    width: 100%;
    background: #f2f5f8;
    display: table;
    position: relative;
    padding-bottom: 200px
}

.cooperate .form .form_box {
    background: #fff;
    width: 1200px;
    margin: 113px auto 0;
    border-radius: 12px;
    position: relative
}

.cooperate .form .form_box .dialog_tips {
    color: #ff1d1d;
    font-size: 16px;
    position: absolute;
    right: 104px;
    bottom: 150px;
    text-align: center
}

.cooperate .form .form_box .form_main_box {
    padding: 83px 100px 160px
}

.cooperate .form .form_box .form_main_box .input_modality {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none
}

.cooperate .form .form_box .form_main_box .input_modality_eject {
    width: 961px;
    height: 610px;
    background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_title {
    border-bottom: 1px solid #F7F9FA;
    width: calc(99%);
    margin: 0 auto;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px solid #888;
    position: relative
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_title .input_modality_eject_title_text {
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #171717
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_title .input_modality_eject_title_svg {
    position: absolute;
    width: 24px;
    height: 24px;
    color: #888;
    right: 14px;
    top: 14px
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_scroll {
    height: 550px;
    overflow-y: auto
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_scroll .input_modality_eject_scroll_box .input_modality_eject_scroll_name {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #171717;
    padding: 24px 30px 12px
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_scroll .input_modality_eject_scroll_box .input_modality_eject_scroll_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px
}

.cooperate .form .form_box .form_main_box .input_modality_eject .input_modality_eject_scroll .input_modality_eject_scroll_box .input_modality_eject_scroll_list .input_modality_eject_scroll_list_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 50px;
    font-size: 16px;
    font-size: 400;
    color: #171717;
    padding: 0 16px;
    background: #F7F9FA;
    line-height: 50px;
    margin-bottom: 14px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px
}

.cooperate .form .form_box .form_main_box .input_modality_industry {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry {
    width: 961px;
    height: 610px;
    background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_title_industry {
    border-bottom: 1px solid #F7F9FA;
    width: calc(99%);
    margin: 0 auto;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px solid #888;
    position: relative
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_title_industry .input_modality_eject_title_text_industry {
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #171717
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_title_industry .input_modality_eject_title_svg {
    position: absolute;
    width: 24px;
    height: 24px;
    color: #888;
    right: 14px;
    top: 14px
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_scroll_industry {
    height: 550px;
    overflow-y: auto
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_scroll_industry .input_modality_eject_scroll_box_industry .input_modality_eject_scroll_name_industry {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #171717;
    padding: 24px 30px 12px
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_scroll_industry .input_modality_eject_scroll_box_industry .input_modality_eject_scroll_list_industry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px
}

.cooperate .form .form_box .form_main_box .input_modality_eject_industry .input_modality_eject_scroll_industry .input_modality_eject_scroll_box_industry .input_modality_eject_scroll_list_industry .input_modality_eject_scroll_list_item_industry {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 291px;
    height: 50px;
    font-size: 16px;
    font-size: 400;
    padding: 0 16px;
    margin: 0 4.65px 14px;
    background: #F7F9FA;
    line-height: 50px;
    border-radius: 4px;
    cursor: pointer
}

.cooperate .form .form_box .form_main_box .submit {
    cursor: pointer;
    width: 180px;
    height: 48px;
    background: #2989ff;
    -webkit-box-shadow: 0 12px 24px #b9d8ff;
    box-shadow: 0 12px 24px #b9d8ff;
    border-radius: 4px;
    position: absolute;
    bottom: 84px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 48px;
    text-align: center
}

.cooperate .form .form_box .form_main_box .submit_en {
    right: 100px
}

.cooperate .form .form_box .form_main_box .form_main_box_list {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cooperate .form .form_box .form_main_box .form_main_box_list:nth-child(1) {
    margin-bottom: 46px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name {
    margin-right: 60px;
    font-size: 16px;
    color: #333;
    text-align: right;
    height: 1.1;
    line-height: 1.1;
    width: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name .form_main_box_list_name_tips {
    color: #ff1d1d
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name_fr {
    width: 199px;
    margin-right: 60px;
    font-size: 16px;
    color: #333;
    text-align: right;
    height: 36px;
    line-height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name_fr .form_main_box_list_name_tips {
    color: #ff1d1d
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name_pl {
    width: 235px;
    margin-right: 60px;
    font-size: 16px;
    color: #333;
    text-align: right;
    height: 36px;
    line-height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name_pl .form_main_box_list_name_tips {
    color: #ff1d1d
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name_ae {
    margin-left: 60px;
    font-size: 16px;
    color: #333;
    text-align: right;
    height: 36px;
    line-height: 36px;
    width: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_name_ae .form_main_box_list_name_tips {
    color: #ff1d1d
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_radio {
    cursor: pointer;
    margin-right: 16px;
    padding: 0 24px;
    height: 36px;
    background: #f2f2f2;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #888;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f2f2f2
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_radio:nth-child(2) {
    color: #2A89FF;
    background: #C4DDFF;
    border: 1px solid #2A89FF
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_radio_robot {
    cursor: pointer;
    margin-right: 16px;
    padding: 0 24px;
    height: 36px;
    background: #f2f2f2;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #888;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f2f2f2
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item {
    width: 768px;
    height: 46px;
    line-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f2f2f2;
    color: #888;
    overflow: hidden;
    border-radius: 4px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item:nth-child(2) {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item:nth-child(2) .form_main_box_list_area {
    width: 126px;
    height: 46px;
    background: #f2f2f2;
    border-radius: 4px;
    line-height: 46px;
    color: #888;
    font-size: 16px;
    margin-right: 16px;
    padding-left: 16px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f2f2f2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_text .form_main_box_list_item_svg {
    width: 24px;
    height: 24px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_input {
    background: #f2f2f2;
    width: 100%;
    border: none;
    border-radius: 4px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_input:focus {
    border: 1px solid #2a89ff
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_input::-webkit-input-placeholder,
.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .input_hint {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_input::-moz-placeholder,
.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .input_hint {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .form_main_box_list_item_input:-ms-input-placeholder,
.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item .input_hint {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm {
    width: 768px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: justify
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm .form_main_box_list_name_tips {
    color: #ff1d1d;
    margin-right: 5px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm label input {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 14px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm label span {
    margin-left: 10px
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm input[type=checkbox] {
    -webkit-appearance: none;
    background-image: url(https://pudu-file-cdn.oss-cn-shenzhen.aliyuncs.com/website/ads/google_bellabot/pc/edm_select.svg);
    outline: 0;
    border: none
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm input:checked {
    -webkit-appearance: none;
    background-image: url(https://pudu-file-cdn.oss-cn-shenzhen.aliyuncs.com/website/ads/google_bellabot/pc/edm_selected.svg);
    outline: 0;
    border: none
}

.cooperate .form .form_box .form_main_box .form_main_box_list .form_main_box_list_item_edm .edm_privacy {
    color: #5ca4ff
}

.cooperate_ae .form_main_box_list_area {
    margin: 0 0 0 16px !important;
    padding-left: 0;
    padding-right: 16px
}

.cooperate_ae .form_main_box_list_item_input {
    padding: 0 16px 0 0 !important
}

.cooperate_ae .form_main_box_list_item_svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.cooperate_ae .submit {
    left: 100px
}

.customer {
    float: left;
    width: 100%
}

.customer .tag {
    font-size: 20px;
    border-bottom: 1px solid #E6E6E6
}

.customer .tag ul {
    display: block;
    margin: 0 auto 20px;
    width: 1088px;
    overflow: hidden;
    text-align: center
}

.customer .tag ul li {
    float: left;
    margin-top: 20px;
    margin-right: 100px;
    height: 32px;
    line-height: 32px;
    color: #121212;
    font-weight: 400;
    text-align: left;
    border-bottom: 2px solid #fff;
    cursor: pointer
}

.customer .tag ul li:first-child {
    margin-left: 0
}

.customer .tag ul li.active {
    color: #0072FF;
    border-bottom: 2px solid #0072FF
}

.customer .body {
    width: 1088px;
    margin: 0 auto;
    overflow: hidden
}

.customer .body .list {
    float: left;
    width: 100%;
    padding: 6px 8px 24px;
    border-bottom: 1px solid #E6E6E6
}

.customer .body .list li {
    float: left;
    margin-right: 48px;
    margin-top: 18px;
    font-size: 15px
}

.customer .body .list li a {
    color: #9B9B9B
}

.customer .body .list li.active,
.customer .body .list li.active a {
    color: #0072FF
}

.customer .body h2 {
    float: left;
    width: 100%;
    margin: 42px 0 0;
    text-indent: 8px;
    font-weight: 400;
    height: auto;
    line-height: 60px;
    font-size: 42px;
    color: #121212
}

.customer .body pre {
    float: left;
    width: 100%;
    margin: 18px 8px 0;
    color: #9B9B9B;
    font-size: 13px;
    line-height: 18px;
    font-family: "PingFang SC", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif
}

.customer .body .pre_ru {
    font-size: 18px
}

.customer .body .media {
    float: left;
    width: 100%;
    margin-top: 22px
}

.customer .body .media li {
    position: relative;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    width: 320px;
    height: 180px;
    background-color: #E6EAED
}

.customer .body .media li:nth-child(3n) {
    margin-left: 0
}

.customer .body .media li a {
    float: left;
    height: 100%;
    width: 100%
}

.customer .body .media li a .play_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer
}

.customer .body .media li a .play_icon:before {
    content: '';
    position: absolute;
    left: 16.8px;
    top: 13.44px;
    width: 0;
    height: 0;
    border-top: 7.56px solid transparent;
    border-left: 12.6px solid #fff;
    border-bottom: 7.56px solid transparent
}

.customer .body .media li a .play_icon:hover {
    background: rgba(0, 0, 0, .9)
}

.customer .body .media li img {
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.customer .body .report {
    float: left;
    width: 100%;
    margin: 0 0 100px
}

.customer .body .report h4 {
    margin: 100px 0 0;
    height: 42px;
    line-height: 42px;
    font-size: 30px;
    font-weight: 400;
    color: #121212
}

.customer .body .report li {
    float: left;
    width: 285px;
    margin-right: 20px;
    margin-top: 42px
}

.customer .body .report li:first-child {
    margin-right: 0
}

.customer .body .report li img {
    float: left;
    width: 100%;
    height: 214px;
    background-color: #E6EAED
}

.customer .body .report li h4 {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    height: 28px;
    line-height: 28px;
    font-weight: 400;
    font-size: 20px;
    color: #121212;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer_ae .body .list li:first-child,
.customer_ae .tag ul li:first-child {
    margin-right: 0
}

.customer .body .report li p {
    float: left;
    margin-top: 2px;
    width: 100%;
    color: #9B9B9B;
    font-size: 15px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .show_pic {
    display: none;
    position: fixed;
    left: 50%;
    top: 100px;
    margin-left: -600px;
    width: 1200px;
    height: auto;
    background: #000;
    z-index: 999
}

.customer .show_pic img {
    width: 100%;
    float: left
}

.customer_ae .body .list,
.customer_ae .body .list li,
.customer_ae .body .media li,
.customer_ae .body .media li img,
.customer_ae .body h2,
.customer_ae .body pre {
    float: right
}

.customer_ae {
    direction: rtl;
    text-align: right
}

.customer_ae .tag ul li {
    float: right;
    text-align: right
}

.footer {
    position: relative;
    z-index: 999;
    float: left;
    width: 100%;
    padding: 48px 0 38px;
    background-color: #1B1C1F;
    color: #6A6A6A;
    font-size: 12px
}

.footer .footer_main {
    position: relative;
    width: 1200px;
    padding-top: 76px;
    margin: 0 auto;
    overflow: hidden
}

.footer .footer_main .footer_logo {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -10px;
    width: 21px;
    height: 28px
}

.footer .footer_main .footer_line {
    float: left;
    width: 100%;
    height: 1px;
    background-color: #4A4A4A
}

.footer .footer_main .footer_nav {
    float: left;
    width: 100%;
    margin: 48px 0 40px
}

.footer .footer_main .footer_nav li {
    float: left;
    width: 190px;
    min-height: 220px;
    margin-right: 16px;
    text-align: left
}

.footer .footer_main .footer_nav li>p {
    color: #fff
}

.footer .footer_main .footer_nav li>p>a {
    color: #fff;
    margin-top: 0
}

.footer .footer_main .footer_nav li a {
    display: block;
    margin-top: 20px;
    color: #6A6A6A
}

.footer .footer_main .footer_nav li a:hover {
    color: #0064E6
}

.footer .footer_main .footer_nav li:last-child {
    margin-right: 0
}

.footer .footer_main .footer_nav_ae,
.footer .footer_main .footer_nav_ae li {
    float: right
}

.footer .footer_main .footer_media {
    float: left;
    width: 100%;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px
}

.footer .footer_main .footer_media .footer_contant {
    position: relative;
    float: left;
    margin-right: 86px
}

.footer .footer_main .footer_media .footer_contant img,
.footer .footer_main .footer_media .footer_contant svg {
    width: 22px;
    height: 22px;
    vertical-align: bottom
}

.footer .footer_main .footer_media .footer_contant span {
    padding-left: 18px
}

.footer .footer_main .footer_media>ul li {
    position: relative;
    float: left;
    margin-left: 18px;
    width: 22px;
    height: 22px
}

.footer .footer_main .footer_media>ul li>a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.footer .footer_main .footer_media>ul li svg path {
    fill: #7C7C7C
}

.footer .footer_main .footer_media>ul li:hover svg path {
    fill: #0064E6
}

.footer .footer_main .footer_media>ul li.footer_media_weixi img {
    position: absolute;
    right: -41px;
    top: -118px;
    width: 104px;
    height: 104px;
    display: none
}

.footer .footer_main .footer_media>ul li.footer_media_weixi:hover img {
    display: block
}

.footer .footer_main .footer_media>ul li.footer_media_tiktok img {
    position: absolute;
    right: 0;
    top: -118px;
    width: 104px;
    height: 104px;
    display: none
}

.footer .footer_main .footer_media>ul li.footer_media_tiktok:hover img {
    display: block
}

.footer .footer_main .footer_media>ul li.footer_media_linked {
    width: 84px
}

.footer .footer_main .footer_media_jp .footer_contant {
    margin-right: 20px
}

.footer .footer_main .footer_media_jp .footer_contant span {
    padding-left: 10px
}

.footer .footer_main .footer_end {
    float: left;
    width: 100%;
    margin-top: 20px;
    height: 20px;
    line-height: 20px
}

.footer .footer_main .footer_end .fl,
.footer .footer_main .footer_end .fl a {
    color: #6A6A6A
}

.footer .footer_main .footer_end .fl a:hover {
    color: #0064E6;
    border-bottom: 1px solid #0064E6
}

.footer .footer_main .footer_end .fl .privacy {
    margin-left: 20px;
    text-decoration: none
}

.footer .footer_main .footer_end .fl .privacy:hover {
    color: #6A6A6A;
    text-decoration: none;
    border-bottom: none
}

.footer .footer_main .footer_end .fl_ae {
    direction: rtl
}

.footer .footer_main .footer_end .fl_ae .privacy {
    margin-left: 0;
    margin-right: 20px
}

.footer .footer_main .footer_end .nav_languge {
    float: right;
    color: #fff
}

.footer .footer_main .footer_end .nav_languge svg {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.footer .footer_main .footer_end .nav_languge span {
    float: right;
    padding-left: 10px
}

.footer .footer_link {
    float: left;
    width: 100%;
    margin-top: 44px
}

.footer .footer_link li {
    float: left;
    margin: 0 24px 10px 0;
    height: 12px;
    line-height: 12px
}

.footer .footer_link li>a {
    color: #6A6A6A
}

.footer .footer_link li>a:hover {
    color: #0064E6
}

.EN .footer_end>div>span {
    display: none
}

.home {
    width: 100%
}

.home .banner {
    position: relative;
    width: 100%
}

.home .banner .swiper-slide .disinfection {
    position: absolute;
    left: 11.25%;
    top: 34.5%;
    z-index: 2
}

.home .banner .swiper-slide .disinfection h2 {
    margin: 0;
    line-height: 1;
    font-size: 80px;
    color: #fff
}

.home .banner .swiper-slide .disinfection h2 span {
    margin-left: 24px;
    color: #2FE5A3
}

.home .banner .swiper-slide .disinfection p {
    margin-top: 24px;
    height: 23px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #fff
}

.home .banner .swiper-slide .disinfection a {
    float: left;
    margin-top: 77px;
    width: 320px;
    height: 96px;
    border: 2px solid #2FE5A3;
    color: #2FE5A3;
    line-height: 96px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    cursor: pointer
}

.home .banner .banner_title {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 42px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    top: 134px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.home .banner .banner_title.banner_product_name {
    font-weight: 700
}

.home .banner .banner_front {
    float: left;
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    top: 70px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.home .banner .banner_backend {
    float: left;
    width: 100%;
    height: 100%;
    opacity: 0
}

.home .banner .swiper_btn {
    position: absolute;
    top: 0;
    width: 216px;
    height: 100%;
    z-index: 1
}

.home .banner .swiper_btn .swiper_next_btn,
.home .banner .swiper_btn .swiper_prev_btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -41px;
    width: 82px;
    height: 82px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .3);
    cursor: pointer
}

.home .banner .swiper_btn .swiper_next_btn:before,
.home .banner .swiper_btn .swiper_prev_btn:before {
    position: absolute;
    top: 27px;
    content: '';
    display: inline-block;
    border-top: 4px solid;
    border-right: 4px solid;
    width: 24px;
    height: 24px;
    border-color: #979797
}

.home .banner .swiper_btn.swiper_next:hover .swiper_next_btn,
.home .banner .swiper_btn.swiper_prev:hover .swiper_prev_btn,
.home .body {
    display: block
}

.home .banner .swiper_btn .swiper_next_btn.swiper_prev_btn,
.home .banner .swiper_btn .swiper_prev_btn.swiper_prev_btn {
    left: 80px
}

.home .banner .swiper_btn .swiper_next_btn.swiper_prev_btn:before,
.home .banner .swiper_btn .swiper_prev_btn.swiper_prev_btn:before {
    left: 32px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.home .banner .swiper_btn .swiper_next_btn.swiper_next_btn,
.home .banner .swiper_btn .swiper_prev_btn.swiper_next_btn {
    right: 80px
}

.home .banner .swiper_btn .swiper_next_btn.swiper_next_btn:before,
.home .banner .swiper_btn .swiper_prev_btn.swiper_next_btn:before {
    right: 32px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .banner .swiper_btn.swiper_prev {
    left: 0
}

.home .banner .swiper_btn.swiper_next {
    right: 0
}

.home .banner .swiper_btn:hover>div {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-name: swiper_btn_in;
    animation-name: swiper_btn_in
}

@-webkit-keyframes swiper_btn_in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes swiper_btn_in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.home .banner .swiper_pagination {
    position: absolute;
    bottom: 30px
}

.home .banner .swiper_pagination .swiper-pagination-bullet {
    width: 36px;
    height: 4px;
    margin: 0 6px;
    border-radius: 3px;
    background-color: #898989
}

.home .banner .swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0072FF
}

.home .body {
    background-color: #FEFEFE;
    width: 1200px;
    margin: 40px auto 100px;
    overflow: hidden
}

.home .body .project .project_main h4,
.home .body .project .project_main pre,
.home .body .recommend p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.home .body .project {
    position: relative;
    float: left;
    width: 100%;
    height: 420px;
    margin-bottom: 20px;
    background-color: #F8F8F8;
    text-align: left
}

.home .body .project>img {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.home .body .project .project_main {
    position: absolute;
    left: 714px;
    top: 115px;
    width: 360px;
    text-align: left
}

.home .body .project .project_main h4 {
    width: 100%;
    margin: 0;
    line-height: 42px;
    -webkit-line-clamp: 2;
    color: #121212;
    font-weight: 700;
    font-size: 30px
}

.home .body .project .project_main pre {
    margin-top: 6px;
    font-size: 18px;
    line-height: 25px;
    color: #9B9B9B;
    -webkit-line-clamp: 8;
    white-space: normal
}

.home .body .project .project_main a {
    display: inline-block;
    margin-top: 56px;
    width: 150px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    color: #0072FF;
    border: 1px solid #0072FF;
    border-radius: 23px;
    text-align: center
}

.home .body .project .project_main a:hover {
    background-color: #0072FF;
    color: #fff
}

.home .body .partner {
    position: relative;
    float: left;
    width: 590px;
    height: 600px;
    background-color: #F4F4F4;
    overflow: hidden
}

.home .body .partner .partner_title {
    position: absolute;
    left: 50%;
    top: 42px;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    min-width: 300px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 72px;
    line-height: 72px;
    background-color: #0072FF;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 36px;
    font-size: 30px;
    z-index: 1;
    padding: 0 20px
}

.home .body .partner .partner_title:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 132px;
    width: 0;
    height: 0;
    border-top: 6px solid #0072FF;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent
}

.home .body .partner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .24s;
    transition: -webkit-transform .24s;
    transition: transform .24s;
    transition: transform .24s, -webkit-transform .24s
}

.home .body .partner img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    zoom: 1.1
}

.home .body .recommend {
    position: relative;
    float: left;
    width: 590px;
    height: 600px;
    margin-left: 20px;
    background-color: #F4F4F4;
    overflow: hidden
}

.home .body .recommend h4 {
    position: absolute;
    left: 0;
    top: 54px;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    color: #121212;
    z-index: 1
}

.home .body .recommend p {
    position: absolute;
    left: 115px;
    top: 96px;
    width: 360px;
    line-height: 25px;
    text-align: center;
    font-size: 18px;
    color: #9B9B9B;
    -webkit-line-clamp: 3;
    z-index: 1
}

.home .body .recommend .recDesc_ru {
    top: 150px
}

.home .body .recommend img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .24s;
    transition: -webkit-transform .24s;
    transition: transform .24s;
    transition: transform .24s, -webkit-transform .24s
}

.home .body .recommend img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    zoom: 1.1
}

.home .dynamic {
    width: 1200px;
    margin: 0 auto 100px;
    overflow: hidden
}

.home .dynamic .dynamic_title {
    margin: 0;
    line-height: 42px;
    height: 42px;
    font-size: 30px;
    color: #121212;
    font-weight: 700
}

.home .dynamic .dynamic_title>p {
    float: left
}

.home .dynamic .dynamic_title .a {
    float: left;
    margin-left: 24px;
    margin-top: 6px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #0072FF;
    border: 1px solid #0072FF;
    border-radius: 23px;
    text-align: center;
    font-weight: 400
}

.home .dynamic .dynamic_title .a:hover {
    background-color: #0072FF;
    color: #fff
}

.home .dynamic .dynamic_title .more_ru {
    width: 110px
}

.home .dynamic .dynamic_title>div {
    float: right;
    font-size: 20px;
    font-weight: 400
}

.home .dynamic .dynamic_title>div div {
    float: left;
    margin-left: 20px;
    overflow: hidden
}

.home .dynamic .dynamic_title>div div span {
    cursor: pointer;
    font-size: 18px
}

.home .dynamic .dynamic_title>div div hr {
    width: 100%;
    margin: 0;
    border: none;
    height: 3px;
    background-color: #0072FF
}

.home .dynamic ul {
    float: left;
    height: 650px;
    margin-top: 42px;
    width: 100%;
    overflow: hidden
}

.home .dynamic ul li {
    float: left;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 40px
}

.home .dynamic ul li:nth-child(4) {
    margin-right: 0
}

.home .dynamic ul li:nth-child(8) {
    margin-right: 0
}

.home .dynamic ul li img {
    float: left;
    width: 100%;
    height: 214px;
    background-color: #E6EAED
}

.home .dynamic ul li img:hover {
    -webkit-box-shadow: 0 4px 12px 0 #E6EAED;
    box-shadow: 0 4px 12px 0 #E6EAED
}

.home .dynamic ul li h4 {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    height: 28px;
    line-height: 28px;
    font-weight: 400;
    font-size: 20px;
    color: #121212;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home .dynamic ul li p {
    float: left;
    margin-top: 2px;
    width: 100%;
    color: #9B9B9B;
    font-size: 15px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home .dynamic_ae {
    direction: rtl;
    text-align: center
}

.home .dynamic_ae .dynamic_title>p {
    float: right
}

.home .dynamic_ae .dynamic_title .a {
    float: right;
    margin-right: 24px;
    margin-left: 0
}

.home .dynamic_ae .dynamic_title>div {
    float: left
}

.home .dynamic_ae ul,
.home .dynamic_ae ul li,
.home .dynamic_ae ul li h4,
.home .dynamic_ae ul li img,
.home .dynamic_ae ul li p {
    float: right
}

.home .dynamic_ae .dynamic_title>div div {
    float: right;
    margin-left: 20px;
    overflow: hidden
}

.home .dynamic_ae .dynamic_title>div hr {
    display: none
}

.home .dynamic_ae ul li {
    width: 285px;
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: 40px
}

.home .dynamic_ae ul li:nth-child(4n) {
    margin-left: 0
}

.media_report {
    float: left;
    width: 100%;
    background-color: #fff
}

.media_report .media_report_main {
    position: relative;
    width: 1088px;
    margin: 0 auto
}

.media_report .media_report_main .media_report_title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #D8D8D8
}

.media_report .media_report_main .media_report_title h3 {
    margin-top: 64px;
    margin-bottom: 36px;
    height: 43px;
    line-height: 43px;
    font-size: 48px;
    color: #272727;
    font-weight: 400
}

.media_report .media_report_main .media_report_share {
    position: absolute;
    top: 80px;
    right: 0
}

.media_report .media_report_main .media_report_share>p {
    color: #272727;
    font-size: 18px;
    height: 22px;
    line-height: 22px
}

.media_report .media_report_main .media_report_share>ul li {
    position: relative;
    float: left;
    margin-left: 18px;
    width: 22px;
    height: 22px
}

.media_report .media_report_main .media_report_share>ul li>a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.media_report .media_report_main .media_report_share>ul li svg path {
    fill: #7C7C7C
}

.media_report .media_report_main .media_report_share>ul li:hover svg path {
    fill: #0064E6
}

.media_report .media_report_main .media_report_share>ul li.media_report_weixi img {
    position: absolute;
    right: -41px;
    top: 28px;
    width: 104px;
    height: 104px;
    display: none
}

.media_report .media_report_main .media_report_share>ul li.media_report_weixi:hover img {
    display: block
}

.media_report .media_report_main .media_report_share>ul li.media_report_tiktok img {
    position: absolute;
    right: -41px;
    top: 28px;
    width: 104px;
    height: 104px;
    display: none
}

.media_report .media_report_main .media_report_share>ul li.media_report_tiktok:hover img {
    display: block
}

.media_report .media_report_main .media_report_share>ul li.footer_media_linked {
    width: 85px
}

.media_report .media_report_main .media_report_nav {
    float: left;
    width: 100%;
    margin-top: 80px;
    font-size: 24px;
    line-height: 22px
}

.media_report .media_report_main .media_report_nav li {
    float: left;
    padding-bottom: 12px;
    margin-right: 64px;
    border-bottom: 2px solid #fff
}

.media_report .media_report_main .media_report_nav li.media_report_nav_hover {
    color: #0072FF;
    border-color: #0072FF
}

.media_report .media_report_main .media_report_nav li:hover {
    cursor: pointer;
    color: #0072FF;
    border-color: #0072FF
}

.media_report .media_report_main .media_report_list {
    float: left;
    width: 100%;
    min-height: 290px;
    margin-top: 36px;
    font-size: 16px
}

.media_report .media_report_main .media_report_list>li {
    position: relative;
    float: left;
    width: 320px;
    height: 290px;
    margin-bottom: 80px;
    margin-right: 64px
}

.media_report .media_report_main .media_report_list>li>a {
    color: #000
}

.media_report .media_report_main .media_report_list>li .media_report_pic {
    float: left;
    width: 100%;
    height: 175px
}

.media_report .media_report_main .media_report_list>li .media_report_new_name {
    float: left;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 3px;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.flashbot .UV_suspension .section_main .flashbot_suspension_desc_other h2,
.flashbot .UV_suspension .section_main .flashbot_suspension_desc_other p,
.pudubot .pudubot_hardware_da .section_main>ul li>div {
    word-break: break-word
}

.media_report .media_report_main .media_report_list>li .media_report_media_name {
    float: left;
    width: 100%;
    height: 17px;
    line-height: 17px;
    padding-top: 8px;
    border-top: 1px solid #D8D8D8;
    color: #0064E6;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.media_report .media_report_main .media_report_list>li .media_report_time {
    float: left;
    width: 100%;
    margin-top: 7px;
    font-size: 13px;
    color: #7C7C7C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.media_report .media_report_main .media_report_list>li:nth-child(3n) {
    margin-right: 0
}

.media_report .media_report_main .media_report_page {
    float: left;
    width: 100%;
    margin-bottom: 100px;
    text-align: center
}

.nav {
    width: 100%;
    height: 64px;
    line-height: 64px;
    background: #1B1C1F;
    z-index: 999;
    border-bottom: 1px solid #1B1C1F;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav .nav_bar {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

.nav .nav_bar .nav_logo {
    float: left;
    width: 63px;
    height: 28px;
    margin-top: 18px;
    margin-right: 40px
}

.nav .nav_bar .nav_logo svg {
    float: left
}

.nav .nav_bar .nav_logo .st0 {
    fill: #FFF
}

.nav .nav_bar .nav_logo_ru {
    margin-right: 80px
}

.nav .nav_bar .nav_item {
    position: relative;
    float: left;
    text-align: center;
    min-width: 90px;
    padding: 0 10px
}

.nav .nav_bar .nav_item>span {
    cursor: default
}

.nav .nav_bar .nav_item>ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    background: #282828;
    z-index: 999
}

.nav .nav_bar .nav_item>ul li {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 18px;
    text-align: center;
    padding: 12px 0
}

.nav .nav_bar .nav_item>ul li a {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center
}

.nav .nav_bar .nav_item>ul li:hover {
    background: #4A4A4A
}

.nav .nav_bar .nav_item>a,
.nav .nav_bar .nav_item>span {
    display: block;
    overflow: hidden;
    color: #fff
}

.nav .nav_bar .nav_item.nav_hover:hover {
    height: 62px;
    margin-bottom: -2px;
    border-bottom: 2px solid #0064E6
}

.nav .nav_bar .nav_item .nav_product {
    position: absolute;
    left: -147px;
    top: 64px;
    display: none;
    max-height: 686px;
    max-width: 1140px;
    padding: 10px 30px 34px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    overflow: hidden;
    background-color: #282828;
    z-index: 999
}

.nav .nav_bar .nav_item .nav_product .nav_box {
    float: left;
    clear: both;
    margin-top: 26px;
    max-width: 1140px
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item {
    float: left;
    width: 130px;
    margin-right: 72px
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .brand_name {
    float: left;
    width: 100%;
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px 0;
    color: #6A6A6A;
    font-size: 13px;
    line-height: 14px
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item img {
    float: left;
    height: 210px;
    width: 100%;
    background-size: cover;
    border-bottom: 1px solid #6A6A6A
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list {
    float: left;
    width: 100%
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list>a {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 8px;
    color: #fff;
    font-size: 18px;
    height: 19px;
    line-height: 19px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list>a:first-child {
    margin-top: 0
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list>a:hover {
    cursor: pointer;
    color: #0064E6;
    background: 0 0
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list .price_jp,
.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list .price_title {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 8px;
    height: 19px;
    line-height: 19px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888;
    font-size: 12px
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list .price_jp:first-child,
.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list .price_title:first-child {
    margin-top: 0
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item .product_list .price_title {
    overflow: unset;
    font-size: 10px
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item>a {
    padding: 0;
    height: 100%
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item:hover {
    background: 0 0
}

.nav .nav_bar .nav_item .nav_product .nav_box .product_item:last-child {
    margin-right: 0
}

.nav .nav_bar .nav_phone {
    float: right;
    color: #6A6A6A;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Microsoft YaHei'
}

.nav .nav_bar .nav_phone svg {
    width: 22px;
    height: 22px;
    vertical-align: middle
}

.nav .nav_bar .nav_language {
    float: right;
    width: 115px;
    height: 100%;
    padding-left: 7px;
    text-align: center;
    color: #fff;
    overflow: hidden
}

.nav .nav_bar .nav_language .lang_box {
    width: 100%;
    float: left;
    overflow: hidden
}

.nav .nav_bar .nav_language .lang_box svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-top: 18%;
    margin-left: 10px;
    margin-right: 10px
}

.nav.nav_fixed,
.nav:hover {
    height: 64px;
    line-height: 64px;
    background: #282828;
    border-bottom: 1px solid #4A4A4A
}

.nav .nav_bar .nav_language .lang_box span {
    display: block;
    float: left
}

.nav.nav_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

.nav_ae {
    direction: rtl
}

.nav_ae .nav_bar .nav_logo {
    float: right;
    margin-left: 60px
}

.nav_ae .nav_bar .nav_item {
    float: right
}

.nav_ae .nav_bar .nav_item .nav_product {
    right: -147px
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box {
    float: right;
    clear: both;
    margin-top: 26px;
    max-width: 1140px
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item {
    float: right;
    width: 130px;
    margin-left: 72px;
    margin-right: 0
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item .brand_name {
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px 0;
    color: #6A6A6A;
    font-size: 13px;
    line-height: 14px
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item img {
    float: right;
    height: 210px;
    width: 100%;
    background-size: cover;
    border-bottom: 1px solid #6A6A6A
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item .product_list {
    float: right;
    width: 100%
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item .product_list>a {
    float: right;
    width: 100%;
    padding: 0;
    margin-top: 8px;
    color: #fff;
    font-size: 18px;
    height: 19px;
    line-height: 19px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item .product_list>a:first-child {
    margin-top: 0
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item .product_list>a:hover {
    cursor: pointer;
    color: #0064E6;
    background: 0 0
}

.page_btn,
.page_ellipsis {
    color: #909090;
    display: inline-block
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item>a {
    padding: 0;
    height: 100%
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item:hover {
    background: 0 0
}

.nav_ae .nav_bar .nav_item .nav_product .nav_box .product_item:last-child {
    margin-left: 0
}

.nav_ae .nav_bar .nav_item:first-child {
    margin-right: -40px
}

.page_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 26px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.product,
.product .banner,
.product h1 {
    width: 100%;
    float: left
}

.page_wrap {
    position: relative;
    display: inline-block;
    padding-left: 0
}

.page_ellipsis {
    position: relative;
    top: -3px
}

.page_current {
    background-color: #0064E6;
    color: #fff
}

.page_disabled {
    cursor: not-allowed
}

.page_next,
.page_prev {
    padding-right: .08rem;
    padding-left: .08rem
}

.page_num {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.product {
    margin-bottom: 100px;
    color: #222
}

.product h1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 42px;
    margin: 64px 0 48px
}

.product .list {
    width: 1024px;
    height: 42px;
    margin: 0 auto 32px;
    text-align: center;
    overflow: hidden
}

.product .list .list_box {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    border: 1px solid #0072FF;
    color: #0072FF;
    border-radius: 21px
}

.product .list .list_box>div {
    float: left;
    width: 210px;
    height: 40px;
    line-height: 40px;
    margin-left: -1px;
    margin-right: -1px;
    cursor: pointer
}

.product .list .list_box>div.active {
    color: #fff;
    background-color: #0072FF;
    border-radius: 21px
}

.product .detail {
    position: relative;
    width: 1024px;
    min-height: 448px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #f9f9f9;
    border-radius: 20px;
    display: none;
    padding: 100px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product .detail .detail_main {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 100px
}

.product .detail .detail_main h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    z-index: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 400px
}

.product .detail .detail_main>pre {
    margin: 40px 0;
    display: block;
    white-space: pre-wrap;
    width: 412px;
    min-height: 88px;
    line-height: 18px;
    z-index: 2;
    font-size: 16px;
    font-family: 'Droid Sans Fallback', MicrosoftYaHei;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.product .detail .detail_main .pre_jp {
    font-weight: 700;
    line-height: 1.5;
    font-size: 14px;
    color: #888
}

.product .detail .detail_main .btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.product .detail .detail_main .btn_box .pdsc_btn {
    height: 44px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    z-index: 2;
    margin-right: 40px
}

.product .detail .detail_main .btn_box .pdsc_btn button {
    line-height: 44px;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 14px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px;
    padding: 0 33px;
    min-width: 150px
}

.product .detail .detail_main .btn_box .pdsc_btn button:hover {
    background-color: #005ad6
}

.product .detail .detail_main .btn_box .btn {
    padding: 0 33px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    z-index: 2
}

.product .detail .detail_main .btn_box .btn.buy {
    left: 100px;
    color: #fff;
    background-color: #0072ff
}

.product .detail .detail_main .btn_box .btn.buy:hover {
    background: #0054BC
}

.product .detail .detail_main .btn_box .btn.more {
    color: #0072ff;
    border: 1px solid #0072ff
}

.product .detail .detail_main .btn_box .btn.more:hover {
    border-color: #0054BC;
    color: #0054BC
}

.product .detail .detail_main .price_jp {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700
}

.product .detail>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.product .detail:hover {
    -webkit-box-shadow: 0 7px 13px 0 rgba(66, 66, 66, .25);
    box-shadow: 0 7px 13px 0 rgba(66, 66, 66, .25)
}

.product .detail:hover>img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    zoom: 1.02
}

.product_ae {
    direction: rtl
}

.product_ae .detail {
    direction: ltr
}

.bellabot_ae,
.flashbot_ae {
    direction: rtl
}

.product_ae .detail .detail_main {
    padding-left: 0
}

.product_ae .detail .detail_main>pre {
    direction: rtl;
    text-align: right
}

.product_ae .detail .detail_main .btn_box {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bellabot {
    float: left;
    width: 100%;
    background-color: #000
}

.bellabot .bellabot_banner {
    position: relative;
    width: 100%;
    height: 896px;
    background: -webkit-linear-gradient(45deg, #0e0f0f 0, #151518 100%);
    background: linear-gradient(45deg, #0e0f0f 0, #151518 100%);
    overflow: hidden
}

.bellabot .bellabot_banner .bellabot_banner_body {
    position: absolute;
    left: 70%;
    bottom: 0;
    margin-left: -275px;
    width: 500px;
    z-index: 3;
    -webkit-animation-name: fade_keyframes_66866477;
    animation-name: fade_keyframes_66866477;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

@-webkit-keyframes fade_keyframes_66866477 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_66866477 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bellabot .bellabot_banner .bellabot_banner_bellabot {
    position: absolute;
    left: 35%;
    top: 350px;
    margin-left: -393px;
    width: 590px;
    z-index: 2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: bellabot_banner_bellabot;
    animation-name: bellabot_banner_bellabot
}

@-webkit-keyframes bellabot_banner_bellabot {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    72% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }
}

.bellabot .bellabot_banner .bellabot_banner_bg {
    position: absolute;
    left: 18%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-animation-name: fade_keyframes_78468514;
    animation-name: fade_keyframes_78468514;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

@-webkit-keyframes fade_keyframes_78468514 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_78468514 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bellabot .bellabot_banner .bellabot_banner_text {
    position: absolute;
    left: 35%;
    top: 510px;
    z-index: 2;
    margin-left: -393px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFF;
    line-height: 38px;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: bellabot_banner_bellabot;
    animation-name: bellabot_banner_bellabot
}

@keyframes bellabot_banner_bellabot {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    72% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0)
    }
}

.bellabot .bellabot_video {
    background-color: #000
}

.bellabot .bellabot_video .section_main {
    width: 980px;
    height: 100%;
    color: #fff
}

.bellabot .bellabot_video .section_main>h3 {
    width: 90%;
    margin: 120px auto 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.bellabot .bellabot_video .section_main>ul {
    float: left;
    width: 100%
}

.bellabot .bellabot_video .section_main>ul li {
    position: relative;
    float: left;
    width: 360px;
    height: 360px
}

.bellabot .bellabot_video .section_main>ul li:first-child {
    margin-right: 260px
}

.bellabot .bellabot_video .section_main>ul li .video_play_button {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer
}

.bellabot .bellabot_video .section_main>ul li .video_play_button:before {
    content: '';
    position: absolute;
    left: 40px;
    top: 32px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 18px solid transparent
}

.bellabot .bellabot_video .section_main>ul li .video_play_button:hover {
    background: rgba(0, 0, 0, .9)
}

.bellabot .bellabot_video .section_main>ul li>img {
    float: left
}

.bellabot .bellabot_video .section_main>ul li>p {
    float: left;
    width: 100%;
    font-size: 20px;
    margin-top: 24px
}

.bellabot .bellabot_video .section_main .bellabot_videobox {
    width: 100%;
    height: 100%;
    position: relative
}

.bellabot .bellabot_video .section_main .bellabot_videobox .video_play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer
}

.bellabot .bellabot_video .section_main .bellabot_videobox .video_play_button:before {
    content: '';
    position: absolute;
    left: 40px;
    top: 32px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 18px solid transparent
}

.bellabot .bellabot_video .section_main .bellabot_videobox .video_play_button:hover {
    background: rgba(0, 0, 0, .9)
}

.bellabot .bellabot_bella {
    background-color: #000
}

.bellabot .bellabot_bella .section_main {
    position: relative;
    width: 1180px
}

.bellabot .bellabot_bella .section_main .bellabot_bella_video {
    float: left;
    width: 800px;
    height: 800px
}

.bellabot .bellabot_bella .section_main .bellabot_bella_desc {
    position: absolute;
    left: 728px;
    top: 300px;
    -webkit-animation-name: fadeInY_keyframes_70988594;
    animation-name: fadeInY_keyframes_70988594;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-align: left
}

@-webkit-keyframes fadeInY_keyframes_70988594 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -45px, 0);
        transform: translate3d(0, -45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_70988594 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -45px, 0);
        transform: translate3d(0, -45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.bellabot .bellabot_bella .section_main .bellabot_bella_desc h1 {
    margin-top: 50px;
    font-size: 86px;
    height: 86px;
    line-height: 86px;
    color: #FFFDFD;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: left !important
}

.bellabot .bellabot_bella .section_main .bellabot_bella_desc h2 {
    margin-top: 36px;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #7C7C7C;
    text-align: left !important
}

.bellabot .bellabot_evolve {
    background-color: #080808;
    padding: 100px 0 106px
}

.bellabot .bellabot_evolve .section_main {
    width: 87.5%
}

.bellabot .bellabot_evolve .section_main>ul {
    float: left;
    width: 100%;
    margin: 0 auto;
    -webkit-animation-name: fadeInY_keyframes_23813062;
    animation-name: fadeInY_keyframes_23813062;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_23813062 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_23813062 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.bellabot .bellabot_evolve .section_main>ul>li {
    float: left;
    width: 48.8%
}

.bellabot .bellabot_evolve .section_main>ul>li .evolve_imgbox {
    width: 100%;
    background-color: #000
}

.bellabot .bellabot_evolve .section_main>ul>li .evolve_imgbox img {
    float: left;
    width: 100%;
    background-color: #000
}

.bellabot .bellabot_evolve .section_main>ul>li>p {
    float: left;
    width: 100%;
    line-height: 24px;
    margin-top: 36px;
    margin-bottom: 20px;
    color: #FFFDFD
}

.bellabot .bellabot_evolve .section_main>ul>li .other_p {
    color: #666;
    width: 100%;
    font-size: 16px;
    margin: 0 auto 64px;
    overflow: hidden
}

.bellabot .bellabot_evolve .section_main>ul>li .other_p .other_span {
    display: block;
    color: #666;
    width: 440px;
    font-size: 16px;
    margin: auto
}

.bellabot .bellabot_part {
    background-color: #000
}

.bellabot .bellabot_part .section_main {
    width: 1450px;
    margin-bottom: 60px
}

.bellabot .bellabot_part .section_main>li {
    float: left;
    width: 100%;
    margin-top: 60px
}

.bellabot .bellabot_part .section_main>li .bellabot_part_left {
    float: left;
    width: 368px;
    height: 100%;
    margin-right: 102px;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_99953794;
    animation-name: fadeInY_keyframes_99953794;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_99953794 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -45px, 0);
        transform: translate3d(0, -45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_99953794 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -45px, 0);
        transform: translate3d(0, -45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.bellabot .bellabot_part .section_main>li .bellabot_part_left>h3 {
    margin-top: 240px;
    margin-bottom: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 400
}

.bellabot .bellabot_part .section_main>li .bellabot_part_left>p {
    max-width: 400px;
    margin-top: 32px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #7C7C7C
}

.bellabot .bellabot_part .section_main>li .bellabot_part_right {
    position: relative;
    float: left;
    width: 980px
}

.bellabot .bellabot_part .section_main>li .bellabot_part_right>img {
    width: 100%
}

.bellabot .bellabot_part .section_main>li .bellabot_part_right>img.bellabot_part_light {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation-name: fadeInY_keyframes_32453172;
    animation-name: fadeInY_keyframes_32453172;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_32453172 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -45px, 0);
        transform: translate3d(0, -45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_32453172 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -45px, 0);
        transform: translate3d(0, -45px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.bellabot .bellabot_part .section_main>li.bellabot_part_marker .bellabot_part_right .bellabot_part_light {
    width: 470px;
    left: 255px;
    top: -120px
}

.bellabot .bellabot_part .section_main>li.bellabot_part_rgbd .bellabot_part_right .bellabot_part_light {
    width: 500px;
    height: 141px;
    left: 235px;
    top: 360px
}

.bellabot .bellabot_perception {
    background-color: #0A0A0A;
    padding-bottom: 210px
}

.bellabot .bellabot_perception .section_main {
    width: 1180px;
    margin-bottom: 46px;
    padding-top: 200px
}

.bellabot .bellabot_perception .section_main>h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 64px;
    font-size: 54px;
    font-weight: 400;
    color: #FFF
}

.bellabot .bellabot_perception .section_main>p {
    width: 840px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFF;
    line-height: 24px;
    margin: 70px auto auto
}

.bellabot .bellabot_perception .section_main .perception_p2 {
    margin-top: 30px
}

.bellabot .bellabot_perception .section_main .videonavbox {
    width: 100%;
    margin-top: 100px
}

.bellabot .bellabot_perception .section_main .videonavbox .perception_nav {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px
}

.bellabot .bellabot_perception .section_main .videonavbox .perception_nav .nav_tab {
    width: 50%;
    float: left;
    font-size: 30px;
    font-family: Microsoft YaHei;
    color: #FFF
}

.bellabot .bellabot_perception .section_main .videonavbox .perception_nav .nav_tab span {
    cursor: pointer
}

.bellabot .bellabot_perception .section_main .videonavbox .perception_nav .nav_tab .text_en {
    font-size: 28px
}

.bellabot .bellabot_perception .section_main .videonavbox .perception_nav .nav_tab hr {
    width: 200px;
    height: 4px;
    border: none;
    background-color: #0072FF;
    margin-top: 10px
}

.bellabot .bellabot_avoid,
.bellabot .bellabot_height,
.bellabot .bellabot_radius {
    background-color: #0A0A0A
}

.bellabot .bellabot_perception .section_main .videonavbox .allvideobox {
    width: 100%;
    position: relative;
    overflow: hidden
}

.bellabot .bellabot_perception .section_main .videonavbox .allvideobox .videobox {
    position: absolute;
    width: 100%
}

.bellabot .bellabot_perception .section_main>video {
    margin-top: 64px;
    width: 100%
}

.bellabot .bellabot_avoid .section_main {
    width: 980px;
    margin-bottom: 46px
}

.bellabot .bellabot_avoid .section_main>h3 {
    margin-top: 95px;
    margin-bottom: 30px;
    line-height: 64px;
    font-size: 54px;
    font-weight: 400;
    color: #FFF
}

.bellabot .bellabot_avoid .section_main>p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #FFF
}

.bellabot .bellabot_avoid .section_main>video {
    margin-top: 64px;
    width: 100%
}

.bellabot .bellabot_height .section_main,
.bellabot .bellabot_radius .section_main {
    position: relative;
    width: 1180px;
    margin: 184px auto
}

.bellabot .bellabot_height .section_main .bellabot_content,
.bellabot .bellabot_radius .section_main .bellabot_content {
    float: left;
    width: 556px;
    margin-top: 84px
}

.bellabot .bellabot_height .section_main .bellabot_content p,
.bellabot .bellabot_radius .section_main .bellabot_content p {
    margin-bottom: 62px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    height: 60px;
    line-height: 60px
}

.bellabot .bellabot_height .section_main .bellabot_content p>span,
.bellabot .bellabot_radius .section_main .bellabot_content p>span {
    display: inline-block;
    font-size: 42px;
    height: 32px;
    line-height: 30px;
    color: #0072FF;
    font-weight: 700
}

.bellabot .bellabot_height .section_main .bellabot_content p>span.mgl20,
.bellabot .bellabot_radius .section_main .bellabot_content p>span.mgl20 {
    margin-left: 20px
}

.bellabot .bellabot_height .section_main .bellabot_content p>span.mgl20_es,
.bellabot .bellabot_radius .section_main .bellabot_content p>span.mgl20_es {
    margin-left: 0
}

.bellabot .bellabot_height .section_main .bellabot_content p>span.mgl20_hu,
.bellabot .bellabot_radius .section_main .bellabot_content p>span.mgl20_hu {
    margin-left: 0;
    font-size: 38px
}

.bellabot .bellabot_height .section_main .bellabot_content p>span.mgl20_ru,
.bellabot .bellabot_radius .section_main .bellabot_content p>span.mgl20_ru {
    margin-left: 2px
}

.bellabot .bellabot_height .section_main .bellabot_content p>span.mgl20_th,
.bellabot .bellabot_radius .section_main .bellabot_content p>span.mgl20_th {
    margin-left: -3px
}

.bellabot .bellabot_height .section_main video,
.bellabot .bellabot_radius .section_main video {
    float: right;
    width: 624px;
    height: 352px
}

.bellabot .bellabot_radius .bellabot_content {
    float: right !important;
    text-indent: 76px !important
}

.bellabot .bellabot_radius .bellabot_content span,
.bellabot .bellabot_radius .bellabot_content_es {
    text-indent: 0 !important
}

.bellabot .bellabot_radius video {
    float: left !important
}

.bellabot .bellabot_scheduler {
    position: relative
}

.bellabot .bellabot_scheduler .bellabot_scheduler_main {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -590px
}

.bellabot .bellabot_scheduler .bellabot_scheduler_main>h3 {
    margin: 0;
    height: 27px;
    line-height: 27px;
    font-size: 36px;
    font-weight: 400;
    color: #fff
}

.bellabot .bellabot_scheduler .bellabot_scheduler_main>p {
    width: 400px;
    margin-top: 29px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #7C7C7C
}

.bellabot .bellabot_scheduler img {
    float: right;
    width: 1200px;
    height: 800px
}

.bellabot .bellabot_cloud {
    position: relative
}

.bellabot .bellabot_cloud img {
    float: left;
    width: 100%;
    opacity: .25
}

.bellabot .bellabot_cloud .section_main {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 962px;
    margin-left: -480px
}

.bellabot .bellabot_cloud .section_main h3 {
    margin: 0 0 31px;
    font-size: 54px;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    color: #0072FF
}

.bellabot .bellabot_cloud .section_main>p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 30px
}

.bellabot .bellabot_interaction .section_main {
    width: 780px;
    color: #fff
}

.bellabot .bellabot_interaction .section_main h3 {
    margin-top: 100px;
    margin-bottom: 64px;
    font-size: 54px;
    font-weight: 400
}

.bellabot .bellabot_interaction .section_main ul {
    width: 100%;
    float: left;
    margin-bottom: 102px
}

.bellabot .bellabot_interaction .section_main ul li {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 153px
}

.bellabot .bellabot_interaction .section_main ul li>p {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: 19px;
    line-height: 19px;
    font-size: 20px;
    font-weight: 400
}

.bellabot .bellabot_interaction .section_main ul li:last-child {
    margin-right: 0
}

.bellabot .bellabot_interaction .section_main .ul_en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.bellabot .bellabot_interaction_common h3 {
    margin-top: 36px;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 400;
    color: #fff
}

.bellabot .bellabot_interaction_common svg {
    display: block;
    margin: 70px auto 0;
    width: 80px;
    height: 80px
}

.bellabot .bellabot_interaction_common p {
    font-size: 20px;
    font-weight: 400;
    color: #7C7C7C;
    text-align: center
}

.bellabot .bellabot_ai {
    width: 100%;
    overflow: hidden;
    position: relative
}

.bellabot .bellabot_ai .bellabot_ai_voice {
    position: absolute;
    left: 0;
    top: 230px;
    width: 100%;
    min-height: 535px
}

.bellabot .bellabot_ai .bellabot_ai_voice>div {
    position: absolute;
    left: 50%;
    float: left;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-family: Microsoft YaHei;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice_btn {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: -webkit-gradient(linear, left top, right top, from(#0072ff), to(#408cff));
    background: -webkit-linear-gradient(left, #0072ff, #408cff);
    background: linear-gradient(90deg, #0072ff, #408cff);
    border-radius: 20px
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice_grey {
    font-size: 24px;
    color: #7C7C7C;
    font-weight: 400;
    line-height: 22px
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice1 {
    -webkit-animation-name: bellabot_ai_voice1;
    animation-name: bellabot_ai_voice1
}

@-webkit-keyframes bellabot_ai_voice1 {
    0% {
        opacity: 0;
        margin-left: -190px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 66.78%;
        top: 133px
    }
}

@keyframes bellabot_ai_voice1 {
    0% {
        opacity: 0;
        margin-left: -190px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 66.78%;
        top: 133px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice2 {
    width: 240px;
    -webkit-animation-name: bellabot_ai_voice2;
    animation-name: bellabot_ai_voice2
}

@-webkit-keyframes bellabot_ai_voice2 {
    0% {
        opacity: 0;
        margin-left: -70px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 70.73%;
        top: 232px
    }
}

@keyframes bellabot_ai_voice2 {
    0% {
        opacity: 0;
        margin-left: -70px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 70.73%;
        top: 232px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice3 {
    width: 324px;
    font-size: 18px;
    -webkit-animation-name: bellabot_ai_voice3;
    animation-name: bellabot_ai_voice3
}

@-webkit-keyframes bellabot_ai_voice3 {
    0% {
        opacity: 0;
        margin-left: -162px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 81.35%;
        top: 308px
    }
}

@keyframes bellabot_ai_voice3 {
    0% {
        opacity: 0;
        margin-left: -162px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 81.35%;
        top: 308px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice4 {
    width: 422px;
    font-size: 24px;
    -webkit-animation-name: bellabot_ai_voice4;
    animation-name: bellabot_ai_voice4
}

@-webkit-keyframes bellabot_ai_voice4 {
    0% {
        opacity: 0;
        margin-left: -211px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 70.33%;
        top: 368px
    }
}

@keyframes bellabot_ai_voice4 {
    0% {
        opacity: 0;
        margin-left: -211px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 70.33%;
        top: 368px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice5 {
    width: 430px;
    font-size: 12px;
    -webkit-animation-name: bellabot_ai_voice5;
    animation-name: bellabot_ai_voice5
}

@-webkit-keyframes bellabot_ai_voice5 {
    0% {
        opacity: 0;
        margin-left: -215px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 72.9%;
        top: 454px
    }
}

@keyframes bellabot_ai_voice5 {
    0% {
        opacity: 0;
        margin-left: -215px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 72.9%;
        top: 454px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice6 {
    width: 220px;
    -webkit-animation-name: bellabot_ai_voice6;
    animation-name: bellabot_ai_voice6
}

@-webkit-keyframes bellabot_ai_voice6 {
    0% {
        opacity: 0;
        margin-left: -110px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 22.92%;
        top: 143px
    }
}

@keyframes bellabot_ai_voice6 {
    0% {
        opacity: 0;
        margin-left: -110px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 22.92%;
        top: 143px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice7 {
    width: 372px;
    -webkit-animation-name: bellabot_ai_voice7;
    animation-name: bellabot_ai_voice7
}

@-webkit-keyframes bellabot_ai_voice7 {
    0% {
        opacity: 0;
        margin-left: -186px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 7.2%;
        top: 272px
    }
}

@keyframes bellabot_ai_voice7 {
    0% {
        opacity: 0;
        margin-left: -186px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 7.2%;
        top: 272px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice8 {
    width: 220px;
    -webkit-animation-name: bellabot_ai_voice8;
    animation-name: bellabot_ai_voice8
}

@-webkit-keyframes bellabot_ai_voice8 {
    0% {
        opacity: 0;
        margin-left: -110px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 15.09%;
        top: 360px
    }
}

@keyframes bellabot_ai_voice8 {
    0% {
        opacity: 0;
        margin-left: -110px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 15.09%;
        top: 360px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice9 {
    width: 308px;
    font-size: 18px;
    -webkit-animation-name: bellabot_ai_voice9;
    animation-name: bellabot_ai_voice9
}

@-webkit-keyframes bellabot_ai_voice9 {
    0% {
        opacity: 0;
        margin-left: -154px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 2.3%;
        top: 416px
    }
}

@keyframes bellabot_ai_voice9 {
    0% {
        opacity: 0;
        margin-left: -154px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 2.3%;
        top: 416px
    }
}

.bellabot .bellabot_ai .bellabot_ai_voice>div.bellabot_ai_voice10 {
    width: 282px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: -webkit-gradient(linear, left top, right top, from(#0072ff), to(#408cff));
    background: -webkit-linear-gradient(left, #0072ff, #408cff);
    background: linear-gradient(90deg, #0072ff, #408cff);
    border-radius: 20px;
    -webkit-animation-name: bellabot_ai_voice10;
    animation-name: bellabot_ai_voice10
}

@-webkit-keyframes bellabot_ai_voice10 {
    0% {
        opacity: 0;
        margin-left: -141px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 13.63%;
        top: 473px
    }
}

@keyframes bellabot_ai_voice10 {
    0% {
        opacity: 0;
        margin-left: -141px;
        top: 290px
    }

    to {
        opacity: 1;
        left: 13.63%;
        top: 473px
    }
}

.bellabot .bellabot_ai .section_main {
    position: relative;
    width: 980px;
    margin-bottom: 100px
}

.bellabot .bellabot_ai .section_main img {
    width: 621px
}

.bellabot .bellabot_ai .section_main .bellabot_ai_1 {
    position: absolute;
    color: #fff
}

.bellabot .bellabot_light {
    margin-top: 70px;
    margin-bottom: 100px
}

.bellabot .bellabot_light .section_main {
    width: 1180px
}

.bellabot .bellabot_light .section_main img {
    float: left;
    margin-top: 93px;
    width: 380px;
    margin-right: 20px;
    background-color: #101010
}

.bellabot .bellabot_light .section_main img:last-child {
    margin-right: 0
}

.bellabot .bellabot_touch {
    margin-top: 70px;
    margin-bottom: 100px
}

.bellabot .bellabot_touch .section_main {
    width: 980px
}

.bellabot .bellabot_touch .section_main img {
    margin-top: -16px;
    margin-left: 74px;
    float: left;
    width: 820px
}

.bellabot .bellabot_face {
    position: relative;
    margin-top: 70px;
    margin-bottom: 100px;
    overflow: hidden
}

.bellabot .bellabot_face .section_main {
    width: 980px;
    height: 655px;
    margin-bottom: 100px;
    position: relative
}

.bellabot .bellabot_face .section_main img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 560px
}

.bellabot .bellabot_face>img {
    position: absolute;
    left: 0;
    top: 381px;
    
}

@-webkit-keyframes loop {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes loop {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.bellabot .bellabot_design {
    margin-bottom: 90px
}

.bellabot .bellabot_design .section_main {
    width: 1180px
}

.bellabot .bellabot_design .section_main>h3 {
    margin-top: 100px;
    margin-bottom: 36px;
    font-size: 54px;
    font-weight: 400;
    color: #FEFEFE
}

.bellabot .bellabot_design .section_main>p {
    width: 980px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #A8A8A8
}

.bellabot .bellabot_design .section_main>ul {
    margin-top: 64px;
    float: left;
    width: 100%
}

.bellabot .bellabot_design .section_main>ul li {
    float: left;
    width: 380px;
    margin-right: 20px
}

.bellabot .bellabot_design .section_main>ul li img {
    float: left;
    width: 100%;
    background-color: #101010
}

.bellabot .bellabot_design .section_main>ul li:last-child {
    margin-right: 0
}

.bellabot .bellabot_design .section_main>ul li.bellabot_design_center img {
    height: 260px
}

.bellabot .bellabot_design .section_main>ul li.bellabot_design_center img:last-child {
    margin-top: 20px
}

.bellabot .bellabot_parameter {
    background-color: #101010
}

.bellabot .bellabot_parameter .section_main {
    width: 1075px;
    margin-top: 30px
}

.bellabot .bellabot_parameter .section_main>img {
    position: relative;
    float: left;
    width: 375px;
    margin-top: 110px
}

.bellabot .bellabot_parameter .section_main .img_en {
    margin-top: 170px
}

.bellabot .bellabot_parameter .section_main ul {
    float: left;
    margin-left: 80px;
    margin-top: 110px;
    width: 620px
}

.bellabot .bellabot_parameter .section_main ul li {
    float: left;
    width: 100%;
    margin-top: 36px;
    text-align: left;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    font-weight: 400
}

.bellabot .bellabot_parameter .section_main ul li>div:first-child {
    float: left;
    width: 130px
}

.bellabot .bellabot_parameter .section_main ul li>div:last-child {
    float: left;
    margin-left: 20px;
    width: 470px
}

.bellabot .bellabot_parameter a {
    display: block;
    margin: 64px auto 100px;
    width: 300px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: #0064E6;
    border-radius: 4px;
    color: #fff;
    font-size: 22px
}

.bellabot .bellabot_parameter .pdsc_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
    margin-top: 100px
}

.bellabot_ae,
.bellabot_ae .bellabot_height .section_main .bellabot_content p,
.bellabot_ae .bellabot_part .section_main>li .bellabot_part_left,
.bellabot_ae .bellabot_radius .section_main .bellabot_content p {
    text-align: right
}

.bellabot .bellabot_parameter .pdsc_btn button {
    width: 300px;
    height: 68px;
    text-decoration: none;
    line-height: 68px;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px
}

.bellabot .bellabot_parameter .pdsc_btn button:hover {
    background-color: #005ad6
}

.bellabot .bellabot_parameter_ru .section_main {
    width: 1180px
}

.bellabot .bellabot_parameter_ru .section_main ul {
    width: 680px
}

.bellabot .bellabot_parameter_ru .section_main ul li>div:first-child {
    width: 160px
}

.bellabot .bellabot_parameter_nl .section_main {
    width: 1180px
}

.bellabot .bellabot_parameter_nl .section_main ul {
    width: 690px
}

.bellabot .bellabot_parameter_nl .section_main ul li>div:first-child {
    width: 190px
}

.bellabot_ae .bellabot_parameter .section_main ul {
    margin-left: 60px
}

.bellabot_ae .bellabot_parameter .section_main ul li {
    float: right
}

.bellabot_ae .bellabot_parameter .section_main ul li>div:first-child {
    float: right;
    width: 130px;
    text-align: right
}

.bellabot_ae .bellabot_parameter .section_main ul li>div:last-child {
    float: right;
    margin-left: 0;
    margin-right: 20px;
    width: 470px;
    text-align: right
}

.flashbot {
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
    background: #18191C;
    width: 100%;
    height: 100%
}

.flashbot h2 {
    color: #FFF;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 580
}

.flashbot p {
    color: #A8A8A8;
    font-weight: 580;
    font-size: 18px;
    line-height: 1.5
}

.flashbot .section_main {
    width: 1200px;
    height: 100vh;
    margin: auto
}

.flashbot video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_banner {
    width: 100%;
    position: relative;
    overflow: hidden
}

.flashbot .flashbot_banner .flashbot_banner_video {
    width: 100%;
    opacity: .5
}

.flashbot .flashbot_banner .flashbot_banner_logo {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.flashbot .flashbot_banner .flashbot_banner_logo p {
    font-size: 32px;
    font-weight: 400;
    color: #FFF;
    line-height: 45px;
    margin-top: 24px
}

.flashbot .flashbot_banner .flashbot_banner_logo .video_play_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flashbot .flashbot_banner .flashbot_banner_logo .video_play_btn .flashbot_video {
    margin-top: 80px;
    padding: 0 20px;
    line-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFC900), to(#F90));
    background: -webkit-linear-gradient(top, #FFC900 0, #F90 100%);
    background: linear-gradient(180deg, #FFC900 0, #F90 100%);
    border-radius: 25px;
    color: #222;
    font-size: 20px;
    cursor: pointer;
    min-width: 100px
}

.flashbot .flashbot_banner .flashbot_banner_logo .video_play_btn .flashbot_video span {
    font-size: 16px
}

.flashbot .flashbot_banner .flashbot_banner_logo .video_play_btn_en {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.flashbot .flashbot_elevator {
    width: 100%;
    min-height: 200vh
}

.flashbot .flashbot_elevator .section_main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flashbot .flashbot_elevator .section_main .desc_container {
    width: 560px;
    position: relative
}

.flashbot .flashbot_elevator .section_main .desc_container .elevator_desc {
    text-align: left
}

.flashbot .flashbot_elevator .section_main .desc_container .elevator_desc p {
    margin-top: 16px
}

.flashbot .flashbot_elevator .section_main .desc_container .elevator_desc img {
    width: 290px;
    height: 92px
}

.flashbot .flashbot_elevator .section_main .iot_desc {
    position: absolute;
    top: 200px;
    opacity: 0
}

.flashbot .flashbot_elevator .section_main .iot_desc h2 {
    font-size: 72px;
    font-weight: 600;
    color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFD600), to(#F90));
    background: -webkit-linear-gradient(top, #FFD600 0, #F90 100%);
    background: linear-gradient(180deg, #FFD600 0, #F90 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.flashbot .flashbot_elevator .section_main .iot_desc_en h2 {
    font-size: 56px;
    text-align: left
}

.flashbot .flashbot_elevator .section_main .elevator_img_container {
    height: 630px
}

.flashbot .flashbot_elevator .section_main .elevator_img_container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_electronic_skin {
    position: relative
}

.flashbot .flashbot_electronic_skin .mask {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    height: 50vh;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(24, 25, 28, 0)));
    background: -webkit-linear-gradient(top, #fff 0, rgba(24, 25, 28, 0) 100%);
    background: linear-gradient(180deg, #fff 0, rgba(24, 25, 28, 0) 100%)
}

.flashbot .flashbot_electronic_skin .section_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flashbot .flashbot_electronic_skin .section_main .flashbot_electronic_skin_desc {
    width: 485px
}

.flashbot .flashbot_electronic_skin .section_main .flashbot_electronic_skin_desc h2 {
    text-align: left
}

.flashbot .flashbot_electronic_skin .section_main .flashbot_electronic_skin_desc h3 {
    font-size: 32px;
    font-weight: 600;
    color: #F90;
    line-height: 1.1;
    text-align: left;
    margin: 24px 0 40px
}

.flashbot .flashbot_electronic_skin .section_main .flashbot_electronic_skin_desc p {
    margin-top: 20px;
    text-align: left
}

.flashbot .flashbot_electronic_skin .section_main .video_box {
    width: 570px;
    height: 680px;
    background: #2F2F2F;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.flashbot .flashbot_electronic_skin .section_main .video_box video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_avoidance {
    position: relative
}

.flashbot .flashbot_avoidance .section_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flashbot .flashbot_avoidance .section_main .flashbot_avoidance_desc {
    margin-right: 48px
}

.flashbot .flashbot_avoidance .section_main .flashbot_avoidance_desc h2 {
    font-weight: 600;
    color: #FFF;
    line-height: 67px;
    text-align: left
}

.flashbot .flashbot_avoidance .section_main .flashbot_avoidance_desc p {
    height: auto;
    font-weight: 600;
    color: #F90;
    line-height: 28px;
    margin-top: 20px;
    text-align: left
}

.flashbot .flashbot_avoidance .section_main .flashbot_avoidance_desc p:last-child {
    color: #A8A8A8;
    line-height: 28px;
    margin-top: 0
}

.flashbot .flashbot_avoidance .section_main .video_box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 570px;
    flex: 0 0 570px;
    height: 680px;
    background: #2F2F2F;
    border-radius: 16px;
    overflow: hidden
}

.flashbot .flashbot_avoidance .section_main .video_box video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_iot {
    width: 100%;
    position: relative;
    min-height: 200vh
}

.flashbot .flashbot_iot .section_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flashbot .flashbot_iot .section_main .flashbot_iot_desc {
    width: 600px;
    text-align: left;
    margin-top: 20px
}

.flashbot .flashbot_iot .section_main .flashbot_iot_desc p {
    margin-top: 24px
}

.flashbot .flashbot_iot .section_main .flashbot_iot_desc_fr {
    width: 800px
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper {
    position: relative;
    margin-top: 24px;
    height: 65%
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video_section {
    position: absolute;
    width: 100%;
    height: 100%
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video_section .flashbot_iot_video {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video_section .flashbot_iot_video .flashbot_iot_video_tit {
    position: absolute;
    width: 100%;
    font-size: 120px;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video_section .flashbot_iot_video video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video1 {
    z-index: 3
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video2 {
    z-index: 2
}

.flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper .flashbot_iot_video3 {
    z-index: 1
}

@media screen and (max-width:1600px) {
    .flashbot .flashbot_iot .section_main .flashbot_iot_video_wrapper_fr .flashbot_iot_video_section .flashbot_iot_video .flashbot_iot_video_tit {
        font-size: 82px;
        line-height: 1.2
    }
}

.flashbot .flashbot_intelligent {
    overflow: hidden;
    width: 100%;
    height: 1080px;
    position: relative
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -940px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div {
    position: absolute
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(1) {
    left: 595px;
    top: 134px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(2) {
    left: 1237px;
    top: 333px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(3) {
    left: 317px;
    top: 554px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(4) {
    left: 1400px;
    top: 832px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(5) {
    left: 416px;
    top: 857px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(6) {
    left: 375px;
    top: 348px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(7) {
    left: 1128px;
    top: 168px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(8) {
    left: 1446px;
    top: 176px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(9) {
    left: 1480px;
    top: 469px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(10) {
    left: 555px;
    top: 589px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(11) {
    left: 1304px;
    top: 599px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(12) {
    left: 433px;
    top: 116px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(13) {
    left: 615px;
    top: 763px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(14) {
    left: 592px;
    top: 451px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(15) {
    left: 984px;
    top: 56px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_main .flashbot_intelligent_icons div:nth-child(16) {
    left: 1245px;
    top: 790px
}

.flashbot .flashbot_intelligent .flashbot_intelligent_title {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.flashbot .flashbot_intelligent .flashbot_intelligent_title h2 {
    font-size: 72px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFD600), to(#F90));
    background: -webkit-linear-gradient(top, #FFD600 0, #F90 100%);
    background: linear-gradient(180deg, #FFD600 0, #F90 100%);
    -webkit-background-clip: text;
    color: #FFF;
    -webkit-text-fill-color: transparent;
    width: auto;
    height: auto;
    text-align: center
}

.flashbot .flashbot_aivoice,
.flashbot .flashbot_call,
.flashbot .flashbot_recharge {
    background: #18191C
}

.flashbot .flashbot_aivoice .section_main,
.flashbot .flashbot_call .section_main,
.flashbot .flashbot_recharge .section_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 600px;
    margin: auto
}

.flashbot .flashbot_aivoice .section_main .arc_desc,
.flashbot .flashbot_call .section_main .arc_desc,
.flashbot .flashbot_recharge .section_main .arc_desc {
    width: 512px
}

.flashbot .flashbot_aivoice .section_main .arc_desc h2,
.flashbot .flashbot_aivoice .section_main .arc_desc p,
.flashbot .flashbot_call .section_main .arc_desc h2,
.flashbot .flashbot_call .section_main .arc_desc p,
.flashbot .flashbot_recharge .section_main .arc_desc h2,
.flashbot .flashbot_recharge .section_main .arc_desc p {
    text-align: left
}

.flashbot .flashbot_aivoice .section_main .arc_desc p,
.flashbot .flashbot_call .section_main .arc_desc p,
.flashbot .flashbot_recharge .section_main .arc_desc p {
    margin-top: 24px
}

.flashbot .flashbot_aivoice .section_main .video_container,
.flashbot .flashbot_call .section_main .video_container,
.flashbot .flashbot_recharge .section_main .video_container {
    width: 640px;
    height: 360px;
    background: #2F2F2F;
    border-radius: 16px;
    overflow: hidden
}

.flashbot .flashbot_aivoice .section_main .video_container video,
.flashbot .flashbot_call .section_main .video_container video,
.flashbot .flashbot_recharge .section_main .video_container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_form_container {
    width: 100%;
    min-height: 100vh
}

.flashbot .flashbot_form_container .flashbot_form {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flashbot .flashbot_form_container .flashbot_form .flashbot_form_desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 568px;
    flex: 0 0 568px
}

.flashbot .flashbot_form_container .flashbot_form .flashbot_form_desc h2 {
    font-size: 64px;
    font-weight: 600;
    color: #FFF;
    line-height: 90px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFD600), to(#F90));
    background: -webkit-linear-gradient(top, #FFD600 0, #F90 100%);
    background: linear-gradient(180deg, #FFD600 0, #F90 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.flashbot .flashbot_form_container .flashbot_form .flashbot_form_cabin_desc {
    position: absolute;
    width: 568px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0
}

.flashbot .flashbot_form_container .flashbot_form .flashbot_form_cabin_desc img {
    width: 72px;
    height: 72px;
    margin-right: 40px
}

.flashbot .flashbot_form_container .flashbot_form .flashbot_form_cabin_desc p {
    margin-top: 24px
}

.flashbot .flashbot_form_container .flashbot_form .flashbot_form_imgs {
    width: 700px;
    height: 840px;
    background-image: url(https://pudu-file-cdn.oss-cn-shenzhen.aliyuncs.com/website/images/pc/flashbot/css_sprites2.png)
}

.flashbot .UV_suspension {
    width: 100%
}

.flashbot .UV_suspension .section_main {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flashbot .UV_suspension .section_main .UV_suspension_desc {
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left
}

.flashbot .UV_suspension .section_main .UV_suspension_desc img {
    width: 72px;
    height: 72px;
    margin-right: 40px
}

.flashbot .UV_suspension .section_main .UV_suspension_desc p {
    margin-top: 24px
}

.flashbot .UV_suspension .section_main .flashbot_UV_img {
    width: 700px;
    height: 840px
}

.flashbot .UV_suspension .section_main .flashbot_UV_img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .UV_suspension .section_main .flashbot_suspension_img {
    width: 696px
}

.flashbot .UV_suspension .section_main .flashbot_suspension_img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_cloud,
.flashbot .flashbot_scheduler {
    margin-top: 200px
}

.flashbot .flashbot_cloud,
.flashbot .flashbot_scheduler,
.flashbot .flashbot_slam {
    text-align: center;
    overflow: hidden
}

.flashbot .flashbot_cloud p,
.flashbot .flashbot_scheduler p,
.flashbot .flashbot_slam p {
    width: 830px;
    margin: 24px auto 57px
}

.flashbot .flashbot_cloud .video_container,
.flashbot .flashbot_scheduler .video_container,
.flashbot .flashbot_slam .video_container {
    width: 1200px;
    height: 676px;
    background: #2F2F2F;
    border-radius: 16px;
    margin: auto;
    overflow: hidden
}

.flashbot .flashbot_cloud .video_container video,
.flashbot .flashbot_scheduler .video_container video,
.flashbot .flashbot_slam .video_container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flashbot .flashbot_details {
    width: 100%;
    padding-bottom: 100px;
    margin-top: 200px
}

.flashbot .flashbot_details .flashbot_process_title {
    width: 1200px;
    margin: 64px auto
}

.flashbot .flashbot_details .flashbot_details_process {
    width: 1128px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.flashbot .flashbot_details .flashbot_details_process h2 {
    padding-top: 64px;
    font-size: 40px;
    line-height: 56px
}

.flashbot .flashbot_details .flashbot_details_process .flashbot_details_process_container {
    width: 100%;
    margin-top: 100px
}

.flashbot .flashbot_details .flashbot_details_process .flashbot_details_process_container .flashbot_details_process_wrapper .flashbot_details_process_slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flashbot .flashbot_details .flashbot_details_process .flashbot_details_process_container .flashbot_details_process_wrapper .flashbot_details_process_slide p {
    font-size: 16px
}

.flashbot .flashbot_details .flashbot_details_process .flashbot_details_process_container .flashbot_details_process_wrapper .flashbot_details_process_slide img {
    width: 376px;
    height: 240px
}

.flashbot .flashbot_details .flashbot_details_process .process_button_next {
    width: 36px;
    height: 36px;
    right: -40px;
    top: 230px;
    background-image: url(https://pudu-file-cdn.oss-cn-shenzhen.aliyuncs.com/website/images/pc/flashbot/btn_next.png)
}

.flashbot .flashbot_details .flashbot_details_process .process_button_pre {
    width: 36px;
    height: 36px;
    left: -40px;
    top: 230px;
    background-image: url(https://pudu-file-cdn.oss-cn-shenzhen.aliyuncs.com/website/images/pc/flashbot/btn_pre.png)
}

.flashbot .flashbot_details .flashbot_details_process .swiper-pagination {
    left: 50%;
    top: -15px;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0)
}

.flashbot .flashbot_details .flashbot_details_process .swiper-pagination-bullet {
    width: 90px;
    height: 1px;
    background: #525361;
    border-radius: 0;
    margin: 0
}

.flashbot .flashbot_details .flashbot_details_process .swiper-pagination-bullet-active {
    width: 90px;
    margin: 0;
    height: 2px;
    background: #FFF;
    border-radius: 0
}

.flashbot .flashbot_details .flashbot_details_parameters {
    width: 1200px;
    margin: 150px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img {
    position: relative
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img .flashbot_details_parameters_img_container {
    width: 400px;
    height: 540px;
    overflow: hidden
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img .flashbot_details_parameters_img_container .flashbot_details_parameters_img_wrapper {
    width: 100%
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    opacity: 1;
    margin-left: 76px
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img .swiper-pagination-bullet:nth-child(1) {
    background: #E4A435
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img .swiper-pagination-bullet:nth-child(2) {
    background: #A8A8A8
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_img .swiper-pagination-bullet:nth-child(3) {
    background: #FFF
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container {
    width: 720px
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container ul .flashbot_details_parameters_cont_hr {
    width: 720px;
    height: 1px;
    background: #333
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container ul li {
    float: left
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container ul li .flashbot_details_parameters_cont_ul li {
    margin: 30px 0
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container ul li .flashbot_details_parameters_cont_ul li:last-child {
    margin-left: 120px
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container ul li p:nth-child(1) {
    height: 28px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 28px
}

.flashbot .flashbot_details .flashbot_details_parameters .flashbot_details_parameters_cont_container ul li p:nth-child(2) {
    width: 300px;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    line-height: 25px;
    margin-top: 7px
}

.flashbot .flashbot_details .btn {
    width: 300px;
    height: 68px;
    background: #0072ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 68px;
    margin: 0 auto
}

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

    .flashbot .flashbot_avoidance .section_main .video_box,
    .flashbot .flashbot_electronic_skin .section_main .video_box {
        width: 475px;
        height: 567px
    }

    .flashbot .flashbot_form_imgs {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        margin-top: -60px
    }

    .flashbot .flashbot_UV .section_main .flashbot_UV_img {
        width: 538px;
        height: 646px
    }

    .flashbot .flashbot_UV .section_main .flashbot_UV_img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.flashbot_ae {
    text-align: right
}

.flashbot_ae .flashbot_iot_desc,
.flashbot_ae h2,
.flashbot_ae p {
    text-align: right !important
}

.flashbot_ae .flashbot_banner_logo p,
.flashbot_ae .flashbot_cloud h2,
.flashbot_ae .flashbot_cloud p,
.flashbot_ae .flashbot_intelligent_title h2,
.flashbot_ae .flashbot_intelligent_title p,
.flashbot_ae .flashbot_iot_video_tit,
.flashbot_ae .flashbot_scheduler h2,
.flashbot_ae .flashbot_scheduler p,
.flashbot_ae .flashbot_slam h2,
.flashbot_ae .flashbot_slam p {
    text-align: center !important
}

.flashbot_ae .UV_suspension_desc img,
.flashbot_ae .flashbot_form_cabin_desc img {
    margin-right: 0 !important;
    margin-left: 40px
}

.flashbot_ae .flashbot_details_process_pagination {
    direction: ltr !important
}

.holabot_ae,
.kettybot_ae {
    direction: rtl
}

.gazebot {
    float: left;
    width: 100%
}

.gazebot .gazebot_banner .gazebot_banner_title {
    position: absolute;
    left: 50%;
    top: 24%;
    width: 460px;
    text-align: center;
    margin-left: -230px;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    color: #3D4249
}

.gazebot .gazebot_banner img {
    float: left;
    width: 100%
}

.gazebot .gazebot_video {
    background-color: #0E0E0E
}

.gazebot .gazebot_video .section_main {
    margin-top: 146px;
    margin-bottom: 117px;
    width: 1200px;
    height: 675px;
    background: #000;
    opacity: .63
}

.gazebot .gazebot_video .section_main>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gazebot .gazebot_video .section_main .video_play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer
}

.gazebot .gazebot_video .section_main .video_play_button:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 9px solid transparent
}

.gazebot .gazebot_video .section_main .video_play_button:hover {
    background: rgba(0, 0, 0, .9)
}

.gazebot .gazebot_swiper {
    background-color: #0E0E0E;
    color: #fff
}

.gazebot .gazebot_swiper .section_main {
    width: 1200px;
    height: 1287px
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_title {
    margin: 117px auto 0;
    width: 650px;
    text-indent: 0;
    text-align: center;
    font-size: 36px;
    height: 38px;
    line-height: 38px;
    background: 0 0;
    -webkit-animation-name: fadeInY_keyframes_998363;
    animation-name: fadeInY_keyframes_998363;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_998363 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_998363 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_mdr {
    margin-top: 30px;
    height: 36px;
    line-height: 36px;
    font-size: 38px;
    font-weight: 700;
    color: #1E1E1E;
    -webkit-animation-name: fadeInY_keyframes_83030935;
    animation-name: fadeInY_keyframes_83030935;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_83030935 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_83030935 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main {
    position: absolute;
    left: 50%;
    top: 285px;
    margin: 0 -600px;
    width: 100%;
    height: 628px
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main video {
    width: 100%;
    height: 100%
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_pagination {
    margin-top: 13px;
    height: 10px;
    line-height: 10px
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .swiper-pagination-bullet {
    margin: 0 15px;
    width: 10px;
    height: 10px;
    background: #777;
    -webkit-box-shadow: 0 27px 30px 0 #000;
    box-shadow: 0 27px 30px 0 #000
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .swiper-pagination-bullet-active {
    background: -webkit-linear-gradient(15deg, #00a2ff, #26c4ff);
    background: linear-gradient(75deg, #00a2ff, #26c4ff)
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_arrow {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    width: 18px;
    height: 42px;
    z-index: 99;
    cursor: pointer
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_arrow.gazebot_swiper_prev {
    left: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAAh1BMVEUAAAAAAAAAAAAAAAAEBAQAAAAAAAD+/v4AAAD39/c9PT0AAACLi4snJyf8/Pz7+/vy8vLn5+fq6urg4ODX19fOzs6zs7OgoKB0dHRZWVkRERH5+fn09PTu7u7t7e3w8PDd3d3s7Oza2trPz8/BwcG9vb3Ly8usrKyJiYmmpqZra2tqamr///+1vFr6AAAALHRSTlMACAMTHw4m/BvpOCJYMffx3sW5t6aSdWZMQCzu4NbRvbOvq5qIhHVybGk5MFifPFcAAADwSURBVDjLhZTXDsMgDEULJulIs3e69+L/v6+mihQlt5L9wMNFHPDF9gxCa7eirDj0P90jIt4Cnczhbkhp0IPS2uzjqfGG8sx6bq09kZoeCBPW4zepie4XlqMyPWoA1Q6U++PLtVqslqwvV4teH0A56/OaQZMMKstRIKiNWU9CAlDqQGsABVcHKoP+wPDSJmJ93wGo27EeNQDyLw50+4HQu9QHULhlfdNiymcHehiaevdy+hFB6F3vReZSfvIBeQNR8uX4XDFBtEQ2EW2XPwq/Vi4GLJ8hoOCEEsWiltsAG0duNWxOuZ1xAODIEIcMjqUvz+kkMSyexYEAAAAASUVORK5CYII=) center no-repeat
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_arrow.gazebot_swiper_prev:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAA3lBMVEUAAAAAAAAAAAAAAAAAAAAAAwQAAAAAAAAABgkEKz0CGycMhMAOZIkGUHQGPVkKpfYOfrMTd6ARsf0Gpv4WtPwZtvsKqPoCn/ciu/YGofQiufIQqPIKnOcjtu0TqO0BlekXpOAdrOYLl90DjtoepNcOltcGis8cnc4Nj80KdqwFXIkBaqYDXpANUGsAM1ANT2omwv0PrPslwfsTr/kVsPYPpO4FnO4br+0Ppe0VpugUpOYJlt8jtewenMsQj8sbi7UHa58FqP8Psf8Utf8Mrf8lxP8Jq/8iwf8Yuf8evf+wPjT9AAAAQXRSTlMABAkUDx8kGyk5MYZWTEDndWb7+ffx7+vo4N7exby8t7ezs6umppqSknJsaVs5NjD79vDu6NbV0dHHw7avdnV1ZXUdbXUAAAFbSURBVDjLbZRZV8JADIWdThcoUHZENkFBUEHc962djm3//x/yntMnkuShD7knX5LbMzlioRQ+UtpxJEk5rtYuJJbX3vTL046iHO2vrZ3uXSq4Xv3WWvupFQWFI+Tvd1qRvL+0iB/PVQTUzpBf+Gh+UBBUh1lmh9XAUQQ0zxDtQ5ACqFUUWbbkoKgPYRRqCqq85XlR1ClI+zUDYe1rpQ4nbfQgvFQ46Ckxea/BQRdJYkyNg7YphHcOCk/SNHmI+Mrn8V+aXHLvrmMIZz4D3RxDaBLvIASnMeKKdCYCR8UlijVHk7I5GxdKOS5dEMIgEmDbLjaZlP2JiTGU0kRi+zOEO9jOYI0u7HqVYLUYDm8k2AQlnTqfOYgG+FvjUPOZW2CZlWTAB0pMW4BVmxAeJTd/wTJzCbZCSd6S3ByjpL/TwuPsGJMvtPCcN4mZ7V3pAMy++QHgJ0M+MvJZ+gdcQDVTyJFpHwAAAABJRU5ErkJggg==) center no-repeat
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_arrow.gazebot_swiper_next {
    right: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAAe1BMVEUAAAAAAAAAAAAAAAAEBAQAAAD9/f37+/tAQEAkJCT9/f339/f19fXy8vLp6enw8PDr6+vY2NjMzMzGxsa9vb2ysrKioqKJiYlubm5fX1/w8PDt7e3r6+vk5OTg4ODf39/T09PW1taPj4+bm5uBgYGNjY19fX1OTk7///+c+WUpAAAAKHRSTlMACRQeJw/78jox9+ro38nGs6iUi312aFhIQ9nPzry3tqKEb2NSRzg11ICulAAAAMRJREFUOMu9lEcSwjAMRbEUp1ADhF5Cx/c/IfKwYMZfoBXR0m/yYn9b6v0qF0tdJyIvCNf5XDMh8I9JCA0SR7IeijU7l4J7X8guoxR4ngepGQOhbCwgX7F3ybZ4UwgZVeRcKltE2TRTZG0kS5RRORQwKBXZNRdy0GSnKGsYSbVVAxDZLQawV2RdBXD8EgC/A3gqn1xiALUNUGX/HLdrHxAjwRCt2PGi7KvFx4DPB0TtX4+MjYOtZjQntrM5AHBkIPlMGbteFX4flON8RkQAAAAASUVORK5CYII=) center no-repeat
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_arrow.gazebot_swiper_next:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAMAAAA8VkqRAAAA5FBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEABggCGSQQdqIMYYkITW4EQF8FL0MSsPsZtPYLou4Alu0ZoNgGg8YQhrwWtf0Lq/0Aof0at/sAn/shu/cdtPIGn/EUqOsTouQhsekQneATpOYSkssUksgHjtYPf7MFdLEOZ48GaJsHWIECXI0CUX0BJzsLPE4Tsv4gvv0ZuP0OrPoLp/cQqvUDn/UXr/ITqfAUqO0Bl+0dr+sMnegBj98AluwHj9gPk9MFi9MCg8wAe8ETtf8OsP8evv8Ao/8XuP8au/8Fp/8hwf8Jq//IFBrjAAAAQ3RSTlMABBMNCRokICowaFhHQzz06cfHp4p9+vj38/Pp3tzMvLa2s5OPhHh1b2NSRzg4Nf36+vHr5+be2c/Pzsi1sKqioZV8kqgRZAAAAVtJREFUOMttlOlWwjAQhUnohmKhLmwKKKKogPu+a9skre//Pl76gzknk/yc78zNzM1katURosYPosLzgHi8LqWse4wgHp5MfAlig0WSpXuhtNSEJ5Msy1pNvy6sDDnvZln6HPmesKTCXYD0OICYpRW9gXQ2IWal+Fu3SHlsWERAbAagdwLp2WLBEYDeCLnY8h6kHfNrwvMrpIxdYl8AxjYAxG88pdr0m46aLzra5K+2AULIYKpBpi4DRgDXTgP6Js8PXAacGhCnAROA0mVA3AbYv+Qp0ZnJy/LQd4K8AkwKoJKy3dcAdDmVmwJQudRgCw5Tg3Rzgse6WVtCJtIUWbZ3AUZr2+mhhn9sUqtKvwsAeloahgJgzCtdPgDcxVzovQBwtDxTqig+HS0PAIaOlreVUj1qmT6OwvlhcyPnPcRfIv5sK6EBtUxSC5DfqmW+AD7YAmArw71kOOPhf271NmHe1SECAAAAAElFTkSuQmCC) center no-repeat
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_item {
    position: relative;
    display: inline-block;
    margin: 33px 39px;
    width: 132px;
    height: 173px;
    background: -webkit-linear-gradient(45deg, #202020, #1b1b1b, #131313);
    background: linear-gradient(45deg, #202020, #1b1b1b, #131313);
    -webkit-box-shadow: 0 27px 30px 0 #000, 0 1px 1px 0 rgba(62, 62, 62, .29);
    box-shadow: 0 27px 30px 0 #000, 0 1px 1px 0 rgba(62, 62, 62, .29);
    border-radius: 5px;
    color: #FEFEFE;
    font-size: 24px;
    cursor: pointer
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_item .gazebot_swiper_icon_text {
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 100%;
    height: 23px;
    line-height: 23px;
    text-align: center
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_item svg {
    float: left;
    position: absolute;
    left: 50%;
    top: 24px;
    margin-left: -33.5px;
    width: 67px;
    height: 67px
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_item svg g,
.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_item svg path {
    fill: #0072FF
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_cur {
    background: -webkit-linear-gradient(15deg, #00a2ff, #26c4ff);
    background: linear-gradient(75deg, #00a2ff, #26c4ff)
}

.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_cur svg g,
.gazebot .gazebot_swiper .section_main .gazebot_swiper_main .gazebot_swiper_icon .gazebot_swiper_icon_cur svg path {
    fill: #FEFEFE
}

.gazebot .gazebot_mdr {
    background-color: #0C0C0C
}

.gazebot .gazebot_mdr .section_main {
    position: relative;
    margin-top: 90px;
    width: 826px;
    height: 716px
}

.gazebot .gazebot_mdr .section_main>img {
    position: absolute;
    left: 92px;
    top: 0;
    width: 734px;
    height: 100%
}

.gazebot .gazebot_mdr .section_main>div {
    position: absolute;
    left: 0;
    opacity: 0;
    -webkit-animation-name: fade_keyframes_72957939;
    animation-name: fade_keyframes_72957939;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fade_keyframes_72957939 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_72957939 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gazebot .gazebot_mdr .section_main>div.gazebot_mdr_m {
    top: 18px;
    width: 152px;
    height: 147px
}

.gazebot .gazebot_mdr .section_main>div.gazebot_mdr_d {
    top: 187px;
    width: 133px;
    height: 138px
}

.gazebot .gazebot_mdr .section_main>div.gazebot_mdr_r {
    top: 352px;
    width: 129px;
    height: 155px
}

.gazebot .gazebot_mdr .section_main>div img {
    width: 100%
}

.gazebot .gazebot_scene {
    height: 680px;
    background-color: #1b1b1b;
    background: -webkit-linear-gradient(45deg, #202020, #1b1b1b, #131313);
    background: linear-gradient(45deg, #202020, #1b1b1b, #131313);
    -webkit-box-shadow: 0 2px 1px 0 rgba(62, 62, 62, .29);
    box-shadow: 0 2px 1px 0 rgba(62, 62, 62, .29)
}

.gazebot .gazebot_scene .section_main {
    height: 100%;
    text-align: center;
    color: #fff
}

.gazebot .gazebot_scene .section_main>img {
    position: absolute;
    left: 50%;
    top: 178px;
    margin-left: -287px;
    width: 574px;
    height: 190px
}

.gazebot .gazebot_scene .section_main .gazebot_scene_t1 {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
    font-size: 36px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    -webkit-animation-name: fadeInY_keyframes_54305026;
    animation-name: fadeInY_keyframes_54305026;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_54305026 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_54305026 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.gazebot .gazebot_scene .section_main .gazebot_scene_t2 {
    position: absolute;
    left: 50%;
    top: 170px;
    width: 910px;
    margin-left: -450px;
    font-size: 68px;
    font-weight: 700;
    height: 68px;
    line-height: 68px;
    color: #00A0E6;
    background: -webkit-linear-gradient(15deg, #00a2ff 0, #26c4ff 100%);
    background: linear-gradient(75deg, #00a2ff 0, #26c4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: fadeInY_keyframes_96992304;
    animation-name: fadeInY_keyframes_96992304;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_96992304 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_96992304 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.gazebot .gazebot_scene .section_main .gazebot_scene_t3 {
    position: absolute;
    left: 50%;
    top: 422px;
    width: 860px;
    margin-left: -430px;
    font-size: 18px;
    -webkit-animation-name: fadeInY_keyframes_35180615;
    animation-name: fadeInY_keyframes_35180615;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_35180615 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_35180615 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.gazebot .gazebot_scene .section_main .gazebot_scene_t3>div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin-bottom: 28px;
    height: 18px;
    line-height: 18px
}

.gazebot .gazebot_scene .section_main .gazebot_scene_t3>div.gazebot_scene_t3_1 {
    width: 100%
}

.gazebot .gazebot_point {
    position: relative;
    background: #0E0E0E
}

.gazebot .gazebot_point .gazebot_point_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.gazebot .gazebot_point .section_main {
    width: 1200px
}

.gazebot .gazebot_point .section_main .gazebot_point_title {
    height: auto;
    line-height: 56px;
    font-size: 56px;
    font-weight: 700;
    color: #00A0E6;
    background: -webkit-linear-gradient(15deg, #00a2ff 0, #26c4ff 100%);
    background: linear-gradient(75deg, #00a2ff 0, #26c4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gazebot .gazebot_point .section_main .gazebot_point_desc {
    padding-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 26px;
    color: #FFFEFE
}

.gazebot .gazebot_point .section_main .gazebot_point_detial {
    margin-top: 53px;
    font-size: 18px;
    color: #979797;
    line-height: 40px
}

.gazebot .gazebot_point .section_main .gazebot_point_type {
    position: absolute;
    left: 0;
    font-size: 60px;
    color: #222;
    line-height: 58px;
    font-weight: 700
}

.gazebot .gazebot_point .section_main>div {
    position: relative;
    float: left;
    width: 100%;
    text-align: left
}

.gazebot .gazebot_point .section_main .gazebot_point_item1 {
    margin-top: 145px
}

.gazebot .gazebot_point .section_main .gazebot_point_item1>video {
    margin-left: 145px;
    width: 304px;
    height: 452px
}

.gazebot .gazebot_point .section_main .gazebot_point_item1 .gazebot_point_text {
    margin-top: 50px;
    margin-left: 203px;
    width: 444px;
    -webkit-animation-name: fadeX_keyframes_58944806;
    animation-name: fadeX_keyframes_58944806;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_58944806 {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_58944806 {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item2 {
    margin-top: 136px
}

.gazebot .gazebot_point .section_main .gazebot_point_item2>img {
    width: 598px;
    height: 336px
}

.gazebot .gazebot_point .section_main .gazebot_point_item2 .gazebot_point_text {
    margin-top: 110px;
    width: 470px;
    margin-left: 128px;
    font-size: 48px;
    -webkit-animation-name: fade_keyframes_74066375;
    animation-name: fade_keyframes_74066375;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

@-webkit-keyframes fade_keyframes_74066375 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_74066375 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item3 {
    margin-top: 80px
}

.gazebot .gazebot_point .section_main .gazebot_point_item3>img {
    width: 598px;
    height: 336px
}

.gazebot .gazebot_point .section_main .gazebot_point_item3 .gazebot_point_text {
    margin-top: 55px;
    margin-left: 55px;
    width: 470px;
    -webkit-animation-name: fade_keyframes_31513245;
    animation-name: fade_keyframes_31513245;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

@-webkit-keyframes fade_keyframes_31513245 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_31513245 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item4 {
    margin-top: 283px
}

.gazebot .gazebot_point .section_main .gazebot_point_item5,
.gazebot .gazebot_point .section_main .gazebot_point_item6,
.gazebot .gazebot_point .section_main .gazebot_point_item7 {
    margin-top: 182px
}

.gazebot .gazebot_point .section_main .gazebot_point_item4>img {
    float: left;
    width: 701px;
    height: 466px
}

.gazebot .gazebot_point .section_main .gazebot_point_item4 .gazebot_point_text {
    position: relative;
    width: 404px;
    margin-left: 66px;
    -webkit-animation-name: fadeX_keyframes_12865229;
    animation-name: fadeX_keyframes_12865229;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_12865229 {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_12865229 {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item4 .gazebot_point_type {
    top: 405px
}

.gazebot .gazebot_point .section_main .gazebot_point_item5>img {
    float: left;
    margin-left: 22px;
    width: 702px;
    height: 468px
}

.gazebot .gazebot_point .section_main .gazebot_point_item5 .gazebot_point_text {
    width: 476px;
    -webkit-animation-name: fadeX_keyframes_15367373;
    animation-name: fadeX_keyframes_15367373;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_15367373 {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_15367373 {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item5 .gazebot_point_type {
    top: 406px
}

.gazebot .gazebot_point .section_main .gazebot_point_item6>img {
    float: left;
    width: 702px;
    height: 468px
}

.gazebot .gazebot_point .section_main .gazebot_point_item6 .gazebot_point_text {
    position: relative;
    margin-left: 64px;
    width: 434px;
    -webkit-animation-name: fadeX_keyframes_61014003;
    animation-name: fadeX_keyframes_61014003;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_61014003 {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_61014003 {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item6 .gazebot_point_type {
    top: 407px
}

.gazebot .gazebot_point .section_main .gazebot_point_item7>img {
    float: left;
    width: 681px;
    height: 448px
}

.gazebot .gazebot_point .section_main .gazebot_point_item7 .gazebot_point_text {
    margin-top: 84px;
    margin-right: 108px;
    width: 410px;
    -webkit-animation-name: fadeX_keyframes_82795686;
    animation-name: fadeX_keyframes_82795686;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_82795686 {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_82795686 {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gazebot .gazebot_point .section_main .gazebot_point_item7 .gazebot_point_type {
    left: 762px
}

.gazebot .gazebot_point .section_main .gazebot_point_item4 .gazebot_point_title,
.gazebot .gazebot_point .section_main .gazebot_point_item5 .gazebot_point_title,
.gazebot .gazebot_point .section_main .gazebot_point_item6 .gazebot_point_title,
.gazebot .gazebot_point .section_main .gazebot_point_item7 .gazebot_point_title {
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    margin-top: 7px
}

.gazebot .gazebot_point .section_main .gazebot_point_item4 .gazebot_point_desc,
.gazebot .gazebot_point .section_main .gazebot_point_item5 .gazebot_point_desc,
.gazebot .gazebot_point .section_main .gazebot_point_item6 .gazebot_point_desc,
.gazebot .gazebot_point .section_main .gazebot_point_item7 .gazebot_point_desc {
    height: auto;
    padding-top: 20px;
    font-size: 18px;
    line-height: 30px
}

.gazebot .gazebot_point .section_main .gazebot_point_item4 .gazebot_point_detial,
.gazebot .gazebot_point .section_main .gazebot_point_item5 .gazebot_point_detial,
.gazebot .gazebot_point .section_main .gazebot_point_item6 .gazebot_point_detial,
.gazebot .gazebot_point .section_main .gazebot_point_item7 .gazebot_point_detial {
    margin-top: 28px;
    font-size: 14px;
    line-height: 24px
}

.gazebot .gazebot_gazebots {
    background: #0E0E0E
}

.gazebot .gazebot_gazebots>img {
    float: left;
    width: 100%;
    margin-top: 230px;
    -webkit-animation-name: fade_keyframes_17667793;
    animation-name: fade_keyframes_17667793;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@-webkit-keyframes fade_keyframes_17667793 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_17667793 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gazebot .gazebot_keys {
    background-color: #212121
}

.gazebot .gazebot_keys .section_main {
    width: 1116px;
    margin-top: 80px
}

.gazebot .gazebot_keys .section_main>img {
    position: relative;
    float: left;
    width: 220px;
    height: 540px;
    margin-left: 78px
}

.gazebot .gazebot_keys .section_main>ul {
    float: left;
    margin-left: 260px;
    margin-top: 77px;
    width: 390px;
    text-align: left;
    font-size: 18px;
    color: #fff
}

.gazebot .gazebot_keys .section_main>ul li {
    float: left;
    margin-bottom: 32px;
    width: 100%
}

.gazebot .gazebot_keys .section_main>ul li>div {
    float: left;
    height: 18px;
    line-height: 18px
}

.gazebot .gazebot_keys .section_main>ul li>div.gazebot_keys_name {
    width: 188px
}

.gazebot .gazebot_keys .section_main>ul li>div p {
    line-height: 26px
}

.gazebot .gazebot_keys .section_main>ul li:last-child>div:last-child {
    width: 200px;
    height: auto
}

.gazebot .gazebot_keys .section_main:before {
    content: '';
    position: absolute;
    left: 0;
    top: 64px;
    width: 376px;
    height: 376px;
    background-color: #2C2C2C;
    border-radius: 50%
}

.gazebot .gazebot_keys .gazebot_buy_btn {
    display: inherit;
    width: 276px;
    margin: 73px auto 90px;
    height: 68px;
    line-height: 68px;
    font-size: 22px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background-color: #0064E6
}

.gazebot .gazebot_keys .gazebot_buy_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#178fff), to(#0064e6));
    background: -webkit-linear-gradient(#178fff, #0064e6);
    background: linear-gradient(#178fff, #0064e6)
}

.gazebot .pdsc_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 100px
}

.gazebot .pdsc_btn button {
    width: 300px;
    height: 68px;
    text-decoration: none;
    line-height: 68px;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px
}

.gazebot .pdsc_btn button:hover {
    background-color: #005ad6
}

.holabot {
    float: left;
    width: 100%;
    background-color: #000;
    text-align: center
}

.holabot h2 {
    margin-top: 100px;
    margin-bottom: 36px;
    font-size: 54px;
    font-weight: 400;
    line-height: 1.1;
    color: #222
}

.holabot .holabot_banner {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#140c20));
    background: -webkit-linear-gradient(top, #000 0, #140c20 100%);
    background: linear-gradient(180deg, #000 0, #140c20 100%)
}

.holabot .holabot_banner .section_main {
    position: relative;
    width: 1200px;
    min-height: 900px
}

.holabot .holabot_banner .section_main .holabot_banner_holabot {
    position: absolute;
    left: 0;
    top: 30%;
    width: 695px;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: holabot_banner_holabot;
    animation-name: holabot_banner_holabot
}

@-webkit-keyframes holabot_banner_holabot {
    0% {
        opacity: 0;
        top: 35%
    }

    72% {
        opacity: 1
    }

    100% {
        top: 30%
    }
}

@keyframes holabot_banner_holabot {
    0% {
        opacity: 0;
        top: 35%
    }

    72% {
        opacity: 1
    }

    100% {
        top: 30%
    }
}

.holabot .holabot_banner .section_main .holabot_banner_body {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 420px;
    -webkit-animation-name: fadeInY_keyframes_67460354;
    animation-name: fadeInY_keyframes_67460354;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_67460354 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_67460354 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_banner .section_main p {
    position: absolute;
    left: 0;
    top: 50%;
    width: 700px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    line-height: 38px;
    text-align: left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: holabot_banner_text;
    animation-name: holabot_banner_text
}

@-webkit-keyframes holabot_banner_text {
    0% {
        opacity: 0;
        top: 55%
    }

    72% {
        opacity: 1
    }

    100% {
        top: 50%
    }
}

@keyframes holabot_banner_text {
    0% {
        opacity: 0;
        top: 55%
    }

    72% {
        opacity: 1
    }

    100% {
        top: 50%
    }
}

.holabot .holabot_video .section_main {
    margin: 95px auto 144px;
    width: 80%;
    max-width: 1200px
}

.holabot .holabot_video .section_main>p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #7c7c7c;
    width: 83%;
    margin: auto
}

.holabot .holabot_video .section_main>div {
    position: relative;
    margin-top: 60px;
    width: 100%
}

.holabot .holabot_video .section_main>div>img {
    width: 640px
}

.holabot .holabot_video .section_main>div .video_play_button {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    top: 50%
}

.holabot .holabot_video .section_main>div .video_play_button:before {
    content: '';
    position: absolute;
    left: 40px;
    top: 32px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 18px solid transparent
}

.holabot .holabot_video .section_main>div .video_play_button:hover {
    background: rgba(0, 0, 0, .9)
}

.holabot .holabot_hola {
    background-color: #151619
}

.holabot .holabot_hola .section_main {
    width: 980px
}

.holabot .holabot_hola .section_main>img {
    float: left;
    width: 530px;
    -webkit-animation-name: fadeInY_keyframes_65300656;
    animation-name: fadeInY_keyframes_65300656;
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_65300656 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_65300656 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_hola .section_main .holabot_hola_desc {
    float: left;
    margin: 300px 0 0 80px;
    text-align: left !important
}

.holabot .holabot_hola .section_main .holabot_hola_desc h1 {
    margin: 0;
    font-size: 86px;
    height: 86px;
    line-height: 86px;
    font-weight: 400;
    color: #fff;
    -webkit-animation-name: fadeInY_keyframes_6160432;
    animation-name: fadeInY_keyframes_6160432;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_6160432 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_6160432 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_hola .section_main .holabot_hola_desc h3 {
    margin-top: 36px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #7c7c7c;
    -webkit-animation-name: fadeInY_keyframes_38652025;
    animation-name: fadeInY_keyframes_38652025;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_38652025 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_38652025 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_business {
    background-color: #fbfbfb;
    padding-bottom: 70px
}

.holabot .holabot_business .section_main {
    position: relative;
    width: 900px
}

.holabot .holabot_business .section_main>h3 {
    margin: 54px 0;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    font-weight: 400;
    color: #222
}

.holabot .holabot_business .section_main>video {
    float: left
}

.holabot .holabot_business .section_main .holabot_replay {
    display: none;
    position: absolute;
    right: 36px;
    bottom: 36px;
    color: #222;
    font-size: 22px;
    line-height: 40px;
    text-indent: 52px
}

.holabot .holabot_business .section_main .holabot_replay img {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.holabot .holabot_space {
    background-color: #000
}

.holabot .holabot_space .section_main {
    position: relative;
    width: 1200px;
    margin-bottom: 31px
}

.holabot .holabot_space .section_main h2 {
    margin-top: 50px;
    margin-bottom: 25px;
    color: #fff
}

.holabot .holabot_space .section_main p {
    margin: 0 auto;
    width: 83%;
    font-size: 20px;
    line-height: 30px;
    color: #7c7c7c
}

.holabot .holabot_space .section_main span {
    width: 83%;
    margin: auto;
    display: block;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #a8a8a8;
    line-height: 28px
}

.holabot .holabot_space .section_main .holabot_space_pic {
    position: relative;
    height: 660px;
    margin-top: 50px
}

.holabot .holabot_space .section_main .holabot_space_pic img {
    width: 380px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    position: absolute;
    z-index: 2
}

.holabot .holabot_space .section_main .holabot_space_pic ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 240px;
    margin: auto;
    padding: 0;
    width: 70%;
    font-size: 120px;
    color: #fff;
    font-weight: 400;
    z-index: 1
}

.holabot .holabot_waterproof .section_main {
    width: 1200px
}

.holabot .holabot_waterproof .section_main h2 {
    color: #fff;
    -webkit-animation-name: fadeInY_keyframes_76567186;
    animation-name: fadeInY_keyframes_76567186;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_76567186 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_76567186 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_waterproof .section_main p {
    margin: 0 auto;
    width: 780px;
    font-size: 20px;
    line-height: 30px;
    color: #7c7c7c;
    -webkit-animation-name: fadeInY_keyframes_2290719;
    animation-name: fadeInY_keyframes_2290719;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_2290719 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_2290719 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_waterproof .section_main img {
    margin-top: 3px;
    width: 100%;
    -webkit-animation-name: fade_keyframes_85845219;
    animation-name: fade_keyframes_85845219;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

@-webkit-keyframes fade_keyframes_85845219 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_85845219 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_power .section_main {
    position: relative;
    width: 1272px
}

.holabot .holabot_power .section_main video,
.holabot .holabot_power .section_main>img {
    float: left;
    width: 1000px;
    -webkit-animation-name: fade_keyframes_52167637;
    animation-name: fade_keyframes_52167637;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes fade_keyframes_52167637 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_52167637 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_power .section_main .holabot_power_right {
    position: absolute;
    left: 880px;
    top: 0;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_72399648;
    animation-name: fadeInY_keyframes_72399648;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_72399648 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_72399648 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_power .section_main .holabot_power_right h2 {
    margin-top: 200px;
    margin-bottom: 31px;
    color: #fff
}

.holabot .holabot_power .section_main .holabot_power_right>p {
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_power .section_main .holabot_power_right ul {
    float: left;
    width: 100%
}

.holabot .holabot_power .section_main .holabot_power_right ul li {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-top: 36px
}

.holabot .holabot_power .section_main .holabot_power_right ul li>div {
    height: 24px
}

.holabot .holabot_power .section_main .holabot_power_right ul li>div.holabot_power_hola {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: holabot_power_hola;
    animation-name: holabot_power_hola
}

@-webkit-keyframes holabot_power_hola {
    0% {
        width: 0
    }

    to {
        width: 360px
    }
}

@keyframes holabot_power_hola {
    0% {
        width: 0
    }

    to {
        width: 360px
    }
}

.holabot .holabot_power .section_main .holabot_power_right ul li>div.holabot_power_pudu {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: holabot_power_pudu;
    animation-name: holabot_power_pudu
}

@-webkit-keyframes holabot_power_pudu {
    0% {
        width: 0
    }

    to {
        width: 240px
    }
}

@keyframes holabot_power_pudu {
    0% {
        width: 0
    }

    to {
        width: 240px
    }
}

.holabot .holabot_power .section_main .holabot_power_right ul li>p {
    margin-top: 10px
}

.holabot .holabot_watches .section_main {
    position: relative;
    width: 1200px;
    margin-top: 50px;
    margin-bottom: 50px
}

.holabot .holabot_watches .section_main .holabot_watches_videobox {
    width: 60%;
    float: left
}

.holabot .holabot_watches .section_main .holabot_watches_right {
    position: absolute;
    left: 60%;
    top: 0;
    width: 40%;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_60259199;
    animation-name: fadeInY_keyframes_60259199;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_60259199 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_60259199 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_watches .section_main .holabot_watches_right h2 {
    color: #fff;
    margin-top: 200px;
    margin-bottom: 31px
}

.holabot .holabot_watches .section_main .holabot_watches_right>p {
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_watches_zh .section_main {
    position: relative;
    width: 1200px;
    margin-top: 50px;
    margin-bottom: 50px
}

.holabot .holabot_watches_zh .section_main .holabot_watches_videobox {
    width: 60%;
    float: left
}

.holabot .holabot_watches_zh .section_main .holabot_watches_right {
    position: absolute;
    left: 60%;
    top: 0;
    width: 40%;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_69586934;
    animation-name: fadeInY_keyframes_69586934;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_69586934 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_69586934 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_watches_zh .section_main .holabot_watches_right h2 {
    color: #fff
}

.holabot .holabot_watches_zh .section_main .holabot_watches_right h2:nth-child(1) {
    color: #fff;
    line-height: 1.3;
    margin: 200px 0 0
}

.holabot .holabot_watches_zh .section_main .holabot_watches_right h2:nth-child(2) {
    color: #fff;
    margin: 0 0 31px;
    line-height: 1.3
}

.holabot .holabot_watches_zh .section_main .holabot_watches_right>p {
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_distance .section_main {
    position: relative;
    width: 1200px;
    margin-top: 100px
}

.holabot .holabot_distance .section_main .holabot_distance_left {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    width: 40%;
    -webkit-animation-name: fadeInY_keyframes_45860299;
    animation-name: fadeInY_keyframes_45860299;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_45860299 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_45860299 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_distance .section_main .holabot_distance_left h2 {
    margin-top: 300px;
    margin-bottom: 31px;
    color: #fff
}

.holabot .holabot_distance .section_main .holabot_distance_left>p {
    width: 400px;
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_distance .section_main>video {
    float: right;
    width: 60%;
    -webkit-animation-name: fade_keyframes_68690590;
    animation-name: fade_keyframes_68690590;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes fade_keyframes_68690590 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_68690590 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_Applet .section_main {
    position: relative;
    width: 1200px;
    margin-top: 100px;
    margin-bottom: 46px
}

.holabot .holabot_Applet .section_main .holabot_Applet_left {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    width: 40%;
    -webkit-animation-name: fadeInY_keyframes_66790647;
    animation-name: fadeInY_keyframes_66790647;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_66790647 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_66790647 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_Applet .section_main .holabot_Applet_left h2 {
    margin-top: 300px;
    margin-bottom: 31px;
    color: #fff
}

.holabot .holabot_Applet .section_main .holabot_Applet_left>p {
    width: 400px;
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_Applet .section_main .holabot_Applet_right {
    float: right;
    width: 720px;
    height: 720px;
    position: relative
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column {
    height: 187px;
    width: 193px;
    position: absolute;
    left: 40px;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column .kuang {
    width: 266px;
    height: 266px;
    border-left: 1px solid #004690;
    border-bottom: 1px solid #004690;
    position: absolute;
    left: -27px;
    bottom: -20px
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column div {
    width: 36px;
    height: 20px;
    border-radius: 2px
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column div.holabot_column_item1 {
    -webkit-animation: column_item1 3s forwards;
    animation: column_item1 3s forwards;
    height: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#003380), to(#00c0fa));
    background: -webkit-linear-gradient(#003380, #00c0fa);
    background: linear-gradient(#003380, #00c0fa)
}

@-webkit-keyframes column_item1 {
    0% {
        height: 20px
    }

    100% {
        height: 118px
    }
}

@keyframes column_item1 {
    0% {
        height: 20px
    }

    100% {
        height: 118px
    }
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column div.holabot_column_item2 {
    -webkit-animation: column_item2 3s forwards;
    animation: column_item2 3s forwards;
    background: -webkit-gradient(linear, left top, left bottom, from(#0ad7d9), to(#035141));
    background: -webkit-linear-gradient(#0ad7d9, #035141);
    background: linear-gradient(#0ad7d9, #035141)
}

@-webkit-keyframes column_item2 {
    0% {
        height: 20px
    }

    100% {
        height: 159px
    }
}

@keyframes column_item2 {
    0% {
        height: 20px
    }

    100% {
        height: 159px
    }
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column div.holabot_column_item3 {
    -webkit-animation: column_item3 3s forwards;
    animation: column_item3 3s forwards;
    background: -webkit-gradient(linear, left top, left bottom, from(#9900fa), to(#5000c9));
    background: -webkit-linear-gradient(#9900fa, #5000c9);
    background: linear-gradient(#9900fa, #5000c9)
}

@-webkit-keyframes column_item3 {
    0% {
        height: 20px
    }

    100% {
        height: 134px
    }
}

@keyframes column_item3 {
    0% {
        height: 20px
    }

    100% {
        height: 134px
    }
}

.holabot .holabot_Applet .section_main .holabot_Applet_right .holabot_column div.holabot_column_item4 {
    -webkit-animation: column_item4 3s forwards;
    animation: column_item4 3s forwards;
    background: -webkit-gradient(linear, left top, left bottom, from(#00c0fa), to(#003380));
    background: -webkit-linear-gradient(#00c0fa, #003380);
    background: linear-gradient(#00c0fa, #003380)
}

@-webkit-keyframes column_item4 {
    0% {
        height: 20px
    }

    100% {
        height: 100%
    }
}

@keyframes column_item4 {
    0% {
        height: 20px
    }

    100% {
        height: 100%
    }
}

.holabot .holabot_Applet .section_main .holabot_Applet_right img {
    width: 100%;
    -webkit-animation-name: fade_keyframes_8914090;
    animation-name: fade_keyframes_8914090;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes fade_keyframes_8914090 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_8914090 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_stereo .section_main {
    position: relative;
    width: 1200px
}

.holabot .holabot_stereo .section_main video,
.holabot .holabot_stereo .section_main>img {
    float: left;
    width: 70%;
    -webkit-animation-name: fade_keyframes_59213830;
    animation-name: fade_keyframes_59213830;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.holabot .holabot_responsecall .holabot_responsecall_left,
.holabot .holabot_stereo .section_main .holabot_stereo_right {
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    top: 0;
    text-align: left
}

@-webkit-keyframes fade_keyframes_59213830 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_59213830 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_stereo .section_main .holabot_stereo_right {
    position: absolute;
    left: 65%;
    width: 30%;
    -webkit-animation-name: fadeInY_keyframes_48697304;
    animation-name: fadeInY_keyframes_48697304;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_48697304 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_48697304 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_stereo .section_main .holabot_stereo_right h2 {
    margin-top: 200px;
    margin-bottom: 31px;
    color: #fff
}

.holabot .holabot_stereo .section_main .holabot_stereo_right>p {
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_BPD .section_main {
    width: 1200px;
    margin-bottom: 100px
}

.holabot .holabot_BPD .section_main h3 {
    width: 100%;
    font-size: 54px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    margin-top: 170px;
    margin-bottom: 57px
}

.holabot .holabot_BPD .section_main .holabot_BPD_showbox {
    position: relative;
    width: 100%;
    background-color: #191919;
    margin-bottom: 20px
}

.holabot .holabot_BPD .section_main .holabot_BPD_showbox img {
    width: 100%
}

.holabot .holabot_BPD .section_main .holabot_BPD_showbox p {
    width: 100%;
    position: absolute;
    left: 45px;
    bottom: 45px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    color: #fff;
    text-align: left
}

.holabot .holabot_responsecall {
    min-height: 800px;
    position: relative
}

.holabot .holabot_responsecall .holabot_responsecall_left {
    width: 320px;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    -webkit-animation-name: fadeInY_keyframes_28574782;
    animation-name: fadeInY_keyframes_28574782;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_28574782 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_28574782 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_responsecall .holabot_responsecall_left h2 {
    margin-top: 300px;
    color: #fff
}

.holabot .holabot_responsecall .holabot_responsecall_left>p {
    font-size: 20px;
    color: #a8a8a8;
    font-weight: 400;
    line-height: 28px
}

.holabot .holabot_responsecall .holabot_responsecall_right {
    position: absolute;
    right: 0;
    top: 0;
    width: 1200px;
    height: 800px;
    -webkit-animation-name: fade_keyframes_91244733;
    animation-name: fade_keyframes_91244733;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes fade_keyframes_91244733 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_91244733 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_responsecall .holabot_responsecall_right>img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.holabot .holabot_call {
    height: 800px;
    position: relative;
    background-color: #fff
}

.holabot .holabot_call .holabot_call_left {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -610px;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_82788319;
    animation-name: fadeInY_keyframes_82788319;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 1
}

@-webkit-keyframes fadeInY_keyframes_82788319 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_82788319 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holabot .holabot_call .holabot_call_left h2 {
    margin-top: 300px
}

.holabot .holabot_call .holabot_call_left>p {
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 30px
}

.holabot .holabot_call .holabot_call_right {
    position: relative;
    float: right;
    width: 1280px
}

.holabot .holabot_call .holabot_call_right>img {
    float: left;
    width: 100%;
    -webkit-animation-name: fade_keyframes_62204150;
    animation-name: fade_keyframes_62204150;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes fade_keyframes_62204150 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_62204150 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holabot .holabot_call .holabot_call_right>div {
    position: absolute;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-weight: 400;
    color: #222;
    text-align: left;
    border-bottom: 3px solid #0072ff
}

.holabot .holabot_call .holabot_call_right>div.holabot_call_weighing {
    left: 232px;
    top: 41px;
    width: 320px
}

.holabot .holabot_call .holabot_call_right>div.holabot_call_pager {
    left: 529px;
    top: 444px;
    width: 181px;
    text-align: right
}

.holabot .holabot_call .holabot_call_right>div.holabot_call_tablet {
    left: 610px;
    top: 582px;
    width: 200px
}

.holabot .holabot_parameter {
    background-color: #101010
}

.holabot .holabot_parameter .holabot_zh_det_watch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.holabot .holabot_parameter .section_main {
    width: 1175px;
    margin-top: 30px
}

.holabot .holabot_parameter .section_main>img {
    position: relative;
    float: left;
    width: 495px
}

.holabot .holabot_parameter .section_main div {
    float: left;
    width: 680px
}

.holabot .holabot_parameter .section_main div ul {
    width: 100%;
    overflow: hidden
}

.holabot .holabot_parameter .section_main div ul li {
    float: left;
    width: 100%;
    margin-top: 32px;
    text-align: left;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    font-weight: 400
}

.holabot .holabot_parameter .section_main div ul li>div:first-child {
    float: left;
    width: 180px;
    margin-left: 0;
    margin-top: 0
}

.holabot .holabot_parameter .section_main div ul li>div:last-child {
    float: left;
    margin-top: 0;
    width: 400px;
    margin-left: 70px
}

.holabot .holabot_parameter .section_main div hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #4d4d4d;
    margin: 40px auto
}

.holabot .holabot_parameter .section_main div h3 {
    width: 100%;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: grey;
    text-align: left;
    margin: 30px 0 0
}

.holabot .holabot_parameter a {
    display: block;
    margin: 64px auto 100px;
    width: 300px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: #0064e6;
    border-radius: 4px;
    color: #fff;
    font-size: 22px
}

.holabot .holabot_prompt .section_main h3,
.holabot .holabot_prompt .section_main p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #969696;
    line-height: 1.5;
    text-align: left
}

.holabot .holabot_prompt {
    width: 100%;
    background: #333
}

.holabot .holabot_prompt .section_main {
    width: 1200px;
    margin: 55px auto
}

.holabot .holabot_prompt .section_main h3 {
    width: 100%;
    margin-bottom: 0
}

.holabot .holabot_prompt .section_main p {
    width: 100%
}

.holabot .pdsc_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
    margin-top: 100px
}

.holabot .pdsc_btn button {
    width: 300px;
    height: 68px;
    text-decoration: none;
    line-height: 68px;
    color: #fff;
    background-color: #0072ff;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px
}

.holabot .pdsc_btn button:hover {
    background-color: #005ad6
}

.holobot .holobot_banner,
.holobot .holobot_video {
    background: #000
}

.holabot_ae,
.holabot_ae .holabot_BPD .section_main .holabot_distance_left,
.holabot_ae .holabot_BPD .section_main .holabot_stereo_right,
.holabot_ae .holabot_BPD .section_main .holabot_watches_right,
.holabot_ae .holabot_distance .section_main .holabot_distance_left,
.holabot_ae .holabot_distance .section_main .holabot_stereo_right,
.holabot_ae .holabot_distance .section_main .holabot_watches_right,
.holabot_ae .holabot_stereo .section_main .holabot_distance_left,
.holabot_ae .holabot_stereo .section_main .holabot_stereo_right,
.holabot_ae .holabot_stereo .section_main .holabot_watches_right,
.holabot_ae .holabot_watches .section_main .holabot_distance_left,
.holabot_ae .holabot_watches .section_main .holabot_stereo_right,
.holabot_ae .holabot_watches .section_main .holabot_watches_right {
    text-align: right
}

.holabot_ae .holabot_BPD .section_main .holabot_BPD_showbox p,
.holabot_ae .holabot_distance .section_main .holabot_BPD_showbox p,
.holabot_ae .holabot_stereo .section_main .holabot_BPD_showbox p,
.holabot_ae .holabot_watches .section_main .holabot_BPD_showbox p {
    text-align: right;
    left: 0;
    right: 45px
}

.holabot_ae .holabot_parameter .section_main div ul li {
    float: right;
    text-align: right
}

.holabot_ae .holabot_parameter .section_main div ul li>div:first-child,
.holabot_ae .holabot_parameter .section_main div ul li>div:last-child {
    float: right;
    text-align: right
}

.holabot_ae .holabot_parameter .section_main div ul li>div:last-child {
    margin-right: 70px;
    margin-left: 0
}

.holabot_ae .holabot_parameter .section_main div h3,
.holabot_ae .holabot_prompt .section_main h3,
.holabot_ae .holabot_prompt .section_main p {
    text-align: right
}

.holobot {
    float: left;
    width: 100%
}

.holobot .holobot_banner .section_main .holobot_banner_title {
    position: absolute;
    left: 50%;
    top: 80px;
    width: 612px;
    margin-left: -306px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    -webkit-animation-name: fadeY_keyframes_30586416;
    animation-name: fadeY_keyframes_30586416;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.holobot .holobot_banner .section_main .holobot_banner_hola,
.holobot .holobot_banner .section_main .holobot_banner_products {
    position: absolute;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    left: 50%
}

@-webkit-keyframes fadeY_keyframes_30586416 {
    0% {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeY_keyframes_30586416 {
    0% {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.holobot .holobot_banner .section_main .holobot_banner_title .holobot_banner_desc {
    float: left;
    font-size: 40px;
    text-align: center;
    width: 100%
}

.holobot .holobot_banner .section_main .holobot_banner_hola {
    top: 155px;
    width: 39.48%;
    margin-left: -19.74%;
    -webkit-animation-name: fadeInY_keyframes_14040961;
    animation-name: fadeInY_keyframes_14040961;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_14040961 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_14040961 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holobot .holobot_banner .section_main .holobot_banner_products {
    top: 197px;
    width: 58.49%;
    margin-left: -29.245%;
    -webkit-animation-name: fadeInY_keyframes_12933532;
    animation-name: fadeInY_keyframes_12933532;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

.holobot .holobot_robots .holobot_robots_text,
.holobot .holobot_video .section_main .holobot_video_title {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_12933532 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_12933532 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holobot .holobot_video .section_main .holobot_video_title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    -webkit-animation-name: fadeInY_keyframes_71467352;
    animation-name: fadeInY_keyframes_71467352;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_71467352 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_71467352 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holobot .holobot_video .section_main .holobot_video_list {
    width: 1140px;
    margin: 90px auto 0
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item {
    position: relative;
    float: left;
    width: 320px;
    height: 395px;
    margin-bottom: 120px;
    margin-right: 90px
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item:last-child {
    margin-right: 0
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item .video_play_button {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    top: 135px;
    margin-top: 0
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item .video_play_button:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 9px solid transparent
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item .video_play_button:hover {
    background: rgba(0, 0, 0, .9)
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item .holobot_video_name {
    float: left;
    width: 100%;
    margin-top: 50px;
    height: 25px;
    line-height: 25px;
    font-size: 26px;
    text-align: center;
    color: #fff
}

.holobot .holobot_video .section_main .holobot_video_list .holobot_video_item .holobot_video_opacity {
    background: #000;
    opacity: .63
}

.holobot .holobot_robots {
    position: relative;
    background-color: #181523;
    overflow: hidden
}

.holobot .holobot_robots .holobot_robots_bg {
    float: left;
    width: 100%
}

.holobot .holobot_robots .holobot_robots_text {
    position: absolute;
    left: 50%;
    top: 7.73%;
    margin-left: -21.15%;
    width: 42.3%;
    -webkit-animation-name: fadeInY_keyframes_92405522;
    animation-name: fadeInY_keyframes_92405522;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

.holobot .holobot_build .holobot_build_left,
.holobot .holobot_robots .holobot_robots_list>img {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_92405522 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_92405522 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holobot .holobot_robots .holobot_robots_list {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -29.89%;
    width: 59.79%;
    height: 502px
}

.holobot .holobot_robots .holobot_robots_list>img {
    position: absolute;
    bottom: 0;
    -webkit-animation-name: fadeInY_keyframes_65432736;
    animation-name: fadeInY_keyframes_65432736;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_65432736 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_65432736 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.holobot .holobot_robots .holobot_robots_list .holobot_robots_1 {
    left: 0;
    width: 39.12%;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.holobot .holobot_robots .holobot_robots_list .holobot_robots_2 {
    left: 17.35%;
    width: 49.44%;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.holobot .holobot_robots .holobot_robots_list .holobot_robots_3 {
    left: 38.68%;
    width: 61.32%;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.holobot .holobot_3d {
    position: relative;
    height: 906px
}

.holobot .holobot_3d .holobot_3d_bg {
    float: left;
    width: 100%;
    height: 100%
}

.holobot .holobot_3d .section_main {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px;
    width: 1200px;
    height: 100%
}

.holobot .holobot_3d .section_main .holobot_3d_title {
    margin-top: 92px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 70px;
    font-weight: 700;
    color: #00A2FF;
    background: -webkit-linear-gradient(15deg, #00a2ff 0, #26c4ff 100%);
    background: linear-gradient(75deg, #00a2ff 0, #26c4ff 100%);
    *background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.holobot .holobot_3d .section_main .holobot_3d_desc {
    margin-top: 24px;
    text-align: center;
    font-size: 24px;
    color: #616161;
    line-height: 40px
}

.holobot .holobot_3d .section_main .holobot_3d_list {
    margin-top: 55px;
    height: 471px;
    overflow: hidden
}

.holobot .holobot_3d .section_main .holobot_3d_list>li {
    position: relative;
    float: left;
    width: 377px;
    margin-right: 34px;
    height: 100%;
    -webkit-animation-name: fade_keyframes_48489132;
    animation-name: fade_keyframes_48489132;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fade_keyframes_48489132 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_48489132 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holobot .holobot_3d .section_main .holobot_3d_list>li:last-child {
    margin-right: 0
}

.holobot .holobot_3d .section_main .holobot_3d_list>li>div {
    visibility: hidden;
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background: -webkit-linear-gradient(15deg, #00a2ff, #26c4ff);
    background: linear-gradient(75deg, #00a2ff, #26c4ff);
    -webkit-transition: all 1s;
    transition: all 1s
}

.holobot .holobot_3d .section_main .holobot_3d_list>li:hover {
    -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#00a2ff), color-stop(#26c4ff), to(#26c4ff)) 2 2;
    -webkit-border-image: -webkit-linear-gradient(bottom, #00a2ff, #26c4ff, #26c4ff) 2 2;
    -o-border-image: linear-gradient(0deg, #00a2ff, #26c4ff, #26c4ff) 2 2;
    border-image: -webkit-gradient(linear, left bottom, left top, from(#00a2ff), color-stop(#26c4ff), to(#26c4ff)) 2 2;
    border-image: linear-gradient(0deg, #00a2ff, #26c4ff, #26c4ff) 2 2;
    -webkit-box-shadow: -1px 5px 7px 0 #b5b5b5;
    box-shadow: -1px 5px 7px 0 #b5b5b5
}

.holobot .holobot_3d .section_main .holobot_3d_list>li:hover>div {
    font-size: 18px;
    padding: 14px 25%;
    width: 50%;
    height: 44px;
    line-height: 24px;
    bottom: 0;
    visibility: visible
}

.holobot .holobot_3d .section_main .holobot_3d_list>li:first-child:hover>div {
    padding: 14px 32%;
    width: 36%
}

.holobot .holobot_build {
    position: relative
}

.holobot .holobot_build .holobot_build_bg {
    float: left;
    width: 100%;
    height: auto
}

.holobot .holobot_build .holobot_build_left {
    position: absolute;
    width: 520px;
    top: 42.5%;
    left: 10%;
    color: #444;
    -webkit-animation-name: fadeX_keyframes_17031209;
    animation-name: fadeX_keyframes_17031209;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_17031209 {
    0% {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_17031209 {
    0% {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.holobot .holobot_build .holobot_build_right {
    position: absolute;
    top: 30.125%;
    left: 64.64%;
    width: 500px;
    color: #fff;
    -webkit-animation-name: fadeX_keyframes_62957026;
    animation-name: fadeX_keyframes_62957026;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_62957026 {
    0% {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_62957026 {
    0% {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.holobot .holobot_build .holobot_build_title {
    height: auto;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700
}

.holobot .holobot_build .holobot_build_desc {
    margin-top: 0;
    font-size: 18px;
    line-height: 24px
}

.holobot .holobot_build .holobot_build_icon1 {
    position: absolute;
    left: 48.125%;
    top: 21.375%;
    width: 43.23%;
    height: 71%;
    -webkit-animation-name: fade_keyframes_71731546;
    animation-name: fade_keyframes_71731546;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

@-webkit-keyframes fade_keyframes_71731546 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_71731546 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holobot .holobot_build .holobot_build_icon2 {
    position: absolute;
    left: 23.44%;
    top: 52.75%;
    width: 20.625%;
    height: 44.625%;
    -webkit-animation-name: fade_keyframes_76468517;
    animation-name: fade_keyframes_76468517;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

@-webkit-keyframes fade_keyframes_76468517 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_76468517 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holobot .holobot_core {
    position: relative;
    background: #000
}

.holobot .holobot_core>video {
    float: left;
    width: 100%;
    height: 100%
}

.holobot .holobot_core .section_main {
    position: absolute;
    left: 50%;
    top: 190px;
    width: 1000px;
    margin-left: -500px;
    color: #fff;
    text-align: center
}

.holobot .holobot_core .section_main .holobot_core_name {
    font-size: 80px;
    font-weight: 700
}

.holobot .holobot_core .section_main .holobot_core_list {
    width: 100%;
    margin-top: 134px
}

.holobot .holobot_core .section_main .holobot_core_list>div {
    float: left;
    width: 33.3%;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 54px
}

.holobot .holobot_core .holobot_charact_more {
    position: absolute;
    bottom: 56px;
    left: 50%;
    width: 100px;
    height: 80px;
    margin-left: -40px;
    cursor: pointer;
    line-height: 140px;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.holobot .holobot_core .holobot_charact_more svg {
    position: absolute;
    left: 50%;
    top: 0;
    height: 40px;
    width: 40px;
    margin-left: -20px
}

.holobot .holobot_core .holobot_charact_more svg path {
    fill: #fff
}

.holobot .holobot_core .holobot_charact_more:hover svg path {
    fill: #0072ff
}

.holobot .holobot_charact {
    display: none;
    position: relative
}

.holobot .holobot_charact img {
    width: 100%
}

.holobot .holobot_charact .holobot_charact_text {
    position: absolute;
    top: 36.25%;
    width: 450px
}

.holobot .holobot_charact .holobot_charact_text>p {
    font-size: 34px;
    line-height: 36px;
    font-weight: 700
}

.holobot .holobot_charact .holobot_charact_text>div {
    width: 560px;
    margin-top: 45px;
    font-size: 24px;
    line-height: 36px
}

.holobot .holobot_charact.holobot_charact_left {
    color: #fff
}

.holobot .holobot_charact.holobot_charact_left .holobot_charact_text {
    width: 500px;
    left: 10%;
    -webkit-animation-name: fadeX_keyframes_71245094;
    animation-name: fadeX_keyframes_71245094;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_71245094 {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_71245094 {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.holobot .holobot_charact.holobot_charact_right {
    color: #01A2FF
}

.holobot .holobot_charact.holobot_charact_right .holobot_charact_text {
    width: 640px;
    left: 57%;
    -webkit-animation-name: fadeX_keyframes_12895166;
    animation-name: fadeX_keyframes_12895166;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeX_keyframes_12895166 {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeX_keyframes_12895166 {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.holobot .holobot_charact.holobot_charact_right .holobot_charact_text>div {
    color: #303030
}

.holobot .holobot_charact .holobot_charact_electric {
    position: absolute;
    right: 34.95%;
    top: 41%;
    width: 7.55%;
    -webkit-animation-name: fade_keyframes_27236109;
    animation-name: fade_keyframes_27236109;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes fade_keyframes_27236109 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_27236109 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.holobot .holobot_charact.holobot_charact_video {
    background: #25a5ff;
    opacity: .85
}

.holobot .holobot_charact.holobot_charact_video .holobot_charact_text {
    width: 46.875%;
    height: auto
}

.holobot .holobot_charact.holobot_charact_video>video {
    float: right;
    width: 53.125%;
    height: auto
}

.holobot .holobot_keys {
    background-color: #212121
}

.holobot .holobot_keys .section_main {
    width: 1116px;
    margin-top: 80px
}

.holobot .holobot_keys .section_main>img {
    position: relative;
    float: left;
    width: 568px;
    height: 390px;
    margin-top: 18px
}

.holobot .holobot_keys .section_main>ul {
    float: left;
    margin-left: 87px;
    margin-top: 18px;
    width: 390px;
    text-align: left;
    font-size: 18px;
    color: #fff
}

.holobot .holobot_keys .section_main>ul li {
    float: left;
    margin-bottom: 32px;
    width: 100%
}

.holobot .holobot_keys .section_main>ul li>div {
    float: left;
    height: 18px;
    line-height: 18px
}

.holobot .holobot_keys .section_main>ul li>div.holobot_keys_name {
    width: 188px
}

.holobot .holobot_keys .section_main>ul li>div p {
    line-height: 26px
}

.holobot .holobot_keys .section_main>ul li:last-child>div:last-child {
    width: 200px;
    height: auto
}

.holobot .holobot_keys .section_main:before {
    content: '';
    position: absolute;
    left: 96px;
    top: 0;
    width: 376px;
    height: 376px;
    background-color: #2C2C2C;
    border-radius: 50%
}

.holobot .holobot_keys .holobot_buy_btn {
    display: inherit;
    width: 276px;
    margin: 116px auto 115px;
    height: 68px;
    line-height: 68px;
    font-size: 22px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background-color: #0064E6
}

.holobot .holobot_keys .holobot_buy_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#178fff), to(#0064e6));
    background: -webkit-linear-gradient(#178fff, #0064e6);
    background: linear-gradient(#178fff, #0064e6)
}

.holobot .pdsc_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 100px
}

.holobot .pdsc_btn button {
    width: 300px;
    height: 68px;
    text-decoration: none;
    line-height: 68px;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px
}

.holobot .pdsc_btn button:hover {
    background-color: #005ad6
}

body,
html {
    overflow-x: hidden
}

h2 {
    margin: 0
}

.kettybot {
    width: 100%
}

@-webkit-keyframes scroll {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes scroll {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.kettybot .header {
    width: 100%;
    min-height: 2850px;
    position: relative
}

.kettybot .header .top {
    width: 100%;
    height: 100vh;
    opacity: 1;
    overflow: hidden
}

.kettybot .header .top video {
    -o-object-fit: cover;
    object-fit: cover
}

.kettybot .header .top .mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

.kettybot .header .top .logo {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -210px;
    width: 520px;
    height: 336px;
    z-index: 999
}

.kettybot .header .top .logo p {
    margin: 25px 0 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    color: #fff
}

.kettybot .header .top .logo .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.kettybot .header .top .logo .btns .preview3D,
.kettybot .header .top .logo .btns .videoPlay,
.kettybot .header .top .logo .videoPlay {
    text-align: center;
    display: inline-block;
    min-width: 180px;
    height: 50px;
    line-height: 50px;
    background: #ffc845;
    border-radius: 25px;
    cursor: pointer;
    color: #000;
    padding: 0 20px
}

.kettybot .header .top .logo_en {
    margin-left: -384px;
    width: 800px
}

.kettybot .header .top .logo_en p {
    font-size: 28px
}

.kettybot .header .top .left {
    position: absolute;
    width: 290px;
    height: 604px;
    left: 52%;
    top: 22.845%;
    opacity: 0
}

.kettybot .header .right {
    position: absolute;
    z-index: 99;
    left: 65%;
    top: 10.138%;
    width: 450px;
    height: 1124px;
    opacity: 0
}

.kettybot .header ul {
    position: absolute;
    top: 82%;
    left: 50%;
    margin-left: -649px;
    width: 804px;
    height: 336px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kettybot .header ul li {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
    height: 160px;
    opacity: 0
}

.kettybot .firee h2,
.kettybot .firee p {
    opacity: 1;
    font-style: normal;
    text-align: center
}

.kettybot .header ul li svg {
    margin-bottom: 20px;
    width: 48px;
    height: 48px
}

.kettybot .header ul li p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #a7a8aa
}

.kettybot .header .icon_en li p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #a7a8aa;
    text-align: center;
    width: 200px;
    height: 30px
}

.kettybot .firee {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.kettybot .firee h2 {
    width: 1200px;
    margin: 80px auto auto;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3;
    background: -webkit-linear-gradient(346.41deg, #ffc845 30.29%, #fda700 68.88%);
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent
}

.kettybot .firee p {
    width: 760px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838488;
    margin: 20px auto 30px
}

.kettybot .firee .vid {
    width: 1000px;
    height: 500px;
    margin: auto auto 100px;
    border-radius: 30px;
    overflow: hidden
}

.kettybot .firee .vid video {
    -o-object-fit: fill;
    object-fit: fill
}

.kettybot .letter {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.kettybot .letter .sadas .p,
.kettybot .letter .sadas>h2 {
    position: sticky;
    z-index: 999;
    text-align: center;
    font-style: normal
}

.kettybot .letter .sadas {
    padding-top: 10vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.kettybot .letter .sadas>h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    background: -webkit-linear-gradient(346.41deg, #ffc845 30.29%, #fda700 68.88%);
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent
}

.kettybot .letter .sadas .letter_h2_en {
    line-height: 64px
}

.kettybot .letter .sadas .p {
    width: 760px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838488;
    margin: 2.5rem auto 6.25rem
}

.kettybot .letter .sadas .letter_p_en {
    margin: 1.5rem auto 6.25rem
}

.kettybot .letter .sadas .img_wrap {
    height: 80vh;
    text-align: center;
    position: absolute;
    bottom: -20vh;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.kettybot .letter .sadas .img_wrap>img {
    height: 100%;
    margin: 0 auto
}

.kettybot .letter .sadas .img_wrap .banner {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    left: 50%
}

.kettybot .letter .sadas .img_wrap .banner img {
    height: 10.4vh
}

.kettybot .letter .sadas .img_wrap .banner video {
    height: 10.4vh;
    -o-object-fit: fill;
    object-fit: fill
}

.kettybot .letter .sadas .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1c1c1f;
    opacity: 0
}

.kettybot .letter .sadas .txt {
    position: absolute;
    left: 670px;
    top: 500px;
    text-align: center
}

.kettybot .letter .sadas .txt h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    opacity: 0
}

.kettybot .letter .sadas .txt p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    opacity: 0
}

.kettybot .attra {
    background-color: #000;
    padding: 160px 0 80px;
    width: 100%;
    text-align: center
}

.kettybot .attra h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff
}

.kettybot .attra p {
    width: 758px;
    margin: 20px auto 72px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #a7a8aa
}

.kettybot .attra .vid {
    margin: auto;
    width: 720px;
    height: 520px
}

.kettybot .capacity {
    overflow: hidden;
    width: 100%;
    background-color: #2f5654;
    height: 951px;
    position: relative
}

.kettybot .capacity .color {
    position: absolute;
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.kettybot .capacity .dim {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7)
}

.kettybot .capacity .box {
    width: 1920px;
    left: 50%;
    margin-left: -940px;
    position: absolute
}

.kettybot .capacity .box h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-top: 120px
}

.kettybot .capacity .box p {
    margin: 40px auto 136px;
    width: 760px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #a7a8aa
}

.kettybot .capacity .box .bubble div,
.kettybot .capacity .box .bubble_auto div {
    height: 60px;
    line-height: 60px;
    position: absolute;
    border-radius: 30px;
    text-align: center
}

.kettybot .capacity .box .bubble {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.kettybot .capacity .box .bubble div {
    background: #fff;
    color: #fff
}

.kettybot .capacity .box .bubble div:nth-child(1) {
    width: 300px;
    left: 305px;
    top: 324px;
    background: rgba(255, 255, 255, .4)
}

.kettybot .capacity .box .bubble div:nth-child(2) {
    width: 200px;
    left: 503px;
    top: 424px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble div:nth-child(3) {
    width: 260px;
    left: 168px;
    top: 457px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble div:nth-child(4) {
    width: 280px;
    left: 398px;
    top: 557px;
    color: #000
}

.kettybot .capacity .box .bubble div:nth-child(5) {
    width: 340px;
    left: 207px;
    top: 657px;
    background: #fff;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble div:nth-child(6) {
    width: 390px;
    left: 1302px;
    top: 324px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble div:nth-child(7) {
    width: 150px;
    left: 1224px;
    top: 424px;
    color: #000
}

.kettybot .capacity .box .bubble div span,
.kettybot .capacity .box .bubble_auto div span {
    color: #fff
}

.kettybot .capacity .box .bubble div:nth-child(8) {
    width: 210px;
    left: 1435px;
    top: 457px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble div:nth-child(9) {
    width: 270px;
    left: 1270px;
    top: 557px;
    background: rgba(255, 255, 255, .4)
}

.kettybot .capacity .box .bubble div:nth-child(10) {
    width: 390px;
    left: 1332px;
    top: 657px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble_auto {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.kettybot .capacity .box .bubble_auto div {
    background: #fff;
    color: #fff;
    padding: 0 25px
}

.kettybot .capacity .box .bubble_auto div:nth-child(1) {
    left: 305px;
    top: 324px;
    background: rgba(255, 255, 255, .4)
}

.kettybot .capacity .box .bubble_auto div:nth-child(2) {
    left: 503px;
    top: 424px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble_auto div:nth-child(3) {
    left: 168px;
    top: 457px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble_auto div:nth-child(4) {
    left: 398px;
    top: 557px;
    color: #000
}

.kettybot .capacity .box .bubble_auto div:nth-child(5) {
    left: 207px;
    top: 657px;
    background: #fff;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble_auto div:nth-child(6) {
    left: 1302px;
    top: 324px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble_auto div:nth-child(7) {
    left: 1224px;
    top: 424px;
    color: #000
}

.kettybot .capacity .box .bubble_auto div:nth-child(8) {
    left: 1435px;
    top: 457px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .capacity .box .bubble_auto div:nth-child(9) {
    left: 1270px;
    top: 557px;
    background: rgba(255, 255, 255, .4)
}

.kettybot .capacity .box .bubble_auto div:nth-child(10) {
    left: 1332px;
    top: 657px;
    background: rgba(255, 255, 255, .2)
}

.kettybot .queuing h2,
.kettybot .satisfied .box h2 {
    background: -webkit-linear-gradient(346.41deg, #ffc845 30.29%, #fda700 68.88%)
}

.kettybot .capacity .box .bubble_en div:nth-child(2) {
    left: 455px
}

.kettybot .capacity .box .bubble_en div:nth-child(8) {
    left: 1540px
}

.kettybot .capacity .box .bubble_en div:nth-child(10) {
    left: 1430px
}

.kettybot .capacity .box .bubble_jp div:nth-child(1) {
    left: 427px;
    top: 324px
}

.kettybot .capacity .box .bubble_jp div:nth-child(2) {
    left: 245px;
    top: 424px
}

.kettybot .capacity .box .bubble_jp div:nth-child(3) {
    left: 254px;
    top: 525px
}

.kettybot .capacity .box .bubble_jp div:nth-child(4) {
    left: 579px;
    top: 549px
}

.kettybot .capacity .box .bubble_jp div:nth-child(5) {
    left: 310px;
    top: 657px
}

.kettybot .capacity .box .bubble_jp div:nth-child(6) {
    left: 1302px;
    top: 324px
}

.kettybot .capacity .box .bubble_jp div:nth-child(7) {
    left: 1160px
}

.kettybot .capacity .box .bubble_jp div:nth-child(8) {
    left: 1451px;
    top: 509px
}

.kettybot .capacity .box .bubble_jp div:nth-child(9) {
    left: 1192px
}

.kettybot .capacity .box .bubble_jp div:nth-child(10) {
    left: 1247px
}

.kettybot .capacity .box .bubble_ru div:nth-child(8) {
    left: 1500px;
    top: 494px
}

.kettybot .capacity .box .bubble_ru div:nth-child(10) {
    left: 1500px
}

.kettybot .capacity .box .bubble_it div:nth-child(2) {
    left: 545px
}

.kettybot .capacity .box .bubble_it div:nth-child(7) {
    left: 1200px;
    top: 424px
}

.kettybot .capacity .box .bubble_it div:nth-child(8) {
    left: 1506px;
    top: 462px
}

.kettybot .capacity .box .bubble_it div:nth-child(9) {
    left: 1163px;
    top: 557px
}

.kettybot .capacity .box .bubble_it div:nth-child(10) {
    left: 1335px;
    top: 657px
}

.kettybot .capacity .box .bubble_nl div:nth-child(9) {
    left: 1145px
}

.kettybot .capacity .box .bubble_de div:nth-child(2) {
    left: 545px;
    top: 428px
}

.kettybot .capacity .box .bubble_de div:nth-child(6) {
    left: 1387px
}

.kettybot .capacity .box .bubble_de div:nth-child(7) {
    left: 1180px
}

.kettybot .capacity .box .bubble_de div:nth-child(8) {
    left: 1435px;
    top: 501px
}

.kettybot .capacity .box .bubble_de div:nth-child(9) {
    left: 1190px
}

.kettybot .capacity .box .bubble_de div:nth-child(10) {
    left: 1332px;
    top: 657px
}

.kettybot .capacity .box .bubble_es div:nth-child(6) {
    left: 1357px
}

.kettybot .capacity .box .bubble_es div:nth-child(7) {
    left: 1165px
}

.kettybot .capacity .box .bubble_es div:nth-child(8) {
    left: 1455px;
    top: 509px
}

.kettybot .capacity .box .bubble_es div:nth-child(9) {
    left: 1217px;
    top: 557px
}

.kettybot .capacity .box .bubble_es div:nth-child(10) {
    left: 1419px;
    top: 657px
}

.kettybot .capacity .box .bubble_pt div:nth-child(10) {
    left: 1520px
}

.kettybot .capacity .box .bubble_th div:nth-child(6) {
    left: 1390px
}

.kettybot .capacity .box .bubble_th div:nth-child(8) {
    left: 1489px;
    top: 476px
}

.kettybot .capacity .box .bubble_th div:nth-child(9) {
    left: 1136px
}

.kettybot .capacity .box .bubble_th div:nth-child(10) {
    left: 1430px
}

.kettybot .capacity .box .bubble_ae div:nth-child(6) {
    left: 1430px
}

.kettybot .capacity .box .bubble_ae div:nth-child(8) {
    left: 1435px;
    top: 528px
}

.kettybot .capacity .box .bubble_ae div:nth-child(10) {
    left: 1482px
}

.kettybot .capacity .box .bubble_fr div:nth-child(9) {
    left: 1184px
}

.kettybot .capacity .box .bubble_fr div:nth-child(10) {
    left: 1431px
}

.kettybot .capacity .box .vid {
    position: absolute;
    left: 815px;
    top: 356px;
    margin: auto;
    width: 290px;
    height: 290px
}

.kettybot .capacity .box .vid video {
    mix-blend-mode: screen
}

.kettybot .capacity .box .demo {
    position: absolute;
    width: 82px;
    height: 82px;
    left: 916px;
    top: 460px
}

.kettybot .queuing {
    text-align: center
}

.kettybot .queuing h2 {
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    font-size: 48px;
    line-height: 48px;
    color: transparent;
    margin-top: 160px
}

.kettybot .queuing p {
    width: 760px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #838488;
    margin: 20px auto 80px
}

.kettybot .queuing .pic {
    margin: auto auto 160px;
    background: #F8F8F8;
    border-radius: 30px;
    height: 900px;
    width: 1200px;
    overflow: hidden
}

.kettybot .queuing .pic .automatic_list {
    width: 95%;
    margin: auto;
    background: #F8F8F8;
    border-radius: 30px;
    padding: 10px 0
}

.kettybot .queuing .pic .automatic_list li {
    margin-top: 30px
}

.kettybot .queuing .pic .automatic_list li:nth-child(-n+2) {
    opacity: .5
}

.kettybot .queuing .pic .automatic_list .automatic_list_item {
    width: 95%;
    margin: auto;
    height: 120px;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px
}

.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_right,
.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_right .automatic_list_item_state {
    margin-right: 30px
}

.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_left,
.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_left {
    margin-left: 30px
}

.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_left .automatic_list_item_mission {
    font-size: 30px;
    color: #222;
    line-height: 1.1;
    margin-left: 30px
}

.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_right div {
    font-size: 24px;
    color: #222
}

.kettybot .queuing .pic .automatic_list .automatic_list_item .automatic_list_item_right .automatic_list_item_state_now {
    color: #1CC33D
}

.kettybot .satisfied {
    position: relative;
    padding-top: 40px;
    height: 877px;
    height: 100vh;
    margin: auto;
    background-color: #f9f9fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    overflow: hidden
}

.kettybot .satisfied .box {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 7vh;
    width: 1920px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.kettybot .satisfied .box h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent;
    margin-top: 40px
}

.kettybot .energy h2,
.kettybot .introduce .div h2 {
    background: -webkit-linear-gradient(346.41deg, #ffc845 30.29%, #fda700 68.88%)
}

.kettybot .satisfied .box h2:nth-child(2) {
    opacity: 0;
    position: absolute;
    width: 432px;
    height: 58px;
    left: 50%;
    top: 90px;
    margin-left: -216px
}

.kettybot .satisfied .box .satisfied_h2_en:nth-child(2) {
    width: 1300px;
    height: 58px;
    left: 50%;
    top: 64px;
    margin-left: -650px
}

.kettybot .satisfied .box p {
    position: absolute;
    left: 50%;
    margin-left: -380px;
    top: 209px;
    width: 760px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #838488;
    opacity: 1
}

.kettybot .satisfied .box .p2 {
    opacity: 0;
    position: absolute;
    width: 384px;
    height: 58px;
    left: 1157px;
    top: 210px
}

.kettybot .satisfied .box .p2_en {
    width: 784px;
    height: 58px;
    left: 50%;
    margin-left: -392px;
    top: 210px
}

.kettybot .satisfied .box .side {
    position: absolute;
    width: 324px;
    height: 776px;
    left: 833px;
    top: 368px
}

.kettybot .satisfied .box .rear {
    position: absolute;
    width: 189px;
    height: 541px;
    left: 942px;
    top: 393px
}

.kettybot .satisfied .box .tray {
    position: absolute;
    width: 195px;
    height: 272px;
    left: 1365px;
    top: 570px;
    opacity: 0
}

.kettybot .introduce {
    position: relative;
    height: 2915px;
    width: 100%;
    overflow: hidden
}

.kettybot .introduce .vid {
    position: absolute;
    width: 960px;
    height: 540px;
    left: 46%;
    top: 210px;
    border-radius: 30px;
    overflow: hidden;
    opacity: 1
}

.kettybot .introduce .div {
    width: 341px;
    margin-left: 18%
}

.kettybot .introduce .div h2 {
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    font-size: 48px;
    line-height: 48px;
    color: transparent
}

.kettybot .introduce .div .introduce_h2_es {
    font-size: 44px
}

.kettybot .introduce .div p {
    margin-top: 40px;
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    color: #838488
}

.kettybot .introduce .top {
    margin-top: 369px
}

.kettybot .introduce .center {
    margin-top: 780px;
    margin-bottom: 780px
}

.kettybot .introduce .bottom {
    margin-bottom: 482px
}

.kettybot .introduce_en {
    height: 2300px
}

.kettybot .cooperation .vid,
.kettybot .energy .vid,
.kettybot .navigation .vid {
    height: 500px;
    border-radius: 30px;
    overflow: hidden
}

.kettybot .introduce_en .div h2 {
    line-height: 54px
}

.kettybot .introduce_en .bottom {
    margin-top: 1000px
}

.kettybot .energy {
    text-align: center;
    overflow: hidden
}

.kettybot .energy h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent;
    width: 960px;
    margin: 0 auto
}

.kettybot .cooperation h2,
.kettybot .navigation h2 {
    background: -webkit-linear-gradient(346.41deg, #ffc845 30.29%, #fda700 68.88%);
    font-style: normal
}

.kettybot .energy .energy_h2_kr {
    width: 1130px
}

.kettybot .energy p {
    margin: 20px auto 80px;
    width: 760px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838488
}

.kettybot .energy .vid {
    margin: auto auto 160px;
    width: 1000px
}

.kettybot .energy .vid video {
    -o-object-fit: cover;
    object-fit: cover
}

.kettybot .cooperation {
    text-align: center;
    overflow: hidden
}

.kettybot .cooperation h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent;
    width: 1200px;
    margin: 0 auto
}

.kettybot .cooperation p {
    margin: 20px auto 80px;
    width: 760px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838488
}

.kettybot .cooperation .vid {
    margin: auto auto 160px;
    width: 1000px
}

.kettybot .cooperation .vid video {
    -o-object-fit: cover;
    object-fit: cover
}

.kettybot .navigation {
    text-align: center;
    overflow: hidden
}

.kettybot .navigation h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent;
    width: 1200px;
    margin: 0 auto
}

.kettybot .navigation p {
    margin: 20px auto 80px;
    width: 760px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838488
}

.kettybot .navigation .vid {
    margin: auto auto 160px;
    width: 1000px
}

.kettybot .navigation .vid img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.kettybot .colour {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.kettybot .colour span {
    position: absolute;
    left: 65%;
    top: 58%;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 78px;
    text-align: center;
    color: #1c1c1f;
    opacity: 0
}

.kettybot .colour .span_ru {
    left: 61%
}

.kettybot .colour h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 150px;
    line-height: 1.2;
    background: -webkit-linear-gradient(346.41deg, #ffc845 30.29%, #fda700 68.88%);
    background: linear-gradient(103.59deg, #ffc845 30.29%, #fda700 68.88%);
    -webkit-background-clip: text;
    color: transparent
}

.kettybot .colour h2:nth-child(1) {
    position: absolute;
    left: 19%;
    top: 246px
}

.kettybot .colour h2:nth-child(2) {
    position: absolute;
    left: 62%;
    top: 246px
}

.kettybot .colour .colour_h2_en {
    font-size: 72px
}

.kettybot .colour .colour_h2_en:nth-child(1) {
    position: absolute;
    left: 50%;
    top: 200px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.kettybot .colour .colour_h2_ru {
    font-size: 64px
}

.kettybot .colour .colour_h2_es {
    font-size: 56px
}

.kettybot .colour .colour_h2_fr {
    font-size: 48px
}

.kettybot .colour img {
    position: absolute
}

.kettybot .colour .yellowagainst {
    bottom: 5%;
    left: 50%;
    margin-left: -180px;
    width: 360px;
    height: 498px;
    opacity: 0
}

.kettybot .colour .yellowjust {
    bottom: -20%;
    left: 50%;
    margin-left: -185px;
    width: 370px;
    height: 734px
}

.kettybot .colour .capsuleBottom,
.kettybot .colour .capsuleTop {
    position: absolute;
    z-index: -2;
    width: 78.09%;
    height: 309%;
    background: #ffc845;
    border-radius: 9999px;
    -webkit-transform: matrix(-.71, .71, .71, .71, 0, 0);
    -ms-transform: matrix(-.71, .71, .71, .71, 0, 0);
    transform: matrix(-.71, .71, .71, .71, 0, 0)
}

.kettybot .colour .capsuleTop {
    left: 32.9%;
    top: -158%
}

.kettybot .colour .capsuleBottom {
    left: -17.7%;
    top: -45%
}

.kettybot .colour .whiteTop {
    -webkit-clip-path: polygon(30% 0, 30% 0, 70% 100%, 70% 100%);
    clip-path: polygon(30% 0, 30% 0, 70% 100%, 70% 100%);
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%
}

.kettybot .colour .whiteTop img {
    position: absolute
}

.kettybot .colour .whiteTop .whiteagainst {
    bottom: 5%;
    left: 55.5%;
    margin-left: -180px;
    width: 360px;
    height: 498px
}

.kettybot .colour .whiteTop .whitejust {
    bottom: 0;
    left: 50%;
    margin-left: -305px;
    width: 370px;
    height: 734px
}

.kettybot .colour .whiteTop i {
    position: absolute;
    left: 65%;
    top: 58%;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 78px;
    text-align: center;
    color: #1c1c1f
}

.kettybot .details {
    position: relative;
    width: 100%;
    background-color: #1c1c1f;
    padding: 120px 0 50px
}

.kettybot .details .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    margin: auto
}

.kettybot .details .content .pic {
    width: 170px;
    height: 441px
}

.kettybot .details .content .pic img {
    width: 100%;
    height: 100%
}

.kettybot .details .content .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    padding-left: 143px
}

.kettybot .details .content .text .left {
    margin-right: 160px
}

.kettybot .details .btn {
    width: 300px;
    height: 68px;
    left: 810px;
    top: 742px;
    background: #0072ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 68px;
    margin: 90px auto 0
}

.kettybot .kettybot_prompt {
    width: 100%;
    background: #333
}

.kettybot .kettybot_prompt .section_main {
    width: 1200px;
    margin: 55px auto
}

.kettybot .kettybot_prompt .section_main h3,
.kettybot .kettybot_prompt .section_main p {
    width: 100%;
    font-size: 12px;
    color: #969696;
    line-height: 1.5;
    text-align: left;
    font-weight: 400;
    font-family: Microsoft YaHei
}

.kettybot .kettybot_prompt .section_main h3 {
    margin-bottom: 0
}

.kettybot .kettybot_prompt .section_main_ae h3,
.kettybot .kettybot_prompt .section_main_ae p,
.kettybot_ae {
    text-align: right
}

.kettybot_ae .introduce_en {
    direction: ltr
}

.pudubot_ae,
.puductor_ae {
    direction: rtl
}

.kettybot_ae .details .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.puduafraC1 .puduafraC1_super_suction,
.pudubot .pudubot_mohism_zh .section_main {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.kettybot_ae .details .content .text .left {
    margin-right: 0;
    margin-left: 160px
}

.pudubot {
    float: left;
    width: 100%
}

.pudubot h2 {
    margin-top: 100px;
    margin-bottom: 24px;
    color: #222;
    font-size: 54px;
    font-weight: 400;
    line-height: 1.2
}

.pudubot .pudubot_banner {
    height: 896px;
    background-color: #000
}

.pudubot .pudubot_banner .section_main {
    padding-top: 82px;
    width: 1200px;
    height: 896px
}

.pudubot .pudubot_banner .section_main>img {
    position: absolute
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_1 {
    top: 112px;
    left: 360px;
    width: 363px;
    height: 687px;
    z-index: 2;
    -webkit-animation-name: fadeInY_keyframes_73273132;
    animation-name: fadeInY_keyframes_73273132;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_2,
.pudubot .pudubot_banner .section_main>img.pudubot_banner_3 {
    top: 166px;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    z-index: 2
}

@-webkit-keyframes fadeInY_keyframes_73273132 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_73273132 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_2 {
    left: 682px;
    width: 386px;
    height: 730px;
    -webkit-animation-name: fadeInY_keyframes_82121369;
    animation-name: fadeInY_keyframes_82121369;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_82121369 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_82121369 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_3 {
    left: 500px;
    width: 700px;
    -webkit-animation-name: fadeInY_keyframes_56499164;
    animation-name: fadeInY_keyframes_56499164;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_56499164 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_56499164 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_3_ru {
    left: 505px
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_icon {
    top: 536px;
    left: 0;
    width: 146px;
    height: 139px;
    z-index: 2;
    -webkit-animation-name: fade_keyframes_20949241;
    animation-name: fade_keyframes_20949241;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes fade_keyframes_20949241 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_keyframes_20949241 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pudubot .pudubot_banner .section_main>img.pudubot_banner_pudurot {
    left: 0;
    top: 90px;
    width: 753px;
    height: 143px;
    -webkit-animation-name: fadeInY_keyframes_88087281;
    animation-name: fadeInY_keyframes_88087281;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_88087281 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_88087281 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_banner .section_main p {
    position: absolute;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #e0e0e0
}

.pudubot .pudubot_banner .section_main p.pudubot_banner_text1 {
    font-size: 32px;
    line-height: 38px;
    top: 264px;
    left: 0;
    -webkit-animation-name: fadeInY_keyframes_89163342;
    animation-name: fadeInY_keyframes_89163342;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_89163342 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_89163342 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_banner .section_main p.pudubot_banner_text2 {
    font-size: 20px;
    line-height: 26px;
    top: 696px;
    left: 0
}

.pudubot .pudubot_video {
    background-color: #222
}

.pudubot .pudubot_video .section_main {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto 164px
}

.pudubot .pudubot_video .section_main h1 {
    margin-top: 100px;
    margin-bottom: 40px;
    color: #F9F9F9;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 24px
}

.pudubot .pudubot_video .section_main p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #7C7C7C;
    width: 83%;
    margin: auto auto 40px
}

.pudubot .pudubot_video .section_main>img {
    float: left;
    width: 100%;
    height: 100%
}

.pudubot .pudubot_video .section_main .video_play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    border: none;
    cursor: pointer
}

.pudubot .pudubot_video .section_main .video_play_button:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 9px solid transparent
}

.pudubot .pudubot_video .section_main .video_play_button:hover {
    background: rgba(0, 0, 0, .9)
}

.pudubot .pudubot_marker {
    position: relative;
    height: 860px;
    background-color: #fff
}

.pudubot .pudubot_marker .section_main {
    width: 980px;
    overflow: inherit
}

.pudubot .pudubot_marker .section_main>p {
    width: 100%;
    font-size: 20px;
    color: #7C7C7C;
    -webkit-animation-name: fadeInY_keyframes_16685669;
    animation-name: fadeInY_keyframes_16685669;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_16685669 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_16685669 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_marker .section_main .pudubot_marker_spindle {
    position: absolute;
    left: 50%;
    top: 137px;
    margin-left: -146px;
    width: 292px;
    height: 157px;
    z-index: 2
}

.pudubot .pudubot_marker .section_main .pudubot_marker_robot {
    position: absolute;
    left: 50%;
    top: 290px;
    width: 800px;
    margin-left: -400px
}

.pudubot .pudubot_marker .section_main .pudubot_marker_ellipse {
    position: absolute;
    height: 38px;
    top: 230px;
    left: 50%;
    width: 118px;
    margin-left: -59px;
    border-radius: 50%;
    border: 2px solid #0FF;
    opacity: 0;
    -webkit-animation: pudubot_marker_ellipse 2s linear infinite;
    animation: pudubot_marker_ellipse 2s linear infinite
}

@-webkit-keyframes pudubot_marker_ellipse {
    0% {
        opacity: .65
    }

    to {
        top: 132px;
        margin-left: -125px;
        width: 250px;
        opacity: .1
    }
}

@keyframes pudubot_marker_ellipse {
    0% {
        opacity: .65
    }

    to {
        top: 132px;
        margin-left: -125px;
        width: 250px;
        opacity: .1
    }
}

.pudubot .pudubot_marker .section_main video {
    position: absolute;
    top: 127px;
    left: 50%;
    width: 1024px;
    height: 600px;
    margin-left: -512px
}

.pudubot .pudubot_marker_fr .section_main video {
    top: 140px
}

.pudubot .marker_line {
    float: left;
    height: 12px;
    width: 100%;
    background-color: #F9F9F9
}

.pudubot .pudubot_hardware {
   
    padding-bottom: 82px;
    height: 718px;
    background-color: #F9F9F9
}

.pudubot .pudubot_hardware .section_main {
    width: 1200px
}

.pudubot .pudubot_hardware .section_main>ul {
    width: 270px;
    text-align: left;
    margin-top: 16px
}

.pudubot .pudubot_hardware .section_main>ul li {
    width: 100%;
    height: 180px;
    overflow: hidden;
    -webkit-animation-name: fadeInY_keyframes_76258826;
    animation-name: fadeInY_keyframes_76258826;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_76258826 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_76258826 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_hardware .section_main>ul li>div {
    position: relative;
    margin-bottom: 20px;
    padding-left: 28px;
    height: auto;
    font-weight: 400;
    font-size: 30px;
    color: #222
}

.pudubot .pudubot_hardware .section_main>ul li>div:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background-color: #0064E6;
    border-radius: 50%
}

.pudubot .pudubot_hardware .section_main>ul li>p {
    line-height: 24px;
    padding-left: 28px;
    font-size: 16px;
    color: #7C7C7C
}

.pudubot .pudubot_hardware .section_main img {
    float: left;
    margin: 10px 40px 0;
    width: 580px
}

.pudubot .pudubot_hardware_ru {
    height: 800px
}

.pudubot .pudubot_hardware_ru .section_main>ul {
    width: 310px
}

.pudubot .pudubot_hardware_ru .section_main>ul li {
    height: 200px
}

.pudubot .pudubot_hardware_ru .section_main>ul li>div {
    padding-left: 16px;
    font-size: 22px
}

.pudubot .pudubot_hardware_ru .section_main>ul li>p {
    padding-left: 16px
}

.pudubot .pudubot_hardware_ru .section_main img {
    width: 500px;
    margin: 110px 20px 0
}

.pudubot .pudubot_mohism {
    background-color: #282828;
    color: #fff
}

.pudubot .pudubot_mohism .section_main {
    width: 1200px;
    margin: 135px auto
}

.pudubot .pudubot_mohism .section_main img {
    float: left;
    width: 510px
}

.pudubot .pudubot_mohism .section_main h2 {
    float: left;
    width: 590px;
    margin: 236px 0 0 100px;
    text-align: left;
    color: #FFF;
    -webkit-animation-name: fadeInY_keyframes_26733445;
    animation-name: fadeInY_keyframes_26733445;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_26733445 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_26733445 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_mohism_zh .section_main .mohism_content .mohism_right h2 {
    -webkit-animation-name: fadeInY_keyframes_91378456;
    animation-name: fadeInY_keyframes_91378456;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 56px;
    font-size: 56px;
    font-weight: 500;
    color: #333;
    margin: 0
}

@-webkit-keyframes fadeInY_keyframes_91378456 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_91378456 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_mohism_zh .section_main {
    width: 89%;
    margin: 68px auto;
    background: #F9F9F9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.pudubot .pudubot_mohism_zh .section_main h2 {
    -webkit-animation-name: fadeInY_keyframes_41544703;
    animation-name: fadeInY_keyframes_41544703;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 1200px;
    text-align: left;
    margin: 120px auto 0;
    height: 56px;
    font-size: 56px;
    font-weight: 500;
    color: #333
}

@-webkit-keyframes fadeInY_keyframes_41544703 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_41544703 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_mohism_zh .section_main .mohism_content {
    width: 1200px;
    margin: auto auto 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px
}

.pudubot .pudubot_mohism_zh .section_main .mohism_content .mohism_right ul li {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    margin-top: 52px;
    text-align: left
}

.pudubot .pudubot_mohism_zh .section_main .mohism_content .mohism_right ul li svg {
    width: 23px;
    height: 22px;
    margin-right: 30px
}

.pudubot .pudubot_mohism_zh .section_main .mohism_content img {
    width: 689px;
    height: 454px
}

.pudubot .pudubot_algorithm,
.pudubot .pudubot_mohism2 {
    height: 800px;
    background-color: #f9f9f9
}

.pudubot .pudubot_algorithm .section_main,
.pudubot .pudubot_mohism2 .section_main {
    margin-bottom: 116px;
    width: 1200px
}

.pudubot .pudubot_algorithm .section_main h2,
.pudubot .pudubot_mohism2 .section_main h2 {
    width: 980px;
    margin-left: auto;
    margin-right: auto
}

.pudubot .pudubot_algorithm .section_main h2 span,
.pudubot .pudubot_mohism2 .section_main h2 span {
    margin-left: 18px;
    color: #0064E0;
    font-size: 64px;
    vertical-align: middle
}

.pudubot .pudubot_algorithm .section_main>p,
.pudubot .pudubot_mohism2 .section_main>p {
    margin: 8px auto 100px;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    color: #7C7C7C
}

.pudubot .pudubot_mohism2 .pudubot_bar_column {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.pudubot .pudubot_mohism2 .pudubot_bar_column.pudubot_bar_column2 {
    background-color: #0064E6;
    background: -webkit-gradient(linear, right top, left top, from(#00A3FF), to(#0064E6));
    background: -webkit-linear-gradient(right, #00A3FF, #0064E6);
    background: linear-gradient(-90deg, #00A3FF, #0064E6);
    -webkit-animation-name: pudubot_column_1120;
    animation-name: pudubot_column_1120
}

@-webkit-keyframes pudubot_column_1120 {
    0% {
        width: 0
    }

    to {
        width: 1120px
    }
}

@keyframes pudubot_column_1120 {
    0% {
        width: 0
    }

    to {
        width: 1120px
    }
}

.pudubot .pudubot_mohism2 .pudubot_bar_column.pudubot_bar_column1 {
    -webkit-animation-name: pudubot_column_520;
    animation-name: pudubot_column_520
}

@-webkit-keyframes pudubot_column_520 {
    0% {
        width: 0
    }

    to {
        width: 520px
    }
}

@keyframes pudubot_column_520 {
    0% {
        width: 0
    }

    to {
        width: 520px
    }
}

.pudubot .pudubot_bar {
    position: relative;
    width: 1200px;
    height: 300px;
    padding-bottom: 80px
}

.pudubot .pudubot_bar>img {
    width: 100%;
    height: 100%;
    z-index: 1
}

.pudubot .pudubot_bar .pudubot_bar_column {
    position: absolute;
    left: 5px;
    height: 24px;
    line-height: 24px;
    text-align: left;
    text-indent: 111px;
    z-index: 2;
    color: #fff
}

.pudubot .pudubot_bar .pudubot_bar_column.pudubot_bar_column2 {
    top: 90px
}

.pudubot .pudubot_bar .pudubot_bar_column.pudubot_bar_column1 {
    top: 150px;
    background-color: #7C7C7C;
    background: -webkit-gradient(linear, right top, left top, from(#D6D6D6), to(#C2C2C2));
    background: -webkit-linear-gradient(right, #D6D6D6, #C2C2C2);
    background: linear-gradient(-90deg, #D6D6D6, #C2C2C2)
}

.pudubot .pudubot_bar .pudubot_bar_value {
    position: absolute;
    bottom: 50px;
    color: #7C7C7C;
    font-size: 16px;
    height: 13px;
    line-height: 13px;
    z-index: 2
}

.pudubot .pudubot_bar>p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #7C7C7C
}

.pudubot .pudubot_chip {
    background-color: #f9f9f9
}

.pudubot .pudubot_chip .section_main {
    width: 1200px;
    margin: 64px auto
}

.pudubot .pudubot_chip .section_main .pudubot_chip_item {
    float: left;
    width: 560px;
    margin-top: 56px;
    margin-right: 80px;
    text-align: left
}

.pudubot .pudubot_chip .section_main .pudubot_chip_item:first-child+div,
.pudubot .pudubot_chip .section_main .pudubot_chip_item:nth-child(2n) {
    margin-right: 0
}

.pudubot .pudubot_chip .section_main .pudubot_chip_item>img {
    float: left;
    width: 100%;
    height: 360px
}

.pudubot .pudubot_chip .section_main .pudubot_chip_item h3 {
    margin: 64px 0 16px;
    line-height: 45px;
    float: left;
    width: 100%;
    font-size: 31px;
    color: #222;
    font-weight: 400
}

.pudubot .pudubot_chip .section_main .pudubot_chip_item>p {
    float: left;
    width: 100%;
    line-height: 37px;
    font-size: 20px;
    color: #7C7C7C
}

.pudubot .pudubot_algorithm {
    background-color: #fff
}

.pudubot .pudubot_algorithm .pudubot_bar_column {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.pudubot .pudubot_algorithm .pudubot_bar_column.pudubot_bar_column2 {
    background-color: #0064E6;
    background: -webkit-gradient(linear, right top, left top, from(#3DFFFD), to(#00A3FF));
    background: -webkit-linear-gradient(right, #3DFFFD, #00A3FF);
    background: linear-gradient(-90deg, #3DFFFD, #00A3FF);
    -webkit-animation-name: pudubot_column_920;
    animation-name: pudubot_column_920
}

.pudubot .pudubot_contrast,
.pudubot .pudubot_slam {
    background-color: #fff
}

@-webkit-keyframes pudubot_column_920 {
    0% {
        width: 0
    }

    to {
        width: 920px
    }
}

@keyframes pudubot_column_920 {
    0% {
        width: 0
    }

    to {
        width: 920px
    }
}

.pudubot .pudubot_algorithm .pudubot_bar_column.pudubot_bar_column1 {
    -webkit-animation-name: pudubot_column_484;
    animation-name: pudubot_column_484
}

@-webkit-keyframes pudubot_column_484 {
    0% {
        width: 0
    }

    to {
        width: 484px
    }
}

@keyframes pudubot_column_484 {
    0% {
        width: 0
    }

    to {
        width: 484px
    }
}

.pudubot .pudubot_slam .section_main {
    width: 1200px;
    text-align: left
}

.pudubot .pudubot_slam .section_main li {
    position: relative;
    float: left;
    width: 100%;
    height: 370px;
    margin: 65px 0
}

.pudubot .pudubot_slam .section_main li>div {
    position: absolute;
    top: 50%;
    width: 410px;
    margin-top: -185px
}

.pudubot .pudubot_slam .section_main li>div h3 {
    margin-top: 0;
    font-size: 42px
}

.pudubot .pudubot_slam .section_main li>div>p {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    color: #7C7C7C
}

.pudubot .pudubot_slam .section_main li img,
.pudubot .pudubot_slam .section_main li video {
    float: left;
    width: 660px;
    height: 370px
}

.pudubot .pudubot_slam .section_main_de li>div h3 {
    font-size: 36px
}

.pudubot .pudubot_contrast .section_main {
    width: 1200px;
    margin-bottom: 84px
}

.pudubot .pudubot_contrast .section_main h2 {
    margin-bottom: 100px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list {
    float: left;
    padding-right: 17px;
    width: 175px;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    border-right: 2px solid #D8D8D8
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list li {
    float: left;
    width: 147px;
    padding: 12px;
    min-height: 26px;
    margin-bottom: 36px;
    line-height: 24px;
    cursor: pointer;
    border: 2px solid #fff
}

.pudubot_ae .pudubot_hardware .section_main .fl li>div,
.pudubot_ae .pudubot_hardware .section_main .fl li>p,
.pudubot_ae .pudubot_hardware .section_main .fr li>div,
.pudubot_ae .pudubot_hardware .section_main .fr li>p,
.pudubot_ae .pudubot_slam .section_main .fl li>div,
.pudubot_ae .pudubot_slam .section_main .fl li>p,
.pudubot_ae .pudubot_slam .section_main .fr li>div,
.pudubot_ae .pudubot_slam .section_main .fr li>p {
    padding-right: 28px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list li.pudubot_contrast_active {
    color: #0064E0;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#0064e6), to(#00a2ff)) 1 10;
    -webkit-border-image: -webkit-linear-gradient(#0064e6, #00a2ff) 1 10;
    -o-border-image: linear-gradient(#0064e6, #00a2ff) 1 10;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#0064e6), to(#00a2ff)) 1 10;
    border-image: linear-gradient(#0064e6, #00a2ff) 1 10
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list li:last-child {
    margin-bottom: 0
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list_es {
    width: 230px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list_es li {
    width: 200px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_list_ru li {
    width: 157px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart {
    float: left;
    width: 700px;
    height: 483px;
    padding-left: 64px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_build {
    height: 16px;
    line-height: 16px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #494949
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column {
    width: 0;
    margin-top: 18px;
    height: 24px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_top {
    background-color: #0064E6;
    background: -webkit-gradient(linear, right top, left top, from(#00a2ff), to(#0064e6));
    background: -webkit-linear-gradient(right, #00a2ff, #0064e6);
    background: linear-gradient(-90deg, #00a2ff, #0064e6)
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_botton {
    background: -webkit-gradient(linear, right top, left top, from(#d6d6d6), to(#c1c1c1));
    background: -webkit-linear-gradient(right, #d6d6d6, #c1c1c1);
    background: linear-gradient(-90deg, #d6d6d6, #c1c1c1);
    background-color: #C1C1C1
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_700 {
    -webkit-animation-name: pudubot_contrast_column_700;
    animation-name: pudubot_contrast_column_700
}

@-webkit-keyframes pudubot_contrast_column_700 {
    0% {
        width: 0
    }

    to {
        width: 700px
    }
}

@keyframes pudubot_contrast_column_700 {
    0% {
        width: 0
    }

    to {
        width: 700px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_560 {
    -webkit-animation-name: pudubot_contrast_column_560;
    animation-name: pudubot_contrast_column_560
}

@-webkit-keyframes pudubot_contrast_column_560 {
    0% {
        width: 0
    }

    to {
        width: 560px
    }
}

@keyframes pudubot_contrast_column_560 {
    0% {
        width: 0
    }

    to {
        width: 560px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_350 {
    -webkit-animation-name: pudubot_contrast_column_350;
    animation-name: pudubot_contrast_column_350
}

@-webkit-keyframes pudubot_contrast_column_350 {
    0% {
        width: 0
    }

    to {
        width: 350px
    }
}

@keyframes pudubot_contrast_column_350 {
    0% {
        width: 0
    }

    to {
        width: 350px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_490 {
    -webkit-animation-name: pudubot_contrast_column_490;
    animation-name: pudubot_contrast_column_490
}

@-webkit-keyframes pudubot_contrast_column_490 {
    0% {
        width: 0
    }

    to {
        width: 490px
    }
}

@keyframes pudubot_contrast_column_490 {
    0% {
        width: 0
    }

    to {
        width: 490px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_column.pudubot_contrast_column_418 {
    -webkit-animation-name: pudubot_contrast_column_418;
    animation-name: pudubot_contrast_column_418
}

@-webkit-keyframes pudubot_contrast_column_418 {
    0% {
        width: 0
    }

    to {
        width: 418px
    }
}

@keyframes pudubot_contrast_column_418 {
    0% {
        width: 0
    }

    to {
        width: 418px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart_es {
    width: 600px
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart_es.pudubot_contrast_column_700 {
    -webkit-animation-name: pudubot_contrast_column_700;
    animation-name: pudubot_contrast_column_700
}

@keyframes pudubot_contrast_column_700 {
    0% {
        width: 0
    }

    to {
        width: 600px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart_es.pudubot_contrast_column_560 {
    -webkit-animation-name: pudubot_contrast_column_560;
    animation-name: pudubot_contrast_column_560
}

@keyframes pudubot_contrast_column_560 {
    0% {
        width: 0
    }

    to {
        width: 490px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart_es.pudubot_contrast_column_350 {
    -webkit-animation-name: pudubot_contrast_column_350;
    animation-name: pudubot_contrast_column_350
}

@keyframes pudubot_contrast_column_350 {
    0% {
        width: 0
    }

    to {
        width: 260px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart_es.pudubot_contrast_column_490 {
    -webkit-animation-name: pudubot_contrast_column_490;
    animation-name: pudubot_contrast_column_490
}

@keyframes pudubot_contrast_column_490 {
    0% {
        width: 0
    }

    to {
        width: 380px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_chart_es.pudubot_contrast_column_418 {
    -webkit-animation-name: pudubot_contrast_column_418;
    animation-name: pudubot_contrast_column_418
}

@keyframes pudubot_contrast_column_418 {
    0% {
        width: 0
    }

    to {
        width: 321px
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_info {
    float: left;
    width: 190px;
    margin-left: 50px;
    text-align: left
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_info>div {
    position: relative;
    float: left;
    font-size: 100px;
    height: 80px;
    line-height: 80px;
    font-weight: 700;
    color: #0064E6;
    -webkit-animation-name: fadeInY_keyframes_86908293;
    animation-name: fadeInY_keyframes_86908293;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_86908293 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_86908293 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_info>div>span {
    position: absolute;
    right: -32px;
    top: -25px;
    font-size: 36px;
    vertical-align: text-top
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_info>p {
    width: 100%;
    margin-top: 104px;
    line-height: 30px;
    font-size: 23px;
    color: #222
}

.pudubot .pudubot_contrast .section_main .pudubot_contrast_info.pudubot_contrast_info6 {
    display: block
}

.pudubot .pudubot_software {
    background-color: #f9f9f9
}

.pudubot .pudubot_software .section_main {
    width: 1200px;
    margin-bottom: 100px
}

.pudubot .pudubot_software .section_main .pudubot_software_pic {
    float: left;
    margin-top: 40px;
    margin-left: 190px;
    height: 164px
}

.pudubot .pudubot_software .section_main .pudubot_software_pic>img {
    float: left;
    width: 184px;
    height: 100%
}

.pudubot .pudubot_software .section_main .pudubot_software_pic>img:first-child {
    margin-top: 16px;
    width: 158px;
    height: 128px
}

.pudubot .pudubot_software .section_main .pudubot_software_form {
    float: left;
    margin-top: 64px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8
}

.pudubot .pudubot_software .section_main .pudubot_software_form li {
    float: left;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #D8D8D8;
    color: #222
}

.pudubot .pudubot_software .section_main .pudubot_software_form li .pudubot_software_title {
    float: left;
    width: 510px;
    text-indent: 190px
}

.pudubot .pudubot_software .section_main .pudubot_software_form li .form_item {
    position: relative;
    float: left
}

.pudubot .pudubot_software .section_main .pudubot_software_form li .form_item.w316 {
    width: 316px
}

.pudubot .pudubot_software .section_main .pudubot_software_form li .form_item .svg_free {
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 5px
}

.pudubot .pudubot_software .section_main .pudubot_software_form li .form_item .svg_upgrade {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.pudubot .pudubot_software .section_main .pudubot_software_form li:last-child {
    border-bottom: none
}

.pudubot .pudubot_software .section_main .pudubot_software_form_it li .pudubot_software_title {
    width: 550px
}

.pudubot .pudubot_cloude {
    background-color: #282828;
    color: #fff
}

.pudubot .pudubot_cloude .section_main {
    position: relative;
    width: 1200px;
    margin-bottom: 100px
}

.pudubot .pudubot_cloude .section_main h2 {
    color: #fff
}

.pudubot .pudubot_cloude .section_main>p {
    width: 980px;
    margin: 7px auto 0;
    line-height: 28px;
    font-size: 18px;
    -webkit-animation-name: fadeInY_keyframes_64013777;
    animation-name: fadeInY_keyframes_64013777;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: #7C7C7C
}

@-webkit-keyframes fadeInY_keyframes_64013777 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_64013777 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_cloude .section_main .pudubot_cloude_pic {
    float: left;
    margin: 100px 35px 30px;
    width: 1130px;
    height: 187px
}

.pudubot .pudubot_cloude .section_main .svg_cloud {
    position: absolute;
    bottom: 240px;
    left: 50%;
    margin-left: -73px;
    width: 146px;
    height: 110px
}

.pudubot .pudubot_cloude .section_main .pudubot_cloude_list {
    float: left;
    width: 100%;
    margin-bottom: 35px
}

.pudubot .pudubot_cloude .section_main .pudubot_cloude_list li {
    float: left;
    width: 72px;
    height: 72px;
    margin-left: 116px;
    -webkit-animation-name: fadeInY_keyframes_7932385;
    animation-name: fadeInY_keyframes_7932385;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_7932385 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_7932385 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.pudubot .pudubot_cloude .section_main .pudubot_cloude_list li>svg {
    width: 100%;
    height: 100%
}

.pudubot .pudubot_cloude .section_main .pudubot_cloude_list li>p {
    float: left;
    width: 100%;
    margin-top: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    color: #7C7C7C
}

.pudubot .pudubot_cloude .section_main .pudubot_cloude_list li:first-child {
    margin-left: 0
}

.pudubot .pudubot_scheduler {
    position: relative;
    background-color: #141414
}

.pudubot .pudubot_scheduler .pudubot_scheduler_main {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -590px
}

.pudubot .pudubot_scheduler .pudubot_scheduler_main>h3 {
    margin: 0;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    font-family: Microsoft YaHei
}

.pudubot .pudubot_scheduler .pudubot_scheduler_main>p {
    width: 400px;
    margin-top: 29px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #7C7C7C
}

.pudubot .pudubot_scheduler img {
    float: right;
    width: 1200px;
    height: 800px
}

.pudubot .pudubot_cloud {
    position: relative;
    background-color: #000
}

.pudubot .pudubot_cloud img {
    float: left;
    width: 100%;
    opacity: .25
}

.pudubot .pudubot_cloud .section_main {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 962px;
    margin-left: -480px
}

.pudubot .pudubot_cloud .section_main h3 {
    margin: 0 0 31px;
    font-size: 54px;
    font-weight: 400;
    color: #0072FF;
    font-family: Microsoft YaHei
}

.pudubot .pudubot_cloud .section_main>p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 30px
}

.pudubot .pudubot_cloud .section_main_ru {
    top: 35%
}

.pudubot .pudubot_parameter {
    background-color: #101010
}

.pudubot .pudubot_parameter .section_main {
    width: 1175px;
    margin-top: 30px
}

.pudubot .pudubot_parameter .section_main>img {
    position: relative;
    float: left;
    width: 375px;
    margin-top: 110px
}

.pudubot .pudubot_parameter .section_main ul {
    float: left;
    margin-left: 120px;
    margin-top: 110px;
    width: 680px
}

.pudubot .pudubot_parameter .section_main ul li {
    float: left;
    width: 100%;
    margin-top: 32px;
    text-align: left;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-weight: 400
}

.pudubot .pudubot_parameter .section_main ul li>div:first-child {
    float: left;
    width: 210px
}

.pudubot .pudubot_parameter .section_main ul li>div:last-child {
    float: left;
    margin-left: 20px;
    width: 380px
}

.pudubot .pudubot_parameter .section_main ul .hr_li {
    margin-left: 0
}

.pudubot .pudubot_parameter .section_main ul .hr_li .hr {
    width: 522px;
    height: 1px;
    background-color: #4C4C4C;
    margin-left: 0
}

.pudubot .pudubot_parameter .section_main ul .parameter_zh_li {
    margin-left: 0
}

.pudubot .pudubot_parameter .section_main ul .parameter_zh_li .parameter_zh {
    margin-left: 0;
    font-size: 18px;
    font-weight: 400;
    color: #898989
}

.pudubot .pudubot_parameter .pdsc_btn {
    width: 100%;
    text-align: center;
    margin: 100px 0
}

.pudubot .pudubot_parameter .pdsc_btn button {
    width: 300px;
    height: 68px;
    text-decoration: none;
    line-height: 68px;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px
}

.pudubot .pudubot_parameter .pdsc_btn button:hover {
    background-color: #005ad6
}

.pudubot .pudubot_parameter a {
    display: block;
    margin: 64px auto 100px;
    width: 300px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: #0064E6;
    border-radius: 4px;
    color: #fff;
    font-size: 22px
}

.pudubot_ae,
.pudubot_ae .pudubot_hardware .section_main,
.pudubot_ae .pudubot_hardware .section_main .fl,
.pudubot_ae .pudubot_hardware .section_main .fr,
.pudubot_ae .pudubot_slam .section_main,
.pudubot_ae .pudubot_slam .section_main .fl,
.pudubot_ae .pudubot_slam .section_main .fr {
    text-align: right
}

.pudubot_ae .pudubot_hardware .section_main .fl li>div:before,
.pudubot_ae .pudubot_hardware .section_main .fr li>div:before,
.pudubot_ae .pudubot_slam .section_main .fl li>div:before,
.pudubot_ae .pudubot_slam .section_main .fr li>div:before {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background-color: #0064E6;
    border-radius: 50%
}

.pudubot_ae .pudubot_contrast .section_main .pudubot_contrast_list {
    border-right: none;
    border-left: 2px solid #D8D8D8;
    padding-right: 0;
    padding-left: 17px;
    float: right
}

.pudubot_ae .pudubot_contrast .section_main .pudubot_contrast_list li {
    float: right
}

.pudubot_ae .pudubot_contrast .section_main .pudubot_contrast_chart {
    float: right;
    padding-left: 0;
    padding-right: 64px
}

.pudubot_ae .pudubot_contrast .section_main .pudubot_contrast_chart .pudubot_contrast_build {
    text-align: right
}

.pudubot_ae .pudubot_contrast .section_main .pudubot_contrast_info {
    float: right;
    text-align: right;
    margin-left: 0;
    margin-right: 50px
}

.pudubot_ae .pudubot_contrast .section_main .pudubot_contrast_info>div {
    float: right
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_pic {
    float: right;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 190px;
    height: 164px
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_pic>img {
    float: right;
    width: 184px;
    height: 100%
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_pic img:nth-child(2) {
    margin-right: 130px
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_form {
    float: right
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_form li {
    float: right;
    text-align: right
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_form li .form_item,
.pudubot_ae .pudubot_software .section_main .pudubot_software_form li .pudubot_software_title {
    float: right
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_form li .form_item.w316 {
    width: 316px
}

.pudubot_ae .pudubot_software .section_main .pudubot_software_form li .form_item .svg_free,
.pudubot_ae .pudubot_software .section_main .pudubot_software_form li .form_item .svg_upgrade {
    margin-right: 5px
}

.pudubot_ae .pudubot_parameter .section_main {
    text-align: right
}

.pudubot_ae .pudubot_parameter .section_main ul li>div:first-child {
    float: right;
    text-align: right
}

.pudubot_ae .pudubot_parameter .section_main ul li>div:last-child {
    float: right;
    text-align: right;
    margin-right: 50px
}

.puduafraC1 {
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif
}

.puduafraC1 .puduafraC1_main {
    width: 1200px;
    margin: auto
}

.puduafraC1 h1 {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    line-height: 1.5
}

.puduafraC1 p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 1.3
}

.puduafraC1 sup {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    line-height: 24px
}

.puduafraC1 .puduafraC1_banner {
    width: 100%;
    line-height: 0;
    background-color: #fff;
    position: relative
}

.puduafraC1 .puduafraC1_banner .puduafraC1_banner_bg {
    width: 100%;
    min-height: 768px;
    -o-object-fit: cover;
    object-fit: cover
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .logo {
    position: absolute;
    top: 58%;
    left: 0;
    opacity: 0
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .logo .puduafraC1_title {
    font-size: 32px;
    font-weight: 500;
    color: #9EA6B4;
    line-height: 44px
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .logo .slogan {
    font-size: 42px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
    letter-spacing: 8px;
    margin-top: 8px
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .logo .puduafraC1_video {
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    height: 48px;
    padding: 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF74C), to(#F3E500));
    background: -webkit-linear-gradient(top, #FFF74C 0, #F3E500 100%);
    background: linear-gradient(180deg, #FFF74C 0, #F3E500 100%);
    border-radius: 32px;
    margin-top: 24px;
    cursor: pointer
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .logo .puduafraC1_video img {
    margin-right: 12px
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .logo .puduafraC1_video:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .robot_left {
    position: absolute;
    left: 407px;
    top: 25%;
    opacity: 1
}

.puduafraC1 .puduafraC1_banner .puduafraC1_main .robot_right {
    position: absolute;
    right: -90px;
    top: 25%
}

.puduafraC1 .wrapper {
    width: 100%;
    position: relative;
    height: 150vh
}

.puduafraC1 .wrapper .wrapper_main {
    width: 100%;
    height: 100vh;
    position: relative
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence {
    width: 100%;
    position: absolute;
    top: 64px;
    z-index: 2;
    background: #fff
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_bg {
    margin: auto;
    width: 1200px;
    height: calc(100vh - 100px);
    max-height: 724px;
    background: #F5F6F7;
    border-radius: 60px;
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_bg .dualmode_bg {
    opacity: 0
}

@media screen and (max-width:1900px) {
    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_bg {
        top: 20px
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_dualmode_bg_animat {
    -webkit-animation: bgResize 1s forwards;
    animation: bgResize 1s forwards
}

@-webkit-keyframes bgResize {
    0% {
        width: 1200px;
        height: calc(100vh - 100px);
        max-height: 724px;
        border-radius: 60px;
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        top: -64px;
        opacity: 0
    }
}

@keyframes bgResize {
    0% {
        width: 1200px;
        height: calc(100vh - 100px);
        max-height: 724px;
        border-radius: 60px;
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        top: -64px;
        opacity: 0
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_dualmode_bg_animat_reverse {
    -webkit-animation: bgResize_reverse 1s forwards;
    animation: bgResize_reverse 1s forwards
}

@-webkit-keyframes bgResize_reverse {
    0% {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        top: 0
    }

    100% {
        width: 1200px;
        height: calc(100vh - 100px);
        max-height: 724px;
        border-radius: 60px;
        top: 100px
    }
}

@keyframes bgResize_reverse {
    0% {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        top: 0
    }

    100% {
        width: 1200px;
        height: calc(100vh - 100px);
        max-height: 724px;
        border-radius: 60px;
        top: 100px
    }
}

@media screen and (max-width:1900px) {
    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_dualmode_bg_animat_reverse {
        -webkit-animation: bgResize_reverse 1s forwards;
        animation: bgResize_reverse 1s forwards
    }

    @-webkit-keyframes bgResize_reverse {
        0% {
            width: 100vw;
            height: 100vh;
            border-radius: 0;
            top: 0
        }

        100% {
            width: 1200px;
            height: calc(100vh - 100px);
            max-height: 724px;
            border-radius: 60px;
            top: 20px
        }
    }

    @keyframes bgResize_reverse {
        0% {
            width: 100vw;
            height: 100vh;
            border-radius: 0;
            top: 0
        }

        100% {
            width: 1200px;
            height: calc(100vh - 100px);
            max-height: 724px;
            border-radius: 60px;
            top: 20px
        }
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container {
    width: 100%;
    height: 100%
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_dualmode_title_animat {
    -webkit-animation: puduafraCtitle .6s forwards .8s;
    animation: puduafraCtitle .6s forwards .8s
}

@-webkit-keyframes puduafraCtitle {
    0% {
        padding-top: 150px;
        opacity: 0
    }

    100% {
        padding-top: 65px;
        opacity: 1
    }
}

@keyframes puduafraCtitle {
    0% {
        padding-top: 150px;
        opacity: 0
    }

    100% {
        padding-top: 65px;
        opacity: 1
    }
}

@media screen and (max-width:1903px) {
    @-webkit-keyframes puduafraCtitle {
        0% {
            padding-top: 150px;
            opacity: 0
        }

        100% {
            padding-top: 0;
            opacity: 1
        }
    }

    @keyframes puduafraCtitle {
        0% {
            padding-top: 150px;
            opacity: 0
        }

        100% {
            padding-top: 0;
            opacity: 1
        }
    }
}

@media screen and (max-height:760px) {
    @-webkit-keyframes puduafraCtitle {
        0% {
            padding-top: 150px;
            opacity: 0
        }

        100% {
            padding-top: 0;
            opacity: 1
        }
    }

    @keyframes puduafraCtitle {
        0% {
            padding-top: 150px;
            opacity: 0
        }

        100% {
            padding-top: 0;
            opacity: 1
        }
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design {
    margin: auto;
    width: 1200px;
    position: relative;
    height: calc(100vh - 100px);
    max-height: 724px;
    top: 100px
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_title_animat {
    -webkit-animation: designTitle .6s forwards .8s;
    animation: designTitle .6s forwards .8s
}

@-webkit-keyframes designTitle {
    0% {
        padding-top: 150px;
        opacity: 0
    }

    100% {
        padding-top: 65px;
        opacity: 1
    }
}

@keyframes designTitle {
    0% {
        padding-top: 150px;
        opacity: 0
    }

    100% {
        padding-top: 65px;
        opacity: 1
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_title {
    opacity: 0
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_title p {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #757575;
    line-height: 1.75
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_anim {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_anim .design_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_anim .canvas_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_anim .canvas_box .mycanvas {
    width: 1200px;
    height: 720px
}

@media screen and (max-width:1900px) {
    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_anim .canvas_box .mycanvas {
        position: absolute;
        bottom: -89px;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design {
        top: 20px
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode_bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    opacity: 0
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode_bg img {
    width: 100%;
    height: 100%
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode {
    width: 1200px;
    margin: auto;
    height: 100%;
    max-height: 960px;
    position: relative
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_title {
    width: 760px;
    margin: auto;
    text-align: center;
    opacity: 0
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_title p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #757575;
    line-height: 1.5;
    margin-top: 12px
}

@media screen and (max-width:1600px) {
    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_design .puduafraC1_design_title p {
        padding-top: 0
    }

    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_title {
        margin-top: 0
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_anim {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_anim .dualmode_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_anim .canvas_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_anim .canvas_box .mycanvas_dual {
    position: absolute;
    bottom: -59px;
    right: 36px;
    width: 100%;
    height: 960px
}

@media screen and (max-width:1900px) {
    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_anim .canvas_box .mycanvas_dual {
        position: absolute;
        bottom: -150px;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
}

@media screen and (max-width:1500px) {
    .puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_anim .canvas_box .mycanvas_dual {
        position: absolute;
        bottom: -195px;
        -webkit-transform: scale(.65);
        -ms-transform: scale(.65);
        transform: scale(.65)
    }
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_parts {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 30px;
    opacity: 0
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_parts img {
    margin: 0 25px
}

.puduafraC1 .wrapper .wrapper_main .puduafraC1_sequence .puduafraC1_sequence_container .puduafraC1_sequence_wrapper .puduafraC1_sequence_slide .puduafraC1_dualmode .puduafraC1_dualmode_parts_anim {
    -webkit-animation: show .6s forwards 3s;
    animation: show .6s forwards 3s
}

@-webkit-keyframes show {
    0% {
        bottom: 150px;
        opacity: 0
    }

    100% {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes show {
    0% {
        bottom: 150px;
        opacity: 0
    }

    100% {
        bottom: 30px;
        opacity: 1
    }
}

.puduafraC1 .puduafraC1_super_suction {
    width: 100%;
    height: 100vh;
    min-height: 947px;
    background: #000;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90vh;
    min-height: 852px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_title {
    margin: auto;
    text-align: center;
    opacity: 0;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_title .puduafraC1_super_suction_title_absorb {
    color: #fff;
    font-size: 40px;
    font-weight: 700
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_title .puduafraC1_super_suction_title_pa {
    font-size: 62px;
    color: #f3e500;
    font-weight: 700
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_title .puduafraC1_super_suction_title_pa span {
    font-size: 40px;
    color: #fff
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_title .puduafraC1_super_suction_title_pa .tips {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    line-height: 24px;
    margin-left: 10px
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_title .puduafraC1_super_suction_title_relaxed {
    font-size: 24px;
    font-weight: 400;
    color: #FFF
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_img {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 640px;
    height: 454px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_img img {
    position: absolute;
    width: 100%
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_img img:nth-child(1) {
    top: 0;
    z-index: 60
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_img img:nth-child(2) {
    top: 0;
    z-index: 50
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_img img:nth-child(3) {
    bottom: 0;
    z-index: 40
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_video {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    top: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    mix-blend-mode: screen;
    width: 640px
}

.puduafraC1 .puduafraC1_super_suction .puduafraC1_main .puduafraC1_super_suction_video video {
    width: 100%;
    mix-blend-mode: screen
}

.puduafraC1 .puduafraC1_clean_container {
    width: 100%;
    height: 200vh;
    margin-top: -2px
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #000
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    -webkit-clip-path: inset(15% 18% round 62px);
    clip-path: inset(15% 18% round 62px)
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_video video {
    -o-object-fit: cover;
    object-fit: cover
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_title .puduafraC1_zero {
    font-size: 110px;
    font-weight: 700;
    color: #F3E500;
    line-height: 1.4
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_title .puduafraC1_clean_title_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 13px
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_title .puduafraC1_clean_title_cont h1 {
    font-size: 64px;
    font-weight: 700;
    color: #FFF;
    line-height: 1.4;
    margin-top: -17px
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_title .puduafraC1_clean_title_cont h1 sup {
    top: -36px;
    left: -15px
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_title .puduafraC1_clean_title_cont p {
    color: #9EA6B4
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_hard_soft {
    opacity: 0
}

.puduafraC1 .puduafraC1_clean_container .puduafraC1_clean .puduafraC1_clean_bg {
    width: 100%;
    background: #000;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}

.puduafraC1 .puduafraC1_control_container {
    width: 100%;
    height: 100vh;
    position: relative
}

.puduafraC1 .puduafraC1_control_container .puduafraC1_control_title {
    position: absolute;
    top: 130px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 760px;
    text-align: center
}

@media screen and (max-width:1920px) {
    .puduafraC1 .puduafraC1_control_container .puduafraC1_control_title {
        top: 80px
    }
}

@media screen and (max-width:1400px) {
    .puduafraC1 .puduafraC1_control_container .puduafraC1_control_title {
        top: 50px
    }
}

.puduafraC1 .puduafraC1_control_container .puduafraC1_control_progress_wrapper {
    width: 760px;
    position: absolute;
    top: 220px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99px
}

.puduafraC1 .puduafraC1_control_container .puduafraC1_control_progress_wrapper .puduafraC1_control_progress {
    width: 64px;
    height: 8px;
    background-color: #F5F6F7;
    margin-right: 10px;
    -webkit-transform: skew(-50deg);
    -ms-transform: skew(-50deg);
    transform: skew(-50deg);
    position: relative
}

.puduafraC1 .puduafraC1_control_container .puduafraC1_control_progress_wrapper .puduafraC1_control_progress .puduafraC1_current_progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ff0
}

@media screen and (max-width:1920px) {
    .puduafraC1 .puduafraC1_control_container .puduafraC1_control_progress_wrapper {
        top: 150px
    }
}

.puduafraC1 .puduafraC1_control_container .puduafraC1_control_animation {
    min-width: 1200px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.puduafraC1 .puduafraC1_common_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_video {
    width: 725px;
    height: 544px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
    border-radius: 32px
}

@media screen and (max-width:1400px) {
    .puduafraC1 .puduafraC1_control_container .puduafraC1_control_progress_wrapper {
        top: 125px
    }

    .puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_video,
    .puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_img img {
        height: calc(100vh - 100px)
    }
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 104px
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_main .puduafraC1_common_desc .puduafraC1_common_title span {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_main .puduafraC1_common_desc .puduafraC1_common_title span:first-child {
    color: #F3E500
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_main .puduafraC1_common_desc .puduafraC1_station_title sup {
    top: 2px;
    left: -7px
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_main .puduafraC1_common_desc p {
    width: 370px;
    margin-top: 24px;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    line-height: 32px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    text-align: justify
}

.puduafraC1 .puduafraC1_common_wrapper .puduafraC1_main .puduafraC1_common_main .puduafraC1_common_animation {
    width: 150px
}

.puduafraC1 .puduafraC1_structure {
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_desc .puduafraC1_structure_title {
    margin-top: 50px
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_desc .puduafraC1_structure_title span {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_desc .puduafraC1_structure_title span sup {
    top: 2px;
    left: 8px
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_desc .puduafraC1_structure_title span:first-child {
    color: #F3E500
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_desc p {
    width: 476px;
    margin-top: 24px;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    line-height: 32px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    text-align: justify
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_parts .puduafraC1_structure_parts_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_parts .puduafraC1_structure_parts_main .puduafraC1_structure_parts_img {
    width: 134px;
    height: 134px;
    background: #151515;
    border-radius: 20px;
    overflow: hidden
}

.puduafraC1 .puduafraC1_structure .puduafraC1_main .puduafraC1_structure_main .puduafraC1_structure_parts .puduafraC1_structure_parts_main p {
    font-size: 12px;
    color: #FFF;
    margin-top: 12px
}

.puduafraC1 .puduafraC1_app_container {
    height: 4000px;
    width: 100%;
    position: relative
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app {
    position: relative;
    width: 100%
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_title,
.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_digital_title {
    margin: auto;
    text-align: center;
    max-width: 1200px;
    position: absolute;
    top: 160px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_title p,
.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_digital_title p {
    margin: 16px auto auto;
    color: #757575;
    width: 800px
}

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

    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_title,
    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_digital_title {
        top: 60px
    }
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_digital_title {
    z-index: 2
}

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

    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_title,
    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_digital_title {
        top: 20px
    }
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate {
    width: 100%;
    height: 50vh;
    background: #F5F6F7;
    position: absolute;
    bottom: 0
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital {
    position: absolute;
    width: 1200px;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_app,
.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital {
    width: 287px;
    height: 545px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_app .bg,
.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital .bg {
    position: absolute;
    top: 0;
    left: 0
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_app .app_start,
.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital .app_start {
    position: absolute;
    top: 26px;
    left: 24px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_app .digital_h5,
.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital .digital_h5 {
    position: absolute;
    top: 22px;
    left: 21px
}

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

    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_app,
    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
}

@media screen and (max-height:715px) {

    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_app,
    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital {
    opacity: 0
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .digital_pc {
    min-width: 859px;
    position: absolute;
    top: 62%;
    opacity: 0
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .digital_pc img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

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

    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital,
    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .digital_pc {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
}

@media screen and (max-height:715px) {

    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .box_digital,
    .puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_digital .digital_pc {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main {
    position: relative;
    height: 100%;
    overflow: hidden
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img {
    position: absolute;
    opacity: 0
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(1) {
    left: 0;
    top: 30px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(2) {
    left: 236px;
    top: 30px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(3) {
    right: 236px;
    top: 30px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(4) {
    right: 0;
    top: 30px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(5) {
    left: 0;
    top: 300px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(6) {
    left: 236px;
    top: 279px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(7) {
    right: 236px;
    top: 330px
}

.puduafraC1 .puduafraC1_app_container .puduafraC1_app .puduafraC1_app_operate .puduafraC1_main img:nth-child(8) {
    right: 0;
    top: 279px
}

.puduafraC1 .puduafraC1_scenario_container {
    width: 100%;
    height: 2680px
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .puduafraC1_main {
    margin: unset
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .puduafraC1_main h1 {
    font-size: 54px;
    font-weight: 700;
    color: #333;
    line-height: 1.5
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .scenario_imgs_wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 64px
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .scenario_imgs_wrapper .img_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 400px;
    margin-right: 56px
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .scenario_imgs_wrapper .img_wrapper .scenario_imgs {
    width: 400px;
    height: 400px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 32px;
    overflow: hidden
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .scenario_imgs_wrapper .img_wrapper .scenario_imgs img {
    width: 100%;
    height: 100%
}

.puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main .scenario_imgs_wrapper .img_wrapper .puduafraC1_scenario_title {
    margin-top: 20px;
    text-align: center;
    font-size: 24px
}

@media screen and (max-width:1400px) {
    .puduafraC1 .puduafraC1_scenario_container .puduafraC1_scenario_main {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

.puduafraC1 .puduafraC1_parameters {
    padding: 100px 0;
    background: #F5F6F7
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main .puduafraC1_parameters_robot img {
    width: 100%;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main .puduafraC1_parameters_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main .puduafraC1_parameters_details ul li {
    width: 100%;
    margin-top: 24px;
    text-align: center;
    font-size: 18px;
    color: #808A9A;
    line-height: 1.3;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main .puduafraC1_parameters_details ul li>div:first-child {
    text-align: left;
    width: 200px
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main .puduafraC1_parameters_details ul li>div:last-child {
    text-align: left
}

.puduafraC1 .puduafraC1_parameters .puduafraC1_main .puduafraC1_parameters_details ul>li:first-child {
    margin-top: 0
}

.puduafraC1 .puduafraC1_parameters .buy_btn {
    display: block;
    width: 300px;
    height: 68px;
    background: #0072ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 68px;
    margin: 50px auto 0
}

.puduafraC1 .puduafraC1_parameters .buy_btn .btn {
    width: 100%;
    height: 100%
}

.puduafraC1 .puduafra_prompt {
    width: 100%;
    background: #1B1C1F
}

.puduafraC1 .puduafra_prompt .section_main {
    width: 1200px;
    margin: 55px auto
}

.puduafraC1 .puduafra_prompt .section_main h3 {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #9EA6B4;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 0
}

.puduafraC1 .puduafra_prompt .section_main p {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #9EA6B4;
    line-height: 1.5;
    text-align: left
}

.puductor {
    float: left;
    width: 100%;
    text-align: center
}

.puductor .puductor_banner {
    background-color: #000;
    width: 100%;
    height: 960px;
    text-align: left
}

.puductor .puductor_banner .puductor_banner_light {
    z-index: 3;
    
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.puductor .puductor_banner .puductor_banner_main {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1180px;
    margin: auto
}

.puductor .puductor_banner .puductor_banner_main .puductor_banner_puductor {
    width: 806px;
    position: absolute;
    top: 314px;
    left: 0;
    z-index: 2;
    -webkit-animation-name: fadeInY_keyframes_28332866;
    animation-name: fadeInY_keyframes_28332866;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_28332866 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_28332866 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_banner .puductor_banner_main .puductor_banner_puductor2 {
    width: 770px;
    position: absolute;
    top: 314px;
    left: 0;
    z-index: 2;
    -webkit-animation-name: fadeInY_keyframes_9494518;
    animation-name: fadeInY_keyframes_9494518;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_9494518 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_9494518 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_banner .puductor_banner_main .puductor_banner_two {
    width: 350px;
    position: absolute;
    left: 525px;
    top: 160px;
    -webkit-animation-name: timeimg;
    animation-name: timeimg;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes timeimg {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes timeimg {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.puductor .puductor_banner .puductor_banner_main .puductor_banner_bot {
    width: 318px;
    position: absolute;
    left: 830px;
    top: 60px
}

.puductor .puductor_banner .puductor_banner_main .puductor_banner_tip {
    width: 500px;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFF;
    line-height: 42px;
    display: block;
    position: absolute;
    top: 550px;
    -webkit-animation-name: fadeInY_keyframes_80390732;
    animation-name: fadeInY_keyframes_80390732;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_80390732 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_80390732 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_covid {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px
}

.puductor .puductor_covid .puductor_covid_item {
    background: #F3F3F3;
    padding-top: 140px
}

.puductor .puductor_covid .puductor_covid_item .puductor_covid_item_tip {
    margin: auto auto 140px;
    width: 100%;
    max-width: 1160px;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #1D1D1F;
    line-height: 1.4;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_29463445;
    animation-name: fadeInY_keyframes_29463445;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_29463445 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_29463445 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_covid .puductor_covid_item div {
    width: 100%;
    height: 293px;
    position: relative
}

.puductor .puductor_covid .puductor_covid_item div .puductor_covid_item_video {
    width: 520px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.puductor .puductor_feature {
    width: 100%;
    padding-bottom: 200px
}

.puductor .puductor_feature .puductor_feature_text {
    width: 1180px;
    text-align: left
}

.puductor .puductor_feature .puductor_feature_text h1 {
    width: 600px;
    height: 80px;
    font-size: 80px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #e0e0e0;
    line-height: 80px;
    margin-top: 200px;
    margin-bottom: 100px;
    -webkit-animation-name: fadeInY_keyframes_97565454;
    animation-name: fadeInY_keyframes_97565454;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_97565454 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_97565454 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_feature .puductor_feature_text .puductor_feature_item {
    width: 100%
}

.puductor .puductor_feature .puductor_feature_text .puductor_feature_item li {
    display: inline-block;
    width: 290px;
    height: 200px;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-animation-name: fadeInY_keyframes_5857435;
    animation-name: fadeInY_keyframes_5857435;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_5857435 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_5857435 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_feature .puductor_feature_text .puductor_feature_item li p {
    width: 210px
}

.puductor .puductor_feature .puductor_feature_text .puductor_feature_item .feature_svg {
    width: 53px;
    margin-bottom: 20px
}

.puductor .puductor_drymist {
    width: 100%;
    background-color: #000
}

.puductor .puductor_drymist .puductor_drymist_content1 {
    width: 100%
}

.puductor .puductor_drymist .puductor_drymist_content1 .content_top {
    position: relative
}

.puductor .puductor_drymist .puductor_drymist_content1 .content_top .puductor_drymist_content_video {
    width: 80%;
    float: right
}

.puductor .puductor_drymist .puductor_drymist_content1 .content_top div {
    width: 1180px;
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    margin: auto
}

.puductor .puductor_drymist .puductor_drymist_content1 .content_top div .puductor_drymist_content_title {
    width: 443px;
    font-size: 80px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #FFF;
    line-height: 1.1;
    text-align: left;
    -webkit-animation-name: fadeInY_keyframes_73229717;
    animation-name: fadeInY_keyframes_73229717;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_73229717 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_73229717 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content1 .content_top div .title_jp {
    width: 500px
}

.puductor .puductor_drymist .puductor_drymist_content1 .content_top div .title_ru {
    width: 720px
}

.puductor .puductor_drymist .puductor_drymist_content2 {
    width: 1180px;
    background-color: #121212;
    text-align: left;
    margin-bottom: 20px
}

.puductor .puductor_drymist .puductor_drymist_content2 div {
    width: 590px;
    float: left
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent {
    list-style: none;
    font-family: PingFang SC;
    width: 470px;
    margin: 0;
    padding: 60px
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent li {
    overflow: hidden
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent .pdc2_number {
    font-size: 110px;
    color: #2FE5A3;
    font-weight: 700;
    line-height: 110px
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent .pdc2_unit {
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    line-height: 64px;
    -webkit-animation-name: fadeInY_keyframes_67088917;
    animation-name: fadeInY_keyframes_67088917;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_67088917 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_67088917 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent .pdc2_text1 {
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    -webkit-animation-name: fadeInY_keyframes_37386316;
    animation-name: fadeInY_keyframes_37386316;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_37386316 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_37386316 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent .pdc2_text2 {
    margin-top: 50px;
    width: 470px
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent .pdc2_text2 p {
    font-size: 22px;
    color: #7F7F7F;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_40786956;
    animation-name: fadeInY_keyframes_40786956;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_40786956 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_40786956 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent .pdc2_text2 .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_drymist .puductor_drymist_content2 div .pdc2_textcontent hr {
    border: none;
    height: 1px;
    background: grey;
    margin-top: 15px;
    -webkit-animation-name: fadeInY_keyframes_48457334;
    animation-name: fadeInY_keyframes_48457334;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_48457334 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_48457334 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content3 {
    background-color: #121212;
    text-align: center;
    height: 460px;
    width: 1180px;
    overflow: hidden;
    vertical-align: bottom;
    margin-bottom: 20px;
    position: relative
}

.puductor .puductor_drymist .puductor_drymist_content3 .pdc3_img {
    width: 682px;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto
}

.puductor .puductor_drymist .puductor_drymist_content4 {
    width: 1180px;
    text-align: left;
    margin-bottom: 200px
}

.puductor .puductor_drymist .puductor_drymist_content4 div {
    width: 580px;
    float: left;
    background-color: #121212
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent {
    list-style: none;
    font-family: PingFang SC;
    width: 460px;
    min-height: 350px;
    margin: 0;
    padding: 60px
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent li {
    overflow: hidden
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent .pdc2_number {
    font-size: 110px;
    color: #2FE5A3;
    font-weight: 700;
    line-height: 110px
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent .pdc2_unit {
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    line-height: 64px;
    -webkit-animation-name: fadeInY_keyframes_41572635;
    animation-name: fadeInY_keyframes_41572635;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_41572635 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_41572635 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent .pdc2_text1 {
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    line-height: 27px;
    -webkit-animation-name: fadeInY_keyframes_29151145;
    animation-name: fadeInY_keyframes_29151145;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_29151145 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_29151145 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent .pdc2_text2 {
    margin-top: 50px;
    width: 460px;
    word-break: break-all
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent .pdc2_text2 p {
    font-size: 22px;
    color: #7F7F7F;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_28288979;
    animation-name: fadeInY_keyframes_28288979;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_28288979 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_28288979 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent .pdc2_text2 .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_drymist .puductor_drymist_content4 div .pdc2_textcontent hr {
    border: none;
    height: 1px;
    background: grey;
    margin-top: 15px;
    -webkit-animation-name: fadeInY_keyframes_91532304;
    animation-name: fadeInY_keyframes_91532304;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_91532304 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_91532304 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt {
    width: 580px;
    height: 100%;
    float: left;
    margin-left: 20px;
    position: relative;
    overflow: hidden
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .lbt-swiper-container {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .lbt-swiper-container .swiper-slide,
.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .lbt-swiper-container .swiper-slide img {
    width: 100%
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_tag {
    width: 200px;
    height: 15px;
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 5
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_tag li {
    float: left;
    width: 40px;
    height: 20px;
    margin: 0 2px;
    vertical-align: middle;
    cursor: pointer
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_tag li .li_style {
    display: inline-block;
    width: 40px;
    height: 6px;
    background-color: #FFF;
    margin-top: 7px;
    opacity: .5
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_tag li .li_active {
    background-color: #2FE5A3;
    opacity: 1
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_textlist {
    width: 100px;
    height: 20px;
    position: absolute;
    left: 40px;
    bottom: 60px;
    z-index: 5
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_textlist .pdc4_lbt_text {
    width: 100%;
    font-size: 20px;
    position: relative;
    list-style: none;
    font-family: PingFang SC;
    font-weight: 700;
    color: #FFF;
    line-height: 20px
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_textlist .pdc4_lbt_text li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px
}

.puductor .puductor_drymist .puductor_drymist_content4 .pdc4_lbt .pdc4_lbt_textlist .pdc4_lbt_text_other li {
    width: 180px
}

.puductor .puductor_ucd {
    width: 100%;
    background: #000
}

.puductor .puductor_ucd .puductor_ucd_content {
    width: 1180px;
    margin: 180px auto
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text {
    width: 600px;
    height: 900px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFang SC;
    float: left;
    text-align: left
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text1box {
    margin-top: 60px;
    margin-bottom: 150px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text1box .pd_ucd_text1 {
    font-size: 80px;
    color: #FFF;
    font-weight: 700;
    line-height: 1.2;
    -webkit-animation-name: fadeInY_keyframes_12926230;
    animation-name: fadeInY_keyframes_12926230;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_12926230 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_12926230 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text1box .pd_ucd_text1_ru {
    font-size: 66px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text1box_sl {
    margin-bottom: 56px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text1box_pl {
    margin-top: 0;
    margin-bottom: 56px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text2 {
    font-size: 32px;
    color: #FFF;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 40px;
    -webkit-animation-name: fadeInY_keyframes_35443198;
    animation-name: fadeInY_keyframes_35443198;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_35443198 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_35443198 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text2_es {
    margin-top: -50px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text2_ru {
    margin-top: -90px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text2_ru_2 {
    margin-top: -30px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text3 {
    font-size: 24px;
    color: grey;
    line-height: 30px;
    margin-bottom: 80px;
    -webkit-animation-name: fadeInY_keyframes_91096342;
    animation-name: fadeInY_keyframes_91096342;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_91096342 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_91096342 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text3 span {
    width: 100%;
    display: block
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .pd_ucd_text3_pl {
    margin-bottom: 50px
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_text .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_video {
    width: 580px;
    height: 900px;
    float: left
}

.puductor .puductor_ucd .puductor_ucd_content .puductor_ucd_video video {
    width: 100%;
    height: 100%
}

.puductor .puductor_disinfectiontime {
    width: 100%;
    background: #000
}

.puductor .puductor_disinfectiontime .puductor_dtime {
    width: 1320px;
    margin: 200px auto
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top {
    width: 100%;
    height: 600px;
    position: relative;
    font-family: PingFang SC;
    background: #121212;
    text-align: left
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top h1 {
    width: 710px;
    font-size: 80px;
    color: #FFF;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 80px;
    -webkit-animation-name: fadeInY_keyframes_61606839;
    animation-name: fadeInY_keyframes_61606839;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_61606839 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_61606839 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top .top_h1_es {
    margin-top: -45px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top p {
    width: 505px;
    font-size: 24px;
    color: #FFF;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_12994303;
    animation-name: fadeInY_keyframes_12994303;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_12994303 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_12994303 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top .top_p_ru {
    margin-top: -40px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top img {
    width: 780px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation-name: timeimg;
    animation-name: timeimg;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes timeimg {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_top div {
    width: 1180px;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom {
    width: 100%;
    margin-top: 40px;
    overflow: hidden
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_left {
    width: 640px;
    height: 860px;
    background: #121212;
    float: left;
    position: relative
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_left img {
    width: 450px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 80px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right {
    width: 640px;
    height: 860px;
    background: #121212;
    font-family: PingFang SC;
    float: right;
    text-align: left;
    padding: 75px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right .h1_style1 {
    width: 400px;
    font-size: 80px;
    color: #FFF;
    font-weight: 700;
    line-height: 80px;
    margin-bottom: 10px;
    -webkit-animation-name: fadeInY_keyframes_37113396;
    animation-name: fadeInY_keyframes_37113396;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_37113396 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_37113396 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right .h1_style2 {
    width: 400px;
    font-size: 76px;
    color: #7F7F7F;
    font-weight: 700;
    line-height: 80px;
    margin-bottom: 160px;
    -webkit-animation-name: fadeInY_keyframes_82615466;
    animation-name: fadeInY_keyframes_82615466;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_82615466 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_82615466 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right div p {
    width: 518px;
    font-size: 24px;
    color: #FFF;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_37614796;
    animation-name: fadeInY_keyframes_37614796;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_37614796 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_37614796 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right div .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_jp .h1_style2 {
    width: 550px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_es .h1_style1,
.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_es .h1_style2 {
    width: 580px;
    font-size: 64px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_es div p {
    width: 580px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_es div p:first-child {
    margin-top: -100px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_ru .h1_style1,
.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_ru .h1_style2 {
    width: 580px;
    font-size: 62px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_ru .h1_style1 {
    margin-top: -40px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_ru div p {
    width: 580px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_ru div p:first-child {
    margin-top: -120px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_nl .h1_style1,
.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_nl .h1_style2 {
    width: 580px;
    font-size: 51px;
    margin-top: -20px
}

.puductor .puductor_disinfectiontime .puductor_dtime .pd_dtime_bottom .pddt_btm_right_nl div p {
    width: 580px
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion {
    width: 100%;
    height: 809px;
    margin-top: 40px;
    font-family: PingFang SC;
    background: #121212
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_top {
    padding-top: 100px
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_top h1 {
    width: 1168px;
    margin: 0 auto;
    text-align: left;
    text-indent: -16px;
    font-size: 80px;
    color: #FFF;
    font-weight: 700;
    line-height: 80px;
    -webkit-animation-name: fadeInY_keyframes_2444222;
    animation-name: fadeInY_keyframes_2444222;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_2444222 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_2444222 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_top p {
    width: 1168px;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFF;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_79673984;
    animation-name: fadeInY_keyframes_79673984;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-align: left;
    margin: 64px
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_text div p,
.puductor .puductor_loT .puductor_loT_content .pd_loT_top h1 {
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    font-family: PingFang SC
}

@-webkit-keyframes fadeInY_keyframes_79673984 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_79673984 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_bottom {
    overflow: hidden
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_bottom .motion_bottom_left {
    float: left;
    width: 400px;
    height: 400px;
    background: #000;
    margin-left: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_bottom .motion_bottom_left img {
    width: 362px
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_bottom .motion_bottom_right {
    float: left;
    width: 743px;
    height: 400px;
    margin-left: 37px
}

.puductor .puductor_disinfectiontime .puductor_dtime .motion .motion_bottom .motion_bottom_right video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.puductor .puductor_loT {
    width: 100%;
    padding: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.puductor .puductor_loT .puductor_loT_content {
    background: #000;
    padding-top: 140px;
    padding-bottom: 140px
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_top {
    width: 1180px;
    margin: auto;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_top h1 {
    width: 488px;
    font-size: 80px;
    font-weight: 700;
    color: #FFF;
    line-height: 1.2;
    -webkit-animation-name: fadeInY_keyframes_63318936;
    animation-name: fadeInY_keyframes_63318936;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_63318936 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_63318936 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_top .pdcloud_jp {
    width: 600px
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_text {
    width: 100%;
    min-width: 1040px;
    max-width: 1350px;
    margin: auto;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_text div {
    width: 50%;
    float: left
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_text div p {
    margin: auto;
    width: 499px;
    font-size: 24px;
    color: #F8F8F8;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_78241617;
    animation-name: fadeInY_keyframes_78241617;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_78241617 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_78241617 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_loT .puductor_loT_content .pd_loT_text div .pdloT_lasttext {
    margin-left: 35px
}

.puductor .puductor_loT .puductor_loT_content img {
    width: 1180px;
    margin: 66px auto
}

.puductor .puductor_slam_bg,
.puductor .puductor_slam_bg img {
    width: 100%
}

.puductor .puductor_technology {
    width: 100%;
    height: 730px
}

.puductor .puductor_technology .puductor_technology_content {
    width: 1320px;
    margin: -150px auto auto
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card {
    width: 650px;
    height: 680px;
    float: left;
    position: relative;
    background: #F3F3F3
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card .pdtc_activebg {
    width: 0;
    height: 680px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card .pdtc_model1 {
    z-index: 3;
    width: 510px;
    color: #1D1D1F
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card .pdtc_model2 {
    z-index: 5;
    width: 0;
    overflow: hidden;
    color: #2FE5A3
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card .pdtc_content {
    margin: 80px 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    font-family: PingFang SC;
    font-weight: 700
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card .pdtc_content h1 {
    width: 510px;
    height: 240px;
    font-size: 80px;
    line-height: 1.2;
    margin-bottom: 115px;
    -webkit-animation-name: fadeInY_keyframes_19953579;
    animation-name: fadeInY_keyframes_19953579;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_19953579 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_19953579 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card .pdtc_content p {
    width: 530px;
    font-size: 24px;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_69135376;
    animation-name: fadeInY_keyframes_69135376;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_69135376 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_69135376 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card:last-child {
    margin-left: 20px
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card_es,
.puductor .puductor_technology .puductor_technology_content .pdtc_card_es .pdtc_activebg {
    height: 800px
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card_es .pdtc_content h1 {
    width: 510px;
    height: 300px;
    line-height: 50px;
    margin-bottom: 115px;
    -webkit-animation-name: fadeInY_keyframes_5355529;
    animation-name: fadeInY_keyframes_5355529;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_5355529 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_5355529 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card_es .pdtc_content p {
    width: 530px;
    font-size: 24px;
    line-height: 30px;
    -webkit-animation-name: fadeInY_keyframes_6311827;
    animation-name: fadeInY_keyframes_6311827;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_6311827 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_6311827 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card_ru,
.puductor .puductor_technology .puductor_technology_content .pdtc_card_ru .pdtc_activebg {
    height: 700px
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card_ru .pdtc_content h1 {
    height: 200px;
    font-size: 58px
}

.puductor .puductor_technology .puductor_technology_content .pdtc_card_de .pdtc_content h1 {
    font-size: 46px
}

.puductor .puductor_customer {
    width: 100%;
    background: #F3F3F3
}

.puductor .puductor_customer .puductor_customer_content {
    width: 1180px;
    text-align: left;
    padding: 200px 0
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_title {
    font-size: 80px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #1D1D1F;
    line-height: 80px;
    margin-bottom: 100px;
    -webkit-animation-name: fadeInY_keyframes_9639919;
    animation-name: fadeInY_keyframes_9639919;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_9639919 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_9639919 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card {
    text-align: left;
    background-color: #FFF
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_top {
    position: relative;
    overflow: hidden;
    width: 100%
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_top div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_top div h1 {
    font-family: PingFang SC;
    font-weight: 700;
    color: #FFF;
    width: 90%;
    -webkit-animation-name: fadeInY_keyframes_90590773;
    animation-name: fadeInY_keyframes_90590773;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_90590773 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_90590773 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_top img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_bottom {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_bottom h1 {
    font-family: PingFang SC;
    font-weight: 700;
    color: #1D1D1F;
    -webkit-animation-name: fadeInY_keyframes_62590146;
    animation-name: fadeInY_keyframes_62590146;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_62590146 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_62590146 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_card .content_bottom p {
    font-family: PingFang SC;
    color: grey;
    -webkit-animation-name: fadeInY_keyframes_29033042;
    animation-name: fadeInY_keyframes_29033042;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_29033042 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_29033042 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_customer .puductor_customer_content .content_style1 {
    width: 100%
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_top {
    height: 590px
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_top div {
    padding-left: 60px;
    padding-top: 180px
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_top div h1 {
    font-size: 64px;
    line-height: 1.1
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_bottom {
    width: 100%;
    padding: 60px
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_bottom h1 {
    width: 100%;
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 40px
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_bottom p {
    width: 100%;
    font-size: 18px;
    line-height: 27px
}

.puductor .puductor_customer .puductor_customer_content .content_style1 .content_bottom .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box {
    width: 100%;
    overflow: hidden;
    margin-top: 60px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 {
    width: 588px;
    float: left;
    margin: auto 1px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_top {
    height: 380px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_top div {
    padding-left: 60px;
    padding-top: 100px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_top div h1 {
    font-size: 32px;
    line-height: 1.1
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_bottom {
    width: 100%;
    height: 300px;
    padding: 60px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_bottom h1 {
    width: 100%;
    height: 60px;
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 40px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_bottom .h1_ae {
    height: 100px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_bottom .h1_fr {
    line-height: 40px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_bottom p {
    width: 100%;
    font-size: 18px;
    line-height: 24px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style2 .content_bottom .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 {
    width: 391px;
    float: left;
    margin: auto 1px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 .content_top {
    height: 380px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 .content_top div h1 {
    position: absolute;
    left: 40px;
    bottom: 40px;
    font-size: 32px;
    line-height: 1.1
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 .content_bottom {
    width: 100%;
    padding: 30px 40px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 .content_bottom h1 {
    width: 100%;
    height: 50px;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 26px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 .content_bottom p {
    width: 100%;
    font-size: 18px;
    line-height: 24px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box .content_style3 .content_bottom .zh_fontstyle {
    line-height: 1.4
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box_ru .content_style2 .content_bottom h1 {
    height: 100px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box_ru .content_style2 .content_bottom {
    height: 330px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box_gr .content_style2 .content_bottom h1,
.puductor .puductor_customer .puductor_customer_content .pd_cus_box_ru .content_style3 .content_bottom h1 {
    height: 120px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box_gr .content_style2 .content_bottom {
    height: 380px
}

.puductor .puductor_customer .puductor_customer_content .pd_cus_box_gr .content_style3 .content_bottom h1 {
    height: 90px
}

.puductor .puductor_workflow {
    width: 100%
}

.puductor .puductor_workflow .puductor_workflow_content {
    width: 100%;
    min-width: 1180px;
    text-align: left
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_title {
    width: 1180px;
    font-size: 80px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #e0e0e0;
    line-height: 80px;
    margin: 200px auto 80px;
    -webkit-animation-name: fadeInY_keyframes_55671397;
    animation-name: fadeInY_keyframes_55671397;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInY_keyframes_55671397 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInY_keyframes_55671397 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt {
    width: 100%;
    min-width: 1180px;
    height: 680px
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt {
    width: 100%;
    height: 680px;
    position: relative;
    overflow: hidden
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_bg {
    width: 1180px;
    height: 680px;
    margin: auto;
    position: relative;
    background: #000
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_bg .pdwf_lbt_tag {
    width: 88px;
    height: 20px;
    position: absolute;
    left: 60px;
    top: 614px;
    list-style: none;
    z-index: 3
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_bg .pdwf_lbt_tag li {
    width: 40px;
    height: 20px;
    margin: auto 2px;
    float: left;
    cursor: pointer
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_bg .pdwf_lbt_tag li span {
    display: inline-block;
    width: 100%;
    height: 6px;
    background: #FFF;
    opacity: .5
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_bg .pdwf_lbt_tag li .tag_active {
    opacity: 1;
    background: #2FE5A3
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_bg .pdwf_lbt_text {
    font-size: 64px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #2FE5A3;
    line-height: 64px;
    position: absolute;
    left: 60px;
    top: 546px
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_img {
    width: 200%;
    height: 496px;
    position: absolute;
    left: 0;
    top: 55px;
    list-style: none;
    z-index: 2
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_img li {
    float: left;
    width: 50%;
    height: 496px
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_lbt .pdwf_lbt .pdwf_lbt_img li img {
    width: 1120px;
    display: block;
    margin: auto
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_text {
    width: 1180px;
    height: 400px;
    position: relative;
    overflow: hidden;
    margin: auto auto 80px
}

.puductor .puductor_workflow .puductor_workflow_content .pd_workflow_text p {
    width: 1060px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #e0e0e0;
    line-height: 36px;
    position: absolute;
    left: 60px;
    top: 60px
}

.puductor .puductor_workflow .puductor_workflow_content .text_hide {
    opacity: 0
}

.puductor .puductor_Specifications {
    width: 100%;
    background: #101010
}

.puductor .puductor_Specifications .puductor_specifications_content {
    width: 1180px;
    overflow: hidden;
    margin-top: 200px
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_img {
    width: 30%;
    float: left;
    padding-top: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_text {
    width: 60%;
    text-align: left;
    float: right;
    margin-bottom: 100px
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_text th {
    height: 75px;
    font-size: 80px;
    font-family: PingFang SC;
    color: #FFF;
    line-height: 80px;
    padding-bottom: 120px
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_text td {
    vertical-align: top
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_text .table_left {
    height: 52px;
    width: 200px;
    font-size: 18px;
    font-family: PingFang SC;
    color: #FFF;
    line-height: 24px;
    padding-right: 60px
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_text .table_right {
    width: 441px;
    font-size: 18px;
    font-family: PingFang SC;
    color: #FFF;
    line-height: 24px
}

.puductor .puductor_Specifications .puductor_specifications_content .pdsc_text .table_items {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.puductor .puductor_Specifications .pdsc_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 100px
}

.puductor .puductor_Specifications .pdsc_btn button {
    width: 300px;
    height: 68px;
    text-decoration: none;
    line-height: 68px;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 4px
}

.puductor .puductor_Specifications .pdsc_btn button:hover {
    background-color: #005ad6
}

.puductor .puductor_Specifications .pdsc_btn a {
    display: block;
    margin: auto;
    width: 300px;
    height: 68px;
    text-decoration: none;
    font-size: 22px;
    font-family: PingFang SC;
    color: #FFF;
    line-height: 68px;
    background-color: #0072FF;
    border-radius: 4px
}

.puductor .puductor_prompt .section_main h3,
.puductor .puductor_prompt .section_main p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #969696;
    line-height: 1.5;
    text-align: left;
    font-size: 12px
}

.puductor .puductor_prompt {
    width: 100%;
    background: #333
}

.puductor .puductor_prompt .section_main {
    width: 1200px;
    margin: 55px auto
}

.puductor .puductor_prompt .section_main h3 {
    width: 100%;
    margin: 0
}

.puductor .puductor_prompt .section_main p {
    width: 100%
}

.puductor_ae,
.puductor_ae .puductor_Specifications .section_main,
.puductor_ae .puductor_Specifications .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_Specifications .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_Specifications .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_Specifications .section_main .pd_loT_text div p,
.puductor_ae .puductor_Specifications .section_main .pdsc_text tr td span,
.puductor_ae .puductor_Specifications .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_Specifications .section_main .puductor_ucd_text,
.puductor_ae .puductor_customer .section_main,
.puductor_ae .puductor_customer .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_customer .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_customer .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_customer .section_main .pd_loT_text div p,
.puductor_ae .puductor_customer .section_main .pdsc_text tr td span,
.puductor_ae .puductor_customer .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_customer .section_main .puductor_ucd_text,
.puductor_ae .puductor_disinfectiontime .section_main,
.puductor_ae .puductor_disinfectiontime .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_disinfectiontime .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_disinfectiontime .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_disinfectiontime .section_main .pd_loT_text div p,
.puductor_ae .puductor_disinfectiontime .section_main .pdsc_text tr td span,
.puductor_ae .puductor_disinfectiontime .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_disinfectiontime .section_main .puductor_ucd_text,
.puductor_ae .puductor_drymist .section_main,
.puductor_ae .puductor_drymist .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_drymist .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_drymist .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_drymist .section_main .pd_loT_text div p,
.puductor_ae .puductor_drymist .section_main .pdsc_text tr td span,
.puductor_ae .puductor_drymist .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_drymist .section_main .puductor_ucd_text,
.puductor_ae .puductor_feature .puductor_feature_text,
.puductor_ae .puductor_feature .section_main,
.puductor_ae .puductor_feature .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_feature .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_feature .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_feature .section_main .pd_loT_text div p,
.puductor_ae .puductor_feature .section_main .pdsc_text tr td span,
.puductor_ae .puductor_feature .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_feature .section_main .puductor_ucd_text,
.puductor_ae .puductor_loT .section_main,
.puductor_ae .puductor_loT .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_loT .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_loT .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_loT .section_main .pd_loT_text div p,
.puductor_ae .puductor_loT .section_main .pdsc_text tr td span,
.puductor_ae .puductor_loT .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_loT .section_main .puductor_ucd_text,
.puductor_ae .puductor_prompt .section_main,
.puductor_ae .puductor_prompt .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_prompt .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_prompt .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_prompt .section_main .pd_loT_text div p,
.puductor_ae .puductor_prompt .section_main .pdsc_text tr td span,
.puductor_ae .puductor_prompt .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_prompt .section_main .puductor_ucd_text,
.puductor_ae .puductor_technology .section_main,
.puductor_ae .puductor_technology .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_technology .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_technology .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_technology .section_main .pd_loT_text div p,
.puductor_ae .puductor_technology .section_main .pdsc_text tr td span,
.puductor_ae .puductor_technology .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_technology .section_main .puductor_ucd_text,
.puductor_ae .puductor_ucd .section_main,
.puductor_ae .puductor_ucd .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_ucd .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_ucd .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_ucd .section_main .pd_loT_text div p,
.puductor_ae .puductor_ucd .section_main .pdsc_text tr td span,
.puductor_ae .puductor_ucd .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_ucd .section_main .puductor_ucd_text,
.puductor_ae .puductor_workflow .section_main,
.puductor_ae .puductor_workflow .section_main .pd_cus_card .content_bottom,
.puductor_ae .puductor_workflow .section_main .pd_cus_card .content_top,
.puductor_ae .puductor_workflow .section_main .pd_dtime_bottom .pddt_btm_right,
.puductor_ae .puductor_workflow .section_main .pd_loT_text div p,
.puductor_ae .puductor_workflow .section_main .pdsc_text tr td span,
.puductor_ae .puductor_workflow .section_main .pdtc_card .pdtc_content,
.puductor_ae .puductor_workflow .section_main .puductor_ucd_text {
    text-align: right
}

.puductor_ae .puductor_banner_main .puductor_banner_tip {
    left: 0
}

.puductor_ae .puductor_Specifications .section_main .pd_dtime_top div,
.puductor_ae .puductor_customer .section_main .pd_dtime_top div,
.puductor_ae .puductor_disinfectiontime .section_main .pd_dtime_top div,
.puductor_ae .puductor_drymist .section_main .pd_dtime_top div,
.puductor_ae .puductor_feature .section_main .pd_dtime_top div,
.puductor_ae .puductor_loT .section_main .pd_dtime_top div,
.puductor_ae .puductor_prompt .section_main .pd_dtime_top div,
.puductor_ae .puductor_technology .section_main .pd_dtime_top div,
.puductor_ae .puductor_ucd .section_main .pd_dtime_top div,
.puductor_ae .puductor_workflow .section_main .pd_dtime_top div {
    text-align: right;
    margin-right: 650px
}

.puductor_ae .puductor_Specifications .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_Specifications .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_customer .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_customer .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_disinfectiontime .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_disinfectiontime .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_drymist .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_drymist .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_feature .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_feature .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_loT .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_loT .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_prompt .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_prompt .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_technology .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_technology .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_ucd .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_ucd .section_main .pdtc_card .pdtc_model2 p,
.puductor_ae .puductor_workflow .section_main .pdtc_card .pdtc_model2 h1,
.puductor_ae .puductor_workflow .section_main .pdtc_card .pdtc_model2 p {
    margin-right: 139px
}

.puductor_ae .puductor_Specifications .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_customer .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_disinfectiontime .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_drymist .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_feature .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_loT .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_prompt .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_technology .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_ucd .section_main .pd_cus_card .content_top div h1,
.puductor_ae .puductor_workflow .section_main .pd_cus_card .content_top div h1 {
    margin-right: 20px
}

.puductor_ae .puductor_Specifications .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_customer .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_disinfectiontime .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_drymist .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_feature .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_loT .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_prompt .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_technology .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_ucd .section_main .content_style3 .content_top div h1,
.puductor_ae .puductor_workflow .section_main .content_style3 .content_top div h1 {
    margin-left: -20px
}

.puductor_ae .puductor_Specifications .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_customer .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_disinfectiontime .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_drymist .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_feature .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_loT .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_prompt .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_technology .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_ucd .section_main .pdsc_text tr .table_right .table_items,
.puductor_ae .puductor_workflow .section_main .pdsc_text tr .table_right .table_items {
    margin-right: 100px
}

.puductor_ae .puductor_loT .puductor_loT_content img {
    margin-right: 260px
}

.puductor_ae .puductor_drymist .puductor_drymist_content1 .content_top div .puductor_drymist_content_title {
    text-align: left;
    margin-right: 450px
}

.puductor_ae .puductor_prompt .section_main h3,
.puductor_ae .puductor_prompt .section_main p {
    text-align: right
}

.project {
    font-family: "Microsoft YaHei"
}

.project img {
    display: block;
    width: 100%
}

.project .antidisease {
    position: relative;
    display: block;
    width: 100%;
    height: 4600px;
    background-color: #2565DE
}

.project .antidisease .antidisease_banner {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1
}

.project .antidisease .antidisease_main {
    position: absolute;
    width: 100%;
    left: 0;
    top: 370px;
    z-index: 2
}

.project .antidisease .antidisease_main .antidisease_desc {
    width: 552px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 30px
}

.project .antidisease .antidisease_main h1 {
    text-align: center;
    margin-top: 65px;
    color: #FEFEFF;
    font-size: 42px;
    height: 42px;
    line-height: 42px;
    font-weight: 700
}

.project .antidisease .antidisease_main .antidisease_content {
    margin: 32px auto 100px;
    width: 1200px;
    background-color: #F0F0F0;
    overflow: hidden
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total {
    position: relative;
    margin: 28px 122px 120px;
    font-size: 24px;
    line-height: 60px;
    color: #111;
    font-weight: 400;
    overflow: hidden
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li {
    position: relative;
    float: left;
    margin-top: 60px;
    min-width: 460px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span {
    float: left;
    height: 52px;
    line-height: 80px;
    text-align: left
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span:first-child {
    padding-left: 34px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span.antidisease_total_number {
    line-height: 52px;
    padding-left: 23px;
    padding-right: 16px;
    font-size: 64px;
    font-weight: 700
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span.antidisease_total_robot {
    color: #2565DE
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span.antidisease_total_hospital {
    color: #E74F73
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span.antidisease_total_isolation {
    color: #CAAF84
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li>span.antidisease_total_delivery {
    color: #84CC7A
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_total li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #2565DE
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_title {
    position: relative;
    float: left;
    width: 100%;
    color: #2565DE;
    text-align: center;
    margin-bottom: 36px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 6px;
    background-color: #2565DE
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_title h2 {
    margin-top: 30px;
    margin-bottom: 22px;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    font-weight: 700
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_title>p {
    font-size: 18px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_media {
    width: 1014px;
    height: 468px;
    margin: 0 auto 80px;
    padding: 12px 54px;
    overflow: auto;
    background-color: #FFF
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_media li {
    float: left;
    width: 232px;
    position: relative;
    margin-bottom: 17px;
    margin-right: 22px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_media li img {
    float: left;
    width: 100%;
    height: 174px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_media li p {
    float: left;
    height: 40px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    color: #535353
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_media li:nth-child(4n) {
    margin-right: 0
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time {
    width: 1108px;
    max-height: 804px;
    margin: 0 auto 90px;
    padding: 22px 0;
    overflow: auto;
    background-color: #E4E4E4
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li {
    position: relative;
    float: left;
    width: 853px;
    height: 205px;
    margin: 0 128px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li .antidisease_time_date {
    position: relative;
    float: left;
    width: 136px;
    height: 100%;
    line-height: 178px;
    font-size: 18px;
    font-weight: 700;
    color: #2565DE;
    border-right: 4px solid #C2C2C2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li .antidisease_time_date:before {
    position: absolute;
    right: -7px;
    top: 84px;
    content: '';
    height: 10px;
    width: 10px;
    background-color: #2565DE;
    border-radius: 100%
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li .antidisease_time_article {
    float: right;
    width: 594px;
    height: 114px;
    padding: 21px 48px 36px 36px;
    background-color: #fff
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li .antidisease_time_article h3 {
    margin: 0;
    color: #111;
    font-size: 24px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li .antidisease_time_article p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 12px;
    font-size: 18px;
    color: #535353;
    line-height: 30px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li:first-child:before {
    content: '';
    position: absolute;
    left: 136px;
    top: -7px;
    height: 90px;
    width: 4px;
    background-color: #E4E4E4;
    z-index: 1
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_time li:last-child:before {
    content: '';
    position: absolute;
    left: 136px;
    bottom: -1px;
    height: 112px;
    width: 4px;
    background-color: #E4E4E4;
    z-index: 1
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more {
    float: left;
    margin: 10px 210px 96px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div {
    float: left;
    width: 360px;
    margin-right: 60px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div:last-child {
    margin-right: 0
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div h3 {
    margin: 0;
    font-size: 24px;
    color: #111
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div>ul {
    margin-top: 22px;
    padding: 16px 22px;
    max-height: 310px;
    background-color: #fff;
    overflow: auto;
    color: #535353;
    font-size: 18px;
    line-height: 24px
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div>ul li {
    position: relative;
    margin-bottom: 17px;
    padding-left: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div>ul li>a {
    color: #535353
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div>ul li:last-child {
    margin-bottom: 0
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div>ul li:before {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #2565DE;
    border-radius: 100%
}

.project .antidisease .antidisease_main .antidisease_content .antidisease_more>div>ul li:hover a {
    color: #2565DE
}

.project .antidisease .antidisease_main .antidisease_apply {
    margin: 0 auto 200px;
    width: 1200px;
    overflow: hidden
}

.project .antidisease .antidisease_main .antidisease_apply>h3 {
    margin: 0 auto 32px;
    font-size: 42px;
    color: #FEFEFF;
    text-align: center
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form {
    padding-top: 54px;
    background-color: #F0F0F0
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li {
    width: 580px;
    padding: 0 60px;
    margin: 0 auto 28px;
    overflow: hidden
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li .form_label {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 120px
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li .form_label>span {
    float: left;
    font-size: 18px;
    color: red
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li .form_label>p {
    float: left;
    padding-left: 5px;
    color: #535353;
    font-size: 14px
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li input {
    float: left;
    width: 458px;
    height: 30px;
    line-height: 30px;
    border-color: #535353;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li.form_btn {
    position: relative;
    text-align: center;
    height: 94px;
    margin-top: 4px
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li.form_btn .form_apply {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: #FEFEFE;
    font-size: 18px;
    background-color: #0072FF;
    border-radius: 5px;
    cursor: pointer
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li.form_btn .form_apply.form_finish {
    cursor: no-drop;
    color: #3B72CC;
    background-color: #83B5F2;
    border-color: #83B5F2
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li.form_btn .form_tip {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    text-align: center;
    color: red;
    font-size: 12px
}

.project .antidisease .antidisease_main .antidisease_apply .antidisease_form li.form_btn .form_tip.form_success {
    color: #60C208
}

.project .antidisease .antidisease_bottom {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 1
}

.project .antidisease .antidisease_show_pic {
    display: none;
    position: fixed;
    left: 50%;
    top: 100px;
    margin-left: -600px;
    width: 1200px;
    height: auto;
    background: #000;
    z-index: 999
}

.project .antidisease .antidisease_show_pic img {
    width: 100%;
    float: left
}

.right_nav {
    width: 100px;
    position: fixed;
    top: 75%;
    right: 64px;
    z-index: 1000
}

.right_nav .navbox {
    width: 100px;
    height: 100px;
    margin: auto;
    text-align: center;
    background-color: #0072FF;
    border-radius: 50%;
    overflow: hidden
}

.right_nav .navbox button {
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #0072FF;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: 0
}

.right_nav .navbox button:hover {
    background-color: #005ad6
}

.right_nav .nav_wrapper {
    width: 110px;
    height: 110px;
    position: relative;
    cursor: pointer
}

.right_nav .nav_wrapper img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.right_nav .nav_wrapper .order_link {
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 34px;
    background-color: #2989ff;
    border-radius: 4px
}

.right_nav .nav_wrapper .order_link p {
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.submitSuccess {
    float: left;
    width: 100%;
    background-color: #F8F8F8
}

.submitSuccess .tipbox {
    width: 100%;
    text-align: center
}

.submitSuccess .tipbox .section_main {
    width: 1200px;
    margin-top: 200px;
    margin-bottom: 200px
}

.submitSuccess .tipbox .section_main #lottie {
    width: 100px;
    height: 100px;
    margin: auto auto 30px
}

.submitSuccess .tipbox .section_main h3 {
    width: 100%;
    font-size: 48px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #343434;
    margin-bottom: 35px;
    margin-top: 0
}

.submitSuccess .tipbox .section_main .tip_text {
    width: 100%;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #7F7F7F;
    margin-bottom: 80px
}

.submitSuccess .tipbox .section_main .tip_text p {
    margin-bottom: 5px
}

.submitSuccess .tipbox .section_main .tip_backbtn {
    width: 100%
}

.submitSuccess .tipbox .section_main .tip_backbtn a {
    display: block;
    width: 250px;
    height: 60px;
    background: #0072FF;
    border-radius: 5px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #FFF;
    line-height: 60px;
    margin: auto auto 40px
}

.support,
.support .support_banner {
    width: 100%;
    float: left
}

.submitSuccess .tipbox .section_main .tip_backbtn a:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 114, 255, .3);
    box-shadow: 0 10px 30px 0 rgba(0, 114, 255, .3)
}

.support {
    color: #222;
    margin-bottom: 100px
}

.support .support_main {
    display: block;
    width: 1200px;
    margin: 0 auto
}

.support .support_main .support_part {
    position: relative;
    float: left;
    width: 100%;
    padding: 100px 0 64px;
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    text-indent: 110px;
    border-bottom: 1px solid #D8D8D8
}

.support .support_main .support_content {
    float: left;
    margin-left: 110px;
    margin-right: 114px
}

.support .support_main .support_content .support_title {
    margin-top: 48px;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    font-weight: 400
}

.support .support_main .support_content .support_desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px
}

.support .support_main .support_content .support_contact {
    margin-top: 64px;
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #484848
}

.support .support_main .support_content .support_contact .support_contact_time {
    font-size: 16px;
    color: #7C7C7C
}

.support .support_main .support_content .support_contact svg {
    float: left;
    width: 30px;
    height: 30px;
    padding-right: 24px;
    vertical-align: middle;
    fill: #0064E6
}

progress,
sub,
sup {
    vertical-align: baseline
}

.support .support_main .support_content .support_contact>span {
    float: left;
    padding-right: 12px
}

.support .support_main .support_content .support_qr {
    margin: 23px 0 0 45px;
    width: 202px;
    height: 202px
}

.support .support_main .support_content .branches {
    float: left;
    margin-top: 26px;
    width: 780px
}

.support .support_main .support_content .branches .branches_title {
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #D8D8D8;
    text-align: left
}

.support .support_main .support_content .branches .branches_title>div {
    display: inline-block;
    color: #7C7C7C;
    font-size: 20px;
    font-weight: 400
}

.support .support_main .support_content .branches .branches_title .branches_btn {
    float: right;
    margin-right: 26px;
    position: relative;
    cursor: pointer;
    color: #333;
    font-size: 16px
}

.support .support_main .support_content .branches .branches_title .branches_btn .branches_triangle {
    position: absolute;
    right: -22px;
    top: 16px;
    width: 0;
    height: 0;
    border-left: 9px solid #939393;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    -webkit-transition: .5s;
    transition: .5s
}

.support .support_main .support_content .branches .branches_title .branches_btn .branches_triangle:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid #fff;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    position: absolute;
    left: -11px;
    top: -9px
}

.support .support_main .support_content .branches .branches_title .branches_btn .branches_triangle.branches_active {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg)
}

.support .support_main .support_content .branches .branches_main {
    float: left;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    font-size: 16px
}

.support .support_main .support_content .branches .branches_main>li {
    float: left;
    padding: 18px 40px;
    border-bottom: 1px solid #D8D8D8
}

.support .support_main .support_content .branches .branches_main>li .branches_province {
    float: left;
    width: 172px
}

.support .support_main .support_content .branches .branches_main>li .branches_city {
    width: 526px;
    float: left
}

.support .support_main .support_content .branches .branches_main>li .branches_city>li {
    float: left;
    width: 100%;
    margin-bottom: 14px
}

body,
h1,
p,
pre,
ul {
    margin: 0
}

.support .support_main .support_content .branches .branches_main>li .branches_city>li>div {
    float: left;
    padding-right: 5px
}

legend,
ul {
    padding: 0
}

.support .support_main .support_content .branches .branches_main>li .branches_city>li>p {
    overflow: hidden
}

button,
hr,
input {
    overflow: visible
}

.support .support_main .support_content .branches .branches_main>li .branches_city>li:last-child {
    margin-bottom: 0
}

.support .support_main .support_content .branches .branches_province {
    width: 172px
}

.dialog,
body,
html {
    width: 100%
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
    overflow-y: auto
}

body {
    min-width: 1200px
}

details,
main {
    display: block
}

h1 {
    font-size: 2em
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    text-decoration: none
}

a:hover,
a:visited {
    text-decoration: none
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

input {
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: "Microsoft soft";
    -web-kit-appearance: none;
    -moz-appearance: none
}

input:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=text] {
    text-indent: 14px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #BCBCBC;
    caret-color: #0064E6
}

@supports (-webkit-mask:none) and (not (cater-color:red)) {
    input[type=text] input {
        color: #0064E6
    }

    input[type=text] input::first-line {
        color: #333
    }
}

input[type=text]::-webkit-input-placeholder {
    color: #BCBCBC;
    opacity: 1
}

input[type=text]::-moz-placeholder {
    color: #BCBCBC;
    opacity: 1
}

input[type=text]:-ms-input-placeholder {
    opacity: 1;
    color: #BCBCBC
}

input[type=text]::-ms-input-placeholder {
    opacity: 1;
    color: #BCBCBC
}

input[type=text]::placeholder {
    color: #BCBCBC;
    opacity: 1
}

input[type=text]:focus {
    border: 1px solid #0064E6
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=radio],
[type=checkbox] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

li {
    list-style: none
}

.text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dialog {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%
}

.dialog .dialog_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -24px;
    margin-left: -80px;
    display: inline-block;
    padding: 0 48px;
    height: 48px;
    line-height: 48px;
    background-color: #0064E6;
    color: #fff;
    border-radius: 4px;
    text-align: center
}

.dialog_video {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999
}

.dialog_video .video_main {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -300px;
    width: 800px;
    height: auto;
    background-color: #3B3B3B
}

.dialog_video .video_main>video {
    float: left;
    width: 100%;
    height: auto;
    -o-object-fit: fill;
    object-fit: fill
}

.dialog_video .video_main>video>source {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto
}

.dialog_languge {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999
}

.dialog_languge .dialog_main_wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dialog_languge .dialog_main_wrapper .dialog_main {
    width: 532px;
    height: 430px;
    padding: 20px 24px;
    background-color: #fff;
    overflow-y: scroll
}

.dialog_languge .dialog_main_wrapper .dialog_main .dialog_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    font-size: 18px;
    color: #222;
    font-weight: 400;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dialog_languge .dialog_main_wrapper .dialog_main .dialog_close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 24px;
    top: 10px;
    cursor: pointer
}

.dialog_languge .dialog_main_wrapper .dialog_main .dialog_close svg {
    width: 22px;
    height: 22px
}

.dialog_languge .dialog_main_wrapper .dialog_main ul {
    width: 516px;
    height: 100%;
    padding-bottom: 330px
}

.dialog_languge .dialog_main_wrapper .dialog_main ul li {
    float: left;
    width: 150px;
    height: 42px;
    margin-right: 33px;
    margin-top: 33px;
    line-height: 42px;
    text-align: center;
    background-color: #F9F9F9
}

.dialog_languge .dialog_main_wrapper .dialog_main ul li a {
    float: left;
    width: 100%;
    color: #7C7C7C;
    font-size: 16px;
    font-weight: 400
}

.dialog_languge .dialog_main_wrapper .dialog_main ul li:nth-child(3n) {
    margin-right: 0
}

.dialog_languge .dialog_main_wrapper .dialog_main ul li.cur,
.dialog_languge .dialog_main_wrapper .dialog_main ul li:hover {
    background-color: #0072FF
}

.dialog_languge .dialog_main_wrapper .dialog_main ul li.cur a,
.dialog_languge .dialog_main_wrapper .dialog_main ul li:hover a {
    color: #fff
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.section_ {
    float: left;
    width: 100%
}

.section_main {
    position: relative;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.justify {
    text-align: justify;
    text-justify: distribute-all-lines;
    -moz-text-align-last: justify;
    text-align-last: justify
}

gn-last:justify
}