@media (max-width: 1600px) {
  body,
  html {
    font-size: calc(100vw / 110);
  }
  .container {
    padding: 0 13rem;
  }
  footer .center {
    width: 35%;
  }
}
@media (max-width: 1440px) {
  body,
  html {
    font-size: calc(100vw / 100);
  }
  .index_about .list .text {
    padding: 0;
  }
  .container {
    padding: 0 9rem;
  }
  header .drop_down_search form {
    padding: 0 7rem;
  }
}
@media (max-width: 1280px) {
  body,
  html {
    font-size: calc(100vw / 90);
  }
  footer .right {
    padding-left: 4.75rem;
  }
  .index_about .list .text {
    margin: 0rem 0 2rem;
  }
  .index_about .list .right {
    padding: 0 5rem;
  }
  header .drop_down_search form {
    padding: 0 0rem;
  }
  .list_ufou_1015 .content2 .right .img {
    margin: 2.375rem 0 5.75rem;
  }
  .list_ufou_1015 .content4 .flex .left {
    padding: 3.375rem 2.125rem 0 0;
  }
  header .left > ul > li {
    float: left;
    padding-right: 2.5rem;
  }
  header .left > ul > li .drop_trans .r > ul.resource {
      padding-right: 0;
  }header .left > ul > li .drop_trans .r > ul > li:not(:last-child) {
    margin-right: 4.25rem;
}
}
@media (max-width: 1200px) {
  body,
  html {
    font-size: calc(100vw / 80);
  }
  .container {
    padding: 0 5rem;
  }
  .index_about .list .right {
    padding: 0 3rem;
  }
  .index_story .swiper-container,
  .index_product .swiper-container {
    margin-top: 4rem;
  }
  header .container {
    padding: 0 4.25rem;
  }
  .resoruce_right .ul .pop_up .content {
    width: 85%;
  }
  .show_cmf_one .right .top,
  .show_cmf_one .right ul {
    padding-left: 2.5625rem;
  }    header .container {
        padding: 0 2.25rem;
    }
}
@media (max-width: 990px) {
  header {
    display: none;
  }
  .show_cmf_one .right .top,
  .show_cmf_one .right ul {
    padding-left: 0;
  }
  .show_cmf_one .right {
    margin-top: 30px;
  }
  .pagination li {
    width: 26px;
    line-height: 26px;
    margin: 0 2px;
    height: 26px;
    font-size: 12px;
  }
  .squera_pro .name {
    text-align: left;
  }
  body,
  html {
    font-size: 14px;
  }
  body {
    padding-top: 52px;
  }
  .index_product {
    padding: 35px 0 20px;
  }
  .index_story {
    padding: 35px 0 54px;
  }
  .container {
    padding: 0 20px;
  }
  .index_story .swiper-container,
  .index_product .swiper-container {
    margin-top: 25px;
  }
  .index_product .swiper-slide {
    margin-bottom: 30px !important;
  }
  .index_product .swiper-container {
    padding-bottom: 50px;
  }
  .index_about .list > div {
    width: 100%;
  }
  .index_about .list {
    flex-wrap: wrap;
  }
  .index_about .list .right {
    width: 100%;
    padding: 37px;
  }
  .index_about .list:nth-child(even) .right {
    order: 2;
  }
  .index_about .list:nth-child(even) .left {
    order: 1;
  }
  .index_about .list .text {
    margin: 15px 0 37px;
  }
  footer .left {
    width: 40%;
  }
  footer .center {
    width: 60%;
  }
  footer .right {
    width: 100%;
    padding-left: 0;
    margin-top: 35px;
  }
  footer .text.fr {
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }
  footer .bot .fl.ta {
    padding-left: 0;
    float: right;
  }
  body {
    padding-bottom: 0;
  }
  footer {
    padding: 35px 0;
  }
  footer .top {
    padding: 27px 0;
  }
  footer .douhao {
    margin-bottom: 20px;
  }
  footer .right ul li .img {
    left: 0;
    margin-left: -20px;
  }
  footer .right ul li .img::before {
    left: 0;
    margin-left: 24px;
  }
  footer .text {
    letter-spacing: -0.5px;
  }
  footer .right ul li:hover .img {
    top: -200px;
  }
  .channel_pro .swiper-button-prev,
  .channel_pro .swiper-button-next {
    display: none;
  }
  .channel_pro .swiper-pagination {
    display: block;
  }
  .channel_pro .swiper-container {
    margin-bottom: 20px;
  }
  .bread {
    line-height: 4.375rem;
  }
  .bread .container {
    padding: 0 40px;
  }
  .bread img {
    margin: 0 10px;
    height: 10px;
  }
  .show_pro .right > div {
    padding: 0 20PX;
  }
  .show_pro .right .title {
    margin-bottom: 20px;
  }
  .ny_ban .hover .name {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
  .list_history .left.active {
    display: none !important;
  }
  .show_pro_office_fixed .container {
    padding: 0 40px;
  }
  .show_pro_office_fixed {
    font-size: 1.125rem;
  }
  .ul_flex_six li {
    width: 33.3%;
    margin: 10px 0;
  }
  .ul_flex_six li .font16 {
    margin: 10px 0 0;
  }
  .ul_flex_six li.w20 {
    width: 33.3%;
  }
  .list_contact {
    padding: 5rem 0 8rem 0;
  }
  .cookic_fix .conent-avs .left {
    padding-right: 3rem;
  }
  .list_ufou_1015 .content2 .right {
    margin-top: 20px;
  }
  .list_ufou_1015 .content4 .flex .left {
    width: 100%;
    padding-right: 0;
  }
  .list_ufou_1015 .content4 .flex .right {
    width: 100%;
    margin-top: 15px;
  }
  .list_ufou_1015 .content5 .img {
    padding-left: 0;
  }
  .show_idea .container {
    padding: 0 15px;
  }
  .show_idea .content {
    flex-wrap: wrap;
  }
  .show_idea .content .left,
  .show_idea .content .right {
    width: 100%;
  }
  .show_idea .content .right {
    padding-left: 0;
    margin-top: 30px;
  }
  .show_idea .content .left .text {
    margin: 1rem 0 3.5rem;
  }
  .show_idea .content .right .bot .swiper_pag {
    display: block;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .show_idea .content .right .bot .swiper_pag {
    margin-top: 15px;
  }
  .show_idea .content .left .tags ul li div,
  .show_idea .content .left .tags ul li p {
    height: auto;
    padding: 15px 0;
  }
  .show_idea .content .right .bot {
    margin-top: 30px;
  }
  .show_idea .flex {
    margin-top: 0;
  }
  .show_idea {
    padding: 30px 0;
  }
  .show_idea .title {
    font-size: 22px;
  }
  footer .text {
    font-size: 12px;
  }
  .list_contact {
    padding: 25px 0 25px 0;
  }
  .list_partner {
    padding: 0 0 40px !important;
  }
  .index_product .squera_pro .pr img {
    width: 80%;
  }
  .index_product .squera_pro .pr {
    text-align: center;
  }
  footer .name {
    font-size: 16px;
  }
  .list_inspiration .hover {
    font-size: 25px;
  }
  .list_history .title {
    font-size: 1.25rem;
  }
  .list_history .container .text img {
    padding-bottom: 1.375rem;
  }
  .list_history .container .text p:last-child img {
    padding-bottom: 0;
  }
  .banner .swiper-pagination {
    bottom: 15px;
  }
  .index_product .squera_pro .img2 {
    display: none;
  }
  .title,
  .title_office.title {
    font-size: 22px;
    line-height: 25px;
  }
  .show_pro_two .text.mt30 div,
  .subtitle_wrap {
    font-size: 1.125rem !important;
    line-height: 2rem;
  }
  .list_history .right .content {
    padding-left: 0;
  }
  .list_inspiration_two .content .p2 {
    display: none;
  }
  .index_product .swiper-slide .name {
    font-size: 14px;
  }
  .index_product .swiper-slide .text {
    font-size: 12px;
    line-height: 20px;
  }
  .index_product .swiper-slide .content {
    margin-top: 12px;
  }
  .index_product .swiper-slide {
    margin-bottom: 20px !important;
  }
  .index_product .swiper-container {
    padding-bottom: 35px;
  }
  .index_about .list .text {
    font-size: 14px;
  }
  .index_about .list .right {
    padding: 37px 20px;
  }
  .more {
    padding: 0 17px;
    line-height: 28px;
    font-size: 12px;
  }
  .index_story .more {
    margin-top: 15px;
  }
  .index_story .content {
    background: #fff;
    padding: 15px;
  }
  .index_story .content .text {
    font-size: 14px;
  }
  .container {
    padding: 0 15px;
  }
  .index_product .squera_pro,
  .channel_pro .squera_pro,
  .list_pro .squera_pro {
    margin-bottom: 20px !important;
  }
  .channel_pro .swiper-container {
    padding-bottom: 35px;
  }
  .channel_pro .title {
    margin-bottom: 20px;
    padding-left: 17px;
  }
  .channel_pro {
    padding-top: 65px;
  }
  .bread {
    line-height: 44px;
    font-size: 0.75rem;
  }
  .show_pro_office_fixed {
    height: 44px;
    font-size: 0.75rem;
    line-height: 16px !important;
    display: flex;
    align-items: center;
  }
  .show_pro_office_fixed li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .show_pro_office_fixed li div {
    text-align: center;
  }
  .list_pro {
    background: #F5F5F7;
    padding: 65px 0;
  }
  .list_pro .title {
    font-weight: bold;
    font-size: 26px;
    color: #6F6F70;
    margin-bottom: 28px;
  }
  footer .left {
    width: 35%;
  }
  footer .center {
    width: 65%;
  }
  footer .right ul li .icon {
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  footer .right ul li .icon .iconfont {
    font-size: 14px;
  }
  footer .right ul li {
    margin-right: 5px;
  }
  footer .bot .fl.ta {
    text-align: left;
    float: none;
  }
  footer .bot .fl {
    float: none;
    text-align: left;
  }
  footer .text.fr {
    margin-top: 0;
  }
  .list_pro .squera_pro {
    padding: 0 7.5px;
  }
  .list_pro .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .show_pro {
    background: #F5F5F7;
  }
  .show_pro .swiper-pagination {
    bottom: 7px;
  }
  .show_pro .right > div {
    padding: 33px 40px 0;
  }
  .show_pro .right .title {
    font-size: 26px;
    color: #1D1D1F;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .show_pro .right .text,
  .show_pro_two .text {
    font-size: 14px;
    line-height: 20px;
  }
  .show_pro_two,
  .show_pro_two,
  .pt115 {
    padding-top: 42px;
  }
  .show_pro_two .row > div {
    padding: 0 15px;
    margin-top: 0;
    margin-bottom: 45px;
  }
  .show_pro_two .row > div:last-child {
    margin-bottom: 0;
  }
  .show_pro_two .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .show_pro_two .name {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #6F6F70;
  }
  .show_pro_two .content {
    margin-top: 0.5rem;
  }
  .show_pro_two .text.mt30 {
    text-align: center;
  }
  .show_pro_two .text {
    text-align: left;
    margin-top: 10px;
  }
  .show_pro_three .container {
    padding-top: 35px;
    margin-top: 55px;
  }
  .show_pro_three .right {
    margin-top: 70px;
  }
  .show_pro_three .more {
    margin-top: 25px;
    margin-bottom: 45px;
  }
  .ny_ban .hover .name {
    font-size: 24px;
    line-height: 30px;
  }
  .list_ufou,
  .list_partner,
  .list_join,
  .list_showroon,
  .list_store,
  .list_inspiration_two,
  .list_inspiration,
  .list_search,
  .list_history {
    padding: 40px 0;
  }
  .list_ufou .content {
    padding: 25px 19px 0;
    text-align: center;
  }
  .list_ufou .content .text {
    line-height: 24px;
    font-size: 14px;
    padding: 0;
    text-align: left;
  }
  .list_ufou .list_ufou_ul .content {
    padding-right: 0;
  }
  .list_ufou .list_ufou_ul ul li {
    margin-bottom: 45px;
  }
  .list_join .bot {
    margin-top: 50px;
  }
  .list_join .left ul li:last-child {
    margin-bottom: 0;
  }
  .list_ufou ul li {
    margin-bottom: 40px;
  }
  .list_ufou .text {
    padding: 0 18px;
  }
  .list_join .right {
    margin-top: 20px;
  }
  .list_ufou .list_design .name {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 24px;
  }
  .list_ufou .list_design ul {
    margin-top: 35px;
  }
  .list_ufou .list_design ul li {
    margin-bottom: 35px;
  }
  .list_showroon .bot {
    margin-top: 18px;
  }
  .list_showroon .bot .text div {
    margin-top: 10px;
  }
  .list_showroon .text {
    letter-spacing: -0.5px;
  }
  .list_store ul li {
    margin-bottom: 30px;
  }
  .list_store ul li .right {
    font-size: 14px;
    line-height: 24px;
  }
  .list_store ul li .left {
    font-size: 14px;
    line-height: 20px;
  }
  .list_store .col-md-6:nth-child(2) {
    margin-top: 30px;
  }
  .list_inspiration .hover {
    font-size: 32px;
    line-height: 36px;
  }
  .list_inspiration_two .squera {
    padding: 0 6px;
    margin-bottom: 15px;
  }
  .list_inspiration_two .row {
    margin: 0 -6px;
  }
  .list_inspiration_two .hover {
    bottom: 0;
  }
  .list_inspiration_two .hover::before {
    background: transparent;
  }
  .list_inspiration_two .content .p1 {
    color: #1D1D1F;
    font-size: 14px;
  }
  .list_inspiration_two .content .p2 {
    color: #6F6F70;
    font-size: 12px;
  }
  .list_inspiration_two .content {
    top: 13px;
    left: 18px;
  }
  .list_search ul li {
    padding: 1.5rem 0;
  }
  .list_search ul li .name {
    font-size: 1.25rem;
    margin-bottom: 5px;
  }
  .index_product .squera_pro .img2,
  .channel_pro .squera_pro .img2,
  .list_pro .squera_pro .img2,
  .index_story .squera_pro .img2,
  .index_story .squera_pro .img3,
  .index_product .squera_pro .img3,
  .channel_pro .squera_pro .img3,
  .list_pro .squera_pro .img3 {
    display: none;
  }
  .bread .container,
  .phone,
  .show_pro_office_fixed .container {
    padding: 0 20px;
  }
  .pt75 {
    padding-top: 30px;
  }
  .squea_features .name {
    margin: 15px 0 5px;
  }
  .squea_features:not(:last-child) {
    margin-bottom: 30px;
  }
  .font26 {
    font-size: 20px;
    line-height: 30px;
  }
  .mt45 {
    margin-top: 30px;
  }
  .font18 {
    font-size: 14px;
    line-height: 24px;
  }
  .show_pro_office_overview_three .img {
    padding: 50px 20px;
  }
  .ul_flex_six li {
    width: 50%;
  }
  .flex_left_right .r {
    margin-top: 1.25rem;
  }
  .flex_left_right .r .name {
    margin-bottom: 5px;
  }
  .text,
  .ul_flex_six li .text {
    font-size: 14px;
    line-height: 22px;
  }
  .ul_flex_six li .font16 {
    font-size: 18px;
  }
  .ul_flex_six li.w20 {
    width: 50%;
  }
  .show_office_design_two ul li .font18 {
    margin-top: 15px;
  }
  .show_office_design_two ul li .left .list img,
  .show_office_design_two ul li .right img {
    height: auto;
  }
  .show_office_design_two ul li .right img {
    margin-top: 25px;
  }
  .show_office_design_two ul li:nth-child(even) .left {
    order: 1;
  }
  .show_office_design_two ul li:nth-child(even) .right {
    order: 2;
  }
  .show_office_design_two ul li:not(:last-child) {
    margin-bottom: 25px;
  }
  .list_contact .text {
    font-size: 14px;
  }
  .poplogin input,
  .poplogin .pr .n {
    font-size: 14px;
  }
  footer {
    display: none;
  }
  .beian {
    border: none;
  }
  .foot-fot {
    display: block;
  }
  .index_two .ul li {
    padding: 35px 15px 0;
  }
  .index_two .ul li .name {
    font-size: 18px;
  }
  .index_two .ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .index_two {
    padding: 0 0 25px 0;
  }
  .index_product .squera_pro .pr img {
    width: 100%;
  }
  .index_product .swiper-pagination {
    display: block;
  }
  .pt40 {
    padding-top: 25px;
  }
  .shaixuan_0904.pb40 {
    padding-bottom: 0;
  }
  .pb60 {
    padding-bottom: 25px;
  }
  .nyban .ny_title {
    font-size: 24px;
    line-height: 30px;
    padding: 35px 0;
  }
  .index_two.news {
    padding-bottom: 55px;
  }
  .index_two.news .ul li:first-child {
    padding-top: 0;
  }
  .show_news.pt40 {
    padding-top: 0;
  }
  .show_news.pt40 .text {
    font-size: 14px;
  }
  .ny_qiehuan > .pr > div {
    padding: 0 1rem;
    min-width: 100px;
  }
  .ny_qiehuan > .pr:not(:last-child) {
    margin-right: 1rem;
  }
  .list_download .ul > li {
    flex-wrap: wrap;
  }
  .list_download .ul > li .right {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
  .downl.pt40 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .list_find_store .ul li .text {
    font-size: 14px;
  }
  .list_find_store .ul li:last-child {
    margin-bottom: 0;
  }
  .list_shop ul {
    margin: 0 -10px;
    flex-wrap: wrap;
  }
  .list_shop ul li {
    width: 50%;
    padding: 0 10px;
    flex: none;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .list_shop ul li .icon {
    width: 60px;
    height: 60px;
  }
  .list_shop ul li .name {
    width: calc(100% - 60px);
    padding-left: 10px;
    margin-top: 0;
  }
  .list_shop {
    padding: 35px 0 20px;
  }
  .list_qa {
    padding-top: 0;
  }
  .list_qa ul li .top {
    height: 5.75rem;
  }
  .list_qa ul li .bot .text {
    font-size: 14px;
  }
  .show_pro_office_fixed ul li {
    margin-right: 1rem;
    font-size: 12px;
  }
  .banner .swiper-pagination {
    bottom: 10px;
  }
  .show_pro_sum .pt60 {
    padding-top: 35px;
  }
  .overview0715 .subtitle {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500 !important;
    margin-top: 15px;
  }
  .specs0715 .list ul li {
    width: 50%;
  }
  .specs0715 .text {
    font-size: 12px;
  }
  .show_pro_office_fixed {
    top: 52px;
  }
  #masonry li,
  #masonry1 li,
  #masonry2 li,
  #masonry3 li {
    width: 50%;
  }
  #two,
  #three,
  #one,
  #four,
  #five {
    top: -96px;
  }
  .proresources0715 .ul > li .left {
    padding-top: 0;
  }
  .proresources0715 .ul > li .right {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }
  .proresources0715 .ul > li {
    flex-wrap: wrap;
  }
  .proresources0715 .ul > li .right ul li div:nth-child(1) {
    width: 50%;
    line-height: 13px;
    padding-right: 15px;
  }
  .proresources0715 .ul > li .right ul li div:nth-child(2) {
    width: 20%;
  }
  .proresources0715 .ul > li .right ul li div:nth-child(3) {
    width: 30%;
  }
  .proresources0715 .ul > li .right ul li {
    font-size: 12px;
    padding: 0 5px;
    height: 3rem;
  }
  .proresources0715 .ul > li .right .name {
    padding: 0 5px;
    margin-bottom: 8px;
  }
  .list_pro .squera_pro {
    margin-bottom: 35px !important;
  }
  .list_pro .squera_pro .content {
    margin-top: 10px;
  }
  .list_pro {
    padding: 35px 0;
  }
  .cookic_fix .conent-avs .left {
    padding-right: 0;
    width: 100%;
  }
  .cookic_fix .conent-avs .right {
    width: 100%;
    margin-top: 10px;
    display: flex;
  }
  .cookic_fix .right a:not(:last-child) {
    margin-bottom: 0;
  }
  .cookic_fix .conent-avs {
    flex-wrap: wrap;
  }
  .cookic_fix .right a {
    margin-right: 10px;
  }
  .cookic_fix {
    padding: 10px 0;
  }
  .show_pro_office_fixed ul li div img {
    margin-right: 0;
  }
  .bread .container,
  .phone,
  .show_pro_office_fixed .container {
    padding: 0 15px;
  }
  .overview0715 .subtitle,
  .show_pro_two .text.mt30 div {
    font-size: 14px !important;
  }
  .pb40 {
    padding-bottom: 20px;
  }
  .over20241019 .font26.mt30 {
    margin-top: 15px;
  }
  .over20241019 .text.mt20 {
    margin-top: 5px;
  }
  .pb100 {
    padding-bottom: 40px;
  }
  .wenzi .w36 {
    width: 100%;
    margin-bottom: 40px;
    order: 1;
  }
  .wenzi .w64 {
    width: 100%;
    order: 2;
  }
  .list_ufou_1015 .content {
    padding: 40px 0;
  }
  .list_ufou_1015 .content .img img {
    height: 2.25rem;
  }
  .list_ufou_1015 .content .name {
    margin: 20px 0 15px;
    font-size: 1.125rem;
  }
  .list_ufou_1015 .content2 {
    padding: 30px 0;
  }
  .list_ufou_1015 .content2 .left .name,
  .list_ufou_1015 .content2 .left .text {
    padding-left: 30px;
  }
  .list_ufou_1015 .content2 .name {
    font-size: 26px;
    line-height: 35px;
  }
  .list_ufou_1015 .content2 .left .text {
    margin: 20px 0;
  }
  .list_ufou_1015 .content2 .right .img {
    margin: 15px 0 15px;
  }
  .list_ufou_1015 .content2 .right .img img {
    height: 9rem;
  }
  .list_ufou_1015 .content3 .flex .left {
    width: 100%;
  }
  .list_ufou_1015 .content3 .flex .right {
    width: 100%;
    padding: 20px 0;
  }
  .list_ufou_1015 .content4 .flex .left .name {
    margin-bottom: 10px;
  }
  .list_ufou_1015 .content4 .flex .left .name1 {
    line-height: 26px;
  }
  .list_ufou .list_ufou_ul .content {
    padding: 20px 0;
  }
  .index_two.news {
    padding-top: 40px;
  }
  .contact343 .mb70 {
    margin-bottom: 1.875rem;
  }
  .list_contact .more_btn {
    margin-top: 10px;
  }
  .resoruce_left {
    width: 100%;
    position: static;
  }
  .resoruce_right {
    width: 100%;
    padding-left: 0;
  }
  .resoruce_right .ul li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .resoruce_right .clear_all_pr {
    margin: 2rem 0 1.875rem;
  }
  .resoruce_right .story_by select {
    width: 100%;
  }
  .resoruce_right .ul .pop_up .content .right {
    width: 100%;
  }
  .resoruce_right .ul .pop_up .content .left {
    width: 100%;
  }
  .resoruce_right .ul .pop_up .content {
    flex-wrap: wrap;
  }
  .resoruce_right .ul .pop_up .content {
    height: auto;
  }
  .resoruce_right .ul .pop_up .content .left .over img {
    max-height: 70vh;
    object-fit: contain;
  }
  .resoruce_right .ul .pop_up .close {
    top: 1.75rem;
    right: 1.625rem;
  }
  .resoruce_right .ul .pop_up .content .right {
    padding: 30px;
  }
  .resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con {
    right: 15px;
  }
  .resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .over {
    width: 40px;
  }
  .resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .product_name {
    padding-left: 10px;
    width: calc(100% - 10px);
  }
  .resoruce_right .clear_all_pr .clear_all {
    width: 100%;
  }
  .show_cmf_one {
    padding: 30px 0;
  }
  .show_cmf_one .right ul {
    padding-top: 20px;
  }
  .about_cmf.resoruce_right {
    padding: 30px 0;
  }
}
.sjj_nav .bot > li > a div {
  text-transform: uppercase;
}