@charset "utf-8";
@media screen and (min-width: 900px) {
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
    strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
    tfoot, thead, tr, th, td, textarea, input {
        margin: 0;
        padding: 0;
    }

    address, cite, dfn, em, var, i {
        font-style: normal;
    }

    body {
        font-family: "Microsoft YaHei", PingFangSC-Semibold, PingFang SC, "Times New Roman";
        background: #fff;
    }

    button, input, select, textarea {
        font-size: 100%;
    }

    fieldset, img {
        border: 0;
    }

    a {
        text-decoration: none;
    }

    ul, ol {
        list-style: none;
    }

    :focus {
        outline: none;
    }

    .clearfix {
        clear: both;
        content: "";
        display: block;
        overflow: hidden
    }

    .clear {
        clear: both;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }
    /*top*/
    .common_top {
        width: 100%;
        background: #fff;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }
    .common_head {
        width: 1182px;
        height: 80px;
        margin: 0 auto;
        line-height: 80px;

    }
    .common_logo {
        float: left;
    }
    .common_head img {
        float: left;
        width: 36px;
        height: 34px;
        vertical-align: middle;
        padding-top: 20px;
        padding-right: 10px;
    }
    .common_head div {
        display: inline-block;
        float: left;
        font-size: 14px;
        color: #333333;
        letter-spacing: 1px;
    }

    .wap{
        display: none;
    }
    .content {
        width: 100%;
        height: 800px;
        background: url(../images/bgpic.jpg) no-repeat center 0px ;
        background-position: center 0px;
        background-size: cover;

    }
    /*top*/
    .page_top {
        width: 1220px;
        margin: 0 auto;
        height: 760px;

    }

    .logo_title {
        float: left;

    }
    .logo_title img {
        width: 70px;
        height: 66px;
        float: left;
        padding-top: 28px;

    }

    .logo_title div {
        display: inline-block;
        float: left;
        font-size: 14px;
        color: #333333;
        padding-top: 54px;
        letter-spacing: 1px;
        text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    }
    .dicom_viewer {
        margin-right: 232px;
        padding-left: 10px;
    }

    .navigation ul li {
        width: 120px;
        height: 40px;
        text-align: center;
        margin-top: 49px;
        float: left;
        font-size: 16px;
        color: #333;
        text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    }
    .navigation ul li a {
        margin-bottom: 10px;
        color: #333333;
        cursor: pointer;
    }

    .product dl {
        width: 120px;
        background: #fff;
        border-radius: 4px;
        /*display: none;*/
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s;
        -webkit-transform: max-height 0.5s ease-out;

    }

    .product:hover dl{
        /*display: block;*/
        max-height: 40px;
        transition: max-height 0.5s;
        -webkit-transform: max-height 0.5s ease-in;
    }
    .product dl dt {
        height: 40px;
        line-height: 40px;
    }
    .product dl dt {
        width: 120px;
    }
    .product dl dt a:hover {
        width: 120px;
        color: #fff;
        background: #6565C2;
        display: block;

    }

    .support dl {
        width: 120px;
        background: #fff;
        border-radius: 4px;
        /*display: none;*/
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s;
        -webkit-transform: max-height 0.5s ease-out;
    }

    .support:hover dl{
        /*display: block;*/
        max-height: 40px;
        transition: max-height 0.5s;
        -webkit-transform: max-height 0.5s ease-in;
    }
    .support dl dt {
        height: 40px;
        line-height: 40px;
    }
    .support dl dt {
        width: 120px;
    }
    .support dl dt a:hover {
        width: 120px;
        color: #fff;
        background: #6565C2;
        display: block;

    }
    .sel_language {
        width: 100px;
        height: 40px;
        margin-top: 46px;
        margin-left: 82px;
        float: left;
    }
    .sel_language img {
        width: 38px;
        height: 38px;
        vertical-align: middle;
    }
    .sel_language span{
        display: inline-block;
        color: #333333;
    }

    .sel_language ul {
        width: 120px;
        background: #fff;
        border-radius: 4px;
        /*display: none;*/
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.5s;
        -webkit-transform: max-height 0.5s ease-out;

    }

    .sel_language:hover ul{
        /*display: block;*/
        max-height: 80px;
        transition: max-height 0.5s;
        -webkit-transform: max-height 0.5s ease-in;
    }
    .sel_language ul li {
        text-align: center;
        height: 40px;
        line-height: 40px;
    }
    .sel_language ul li {
        width: 120px;
    }
    .sel_language ul li a {
        cursor: pointer;
        color: #333333;
    }
    .sel_language ul li a:hover {
        width: 120px;
        color: #fff;
        background: #6565C2;
        display: block;
    }


    /*banner*/
    .page_banner {
        width: 1122px;
        height: 568px;
        margin: 0 auto;
        clear: both;

    }
    .banner_left {
        float: left;
        width: 526px;
        height: 618px;
        margin-top: 121px;
    }
    .browser {
        position: relative;
    }
    .browser div {
        margin-top: 54px;
        font-size: 30px;
        font-weight: 300;
        color: #6565C2;
    }
    .browser img {
        width: 140px;
        height: 98px;
        position: absolute;
        top: -56px;
        right: 66px;
    }
    .slogan {
        padding-top: 22px;
    }
    .slogan h2 {
        font-size: 48px;
        font-weight: 800;
        color: #122447;
    }
    .assistant {
        padding-top: 22px;
    }
    .assistant h3 {
        font-size: 22px;
        font-weight: 500;
        color: #637287;
        letter-spacing: 11px;
    }
    .download_btn {
        padding-top: 100px;
    }
    .download_btn a img {
        width: 220px;
        height: 52px;
    }
    .mac_btn {
        padding-left: 34px;
    }
    .version {
        font-size: 13px;
        font-weight: 400;
        color: #1B2441;
        padding-top: 6px;
    }
    .version .version_win {
        padding-left: 34px;

    }
    .version .version_mac {
        padding-left: 84px;
    }

    .banner_right {
        float: left;
        width: 596px;
        height: 568px;
        margin-top: 158px;
    }
    .banner_right img {
        width: 596px;
        height: 400px;
        padding-left: 30px;
    }

    .section_video {
        width: 100%;
        height: 768px;
        text-align: center;
        background: url("../images/video_bg.png") no-repeat center 0px;
        background-position: left 0px;
        background-size: cover;
        clear: both;
    }
    .section_video video{
        width:820px;
        height:462px;
        margin-top: 120px;
        border-radius: 8px;
    }

    /*main*/
    .page_main {
        width: 1128px;
        height: 500px;
        margin: 0 auto;
    }

    .main1 .main1_left {
        float: left;
        height: 344px;
        width: 626px;
        margin-top: 180px;
    }
    .main1 .main1_left img{
        height: 344px;
        width: 626px;
    }
    .main1 .main1_right {
        float: left;
        height: 344px;
        width: 502px;
        float: left;
        margin-top: 180px;
    }
    /*免费又强大的生产力工具*/
    .main1_right .dicom_tip {
        padding-left: 83px;
        padding-top: 66px;
        font-size: 38px;
        font-weight: 800;
        color: #0B254A;
    }
    .main1_right .dicom_info {
        width: 370px;
        padding-left: 83px;
        padding-top: 40px;
        font-size: 16px;
        color: #637287;
        letter-spacing: 1px;
        line-height: 36px;
    }

    .main2 .main2_left {
        clear: both;
        float: left;
        height: 344px;
        width: 502px;
        margin-top: 180px;
    }

    /*轻轻一拖，呈现专业影像*/
    .main2_left .tool_tip {
        padding-top: 66px;
        font-size: 38px;
        font-weight: 800;
        color: #0B254A;
    }
    .main2_left .tool_info {
        width: 370px;
        padding-top: 40px;
        font-size: 16px;
        color: #637287;
        letter-spacing: 1px;
        line-height: 36px;
    }
    .main2 .main2_right {
        float: left;
        height: 344px;
        width: 626px;
        margin-top: 180px;
    }
    .main2 .main2_right img {
        width: 626px;
        height: 344px;
    }


    .main3 .main3_left {
        clear: both;
        float: left;
        height: 344px;
        width: 626px;
        margin-top: 180px;
        position: relative;
    }
    .main3 .main3_left img {
        width: 626px;
        height: 344px;
    }

    .main3 .main3_left .video_box {
        width: 160px;
        height: 160px;
        position: absolute;
        top: 50px;
        right: 56px;

    }
    .main3 .main3_left .video_box .video_gif {
        width: 150px;
        height: 150px;
        border-radius: 3px;
    }
    .main3 .main3_right {
        float: left;
        height: 344px;
        width: 502px;
        float: left;
        margin-top: 180px;
    }
    /*一键生成视频，轻松分享*/
    .main3_right .share_tip{
        padding-left: 83px;
        padding-top: 66px;
        font-size: 38px;
        font-weight: 800;
        color: #0B254A;
    }
    .main3_right .share_info{
        width: 370px;
        padding-left: 83px;
        padding-top: 40px;
        font-size: 16px;
        color: #637287;
        letter-spacing: 1px;
        line-height: 36px;
    }

    .main4 .main4_left {
        clear: both;
        float: left;
        height: 344px;
        width: 502px;
        float: left;
        margin-top: 180px;
        margin-bottom: 150px;

    }

    /*让工作走出办公室*/
    .main4_left .walkout_tip {
        padding-top: 66px;
        font-size: 38px;
        font-weight: 800;
        color: #0B254A;
    }
    .main4_left .walkout_info {
        width: 370px;
        padding-top: 40px;
        font-size: 16px;
        color: #637287;
        letter-spacing: 1px;
        line-height: 36px;
    }

    .main4 .main4_right {
        float: left;
        height: 344px;
        width: 626px;
        margin-top: 180px;margin-bottom: 150px;
    }
    .main4 .main4_right img {
        width: 626px;
        height: 344px;
    }


    /*底部*/
    .page_bottom {
        clear: both;
        border-top: 1px solid #ececec;
    }
    .page_foot {
        width: 1362px;
        height: 220px;
        margin: 0 auto;

    }
    .page_foot_left {
        width: 800px;
        height: 220px;
        float: left;
        font-size: 14px;
        color: #637287;
        line-height: 30px;

    }
    .page_foot_left div{
        padding-left: 112px;

    }
    .page_foot_left div a {
        color: #637287;
    }
    .page_foot_left div a img {
        vertical-align: middle;
        padding-right: 10px;
    }
    .page_foot_left .page_foot_privacy {
        padding-top: 78px;
    }
    .page_foot_left .bottom_links {
        padding-top: 20px;
    }
    .page_foot_right {
        width: 400px;
        height: 220px;
        float: left;
    }
    .page_foot_right .code_pic {
        padding-left: 120px;
        padding-top: 56px;
    }
    .page_foot_right div img {
        width: 102px;
        height: 102px;
    }
    .page_foot_right div .video_code {
        padding-left: 36px;
    }
    .page_foot_right .code_title {
        color: #637287;
        font-size: 12px;
        padding-left: 130px;
        padding-top: 6px;
    }
    .page_foot_right .code_title .video_code_tip {
        padding-left: 54px;
    }

}


@media screen and (min-width: 375px) and (max-width: 900px) {
    .content {
        display: none;
    }

    body,
    h1,
    h3,
    h2,
    h4,
    h5,
    h6,
    p,
    dl,
    dd,
    ul,
    ol,
    form,
    input,
    fieldset,
    th,
    td,
    iframe {
        margin: 0;
        padding: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    b {
        font-weight: normal;
    }


    html {
        font-size: 31.25vw;
    }

    i,
    em {
        font-style: normal;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    img {
        border: none;
        vertical-align: top;
    }

    input {
        vertical-align: top;
    }

    a,
    input,
    area {
        outline: none;
    }

    input {
        border: 0;
    }

    body {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC,'Microsoft YaHei';
        background: url("../../css/img/bgpic.png") no-repeat center center ;
        background-size: cover;
        background-attachment: fixed;
    }

    * {
        box-sizing: border-box;
    }
    .content {
        display: none;
    }

    .wap {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    header {
        display: flex;
        justify-content: space-between;
        margin-left: 20px;
        margin-right: 16px;

    }
    header .navigation_icon {
        margin-top: 66px;
        position: relative;
    }
    header .navigation_icon img {
        width: 0.16rem;
        height: 0.16rem;
        vertical-align: middle;
    }

    header .header_logo {
        padding-left: 26px;
        margin-top: 60px;
    }

    header .header_logo img{
        vertical-align: middle;
        width: 0.28rem;
        height: 0.24rem;
    }
    header .header_logo span {
        display: inline-block;
        vertical-align: middle;
        color: #333;
        font-size: 14px;
    }

    header .language {
        margin-top: 60px;
        margin-left: 20px;
        position: relative;
    }

    header .language img{
        width: 0.14rem;
        height: 0.14rem;
        vertical-align: middle;
    }
    header .language span {
        font-size: 14px;
        padding-left: 6px;
    }

    header .select_lg {
        position: absolute;
        top: 0.3rem;
        right: 0;
        display: none;
    }
    header .select_lg ul {
        width: 0.72rem;
        height: 0.82rem;
        background: #fff;
        box-shadow: 0px 4px 20px 0px rgba(76, 64, 154, 0.13);
        border-radius: 8px;
        text-align: center;
        padding-top: 20px;
    }
    header .select_lg ul li a{
        height: 0.32rem;
        line-height: 0.32rem;
        font-size: 0.12rem;
        color: #637287;
    }

    header .select_lg ul li.current{
        background: #A69EF0;
    }
    header .select_lg ul li.current a {
        color: #fff;
        font-weight: bold;
    }


    header .select_tab {
        position: absolute;
        top: 0.3rem;
        display: none;
    }
    header .select_tab ul {
        width: 0.72rem;
        height: 0.5rem;
        background: #fff;
        box-shadow: 0px 4px 20px 0px rgba(76, 64, 154, 0.13);
        border-radius: 8px;
        text-align: center;
        padding-top: 16px;
    }
    header .select_tab ul li a{
        height: 0.32rem;
        line-height: 0.32rem;
        font-size: 0.12rem;
        color: #637287;
    }

    header .select_tab ul li.current{
        background: #A69EF0;
    }
    header .select_tab ul li.current a {
        color: #fff;
    }


    /*section*/

    section {
        margin: 0 26px 120px 20px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    section .banner {
        text-align: center;
        margin-top: 80px;
    }
    section .banner img {
        width: 2.6rem;
        height: 1.74rem;
    }
    section .free {
        margin-top: 60px;
        position: relative;

    }
    section .free img{
        width: 0.79rem;
        height: 0.55rem;
        position: absolute;
        top: -0.3rem;
        left: 1.96rem;

    }
    section .free h1 {
        padding-left: 40px;
        font-size: 0.15rem;
        color: #6565C2;

    }

    section .slogan {
        margin-top: 28px;

    }
    section .slogan h1{
        text-align: center;
        font-size: 0.28rem;
        color: #122447;
        font-weight: 600;
    }

    section .assistant {
        margin-top: 40px;
    }

    section .assistant h3 {
        text-align: center;
        color: #637287;
        font-size: 0.13rem;
        letter-spacing: 0.05rem;
    }

    section .download {
        text-align: center;
        margin-top: 100px;

    }
    section .download img {
        width: 1.8rem;
        height: 0.4rem;
    }
    section .support {
        padding-top: 10px;
        text-align: center;
    }
    section .support p {
        color: #637287;
        font-size: 0.12rem;
        font-weight: 400;
        letter-spacing: 1px;
    }
    section .system {
        margin-top: 14px;
        text-align: center;
    }

    section .system h3 {
        font-size: 0.12rem;
        font-weight: 400;
        color: #1B2441;
        letter-spacing: 1px;
    }
    .wap_section_video_box {
        background: url("../img/video_bg.png") no-repeat center 0px;
        background-position: left 0px;
        background-size: cover;
        text-align: center;
        height: 2.13rem;
    }

    .wap_section_video_box video{
        width: 2.6rem;
        margin-top: 0.4rem;
        border-radius: 6px 6px;
    }

    /*弧度效果*/
    .arc_blank {
        height: 0.8rem;
        position: relative;
        z-index: 999;
        overflow: hidden;
    }

    .arc_blank::before {
        content: '';
        width: 140%;
        height: 0.8rem;
        position: absolute;
        left: -20%;
        top: 0;
        z-index: -1;
        border-radius: 50% 50% 0 0;
        background: #fff;
    }

    .dicoms {
        background: #fff;
        text-align: center;
    }
    .dicoms h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .dicoms span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .dicoms img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }

    .tools {
        padding-top: 120px;
        background: #fff;
        text-align: center;
    }
    .tools h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .tools span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .tools img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }

    .share {
        padding-top: 120px;
        background: #fff;
        text-align: center;
    }
    .share h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .share span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .share img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }

    .share .video_gif {
        position: absolute;
        top:0.16rem;
        right:0.7rem;
    }
    .share .video_gif .dicom_gif {
        width: 0.55rem;
        height: 0.55rem;
    }
    .walk_out {
        padding-top: 120px;
        padding-bottom: 0.7rem;
        background: #fff;
        text-align: center;
    }
    .walk_out h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .walk_out span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .walk_out img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }
    /*底部*/
    .page_foot {
        color: #939393;
        margin-bottom: 120px;
        margin-top: 120px;
    }
    .page_foot .code_pics {
        display: flex;
        justify-content: center;
    }
    .page_foot .code_pics img{
        width: 1.04rem;
        height: 1.06rem;
    }
    .page_foot .public_code{
        padding-right: 30px;
    }

    .page_foot .code_title {
        padding-top: 14px;
        font-size: 14px;
        color: #637287;
        display: flex;
        justify-content: center;
    }

    .page_foot .public_code_title{
        padding-right: 58px;
    }
    .page_foot .foot_info {
        padding-top: 66px;
        padding-left: 40px;
    }
    .page_foot .foot_info a {
        color:#939393;
    }
    .gongan img{
        vertical-align: middle;
    }
    .gongan-link {
        vertical-align: middle;
    }
    .gongan-link span {
        vertical-align: middle;
        display: inline-block;
    }

    .page_foot nav a{
        font-size: 14px;
        display: inline-block;
    }

}

@media screen and (max-width: 375px) {
    .content {
        display: none;
    }
    body,
    h1,
    h3,
    h2,
    h4,
    h5,
    h6,
    p,
    dl,
    dd,
    ul,
    ol,
    form,
    input,
    fieldset,
    th,
    td,
    iframe {
        margin: 0;
        padding: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    b {
        font-weight: normal;
    }


    html {
        font-size: 31.25vw;
    }

    i,
    em {
        font-style: normal;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    img {
        border: none;
        vertical-align: top;
    }

    input {
        vertical-align: top;
    }

    a,
    input,
    area {
        outline: none;
    }

    input {
        border: 0;
    }

    body {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC,'Microsoft YaHei';
        background: url("../../css/img/bgpic.png") no-repeat center center ;
        background-size: cover;
        background-attachment: fixed;
    }

    * {
        box-sizing: border-box;
    }

    .wap {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    header {
        display: flex;
        justify-content: space-between;
        margin-left: 20px;
        margin-right: 16px;

    }
    header .navigation_icon {
        margin-top: 66px;
        position: relative;
    }
    header .navigation_icon img {
        width: 0.16rem;
        height: 0.16rem;
        vertical-align: middle;
    }

    header .header_logo {
        padding-left: 26px;
        margin-top: 60px;
    }

    header .header_logo img{
        vertical-align: middle;
        width: 0.28rem;
        height: 0.24rem;
    }
    header .header_logo span {
        display: inline-block;
        vertical-align: middle;
        color: #333;
        font-size: 14px;
    }

    header .language {
        margin-top: 60px;
        margin-left: 20px;
        position: relative;
    }

    header .language img{
        width: 0.14rem;
        height: 0.14rem;
        vertical-align: middle;
    }
    header .language span {
        font-size: 14px;
        padding-left: 6px;
    }

    header .select_lg {
        position: absolute;
        top: 0.3rem;
        right: 0;
        display: none;
    }
    header .select_lg ul {
        width: 0.72rem;
        height: 0.82rem;
        background: #fff;
        box-shadow: 0px 4px 20px 0px rgba(76, 64, 154, 0.13);
        border-radius: 8px;
        text-align: center;
        padding-top: 20px;
    }
    header .select_lg ul li a{
        height: 0.32rem;
        line-height: 0.32rem;
        font-size: 0.12rem;
        color: #637287;
    }

    header .select_lg ul li.current{
        background: #A69EF0;
    }
    header .select_lg ul li.current a {
        color: #fff;
        font-weight: bold;
    }


    header .select_tab {
        position: absolute;
        top: 0.3rem;
        display: none;
    }
    header .select_tab ul {
        width: 0.72rem;
        height: 0.5rem;
        background: #fff;
        box-shadow: 0px 4px 20px 0px rgba(76, 64, 154, 0.13);
        border-radius: 8px;
        text-align: center;
        padding-top: 16px;
    }
    header .select_tab ul li a{
        height: 0.32rem;
        line-height: 0.32rem;
        font-size: 0.12rem;
        color: #637287;
    }

    header .select_tab ul li.current{
        background: #A69EF0;
    }
    header .select_tab ul li.current a {
        color: #fff;
    }


    /*section*/

    section {
        margin: 0 26px 120px 20px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    section .banner {
        text-align: center;
        margin-top: 80px;
    }
    section .banner img {
        width: 2.6rem;
        height: 1.74rem;
    }
    section .free {
        margin-top: 60px;
        position: relative;

    }
    section .free img{
        width: 0.79rem;
        height: 0.55rem;
        position: absolute;
        top: -0.3rem;
        left: 1.96rem;

    }
    section .free h1 {
        padding-left: 40px;
        font-size: 0.15rem;
        color: #6565C2;

    }

    section .slogan {
        margin-top: 28px;

    }
    section .slogan h1{
        text-align: center;
        font-size: 0.28rem;
        color: #122447;
        font-weight: 600;
    }

    section .assistant {
        margin-top: 40px;
    }

    section .assistant h3 {
        text-align: center;
        color: #637287;
        font-size: 0.13rem;
        letter-spacing: 0.05rem;
    }

    section .download {
        text-align: center;
        margin-top: 100px;

    }
    section .download img {
        width: 1.8rem;
        height: 0.4rem;
    }
    section .support {
        padding-top: 10px;
        text-align: center;
    }
    section .support p {
        color: #637287;
        font-size: 0.12rem;
        font-weight: 400;
        letter-spacing: 1px;
    }
    section .system {
        margin-top: 14px;
        text-align: center;
    }

    section .system h3 {
        font-size: 0.12rem;
        font-weight: 400;
        color: #1B2441;
        letter-spacing: 1px;
    }

    .wap_section_video_box {
        background: url("../img/video_bg.png") no-repeat center 0px;
        background-position: left 0px;
        background-size: cover;
        text-align: center;
        height: 2.13rem;
    }

    .wap_section_video_box video{
        width: 2.6rem;
        margin-top: 0.4rem;
        border-radius: 6px 6px;
    }

    /*弧度效果*/
    .arc_blank {
        height: 0.8rem;
        position: relative;
        z-index: 999;
        overflow: hidden;
    }

    .arc_blank::before {
        content: '';
        width: 140%;
        height: 0.8rem;
        position: absolute;
        left: -20%;
        top: 0;
        z-index: -1;
        border-radius: 50% 50% 0 0;
        background: #fff;
    }

    .dicoms {
        background: #fff;
        text-align: center;
    }
    .dicoms h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .dicoms span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .dicoms img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }

    .tools {
        padding-top: 120px;
        background: #fff;
        text-align: center;
    }
    .tools h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .tools span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .tools img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }

    .share {
        padding-top: 120px;
        background: #fff;
        text-align: center;
    }
    .share h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .share span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .share img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }

    .share .video_gif {
        position: absolute;
        top:0.16rem;
        right:0.7rem;
    }
    .share .video_gif .dicom_gif {
        width: 0.55rem;
        height: 0.55rem;
    }
    .walk_out {
        padding-top: 120px;
        padding-bottom: 0.7rem;
        background: #fff;
        text-align: center;
    }
    .walk_out h1 {
        font-size: 0.25rem;
        font-weight: 800;
        color: #0B254A;
    }
    .walk_out span {
        text-align: left;
        line-height: 0.25rem;
        font-size: 0.12rem;
        color: #637287;
        display: inline-block;
        padding: 20px 40px 40px 40px;
    }

    .walk_out img {
        margin-top: 20px;
        vertical-align: middle;
        width: 2.18rem;
        height: 1.19rem;
    }
    /*底部*/
    .page_foot {
        color: #939393;
        margin-bottom: 120px;
        margin-top: 120px;
    }
    .page_foot .code_pics {
        display: flex;
        justify-content: center;
    }
    .page_foot .code_pics img{
        width: 1.04rem;
        height: 1.06rem;
    }
    .page_foot .public_code{
        padding-right: 30px;
    }

    .page_foot .code_title {
        padding-top: 14px;
        font-size: 14px;
        color: #637287;
        display: flex;
        justify-content: center;
    }

    .page_foot .public_code_title{
        padding-right: 58px;
    }
    .page_foot .foot_info {
        padding-top: 66px;
        padding-left: 40px;
    }
    .page_foot .foot_info a {
       color:#939393;
    }
    .gongan img{
        vertical-align: middle;
    }
    .gongan-link {
        vertical-align: middle;
    }
    .gongan-link span {
        vertical-align: middle;
        display: inline-block;
    }

    .page_foot nav a{
        font-size: 14px;
        display: inline-block;
    }

}