@charset "utf-8";



.mobile_topbar,

.mobile_menu_panel {

  display: none;

}

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

  .toolbar {

    right: 0;

    width: 45px;

    bottom: 2px;

}

.toolbar dd span, .toolbar dd.code .line-trigger span{display: none;}

.toolbar dd {

    width: 45px;

    height: 45px;

}

.toolbar dd i {

    margin-top: 8px;

}

.toolbar dd.tel .box {

    right: -155px;

    width: 145px;

}

.toolbar dd.tel .box p {

    margin: 1px auto 0px;

}

.toolbar dd.code .box img {

    width: 90px;

    height: 90px;

    padding: 5px;

}

.toolbar dd.code .box {

    width: 100px;

    right: -110px;

    height: 100px;

}

.toolbar dd.tel:hover .box{opacity: 1;right: 45px;}

.toolbar dd.code:hover .box{opacity: 1;right: 45px;}

.toolbar dd.code .box:after {

    top: 14px;

}

}

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

.location-filter-form select{min-width:0;}

.location-filter-form button{padding:0 10px;}

.top_main li {

    margin-left: 10px;

}
.top_main .nav {
    padding-right: 115px;
}
.floor_4_main .left h3 {

    font-size: 26px;

}

.floor_4_main .left p {

    font-size: 16px;

}

.floor_4_main .right h3 {

    font-size: 20px;

    background-position: left 15px center;

    padding: 10px 25px 10px 50px;

}

}

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

  :root {

    --mobile-primary: #0e4295;

    --mobile-text: #1d1d1f;

    --mobile-subtext: #6b7280;

    --mobile-bg: #f6f7f9;

    --mobile-card: #ffffff;

    --mobile-border: #e5e7eb;

  }



  html {

    min-width: 0 !important;

  }



  body {

    overflow-x: hidden;

    background: var(--mobile-bg);

    color: var(--mobile-text);

    font-size: 15px;

    line-height: 1.75;

    padding-bottom: calc(58px + env(safe-area-inset-bottom));

  }



  img {

    max-width: 100%;

    height: auto;

  }

.detail {

    padding-top: 0px;

}

.reLink {

    display: none;

}

  .head_main,

  .ewmbox {

    display: none !important;

  }



  .toolbar {

    display: flex !important;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: auto;

    width: 100%;

    z-index: 1300;

    margin: 0;

    padding: 0 0 env(safe-area-inset-bottom);

    background: #0e4295;

    box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.24);

    transform: none !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

  }



  .toolbar.toolbar-hidden,

  .toolbar.toolbar-visible {

    transform: none !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

  }



  .toolbar dd {

    float: none;

    flex: 1 1 20%;

    width: 20%;

    height: 58px;

    margin: 0;

    border-radius: 0;

    border-right: 1px solid rgba(255, 255, 255, 0.18);

    background: transparent;

  }



  .toolbar dd:last-child {

    border-right: 0;

  }



  .toolbar dd > a,

  .toolbar dd > .line-trigger {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

  }

.toolbar dd.code .line-trigger{

  display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

}

  .toolbar dd.top {

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .toolbar dd i {

    width: 30px;

    height: 30px;

    margin: 0;

    background-size: 30px auto;

    background-repeat: no-repeat;

    background-position-x: center;

  }



  .toolbar dd span,

  .toolbar dd.code .line-trigger span {

    display: none !important;

  }



  .toolbar dd .box,

  .toolbar dd.code .box {

    display: none !important;

  }



  .top_main {

    display: none;

  }



  .mobile_topbar {

    display: block;

    position: sticky;

    top: 0;

    z-index: 1200;

    background: #fff;

    border-bottom: 1px solid var(--mobile-border);

    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);

  }



  .mobile_topbar_inner {

    height: 58px;

    margin: 0 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }



  .mobile_logo {

    display: inline-flex;

    align-items: center;

    max-width: 58%;

  }



  .mobile_logo img {

    max-height: 40px;

    width: auto;

  }



  .mobile_top_actions {

    display: flex;

    align-items: center;

    gap: 12px;

  }



  .mobile_spot_link {

    font-size: 14px;

    color: var(--mobile-primary);

    font-weight: 600;

  }

.mobile_spot_link img {

    vertical-align: middle;

    filter: grayscale(100%) brightness(20%);

    height: 18px;

    margin-right: 3px;

}

  .mobile_menu_toggle {

    width: 38px;

    height: 38px;

    border: 0;

    border-radius: 8px;

    background: transparent;

    padding: 0;

    display: inline-flex;

    flex-direction: column;

    justify-content: center;

    gap: 5px;

    align-items: center;

    cursor: pointer;

  }



  .mobile_menu_toggle span {

    display: block;

    width: 22px;

    height: 2px;

    background: #1f2d5f;

    border-radius: 999px;

  }



  .mobile_menu_panel {

    display: block;

    position: fixed;

    inset: 0;

    z-index: 1300;

    pointer-events: none;

  }



  .mobile_menu_backdrop {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.35);

    opacity: 0;

    transition: opacity 0.25s ease;

  }



  .mobile_menu_sheet {

    position: absolute;

    inset: 0 0 0 11%;

    background: linear-gradient(180deg, rgba(10, 48, 128, 0.95), rgba(8, 41, 116, 0.95));

    color: #fff;

    transform: translateX(100%);

    transition: transform 0.28s ease;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

  }



  body.mobile-menu-open .mobile_menu_panel {

    pointer-events: auto;

  }



  body.mobile-menu-open .mobile_menu_backdrop {

    opacity: 1;

  }



  body.mobile-menu-open .mobile_menu_sheet {

    transform: translateX(0);

  }



  body.mobile-menu-open {

    overflow: hidden;

  }



  .mobile_menu_header {

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 16px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    font-size: 18px;

    font-weight: 600;

  }



  .mobile_menu_close {

    border: 0;

    background: transparent;

    color: #fff;

    font-size: 34px;

    line-height: 1;

    width: 36px;

    height: 36px;

    padding: 0;

    cursor: pointer;

  }



  .mobile_menu_list {

    margin: 0;

    padding: 0;

    list-style: none;

  }



  .mobile_menu_item {

    border-bottom: 1px solid rgba(255, 255, 255, 0.22);

  }



  .mobile_menu_row {

    min-height: 52px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 14px 0 16px;

  }



  .mobile_menu_row > a {

    color: #fff;

    font-size: 19px;

    font-weight: 500;

    line-height: 1.4;

    width: calc(100% - 42px);

  }



  .mobile_sub_toggle {

    border: 0;

    background: transparent;

    color: #dbe8ff;

    font-size: 0;

    width: 36px;

    height: 36px;

    padding: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

  }



  .mobile_sub_toggle::before {

    content: "";

    width: 9px;

    height: 9px;

    border-right: 2px solid #dbe8ff;

    border-bottom: 2px solid #dbe8ff;

    transform: rotate(45deg);

    transform-origin: center;

    transition: transform 0.2s ease;

  }



  .mobile_menu_item.is-open .mobile_sub_toggle::before {

    transform: rotate(-135deg);

  }



  .mobile_sub_list {

    list-style: none;

    margin: 0;

    padding: 0;

    display: none;

    background: rgba(0, 0, 0, 0.12);

  }



  .mobile_menu_item.is-open .mobile_sub_list {

    display: block;

  }



  .mobile_sub_list li {

    border-top: 1px solid rgba(255, 255, 255, 0.14);

  }



  .mobile_sub_list a {

    display: block;

    color: #dbe8ff;

    font-size: 15px;

    padding: 11px 16px 11px 30px;

  }



  .mobile_sub_list a:hover {

    color: #fff;

    background: rgba(255, 255, 255, 0.08);

  }



  #banner,

  .banner ul.list {

    min-width: 0 !important;

    aspect-ratio: 16 / 9;

    max-height: none;

  }



  #banner .tip {

    width: 100%;

    left: 0;

    margin-left: 0;

    bottom: 8px;

  }



  #banner #btn_prev,

  #banner #btn_next {

    display: none !important;

  }



  .nybanner {

    height: 168px;

    background-size: cover;

    background-position: center;

    box-shadow: inset 0 0 0 9999px rgba(0,0,0,.28);

  }



  .nybanner:before {

    font-size: 13px;

    letter-spacing: 0px;

    transform: translate(-50%, 6%);

    width: 92%;

    padding-top: 12px;

    background-size: 48px 1px;

  }



  .nybanner:after {

    font-size: 18px;

    letter-spacing: 0px;

    transform: translate(-50%, -90%);

    width: 92%;

  }

.aboutBox .wrap {

    padding-left: 10px;

    padding-right: 10px;

}

  .sub_nav {

    display: block;

    width: calc(100% - 28px);

    margin: 12px 14px;

    padding: 10px 5px;

    border-radius: 12px;

    background: var(--mobile-card);

    border: 1px solid var(--mobile-border);

    height: auto;

    line-height: 1;

  }

  .sub_nav .fl,

  .sub_nav .fr {

    float: none;

    width: 100%;

  }

.detail .title h1 {

    font-size: 20px;

}

  .sub_nav .fl {

    font-size: 18px;

    font-weight: 700;

    color: var(--mobile-primary);

  }



  .sub_nav .fr li {

    width: 50%;

    padding: 5px 5px;

  }

.sub_nav .fr li a {

    letter-spacing: 0px;

    padding: 10px 5px;

    line-height: 1.3;

}

  .sub_nav .fr a.hover,

  .sub_nav .fr a:hover {

    background: var(--mobile-primary);

    color: #fff;

  }



  .sub_nav .fr {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

  }



  .sub_nav .year-search-form {

    display: flex;

    width: 100%;

    gap: 8px;

    margin-left: 0;

  }



  .sub_nav .year-search-form select {

    flex: 1;

    min-width: 0;

    height: 34px;

    border: 1px solid var(--mobile-border);

    border-radius: 8px;

    padding: 0 10px;

    background: #fff;

    color: #334155;

  }



  .sub_nav .year-search-form button {

    height: 34px;

    border: 0;

    border-radius: 8px;

    padding: 0 12px;

    background: var(--mobile-primary);

    color: #fff;

    font-size: 13px;

  }



  .search .hot {

    padding: 14px 0;

    height: auto;

    line-height: 1.6;

  }



  .search .hot .left,

  .search .hot .right {

    float: none !important;

    width: 100%;

  }



  .search .hot .left {

    font-size: 13px;

  }



  .search .hot .right {

    margin-top: 10px;

    position: relative;

  }



  .search .hot .right .input {

    width: 100%;

    box-sizing: border-box;

    position: static;

    padding-left: 14px;

  }



  .search .hot .right .btn {

    right: 8px;

  }



  .index_title {

    padding-top: 24px;

    padding-bottom: 16px;

  }



  .index_title h3 {

    font-size: 24px;

  }



  .index_title p {

    width: 130px;

    background-size: 100% auto;

  }



  .more ul {

    width: 100%;

  }



  .more li {

    float: none;

    width: 100%;

    margin-bottom: 8px;

  }



  .more a {

    width: 100%;

    box-sizing: border-box;

    margin: 0;

    font-size: 15px;

    height: 38px;

    line-height: 38px;

  }



  .floor_1,

  .floor_3,

  .floor_6 {

    padding-bottom: 24px;

  }



  .floor_1 .body li,

  .floor_3 .body li {

    width: 100%;

    margin-right: 0;

  }

.floor_3 .body li {width: 48.75%;margin-right: 2.5%;}

.floor_3 .body li:nth-child(3n + 3){

    margin-right: 2.5%;

}

.floor_3 .body li:nth-child(2n + 2){

    margin-right: 0;

}



  .floor_1 .body li .img {

    height: auto;

  }



  .floor_2_main .box1 .left,

  .floor_2_main .box1 .right,

  .floor_2_main .box2 .left,

  .floor_2_main .box2 .right,

  .floor_4_main .left,

  .floor_4_main .right,

  .floor_5 .left,

  .floor_5 .right,

  .floor_6 .newsimg,

  .floor_6 .textlist {

    float: none !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

  }



  .floor_2_main .box1 .left li .fl,

  .floor_2_main .box1 .left li .fr {

    float: none;

    width: 100%;

    margin: 0;

  }



  .floor_2_main .box1 .left li .fr h3 {

    font-size: 19px;

    padding-top: 8px;

    padding-bottom: 8px;

  }



  .liucheng {

    height: auto;

    padding-top: 24px;

    padding-bottom: 16px;

  }



  .liucheng .title h3 {

    font-size: 20px;

  }

.liucheng .title p{font-size: 14px;}

  .liucheng img {

    padding-top: 14px;

  }



  .liucheng ul {

    width: 100%;

    margin-top: 10px;

  }



  .liucheng li {

    float: left;

    width: 50% !important;

    text-align: center;

    margin-bottom: 6px;

    font-size: 14px;

  }



  .floor_4_main {

    height: auto;

    padding: 14px 0;

  }



  .floor_4_main .left h3 {

    font-size: 18px;

  }



  .floor_4_main .left p {

    font-size: 14px;

    padding-top: 0px;

  }

.floor_4_main .left{

    justify-content: center;

    align-items: center;

    text-align: center;

}

  .floor_4_main .right {

    height: auto;

    margin-top: 14px !important;

  }



  .floor_4_main .right h3 {

    box-sizing: border-box;

    font-size: 18px;

    line-height: 1.3;

    padding: 5px 20px 5px 45px;

    background-position: left 14px center;

    background-size: 22px 22px;

            margin: 0 auto;

  }



  .floor_4_main .right img {

    position: static;

    margin-top: 10px;

  }



  .floor_5 {

    border-radius: 10px;

    padding-top: 16px;

    padding-bottom: 16px;

  }



.floor_5 .left {

    padding: 7px!important;

    width: 70% !important;

    margin: 0 auto !important;

}



  .floor_5 .left:before,

  .floor_5 .left:after {

    display: block;

    width: 72px;

    height: 96px;

  }



  .floor_5 .left img {

    width: 100%;

    margin: 0 auto;

  }



  .floor_5 .right h3 {

    font-size: 24px;

    line-height: 1.5;

    margin-top: 10px;

  }



  .floor_5 .right h4 {

    font-size: 14px;

  }



  .floor_5 .right a {

    width: 100%;

    height: 38px;

    line-height: 38px;

    margin-top: 14px;

    font-size: 15px;

  }

.home_aboutItem .item {

    width: 50%;

}

.home_aboutItem .item .title {

    font-size: 16px;

    padding-top: 0px;

    margin-bottom: 10px;

}

.home_aboutItem {

    padding: 20px 0 15px;

}

  .floor_6 .newsimg {

    padding: 3px!important;

    border: 1px solid #ddd!important;

    margin-bottom: 10px!important;

  }

  .floor_6 .textlist .item {

    height: auto;

    padding: 10px 0;

  }



  .floor_6 .textlist .item .time {

    width: 58px;

    height: 58px;

    margin-right: 8px;

  }



  .floor_6 .textlist .item .time b {

    font-size: 22px;

    line-height: 36px;

  }



  .ny_main .left,

  .ny_main .right {

    float: none;

    width: 100%;

  }



  .detail,

  .news_ul,

  .case {

    width: auto !important;

    margin: 0 auto 14px !important;

    padding-left: 14px;

    padding-right: 14px;

  }

.contactBox{

  margin: 0 auto 14px!important;

}

.bg_main .news_ul{padding-left: 0;padding-right: 0;}

  .detail .context {

    padding: 16px;

    border-radius: 12px;

    background: var(--mobile-card);

    border: 1px solid var(--mobile-border);

  }



  .detail .context *,

  .detail .context table {

    max-width: 100%;

    text-align: left;

    flex-wrap: wrap;

  }

  .n_content_t_r_input2{

    text-align: center;

    justify-content: center;

    margin-top: 30px;

    margin-bottom: 20px;

  }

.detail .context p strong span{

  font-size: 18px!important;



}

  .case-detail-page .case-detail-gallery {

    grid-template-columns: 1fr;

    gap: 10px;

    margin: 4px 0 12px;

  }



  .case-detail-page .case-detail-main {

    aspect-ratio: auto;

    border-radius: 10px;

  }



  .case-detail-page .case-detail-side {

    gap: 8px;

  }



  .case-detail-page .case-thumb-nav {

    display: none !important;

  }



  .case-detail-page .case-detail-thumbs {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;

    padding: 0;

    width: 100%;

  }



  .case-detail-page .case-detail-thumbs li {

    display: none;

    border-radius: 8px;

  }



  .case-detail-page .case-detail-thumbs li.is-visible {

    display: block;

  }



  .news_ul ul {

    background: transparent;

  }



  .bg_main .news_ul li {

    padding: 10px;

    margin-bottom: 10px;

    border-radius: 12px;

    background: var(--mobile-card);

    border: 1px solid var(--mobile-border);

  }



  .bg_main .news_ul li .box1 {

    width: 100%;

    height: auto;

    padding: 0;

    border: 0;

  }



  .bg_main .news_ul li .box1 img {

    width: 100%;

    height: 120px;

    object-fit: cover;

    border-radius: 8px;

  }



  .bg_main .news_ul li .box2 {

    width: 100%;

    padding-left: 0;

    margin-left: 0px;

    float: left;

    padding-top: 15px;

  }



  .bg_main .news_ul li .box2 h1 {

    font-size: 16px;

    line-height: 1.4;

    margin-bottom: 6px;

    height: auto;

  }



  .bg_main .news_ul li .box2 p {

    font-size: 13px;

    color: var(--mobile-subtext);

    line-height: 1.55;

    height: auto;

  }



  .bg_main .news_ul li .right {

    display: none;

  }

.showPro {

    padding: 0px 0;

}

  .case ul {

    width: 100%;

  }



  .case ul li {

    width: 100%;

    margin: 0 0 10px 0;

    border-radius: 12px;

    overflow: hidden;

    background: var(--mobile-card);

    border: 1px solid var(--mobile-border);

    box-sizing: border-box;

  }



  .case ul li .p {

    display: block;

    padding: 10px 12px;

  }



  .case ul li .p p {

    font-size: 15px;

  }



  .case.case-showcase ul {

    display: grid;

    grid-template-columns: 1fr;

    gap: 12px;

  }



  .case.case-showcase ul li,

  .case.case-showcase ul li:nth-child(6n+1) {

    grid-column: auto;

  }



  .case.case-showcase ul li .img,

  .case.case-showcase ul li:nth-child(6n+1) .img {

    aspect-ratio: 1 / 1;

    border-radius: 10px;

    max-height: none;

  }

.case.case-showcase li:nth-child(6n+1) {

    aspect-ratio: 1 / 1;

}

  .case.case-showcase ul li .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }



  .case.case-showcase ul li .case-title {

    right: 12px;

    bottom: 10px;

    font-size: 16px;

  }



  .pglist {

    padding: 12px 0 18px;

  }



  .pglist a,

  .pglist span {

    padding: 0 9px;

    margin: 2px;

    line-height: 30px;

    border-radius: 8px;

  }



  .links_main {

    height: auto;

    line-height: 1.8;

    padding: 12px 0;

  }



  .links_main span {

    float: none;

    font-size: 22px;

    margin-right: 0;

    margin-bottom: 4px;

  }



  .links_main a {

    display: inline-block;

    padding: 0 8px 4px 0;

  }



  .bottom_main {

    padding: 18px 0;

  }



  .bottom_main b {

    float: none;

    width: 100%;

    font-size: 17px;

    margin-bottom: 10px;

  }

.bottom_main .bott_nav .left{

  width: 100%;

  float: none;

  margin-bottom: 10px;

}

  .bottom_main .bott_nav .right,

  .bottom_main .txt .box1,

  .bottom_main .txt .box2,

  .bottom_main .txt .box3,

  .bottom_main .txt .box4 {

    float: none;

    width: 100%;

  }

  .bottom_main .bott_nav {

    padding-bottom: 12px;

    text-align: center;

  }



  .bottom_main .bott_nav .right li {

    float: none;

    background: none;

    margin-bottom: 5px;

    width: 48%;

    display: inline-block;

  }



  .bottom_main .bott_nav .right a {

    padding: 0;

    font-size: 14px;

  }



  .bottom_main .txt {

    padding-top: 12px;

    text-align: center;

  }



  .bottom_main .txt .box1 img {

    max-width: 160px;

  }

  .bottom_main .txt .box3{

    margin-top: 10px;

  }

  .bottom_main .txt .box3 ul{

      padding-top: 5px;

      display: inline-block;

      text-align: left;

  }



  .bottom_main .txt .box2 .clearfix,

  .bottom_main .txt .box2 .fr {

    width: 100%;

  }



  .bottom_main .txt .box4 img {

    margin-top: 10px;

  }

.bottom_copy {

    height: auto;

    line-height: 1.3;

    padding: 7px 0px;

}

.bottom_copy .fl {

  float: none;

}

.bottom_copy .fl_right ul {

    justify-content: center;

}

.bottom_copy .fl_right {

    float: none;

    width: 100%;

    text-align: center;

    margin-top: 4px;

    font-size: 15px;

        line-height: 2;

}



  .location-filter {

    padding-top: 8px;

  }



  .locations-section {

    grid-template-columns: 1fr;

    gap: 12px;

    padding-top: 10px;

  }



  .locations-map {

    display: none;

  }



  .locations-search .title-box {

    margin-bottom: 10px;

  }



  .locations-search .title-box h2 {

    font-size: 22px;

  }



  .locations-search .title-box p {

    font-size: 13px;

  }



  .location-filter-form {

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 8px;

    padding: 10px;

    margin-bottom: 12px;

  }



  .location-filter-form select {

    min-width: 0;

    flex: 1 1 100%;

    height: 34px;

  }



  .location-filter-form button {

    height: 34px;

    width: 100%;

    padding: 0 12px;

  }



  .search-result {

    max-height: none;

    overflow: visible;

    padding-right: 0;

  }



  .search-result .item {

    margin-bottom: 10px !important;

  }



  .map-points .point {

    width: 14px;

    height: 14px;

  }



  .map-points .point .point-name {

    font-size: 11px;

    padding: 7px 10px;

  }



  .location-card-inner {

    min-height: 0;

    padding: 14px;

    border-radius: 10px;

  }



  .location-card-title {

    font-size: 18px;

  }



  .sub_nav_title {

    display: block;

  }



  .sub_nav_title .product-keyword-form {

    width: 100%;

    margin-top: 10px;

  }



  .sub_nav_title .product-keyword-form input,

  .sub_nav_title .product-keyword-form button {

    height: 36px;

  }

  /*contact*/

  .contactBox .infoBox .leftBox {

    padding-right: 0%;

    width:100%;

}

.contactBox .infoBox .rightBox {

    width: 100%;

}

.contactBox .titleBox .contact_title {

    font-size: 20px;

}

.contactBox .infoBox .leftBox .infoList li {

    padding: 13px 0;

}

.contactBox .infoBox .leftBox .infoList .contact_icon {

    width: 33px;

}

.contactBox .infoBox .leftBox .infoList .contact_icon img {

    width: 20px;

    height: auto!important;

}

.contactBox .infoBox .leftBox .infoList .infoTitle {

    padding: 0 8px;

    width: 38px;

    font-size: 15px;

}

.contactBox .infoBox .leftBox .infoList .info {

    padding-left: 8px;

    font-size: 15px;

}

.detail .context ul,
.detail .context ol,
.contentBox ul,
.contentBox ol,
.textEditor ul,
.textEditor ol {
    margin: 0.6em 0;
    padding-left: 1.5em;
    list-style-position: outside;
}
.contactBox .titleBox{

  margin-bottom: 16px;

}

.contactBox .infoForm form .formList .n_content_t_r_input {

    width: 100%;

    padding: 7px 0px;

}

.contactBox .left_columnTitle {

    margin-bottom: 7px;

    padding-left: 20px;

}

.contactBox .right_formColumnBox input {

    height: 40px;

}

.detail .context img {

    height: 40px!important;

}

.contactBox .infoBox .leftBox .infoList .info img {

    height: auto!important;

}

.n_content_t_r_input2 input{

  text-align: center!important;

}

}



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

  .mobile_topbar_inner {

    margin: 0 10px;

  }



  .mobile_logo img {

    max-height: 38px;

  }



  .mobile_spot_link {

    font-size: 13px;

  }



  .mobile_menu_sheet {

    inset: 0 0 0 7%;

  }

  .floor_3 .body li {width: 100%;margin-right: 0%;}

  .floor_3 .body li:nth-child(3n + 3) {

        margin-right: 0%;

    }

}



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

  .case.imgH ul {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

  }



  .case.imgH ul li {

    width: calc((100% - 14px) / 2);

  }

}



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

  .case.imgH ul li {

    width: 100%;

  }

}



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

  .showPro .showimg .smallimg {

    width: 100%;

    padding-top: 16px;

    height: 64px;

  }



  .showPro .showimg .prev,

  .showPro .showimg .next {

    top: 16px;

    height: 64px;

  }



  .showPro .showimg .list {

    width: calc(100% - 56px);

  }



  .showPro .showimg li,

  .showPro .showimg li.on {

    width: auto;

    height: 58px;

    margin-right: 0;

  }

}



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

  .showPro .showimg {

    width: 100%;

    float: left;

  }

  .showPro .showimg .bigimg {

    max-width: 100%;

  }

  .showPro .showimgCon {

    padding: 0 0px 30px;

  }

  .showPro .showimgCon .txtcon {

    width: 100%;

    height: auto;

    margin-top: 10px;

  }

  .news-detail-page .back-link-wrap, .showPro .back-link-wrap, .case-detail-page .back-link-wrap {

    text-align: center !important;

}

  .showPro .showimgCon .txtcon .tel-btn {

    position: relative;

    padding-top: 20px;

    margin-top: 20px;

  }

  .news-detail-page .back-link-btn, .news-detail-page .back-link-btn:link, .news-detail-page .back-link-btn:visited{

    float: none;

  }

  .showPro .back-link-btn, .showPro .back-link-btn:link, .showPro .back-link-btn:visited{

    float: none;

  }

  .case-detail-page .back-link-btn, .case-detail-page .back-link-btn:link, .case-detail-page .back-link-btn:visited{

    float: none;

  }

  .showPro .showimgCon .txtcon .tel-btn .tel s {

    width: 35px;

    height: 35px;

    margin-top: 4px;

    background-position: -234px -20px;

    background-size: 300px;

  }

  .showPro .showimgCon .txtcon .tel-btn .tel {

    width: 170px;

  }

  .showPro .showimgCon .txtcon .tel-btn .btn {

    width: 80px;

    height: 33px;

    line-height: 33px;

    font-size: 14px;

  }

  .showPro .showimgCon .txtcon .tel-btn .tel span {

    font-size: 12px;

  }

.showPro .showimgCon .txtcon .tel-btn .tel strong {

    font-size: 18px;

    line-height: 18px;

    white-space: nowrap;

}

}

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

  .about-bottom::before {

    width: 600px;

}

}

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

  .aboutBox .aboutItem{

    flex-wrap: wrap;

  }

  .aboutBox .aboutItem .Txt {

    margin: 0 0px 0px 0;

    width: 100%;

}

  .aboutBox .aboutItem .item {

    width: 100%;

}

.aboutBox .aboutItem .Txt > div {

    padding: 20px 15px 20px;

}

.aboutBox .aboutItem .item .Img {

    width: 100%;

}

.aboutBox .aboutList {

    margin-bottom: 40px;

}

.about-title-block h2 {

    font-size: 20px;

}

.about-raw-copy-list {

    padding: 10px 0;

  }

  .about-raw-copy-list li {

    font-size: 14px;

    margin-right: 10px;

    margin-left: 45px;

  }

  .about-raw-copy-list li:nth-child(even) {

    margin-left: 10px;

    margin-right: 45px;

}

.about-raw-copy-list li:nth-child(even):after {

    right: -35px;

}

  .about-raw-copy-list li::before {

    width: 5px;

    height: 5px;

    left: 10px;

    top: 35px;

    box-shadow: 0 0 0 3px rgba(31,95,194,.14);

  }

  .about-raw-copy-list li::after {

    width: 40px;

    height: 40px;

    left: -35px;

}

.about-raw-copy-list li div {

    padding: 15px 15px 15px 25px;

}

.about-bottom::before {

    width: 300px;

    height: 55px;

    top: -20px;

}

.about-bottom {

    width: calc(100% + 28px);

    margin: 20px -14px 0;

}

.about-bottom h3 {

    font-size: 18px;

    margin-bottom:30px;

    letter-spacing:-0.5px;

    margin-top: -40px;

}

.about-bottom p {

    font-size: 16px;

}

}