@media (max-width: 750px) {
    #header {
        height: 1.6rem;
    }
    #header .item_content {
        width: 100%;
        line-height: 1.6rem;
    }
    #header .item_content img {
        height: 1.2rem;
        margin-left: 0.4rem;
    }
    #header .item_content .nav_wrap {
        display: none;
    }
    #header .item_content .mobbile-show {
        display: inline-block;
    }
    #header .item_content .nav {
        float: right;
        width: 15px;
        height: 15px;
        margin: 0.4rem 0.4rem 0 0;
    }
    #header .item_content .nav_trans {
        float: none;
        height: 100%;
        margin-left: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9998;
        padding: 44px 0;
        background: rgba(45, 48, 55, 0.9);
    }
    #header .nav_shut {
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        background-image: url("../images/shut.png");
    }
    #header .item_content .nav_trans .nav_item {
        float: none;
        border-bottom: 2px rgba(255, 255, 255, 0.1) solid;
        text-align: center;
        margin: 0;
    }
    #header .item_content .nav_trans .head_button {
        background: none;
        height: 80px;
        line-height: 80px;
        margin: 0 auto;
        padding: 0;
        display: none;
    }
    #aside.show {
        display: block;
        transform: translate3d(0px, 0px, 0px);
        pointer-events: all;
    }
    .mobile-menu {
        position: fixed;
        right: 0;
        bottom: 0;
    }
    #content_wrap {
        width: 100%;
        overflow: hidden;
        left: 0;
        right: 0;
        margin: 0;
    }
    #content_wrap .content_item {
        position: relative;
        width: 100%;
    }
    #content_wrap .content_item .item_wrap {
        width: 100%;
        min-width: inherit;
        position: relative;
        left: 0;
        margin-left: 0px;
    }
    #slogan {
        height: 8rem;
        width: 100%;
    }
    #slogan .item_wrap {
        width: 100%;
        background-size: 100% 100%;
    }
    #slogan .item_wrap .item_content {
        width: 100%;
        margin: 0 auto 0;
    }
    #slogan .item_wrap .item_content .slogan_logo {
        height: 2rem;
        margin-top: 2rem;
    }
    #slogan .item_wrap .item_content .slogan_word {
        margin: 0 0 0.2rem 0;
        font-size: 0.8rem;
        line-height: 0.6rem;
    }
    #slogan .item_wrap .item_content .slogan_desc {
        font-size: 0.44rem;
        line-height: 0.6rem;
        margin: 0.2rem 0;
    }
    #slogan .item_wrap .item_content .slogan_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
    }
    #qdsantage {
        height: 10rem;
    }
    #qdsantage .item_wrap .item_content {
        width: 100%;
        height: 10rem;
        padding: 0.8rem 0 0 0;
    }
    #qdsantage .item_wrap .item_content .qds_title {
        font-size: 0.72rem;
    }
    #qdsantage .item_wrap .item_content .ads_desc {
        font-size: 0.28rem;
    }
    #qdsantage .item_wrap .item_content .qds_info .pc-show {
        display: none;
    }
    #qdsantage .item_wrap .item_content .qds_info {
        width: 100%;
        height: 5.2rem;
        padding: 0 0.2rem;
    }
    #qdsantage .item_wrap .item_content .qds_info .left_info {
        width: 49%;
        margin-right: 1%;
    }
    #qdsantage .item_wrap .item_content .qds_info .info_flag img {
        height: 0.6rem;
    }
    #qdsantage .item_wrap .item_content .qds_info .left_info .info_flag {
        left: 0.32rem;
        top: 0.16rem;
    }
    #qdsantage .item_wrap .item_content .qds_info .right_info .info_flag {
        right: 0.32rem;
        top: 0.16rem;
    }
    #qdsantage .item_wrap .item_content .qds_info .right_info {
        width: 49%;
    }
    #qdsantage .item_wrap .item_content .qds_info .left_info .info_item,
    #qdsantage .item_wrap .item_content .qds_info .right_info .info_item {
        width: 100%;
        height: 1rem;
        background-size: 100% 100%;
        margin-bottom: 0.4rem;
    }
    #qdsantage .item_wrap .item_content .qds_info .right_info .info_item:last-child {
        background-size: 100% 100%;
    }
    #qdsantage .item_wrap .item_content .qds_info .info_item p {
        line-height: 1rem;
        font-size: 0.4rem;
        padding-left: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #qdsantage .item_wrap .item_content .pc-show {
        display: none;
    }
    #qdsantage .item_wrap .item_content .mobbile-show {
        display: block;
    }
    #visualization {
        height: 23rem;
    }
    #visualization .item_wrap .item_content {
        width: 100%;
        height: 20rem;
    }
    #visualization .item_wrap .item_content .pc-show {
        display: none;
    }
    #visualization .item_wrap .item_content .mobbile-show {
        display: block;
    }
    #visualization .item_wrap .item_content .visual_item_wrap {
        padding-left: 1rem;
        height: 16rem;
    }
    #visualization .item_wrap .item_content .visual_item:nth-child(3n) {
        margin-right: 1rem;
    }
    #visualization .item_wrap .item_content .item_top {
        padding: 1rem 0;
        /* margin-top:0; */
        /* height: 8.4rem; */
    }
    #visualization .item_wrap .item_content .item_top .vis_title {
        font-size: 0.72rem;
    }
    #visualization .item_wrap .item_content .item_top .vis_desc {
        font-size: 0.28rem;
    }
    #visualization .item_wrap .item_content .visual_item .pc-show{
        display: none;
    }
    #visualization .item_wrap .item_content .visual_item .mobbile-show{
        display: block;
    }
    #visualization .item_wrap .item_content .visual_item.largeSvg svg{
        width:75px;
    }
    #visualization .item_wrap .item_content .visual_item  svg{
        width:65px;
        height:40px;
    }
    #visualization .item_wrap .item_content .visual_item  svg text{
        /* font-size: 30px!important; */

    }
    #visualization .item_wrap .item_content .visual_item .visual_item_desc {
        font-size: 0.52rem;
        line-height: 0.6rem;
    }
    #visualization .item_wrap .item_content .visual_item {
        width: 30%;
        margin-right: 0.2rem;
    }
    #visualization .item_wrap .item_content .visual_item img {
        width: 100%;
    }
    #visualization .item_wrap .item_content .visual_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        margin: 0 auto 0;
        line-height: 1rem;
    }
    #visualization .item_wrap .item_content .visual_button a {
        font-size: 12px;
        line-height: 1rem;
    }
    #aboutUs {
        height: 12rem;
    }
    #aboutUs .item_wrap {
        background: none;
        background-color: #fff;
    }
    #aboutUs .item_wrap .item_content {
        width: 100%;
        height: 12rem;
    }
    #aboutUs .item_wrap .item_content .about_title {
        font-size: 0.72rem;
        margin: 1rem 0 0 0;
    }
    #aboutUs .item_wrap .item_content .about_items {
        width: 93%;
        margin-top: 0.8rem;
    }
    #aboutUs .item_wrap .item_content .about_items .about_desc {
        font-size: 0.4rem;
    }
    #aboutUs .item_wrap .item_content .about_items .about_item {
        animation: none;
        opacity: 1;
    }
    #aboutUs .item_wrap .item_content .about_items .about_item img {
        padding: 10px;
    }
    #aboutUs .item_wrap .item_content .about_info {
        font-size: 0.6rem;
        color: #49a7ff;
        margin-top: 0.4rem;
    }
    #aboutUs .item_wrap .item_content .about_button {
        display: block;
        margin: 0.4rem auto 0;
        width: 5.66rem;
        height: 1.6rem;
        line-height: 1.56rem;
        font-size: 0.4rem;
        color: #fff;
        padding-left: 1.32rem;
        background-size: 100% 100%;
    }
    #web_banner {
        height: 10rem;
        width: 100%;
    }
    #web_banner .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #web_banner .item_wrap .item_content {
        width: 100%;
        margin: 2rem auto 0;
    }
    #web_banner .item_wrap .item_content .banner_word {
        font-size: 0.72rem;
        line-height: 0.72rem;
    }
    #web_banner .item_wrap .item_content .banner_desc {
        font-size: 12px;
        line-height: 14px;
    }
    #web_banner .item_wrap .item_content .banner_wrap_item {
        width: 100%;
        margin: 0 auto ;
        height: 1.2rem;
    }
    #web_banner .item_wrap .item_content .banner_wrap_item .banner_item {
        margin-left: 0.4rem;
    }
    #web_banner .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap {
        height: 0.64rem;
    }
    #web_banner .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap img {
        width: 0.56rem;
        height: 0.56rem;
    }
    #web_banner .item_wrap .item_content .banner_wrap_item .banner_item p {
        font-size: 12px;
    }
    #web_banner .item_wrap .item_content .banner_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
        margin-top: 0.4rem;
    }
    #function {
        height: 23rem;
        width: 100%;
    }
    #function .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #function .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #function .item_wrap .item_content .fun_info {
        margin-top: 0.7rem;
    }
    #function .item_wrap .item_content .fun_info .left_info {
        width: 100%;
        margin: 0 auto;
    }
    #function .item_wrap .item_content .fun_info .left_info img {
        width: 50%;
    }
    #function .item_wrap .item_content .fun_info .middle_info {
        display: none;
    }
    #function .item_wrap .item_content .fun_info .right_info {
        width: 100%;
        margin-top: -20px;
    }
    #function .item_wrap .item_content .fun_info .right_info .info_item {
        width: 90%;
        height: 1.6rem;
        margin-left: 0px;
        line-height: 1.6rem;
        margin-bottom: 3px;
        background-size: 100% 100%;
        margin: 0 auto;
    }
    #Diagnosis {
        height: 9rem;
        width: 100%;
    }
    #Diagnosis .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Diagnosis .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Diagnosis .item_wrap .item_content .dia_info {
        margin-top: 0rem;
    }
    #Diagnosis .item_wrap .item_content .dia_info .info_title .left_info {
        margin-left: 0;
    }
    #Diagnosis .item_wrap .item_content .dia_info .info_title img {
        width: 0.6rem;
    }
    #Diagnosis .item_wrap .item_content .dia_info span {
        font-size: 12px;
    }
    #Diagnosis .item_wrap .item_content .dia_content {
        margin-top: 0.4rem;
        width: 80%;
    }
    #Support {
        height: 10rem;
        width: 100%;
    }
    #Support .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Support .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Support .item_wrap .item_content .sup_info .mobbile-show {
        display: block;
    }
    #Support .item_wrap .item_content .sup_info .bubble-pic {
        width: 80%;
        margin: 0 auto;
    }
    #Support .item_wrap .item_content .sup_info img {
        display: none;
    }
    #Support .item_wrap .item_content .sup_info .bubble {
        display: none;
    }
    #Network {
        height: 9rem;
        width: 100%;
    }
    #Network .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Network .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Network .item_wrap .item_content .net_info .num {
        font-size: 14px;
    }
    #Network .item_wrap .item_content .net_info .desc {
        font-size: 12px;
    }
    #Network .item_wrap .item_content .net_content {
        width: 80%;
        margin: 0 auto;
    }
    #Network .item_wrap .item_content .net_content img {
        width: 100%;
        margin-top: 0px;
    }
    #Value {
        height: 23rem;
        width: 100%;
    }
    #Value .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Value .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Value .item_wrap .item_content .val_info {
        width: calc(100% - 0.4rem);
        flex-direction: column;
    }
    #Value .item_wrap .item_content .val_info .val_item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    #Value .item_wrap .item_content .val_info .val_item h4 {
        font-size: 14px;
        color: #121924;
        margin: 0.6rem 0 0.3rem 0;
        text-align: left;
    }
    #Value .item_wrap .item_content .val_info .val_item p {
        font-size: 12px;
        text-align: left;
    }
    #Value .item_wrap .item_content .val_info .val-ima-wrap {
        width: 5.4rem;
        height: 5.4rem;
        display: block;
        margin: 0 auto;
        background-size: 100% 100%;
        float: left;
        margin-right: 0.3rem;
    }
    #Value .item_wrap .item_content .val_info .val-ima-wrap img {
        width: 50%;
    }
    #Value .item_wrap .item_content .val_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
        margin-top: 0.4rem;
    }
    #Value .item_wrap .item_content .val_button a {
        line-height: 1rem;
        font-size: 12px;
    }
    #about_us {
        height: 7rem;
        width: 100%;
    }
    #about_us .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #about_us .item_wrap .item_content {
        width: 100%;
        margin: 2rem auto 0;
    }
    #about_us .item_wrap .item_content .banner_word {
        font-size: 0.72rem;
        line-height: 0.72rem;
    }
    #about_us .item_wrap .item_content .banner_desc {
        font-size: 12px;
        line-height: 14px;
    }
    #about_us .item_wrap .item_content .banner_wrap_item {
        width: 100%;
        margin: 0 auto ;
        height: 1.2rem;
    }
    #about_us .item_wrap .item_content .banner_wrap_item .banner_item {
        margin-left: 0.4rem;
    }
    #about_us .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap {
        height: 0.64rem;
    }
    #about_us .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap img {
        width: 0.56rem;
        height: 0.56rem;
    }
    #about_us .item_wrap .item_content .banner_wrap_item .banner_item p {
        font-size: 12px;
    }
    #Product {
        height: 16rem;
        width: 100%;
    }
    #Product .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Product .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Product .item_wrap .item_content .val_info {
        width: calc(100% - 0.4rem);
        flex-direction: column;
        margin-top: 0rem;
    }
    #Product .item_wrap .item_content .val_info .val_item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    #Product .item_wrap .item_content .val_info .val_item h4 {
        font-size: 14px;
        color: #121924;
        margin: 0.6rem 0 0.3rem 0;
        text-align: left;
    }
    #Product .item_wrap .item_content .val_info .val_item p {
        font-size: 12px;
        text-align: left;
    }
    #Product .item_wrap .item_content .val_info .val-ima-wrap {
        width: 4rem;
        height: 4rem;
        display: block;
        margin: 0 auto;
        background-size: 100% 100%;
        float: left;
        margin-right: 0.3rem;
    }
    #Product .item_wrap .item_content .val_info .val-ima-wrap img {
        width: 50%;
    }
    #Trusted {
        height: 16rem;
        width: 100%;
    }
    #Trusted .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Trusted .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Trusted .item_wrap .item_content .dia_info {
        margin-top: 0rem;
    }
    #Trusted .item_wrap .item_content .dia_info .dia_content {
        display: none;
    }
    #Trusted .item_wrap .item_content .dia_info .mobbile-show {
        display: block;
    }
    #Trusted .item_wrap .item_content .dia_content {
        width: 80%;
        margin: 0 auto;
    }
    #Trusted .item_wrap .item_content .dia_content img {
        width: 100%;
    }
    #Our {
        height: 24rem;
        width: 100%;
    }
    #Our .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Our .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Our .item_wrap .item_content .our_title {
        font-size: 0.5rem;
    }
    #Our .item_wrap .item_content .fun_info .mobbile-show {
        display: block;
    }
    #Our .item_wrap .item_content .fun_info .left_info {
        float: none;
        width: calc(100% - 0.6rem);
        margin: 0 auto;
    }
    #Our .item_wrap .item_content .fun_info .left_info img {
        height: 150px;
    }
    #Our .item_wrap .item_content .fun_info .left_info h2 {
        font-size: 0.6rem;
        line-height: 0.8rem;
    }
    #Our .item_wrap .item_content .fun_info .left_info p {
        font-size: 0.4rem;
        line-height: 0.6rem;
        text-indent: 1em;
    }
    #Our .item_wrap .item_content .fun_info .right_info {
        float: none;
        width: calc(100% - 0.6rem);
        margin: 0 auto;
    }
    #Our .item_wrap .item_content .fun_info .right_info img {
        height: 150px;
    }
    #Our .item_wrap .item_content .fun_info .right_info h2 {
        font-size: 0.6rem;
        line-height: 0.8rem;
    }
    #Our .item_wrap .item_content .fun_info .right_info p {
        font-size: 0.4rem;
        line-height: 0.6rem;
        text-indent: 1em;
    }
    #Our .item_wrap .item_content .dia_content {
        width: 80%;
        margin: 0 auto;
    }
    #Our .item_wrap .item_content .dia_content img {
        width: 100%;
    }
    #Value1 {
        height: 16rem;
        width: 100%;
    }
    #Value1 .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Value1 .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Value1 .item_wrap .item_content .val_info {
        width: calc(61% - 0rem);
        margin: 0 auto;
        flex-direction: column;
    }
    #Value1 .item_wrap .item_content .val_info .val_item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    #Value1 .item_wrap .item_content .val_info .val_item h4 {
        font-size: 14px;
        color: #121924;
        margin: 0.6rem 0 0.3rem 0;
        text-align: left;
    }
    #Value1 .item_wrap .item_content .val_info .val_item p {
        font-size: 12px;
        text-align: left;
    }
    #Value1 .item_wrap .item_content .val_info .val-ima-wrap {
        width: 100%;
        height: 2rem;
        display: block;
        margin: 0 auto;
        background-size: 100% 100%;
        float: left;
        margin-right: 0.3rem;
    }
    #Value1 .item_wrap .item_content .val_info .val-ima-wrap img {
        width: 1.5rem;
    }
    #Value1 .item_wrap .item_content .val_info .val-ima-wrap h4 {
        color: #fff;
        padding-left: 2rem;
        margin: 0.2rem 0 0.3rem 0;
    }
    #Value1 .item_wrap .item_content .val_info .val-ima-wrap p {
        padding-left: 2rem;
    }
    #Value1 .item_wrap .item_content .val_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
        margin-top: 0.4rem;
    }
    #Value1 .item_wrap .item_content .val_button a {
        line-height: 1rem;
        font-size: 12px;
    }
    #global_banner {
        height: 7rem;
        width: 100%;
    }
    #global_banner .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #global_banner .item_wrap .item_content {
        width: 100%;
        margin: 2rem auto 0;
    }
    #global_banner .item_wrap .item_content .banner_word {
        font-size: 0.72rem;
        line-height: 0.72rem;
    }
    #global_banner .item_wrap .item_content .banner_desc {
        font-size: 12px;
        line-height: 14px;
    }
    #global_banner .item_wrap .item_content .banner_wrap_item {
        width: 100%;
        margin: 0 auto ;
        height: 1.2rem;
    }
    #global_banner .item_wrap .item_content .banner_wrap_item .banner_item {
        margin-left: 0.4rem;
    }
    #global_banner .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap {
        height: 0.64rem;
    }
    #global_banner .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap img {
        width: 0.56rem;
        height: 0.56rem;
    }
    #global_banner .item_wrap .item_content .banner_wrap_item .banner_item p {
        font-size: 12px;
    }
    #global_banner .item_wrap .item_content .banner_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
        margin-top: 0.4rem;
    }
    #map_world {
        height: 42rem;
        width: 100%;
    }
    #map_world .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #map_world .item_wrap .item_content {
        width: 100%;
        margin: 2rem auto 0;
    }
    #map_world .item_wrap .item_content .fun_info .left_info {
        width: 100%;
        margin: 0 auto 1rem;
    }
    #map_world .item_wrap .item_content .fun_info .right_info {
        width: calc(100% - 0.4rem);
    }
    #map_world .item_wrap .item_content .fun_info .right_info .val_item {
        height: 2rem;
        margin-bottom: 1rem;
    }
    #map_world .item_wrap .item_content .fun_info .right_info .val_item .val-ima-wrap {
        width: 2rem;
        height: 2rem;
    }
    #map_world .item_wrap .item_content .fun_info .right_info .val_item h4 {
        font-size: 14px;
        padding-left: 2rem;
    }
    #map_world .item_wrap .item_content .fun_info .right_info .val_item p {
        font-size: 12px;
        padding-left: 2rem;
    }
    #map_world .item_wrap .item_content .fun_info img {
        width: 50%;
    }
    #map_world .item_wrap .item_content .table-c table {
        width: 100%;
    }
    #map_world .item_wrap .item_content .table-c table td {
        width: 25%;
        font-size: 12px;
        height: 1.7rem;
    }
    #api_banner {
        height: 10rem;
        width: 100%;
    }
    #api_banner .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #api_banner .item_wrap .item_content {
        width: 100%;
        margin: 2rem auto 0;
    }
    #api_banner .item_wrap .item_content .banner_word {
        font-size: 0.72rem;
        line-height: 0.72rem;
    }
    #api_banner .item_wrap .item_content .banner_desc {
        font-size: 12px;
        line-height: 14px;
    }
    #api_banner .item_wrap .item_content .banner_wrap_item {
        width: 100%;
        margin: 0 auto ;
        height: 1.2rem;
    }
    #api_banner .item_wrap .item_content .banner_wrap_item .banner_item {
        margin-left: 0.4rem;
    }
    #api_banner .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap {
        height: 0.64rem;
    }
    #api_banner .item_wrap .item_content .banner_wrap_item .banner_item .img_wrap img {
        width: 0.56rem;
        height: 0.56rem;
    }
    #api_banner .item_wrap .item_content .banner_wrap_item .banner_item p {
        font-size: 12px;
    }
    #api_banner .item_wrap .item_content .banner_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
        margin-top: 0.4rem;
    }
    #Functional {
        height: 15rem;
        width: 100%;
    }
    #Functional .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Functional .item_wrap .item_content {
        width: 100%;
        margin: 1rem auto 0;
    }
    #Functional .item_wrap .item_content .pc-show {
        display: none;
    }
    #Functional .item_wrap .item_content .fun_info {
        margin-top: 0;
    }
    #Functional .item_wrap .item_content .fun_info h2 {
        font-size: 0.6rem;
    }
    #Functional .item_wrap .item_content .mobbile-show {
        display: block;
        width: 90%;
        margin: 0 auto;
        height: 6rem;
    }
    #Functional .item_wrap .item_content .mobbile-show img {
        width: 100%;
    }
    #Functional .item_wrap .item_content .fun_content {
        display: none;
    }
    #Functions {
        height: 30rem;
        width: 100%;
    }
    #Functions .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Functions .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Functions .item_wrap .item_content .dia_info {
        margin-top: 0.7rem;
    }
    #Functions .item_wrap .item_content .dia_info .info_title {
        width: 85%;
        margin: 0 auto;
    }
    #Functions .item_wrap .item_content .dia_info .info_title img {
        width: 100%;
    }
    #Functions .item_wrap .item_content .dia_info .dia_content .left_info .info_item {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
        height: 1.7rem;
        line-height: 1.7rem;
    }
    #Functions .item_wrap .item_content .dia_info .left_info {
        width: 100%;
        margin: 0 auto;
    }
    #Functions .item_wrap .item_content .dia_info .left_info img {
        width: 50%;
    }
    #Functions .item_wrap .item_content .dia_info .middle_info {
        width: 100%;
        margin: 0 auto;
        margin-top: 0.2rem;
    }
    #Functions .item_wrap .item_content .dia_info .middle_info .mobbile-show {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    #Functions .item_wrap .item_content .dia_info .middle_info .pc-show {
        display: none;
    }
    #Functions .item_wrap .item_content .dia_info .middle_info img {
        width: 100%;
    }
    #Functions .item_wrap .item_content .dia_info .right_info {
        width: 100%;
        margin-top: 0.2rem;
    }
    #Functions .item_wrap .item_content .dia_info .right_info img {
        width: 90%;
    }
    #Supports {
        height: 12rem;
        width: 100%;
    }
    #Supports .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Supports .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Supports .item_wrap .item_content h3 {
        font-size: 0.5rem;
        margin-bottom: 0.5rem;
    }
    #Supports .item_wrap .item_content .sup_info .mobbile-show {
        display: block;
    }
    #Supports .item_wrap .item_content .sup_info .bubble-pic {
        width: 80%;
        margin: 0 auto;
    }
    #Supports .item_wrap .item_content .sup_info img {
        display: none;
    }
    #Supports .item_wrap .item_content .sup_info .bubble {
        display: none;
    }
    #Create {
        height: 10rem;
        width: 100%;
    }
    #Create .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Create .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Create .item_wrap .item_content .dia_info {
        margin-top: 0rem;
    }
    #Create .item_wrap .item_content .dia_info .info_title {
        width: 100%;
    }
    #Create .item_wrap .item_content .dia_info .info_title .wrap {
        width: 45%;
    }
    #Create .item_wrap .item_content .dia_info .info_title .left_info {
        margin-left: 0;
    }
    #Create .item_wrap .item_content .dia_info .info_title img {
        width: 0.8rem;
    }
    #Create .item_wrap .item_content .dia_info p {
        font-size: 12px;
        width: 100%;
        margin-top: 0.2rem;
    }
    #Create .item_wrap .item_content .dia_content {
        margin-top: 0.4rem;
        width: 80%;
    }
    #Comprehensive {
        height: 10rem;
        width: 100%;
    }
    #Comprehensive .Comprehensive_button {
        width: 5rem;
        height: 1rem;
        background-size: 100% 100%;
        font-size: 0.2rem;
        line-height: 1rem;
        margin-top: 0.4rem;
        left: 50%;
        margin-left: -2.5rem;
    }
    #Comprehensive .Comprehensive_button a {
        color: #fff;
        text-align: center;
        font-size: 12px;
        line-height: 1rem;
    }
    #Comprehensive .item_wrap {
        width: 100%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Comprehensive .item_wrap .item_content {
        width: 100%;
        margin: 0.8rem auto 0;
    }
    #Comprehensive .item_wrap .item_content .dia_info {
        margin-top: 0rem;
    }
    #Comprehensive .item_wrap .item_content .dia_info .info_title {
        width: 100%;
    }
    #Comprehensive .item_wrap .item_content .dia_info .info_title .wrap {
        width: 45%;
    }
    #Comprehensive .item_wrap .item_content .dia_info .info_title .left_info {
        margin-left: 0;
    }
    #Comprehensive .item_wrap .item_content .dia_info .info_title img {
        width: 0.8rem;
    }
    #Comprehensive .item_wrap .item_content .dia_info p {
        font-size: 12px;
        width: 100%;
        margin-top: 0.2rem;
    }
    #Comprehensive .item_wrap .item_content .dia_content {
        margin-top: 0.4rem;
        width: 80%;
    }
    #content_wrap{
        height: 100%;
        width: 100%;
        padding: 0 1%;
    }
    .form_container {
        /* width: 100%; */
        width: 93%;
        top: 0;
        margin-left: 0px;
        height:auto;
    }
    .el-form-item__error{
        left: 11px !important;
    }
    #descI{
        width: auto;
    }
    .el-form-item__content{
        margin: 0 !important;
    }
    .form_container .buttonItem button{
        width: 100% !important;
    }
    .el-form-item .el-input .el-input__inner{
        width: 100% !important;
    }
    #firstNameI .el-input{
        margin-left: 0.29rem;
    }

    #phoneMsgBox .el-input{
        float: left !important;
    }
    #phoneMsgBtn{
        float: left;
        width: 6rem !important;
        margin: 0;
        margin-left: 1.28rem;
    }
    #phoneI{
        width: 6.87rem;
    }


    .form_container .j_select {
        width: calc(100% - 14px) !important;
    }
    .form_container input {
        width: calc(100% - 50px) !important;
    }
    .code{
        width: calc(100% - 195px) !important;
    }
    .code input{
        width: calc(100% - 20px) !important;
        /* width: 200px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #e5e5e5;
        padding-left: 20px;
        margin-left: 15px;
        margin-bottom: 10px; */
    }
    .textcode{
        width: calc(100% - 250px) !important;
        /* height: 40px;
        width: 130px;
        text-align: center;
        line-height: 40px;
        border: 1px solid skyblue;
        cursor: pointer;
        box-sizing: border-box;
        border-radius: 4px;
        margin-left: 20px;
        background: #409eff;
        color: #fff; */
    }
    .form_container .checkedItem .el-form-item__content {
        margin-left: 0rem!important;
    }
    .form_container button {
        width: calc(100% - 14px) !important;
    }
    .form_container .el-select {
        width: 100%;
    }
    .form_container .el-select .el-input__suffix {
        right: 40px;
    }
    .form_container .el-select .el-input__icon {
        line-height: 40px;
        height: 40px;
    }
    .item_title {
        font-size: 0.72rem;
        font-weight: 400;
    }
    .item_bar {
        display: inline-block;
        width: 2.2rem;
        height: 2px;
        margin: 0.5rem auto 0.5rem;
        background: linear-gradient(to right, #1a4cf7, #42ecfc);
    }
    #footer {
        position: relative;
        height: 10rem;
        width: 100%;
        margin-top: 0px;
        padding-top: 1px;
        background-color: #131925;
        background-size: 100% 100%;
    }
    #footer .item_content {
        width: calc(100% - 0.4rem);
        height: 7rem;
        margin: 1rem auto 0;
        padding: 0 0.2rem;
    }
    .foot_info {
        padding-right: 1%;
        /* width:49%; */
    }
    .foot_info p {
        font-size: 12px;
    }
    .foot_li:first-child {
        width: 52%;
    }
    .foot_li:last-child {
        width: 47%;
    }
    .foot_infoTit {
        margin-bottom: 0.15rem;
    }
    .foot_infoTit_txt {
        font-size: 0.9rem;
        text-align: right;
        line-height: 35px;
    }
    .foot_infoList {
        width: 100%;
    }
    .fr .foot_infoList {
        text-align: right;
    }
    .foot_info_link {
        line-height: 0.6rem;
    }
    .reveal-modal{
        width:80%!important;
        left:0!important;
        right:0!important;
        margin: 0 auto!important;

    }
    .reveal-modal .overflow_container{
        width:calc(100% - 60px);
        padding: 0 30px 0 30px;
    }
}