@media (max-width:1040px) {
  .i_ttl .l p {
    font-size: 4.6rem
  }

  .h2_sct_ttl {
    font-size: 3.2rem
  }

  #pageban .p1 {
    font-size: 4.8rem
  }

  .sct_part_1 .con img {
    max-height: 23rem
  }

  .sct_part_2 {
    position: relative
  }

  .sct_part_3 {
    padding: 0rem 0 4rem
  }

  .sct_part_4 {
    background: url(../images/bg3.jpg) no-repeat center bottom/cover;
    padding: 8rem 0 10rem
  }

  .sct_guanyu2 {
    /* background: url(../images/bg4.jpg) no-repeat right center/cover; */
  }

  .article_list1 .item h3 {
    font-size: 3rem
  }

  .sct_product .item {
    height: 48rem;
  }

  .arrow_1 {
    width: 3.5rem;
    height: 3.5rem;
    margin: 3rem auto 0;
  }

  .sct_product .h3 .s1 {
    font-size: 2rem;
  }

  .sct_product .img {
    height: 27rem;
  }

  .header .sitelogo {
    width: 30vw;
    height: auto;
    margin: 0 auto;
    align-items: center;
    column-gap: 10px;
  }

  .header .t .s2 {
    font-size: 1.2rem;
  }

  .header .t .s1 {
    font-size: 2.2rem;
  }

  .sitelogo img {
    width: 14rem;
  }
}

@media only screen and (min-width:1200px) and (max-width:1366px) {
  .header {
    overflow: hidden
  }
}

@media only screen and (max-width:1200px) {
  .jscap {
    padding-left: 200px !important
  }

  .header .line {
    visibility: hidden
  }

  .searchLayer .mxfDiv {
    position: relative;
    top: -1.2rem
  }

  .sct_part_2 .in {
    margin-bottom: 3rem
  }

  #products_detail table.fea td,
  #products_detail table.fea th {
    padding: 5px 6px
  }

  .articleinfo .fl span {
    font-size: 12px
  }

  .articleinfo .fl span i {
    display: none
  }

  .body_index:before {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .jscap0 {
    text-align: center;
    font-size: 80px
  }

  .jscap {
    padding: 0 !important
  }

  .jscap1 {
    font-size: 33px;
    text-align: center;
    padding-top: 31px;
    opacity: 1 !important
  }

  .jscap2 {
    display: none
  }

  .jsbullet_wrap {
    bottom: 20px
  }

  #pageban .ban {
    min-height: 100%;
    background-size: cover !important
  }

  #pageban .ani .bantxt {
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
  }

  #pageban {
    min-height: 180px;
  }

  .body_products.body_detail #pageban {
    height: auto;
  }

  .body_products.body_detail #pageban .ban {
    height: auto;
    background: none !important;
  }

  #pageban img {
    display: none
  }

  #pageban h2 {
    font-size: 22px;
    margin: 0 auto 10px
  }

  #pageban h4 {
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 14px;
    margin: 0 auto
  }

  #pageban h4:after {
    height: 3px
  }

  #navbar {
    display: none !important
  }

  h1 {
    font-size: 24px
  }

  body {
    padding: 0;
    position: relative;
    overflow-x: hidden
  }

  img {
    max-width: 100%;
    margin: 0 auto
  }

  .visible-sm {
    display: block !important
  }

  .container {
    padding: 0;
    width: 100%
  }

  ul.nav>li>a {
    line-height: 58px
  }

  .navCollapse {
    float: right;
    width: 40px;
    height: 40px;
    display: none
  }

  #header .fl1 {
    width: 100%
  }

  .navbar-toggle {
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 3px;
    margin-right: 0;
    float: none;
    display: block
  }

  .navbar-toggle .icon-bar {
    background: #fff;
    height: 2px;
    width: 5vw;
    max-width: 26px
  }

  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
  }

  .navbar-toggle .icon-bar {
    background: var(--color1)
  }

  .body_index .navbar-toggle .icon-bar {
    background: #fff
  }

  .gutter-20.row {
    margin-right: -10px;
    margin-left: -10px
  }

  .gutter-20>[class^=" col-"],
  .gutter-20>[class^="col-"] {
    padding-right: 10px;
    padding-left: 10px
  }

  .gutter-10.row {
    margin-right: -5px;
    margin-left: -5px
  }

  .gutter-10>[class^=" col-"],
  .gutter-10>[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px
  }

  .gutter-30.row {
    margin-right: -10px;
    margin-left: -10px
  }

  .gutter-30>[class^=" col-"],
  .gutter-30>[class^="col-"] {
    padding-right: 10px;
    padding-left: 10px
  }

  .gutter-38.row {
    margin-right: -10px;
    margin-left: -10px
  }

  .gutter-38>[class^=" col-"],
  .gutter-38>[class^="col-"] {
    padding-right: 10px;
    padding-left: 10px
  }

  .long-long-reveal,
  .long-reveal,
  .quick-reveal,
  .to-reveal,
  .top-reveal {
    visibility: visible
  }

  .wap-gutter-16.row {
    margin-right: -8px;
    margin-left: -8px
  }

  .wap-gutter-16>[class^=" col-"],
  .wap-gutter-16>[class^="col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .wap-gutter-10.row {
    margin-right: -5px;
    margin-left: -5px
  }

  .wap-gutter-10>[class^=" col-"],
  .wap-gutter-10>[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px
  }

  .wap-gutter-0.row {
    margin-right: 0;
    margin-left: 0
  }

  .wap-gutter-0>[class^=" col-"],
  .wap-gutter-0>[class^="col-"] {
    padding-right: 0;
    padding-left: 0
  }

  .wap100 {
    float: none;
    display: block;
    width: 100% !important
  }

  .section {
    padding: 35px 15px 35px
  }

  .sitelogo {
    margin: 10px 0;
    display: inline-block
  }

  #mem {
    display: none
  }

  #sitenavbar {
    padding: 0 15px
  }

  .h2_sct_ttl {
    font-size: 25px;
    padding: 0 10px
  }

  .h2_sct_ttl:after,
  .h2_sct_ttl:before {
    display: none
  }

  #pagelist a,
  #pagelist>span {
    height: 26px;
    margin-bottom: 12px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    min-width: 1em;
    padding: 0 5px;
  }

  #footer {
    padding: 30px 15px 0
  }

  .friendslinks .con {
    text-align: left;
    padding-bottom: 22px
  }

  .friendslinks .con>span~a {
    margin: 0;
    margin-top: 10px;
    margin-right: 15px
  }

  .copyright * {
    font-size: 14px;
    line-height: 1.8
  }

  .hdl_submenu ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
  }

  .hdl_submenu li {
    font-size: 16px;
    margin: 0;
    flex: 0 0 auto;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 10px 0
  }

  #searchbar {
    height: auto;
    padding: 15px 15px 20px;
    width: 100%
  }

  #searchbar .inp01 {
    font-size: 14px
  }

  #searchbar p.fl {
    text-align: center;
    font-size: 20px;
    margin: 0 auto 20px
  }

  #searchbar .inp02 {
    font-size: 14px
  }

  #searchbar.searchbar3 form {
    padding: 10px 0
  }

  .i_ttl {
    margin-bottom: 20px
  }

  #submenu.submenu_yx {
    position: static;
    width: 100%;
    margin: 0;
    margin-top: 0
  }

  #submenu.submenu_yx ul {
    max-width: none;
    width: 100%;
    white-space: nowrap;
    display: block !important;
    overflow: unset;
    background: #fff;
    box-shadow: none;
    height: 100%
  }

  #submenu.submenu_yx .hdl_submenu {
    max-width: none;
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
    border-top: none;
    border-bottom: 1px solid rgba(228, 228, 228, 1);
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-x: initial;
    min-width: 100%;
    background: #fff
  }

  #submenu.submenu_yx ul li {
    font-size: 16px;
    flex: 0 0 auto;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 15px 0;
    white-space: nowrap;
    margin: 0 7px
  }

  #submenu.submenu_yx ul li.active,
  #submenu.submenu_yx ul li:hover {
    background: 0 0;
    border-bottom: 3px solid #0052d9
  }

  #submenu.submenu_yx ul li.active a,
  #submenu.submenu_yx ul li:hover a {
    color: #0052d9
  }

  #navbar_m.navbar-collapse.collapse.in {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.56);
    z-index: 999
  }

  ul.dropdown-menu li>a {
    background: 0 0;
    color: #0061bf;
    text-align: left;
    text-indent: 6px;
    line-height: 2;
    padding: 6px 10px;
    text-indent: 0em;
    font-size: 13px;
    color: #333;
    background: transparent
  }

  ul.dropdown-menu li {
    background: transparent
  }

  ul.dropdown-menu li>a:before {
    display: inline-block;
    padding-right: 8px
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 20px;
    position: relative
  }

  #header .dropdown-toggle {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 7px;
    top: 14px;
    z-index: 3342;
    cursor: help;
    border: 9px solid transparent;
    border-top-color: #999
  }

  #footer_nav {
    padding: 0
  }

  #footer_nav .depth1 {
    margin: 0px auto 0;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    display: block
  }

  #footer_nav .depth1.ul_2 {
    margin-top: 0
  }

  #footer_nav .depth1>li>a {
    color: #8b8b8b;
    font-size: 15px
  }

  #navbar_m {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.56);
    z-index: 8888888;
    transition: right .4s ease;
    text-align: left
  }

  #navbar_m.navopen {
    right: 0
  }

  #navbar_m>ul {
    width: 80%;
    right: 0;
    position: absolute;
    top: 0;
    background: white;
    height: 100vh;
    padding: 50px 20px 0;
  }

  #navbar_m>ul>li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    background: transparent;
  }

  #navbar_m>ul>li:last-child {
    border: none;
    padding: 0
  }

  #navbar_m>ul>li>a {
    display: block;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold
  }

  #navbar_m ul.dropdown-menu li * {
    color: #666;
    text-align: left;
  }

  #navbar_m ul.dropdown-menu li {
    display: inline-block;
    margin-right: 8px;
    max-width: 50vw;
  }

  #navbar_m>ul.dropdown-menu li>a {
    background: 0 0;
    color: #0061bf;
    text-align: left;
    text-indent: 6px;
    line-height: 2;
    padding: 6px 10px;
    text-indent: 3em;
    font-size: 13px;
    color: #333;
    background: transparent
  }

  #navbar_m>ul.dropdown-menu li {
    background: transparent
  }

  #navbar_m>ul.dropdown-menu li>a:before {
    display: inline-block;
    padding-right: 8px
  }

  .navbar-nav .dropdown-menu .dropdown-header,
  .navbar-nav .dropdown-menu>li>a {
    padding: 1px 0;
    position: relative;
    white-space: nowrap;
  }

  #header .dropdown-toggle {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 7px;
    top: 14px;
    z-index: 3342;
    cursor: help;
    border: 9px solid transparent;
    border-top-color: #999
  }

  #footer_nav {
    padding: 0
  }

  #footer_nav .depth1 {
    margin: 0px auto 0;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    display: block
  }

  #footer_nav .depth1.ul_2 {
    margin-top: 0
  }

  #footer_nav .depth1>li>a {
    color: #8b8b8b;
    font-size: 15px
  }

  .copyright {
    text-align: center
  }

  .hdl_submenu ul {
    margin-top: 0
  }

  .hdl_submenu li {
    white-space: nowrap;
    margin: 0 7px
  }

  #searchbar {
    display: none
  }

  #searchbar.searchbar3 {
    display: block;
    padding: 20px 20px 0
  }

  #help_mobile {
    display: block
  }

  .helpitem {
    padding: 0 20px
  }

  .helpitem ul {
    padding-top: 20px
  }

  .helpitem li {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 10px 0
  }

  .helpitem li a {
    font-size: 16px;
    line-height: 1.6;
    color: #666
  }

  .helpitem .li_remote {
    display: none
  }

  #sct_help2 {
    display: none
  }

  #newspage ul {
    padding: 0;
    margin: 0
  }

  #newspage ul li {
    min-height: 0;
    padding: 10px 0;
    margin: 0 auto
  }

  #newspage ul #newspage .media-body {
    padding: 0;
    padding-right: 0;
    min-height: 18vw
  }

  #newspage .media-body .img {
    left: auto;
    right: 0;
    width: 30%;
    height: 140px;
    max-height: 18vw;
    display: block;
    position: static;
    float: right;
    margin-left: 20px
  }

  #newspage .media-body .img img {
    width: 30vw
  }

  #newspage .media-body {
    padding-left: 0
  }

  .more_bottom {
    background: linear-gradient(-55deg, rgba(24, 133, 241, 1), rgba(0, 88, 217, 1));
    border-radius: 6px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff !important;
    display: block;
    text-align: center;
    margin: 30px 0
  }

  #sitesearch {
    position: relative
  }

  #sitesearch .bt {
    position: absolute;
    right: 13px;
    top: 13px;
    left: auto
  }

  #sitesearch .txt {
    width: 100%;
    top: 0
  }

  #header ul.navbar-nav.nav a:hover {
    color: #0052d9
  }

  .body_yingxiao #pageban {
    display: none
  }

  #pageban .txt {
    width: 100%;
    margin-left: 0;
    left: 60px
  }

  #pageban .a1 {
    display: none
  }

  #pageban .linkmore {
    display: none
  }

  #pageban .p1 {
    font-size: 22px
  }

  #pageban .p2 {
    font-size: 16px;
    padding-right: 70px;
    line-height: 2
  }

  #pageban .ban2 .p2 {
    padding: 0
  }

  #pageban .ban {
    padding: 1px 0 1px
  }

  .thehf {
    display: none
  }

  .sct_news .con LI a {
    font-size: 15px
  }

  .sct_news .time {
    right: 0
  }

  .sct_news .hdl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
  }

  .sct_news .h2_sct_ttl {
    line-height: 1.5
  }

  .pagelists>* {
    margin-bottom: 15px;
    vertical-align: middle
  }

  .col_l .box2 {
    background-size: cover
  }

  * {
    -webkit-overflow-scrolling: unset
  }

  .pconly {
    display: none !important
  }

  #header .fl1 {
    width: calc(100% - 60px)
  }

  .navCollapse {
    display: block;
    margin-top: 0;
    float: none;
    position: absolute;
    top: 24px;
    right: 20px;
    width: auto;
    height: auto
  }

  .body_index .navCollapse {
    top: 18px
  }

  .sitelogo {
    margin: 10px 0;
    float: none
  }

  .navbar {
    float: none;
    width: calc(100% + 60px)
  }

  ul.nav {
    display: block;
    margin: 0 auto;
    float: none;
    width: 100%
  }

  ul.nav>li {
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    background: #f7f8fa
  }

  ul.nav>li>a {
    line-height: 40px;
    font-size: 16px;
    display: block;
    width: 100%;
    position: relative;
    font-weight: 700
  }

  ul.nav>li>a:after {
    content: "" !important;
    display: block !important;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 30px;
    margin-top: -6px;
    background: url(images/ar.png) no-repeat center/100% auto
  }

  ul.nav>li>a.active:after {
    background-image: url(images/li_up.png)
  }

  .h2_sct_ttl {
    font-size: 25px
  }

  .friendslinks .con>span {
    display: block;
    text-align: left
  }

  .i_ttl {
    width: 100%
  }

  .h2_sct_ttl {
    line-height: 1.6
  }

  .h2_sct_ttl+p {
    font-size: 16px;
    margin-top: 12px
  }

  .submenu_search #submenu {
    width: 100%
  }

  .submenu_search {
    text-align: left;
    padding: 20px;
    width: 100%
  }

  div#submenu.aboutus_menu {
    display: none
  }

  .submenu_search #submenu li {
    padding-bottom: 10px
  }

  .sitelogo {
    width: 30%;
    margin: 0;
    height: 58px;
    display: flex;
    align-items: center
  }

  #navbar_m.navbar-collapse.collapse.in {
    display: block !important;
    transform: translatez(200px);
    z-index: 888888
  }

  #sitenavbar {
    padding: 0
  }

  .sitelogo img {
    width: auto;
    max-height: 35px;
    margin-left: 16px;
    /* height: 40px; */
    filter: none;
  }

  #navbar.in {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5)
  }

  ul.nav {
    position: absolute;
    height: auto;
    min-height: 0;
    top: 0;
    right: 0;
    margin: 0;
    background: #fff;
    z-index: 1000;
    transition: all 0.3s;
    overflow-y: scroll
  }

  .in ul.nav {
    transition: all 0.3s;
    width: 73vw;
    transform: translatez(200px);
    z-index: 999999
  }

  ul.nav>li {
    height: auto
  }

  ul.nav>li>a {
    color: #333 !important;
    padding: 10px 25px;
    margin-top: 0
  }

  ul.nav>li>a:active,
  ul.nav>li>a:focus {
    color: #333
  }

  ul.dropdown-menu {
    position: static;
    width: 100%;
    float: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: block;
    overflow: hidden;
    padding: 0;
    transition: all 0.3s;
    max-height: 0
  }

  #header ul.dropdown-menu {
    display: flex;
    max-height: 100vh;
    background: transparent;
    position: static;
    opacity: 1;
    padding-left: 1em;
    padding-top: 4px;
    width: auto;
    max-width: 100%;
    height: auto;
    flex-wrap: wrap;
  }

  a.active+ul.dropdown-menu {
    max-height: 1000px
  }

  ul.dropdown-menu li a:hover {
    background: 0 0
  }

  #footer_nav .depth1>li.li_first {
    display: none
  }

  #footer_nav .depth1>li {
    flex: auto !important;
    display: block;
    margin: 15px 0 0 !important;
    padding-top: 15px;
    border-top: 1px dashed #275fa4
  }

  #footer {
    padding: 30px 15px;
  }

  .hdl_submenu ul {
    max-width: none;
    width: 100%;
    white-space: nowrap;
    display: block !important
  }

  .body_help .ban #searchbar .reci {
    display: none
  }

  #site-map {
    height: 70vw
  }

  .body_yingxiao .pagelists {
    display: none
  }

  #searchbar.searchbar3 .inp01 {
    width: calc(100% - 100px)
  }

  #news_right {
    display: none
  }

  #newspage .media-body {
    min-height: 20vw;
    display: block;
    width: 100%
  }

  #newspage .media-body .img {
    position: absolute;
    right: 0;
    top: 0
  }

  #newspage .media-body .img+h4 {
    padding-right: calc(30% + 10px)
  }

  #newspage .media-body h4 a {
    font-size: 1.7rem;
    line-height: 1.6
  }

  #newspage .sinfo {
    white-space: nowrap;
    width: 60vw;
    overflow: hidden;
    text-overflow: ellipsis
  }

  #header #sitenavbar {
    width: 100%;
    /* position: absolute; */
    top: 0;
    left: 0;
    z-index: 997;
    background: 0 0;
    height: 100%;
  }

  .body_mobile_no_ban #sitenavbar {
    background: #242a37;
    padding: 10px 20px;
    position: static;
    height: 70px;
    overflow: hidden
  }

  #sitesearch {
    display: none
  }

  #header #topbar {
    display: none
  }

  #pageban .txt {
    position: static;
    margin: 0;
    padding: 50px 30px 20px;
    width: 100%;
    margin: 30px auto;
    height: auto;
    position: absolute;
    position: static;
    min-width: 100vw;
    margin: 0;
    padding: 0 23px;
    min-height: 0;
    max-width: none
  }

  #pageban .t {
    font-size: 22px
  }

  #pageban .s {
    font-size: 14px;
    line-height: 1
  }

  #pageban.new0822 .txt {
    margin-top: 10px
  }

  #pageban.new0822 .txt .p1 {
    font-size: 22px
  }

  #pageban.new0822 .txt .p2 {
    font-size: 16px;
    padding-right: 70px;
    line-height: 2
  }

  #pageban.new0822 .txt .p2+a {
    display: none
  }

  #pageban .a1 {
    display: block;
    font-size: 14px;
    width: 7em;
    line-height: 34px;
    margin-left: 0
  }

  #pageban .linkmore {
    display: none
  }

  #pageban .p1 {
    font-size: 20px
  }

  #pageban .ban2 .p1 {
    margin-top: 30px;
    font-weight: 700
  }

  #pageban .p2 {
    font-size: 13px;
    padding-right: 0
  }

  #pageban .ban {
    padding: 1px 0 1px;
    display: flex;
    justify-content: flex-start;
    align-items: center
  }

  #pageban img {
    min-width: 0;
    height: 250px
  }

  .thehf3 {
    display: none
  }

  .sct_news .hdl {
    max-width: none;
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
    border-top: 1px solid rgba(228, 228, 228, 1)
  }

  #content_right {
    padding: 0 20px;
    width: 100%
  }

  #content_right .crumbs {
    display: none
  }

  .sct_news .con LI {
    width: 100%
  }

  #searchbar.searchbar_mobile_help {
    display: block;
    background: #fff
  }

  #searchbar.searchbar_mobile_help .form_search {
    padding-left: 0;
    padding-top: 0
  }

  #searchbar.searchbar_mobile_help .helpmenu {
    width: 40px;
    display: inline-block;
    background: url(images/help/menu2.png) no-repeat 4px 5px/27px 27px;
    height: 40px;
    vertical-align: middle
  }

  #searchbar.searchbar_mobile_help .helpmenu.menuon {
    background-image: url(images/help/close.png)
  }

  #searchbar.searchbar_mobile_help .helpmenu span {
    display: block
  }

  #searchbar.searchbar_mobile_help .inp01 {
    width: calc(100% - 5em - 50px);
    line-height: 40px;
    height: 40px;
    border: 1px solid #ececec
  }

  #searchbar.searchbar_mobile_help .inp02 {
    width: 5em;
    line-height: 40px;
    height: 40px
  }

  #help_main {
    padding: 0
  }

  .body_help #submenu.submenu_yx .hdl_submenu {
    margin: 0 -15px
  }

  #header {
    overflow: visible;
    height: 58px;
    top: 0;
    background: 0 0;
    position: relative;
  }

  .body_products.body_detail #header {
    border-bottom: 1px solid #eee;
  }

  .body_gonglue #header {
    background: #333943
  }

  #sitenavbar .call1 {
    display: none
  }

  .copyright * {
    font-size: 16px
  }

  .copyright .pp {
    display: none
  }

  .pagelists>li {
    margin-bottom: 15px !important
  }

  .crumbs {
    display: none
  }

  .body_index #sitenavbar {
    top: 0;
    height: 100%;
  }

  #mem {
    display: none
  }

  .resultlist .searchresult {
    padding: 0 20px;
    margin-bottom: 30px
  }

  #newsitems .infotime {
    display: none
  }

  #newsitems .sinfo {
    display: none
  }

  #newsitems .item h3 {
    padding: 0 30px;
    margin: 0
  }

  #newsitems .item h3 a {
    font-size: 16px
  }

  #newsitems .item {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    background: #f5f7fa;
    border-bottom: 1px dashed #e6e7e9
  }

  #loadmore {
    width: 90vw;
    margin: 30px auto 30px
  }

  #newsitems .item:first-child {
    margin: 0
  }

  .col_r .con {
    padding: 0
  }

  #newsdetail {
    padding: 15px;
    background: #f5f7fa
  }

  #newsdetail>.con {
    padding: 20px;
    background: #fff
  }

  #newsdetail h1 {
    margin: 5px auto 10px
  }

  #newsdetail .infotime {
    color: #999
  }

  #newsdetail .prev_next>div {
    float: none
  }

  #newsdetail .prev_next>div * {
    font-size: 16px
  }

  #sct_gonglue {
    padding: 0
  }

  #content_right .xiangguan li {
    width: 100%;
    float: none
  }

  .sitelogo img.webLogo2 {
    display: none
  }

  ul.nav>li {
    padding: 10px 20px 0
  }

  ul.nav>li>a {
    line-height: 1.7
  }

  #sitesearch {
    margin-right: 40px
  }

  .sct_taocantuijian .con {
    height: auto;
    padding-bottom: 60px
  }

  .sct_news .col2 .c {
    padding: 8px 10px
  }

  .jscap0 {
    font-size: 70px;
    margin-top: -140px
  }

  .mobileonly {
    display: unset
  }

  .mobileonly {
    display: unset !important;
  }

  body {
    -webkit-text-size-adjust: 100% !important
  }

  #topbar {
    display: none
  }

  ul.nav>li {
    width: 100%
  }

  ul.nav>li:first-child {
    /* padding-left: 0px; */
  }

  ul.nav>li>a:after {
    content: "" !important;
    display: block !important;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 30px;
    margin-top: -6px;
    background: url(images/ar.png) no-repeat center/100% auto;
    display: none !important
  }

  ul.nav>li>a {
    position: relative;
    background: transparent
  }

  .i_ttl {
    padding: 0 20px;
    line-height: 1.8
  }

  .row_h {
    white-space: nowrap;
    overflow-x: auto;
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-x: initial;
    height: auto;
    padding-bottom: 50px
  }

  .row_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
  }

  .row_flex div[class^="col-"] {
    margin: 0
  }

  .body_gonglue1 #pageban .ban .txt {
    display: none
  }

  .body_gonglue1 #pageban .ban {
    height: 65px;
    background: #000 none !important
  }

  .sct_taocantuijian .bg .sinfo {
    white-space: normal;
    height: 55px
  }

  .sct_taocantuijian .con {
    max-width: 80vw
  }

  .sct_news .col1 .t {
    padding: 0 20% 0 25px
  }

  .sct_news .more {
    top: 0;
    right: 10px
  }

  .sct_news .slick_news_item .toutiao {
    display: none
  }

  .sct_news .slick_news_item .toutiao+ul li {
    width: 100%;
    padding-right: 10px
  }

  .sct_news .slick_news_item .toutiao+ul li:nth-child(n + 6) {
    display: none
  }

  .sct_news .slick_news_item .toutiao+ul li:first-child {
    border: none
  }

  .sct_news .col1 .con {
    padding: 0;
    margin-bottom: 30px
  }

  .h2_sct_ttl {
    font-size: 18px
  }

  .h2_sct_ttl+p {
    font-size: 14px;
    line-height: 1.6
  }

  #pagelist {
    margin: 0 auto
  }

  .copyright {
    padding: 20px 0;
    height: auto;
    text-align: center
  }

  .copyright * {
    font-size: 12px;
    text-align: center
  }

  .copyright a {
    display: block
  }

  #pageban .p1 {
    font-size: 20px !important;
    font-weight: 700;
    color: #fff
  }

  #pageban .ban {
    height: 36vw;
    /* background-position: right !important; */
  }

  #pageban .container {
    text-align: center
  }

  .linkmore {
    font-size: 14px
  }

  .mainlist1 {
    padding: 25px 30px
  }

  .certofbrand2 {
    padding: 20px 15px;
    margin-top: 0
  }

  .snavbar .snav ul {
    display: flex;
    justify-content: center;
    padding: 5px
  }

  .snavbar .snav ul li {
    padding: 0;
    flex: auto
  }

  .h1,
  h1 {
    font-size: 22px
  }

  .snavbar .snav ul li span {
    padding: 10px 0;
    font-size: 14px
  }

  .f16 {
    font-size: 14px !important
  }

  .h2,
  h2 {
    font-size: 20px !important
  }

  #footer_nav .in {
    flex-wrap: wrap;
    display: block
  }

  #footer_nav .depth2 {
    display: block !important;
    text-align: left;
    padding: 0
  }

  #footer_nav .depth1>li .t {
    text-align: left;
    font-size: 14px;
    width: 100%;
    margin: 0 0 7px
  }

  #footer_nav .depth2 li {
    display: inline-block;
    margin-right: 0
  }

  #footer .depth1 .li_f_contact li {
    font-size: 12px
  }

  #footer_nav .ul_1 .li_1 .depth2 li a {
    font-size: 14px;
    line-height: 2
  }

  .remark {
    padding: 25px 15px !important
  }

  .jscap1 {
    font-size: 50px
  }

  .jsbn>div:nth-child(2) {
    bottom: 20px !important;
    position: absolute !important
  }

  .jsbullet_wrap {
    left: 0 !important;
    width: 100vw !important;
    position: static;
    max-width: none !important;
    text-align: center;
    min-width: 0;
    margin-left: -8px;
  }

  body>div.section {
    /* padding: 3rem 1.5rem; */
  }

  .i_ttl {
    padding: 0
  }

  .i_ttl .l p {
    font-size: 18px;
    line-height: 1.1;
    height: auto;
    margin-bottom: 0
  }

  .i_ttl .r a i {
    width: 14px;
    height: 14px;
    transform: none
  }

  .i_ttl .r a span {
    font-size: 12px
  }

  .h2_sct_ttl {
    padding: 0;
    font-size: 18px !important;
    line-height: 1.8;
    height: auto
  }

  .sct_news .h2_sct_ttl {
    display: none;
  }

  #submenu ul li a i {
    height: 16px;
    margin: 0;
    top: -3px
  }

  #pagelist {
    text-align: center
  }

  .article_list1 #pagelist {
    margin-top: 20px
  }

  #footer .in1,
  #footer .in2 {
    padding: 10px 0;
    border: none;
  }

  #footer .in2 {
    padding: 0;
    display: block
  }

  #footer .in2 * {
    text-align: center;
  }

  .linkmore_3 {
    width: 140px;
    height: 38px;
    padding: 0 19px
  }

  .linkmore_3 span {
    font-size: 14px
  }

  .linkmore_3 i svg {
    height: 14px
  }

  #pageban.ban3 .txt {
    width: 100%;
    position: static;
    text-align: center;
    margin: 0 auto;
    background: none
  }

  #pageban .p1 {
    margin-bottom: 0
  }

  #top_lang {
    transform: translateY(12px) translateX(-20px)
  }

  .searchLayer {
    display: none
  }

  #top_lang:before {
    display: none
  }

  #top_lang.open {
    background: #fff
  }

  .language-select * {
    color: #333 !important
  }

  .body_index .language-select * {
    color: #fff !important
  }

  .body_index .open .language-select * {
    color: #666 !important
  }

  .language-select li span {
    font-size: 13px
  }

  .language-select {
    margin-top: 3px
  }

  [data-aos] {
    opacity: 1 !important;
    visibility: visible !important
  }

  .sct_part_1 .con {
    height: auto;
    padding: 25px 20px 15px
  }

  .sct_part_1 .con .h3 {
    margin: 0;
    font-size: 22px
  }

  .sct_part_1 .con .sinfo {
    margin: 15px 0;
    font-size: 14px
  }

  .sct_part_1 .con .sinfo+a {
    font-size: 14px
  }

  .sct_part_1 .con .h3 .span1 {
    font-size: 17px
  }

  .sct_part_1 .con .h3 .span2 {
    font-size: 14px
  }

  .sct_part_1 .con .r {
    padding: 20px
  }

  .sct_part_2 {
    padding: 75px 20px 35px;
    height: auto
  }

  .sct_part_2 .con * {
    font-size: 14px
  }

  .sct_part_2 .i_ttl {
    margin-top: 0;
    margin-bottom: 0
  }

  .sct_part_2 .p1 {
    font-size: 15px
  }

  .sct_part_2 .p2 {
    margin: -6px 0 17px;
    font-size: 14px !important;
    line-height: 1.6 !important
  }

  .sct_part_2 .row2 {
    margin-top: 20px
  }

  .sct_part_2 .in {
    height: auto;
    padding: 14px 10px;
    margin-bottom: 20px;
    border-color: #ccc
  }

  .sct_part_2 .in .arrow_1 {
    width: 25px;
    height: 25px
  }

  .sct_part_2 .in .img {
    margin: 0 auto 12px
  }

  .sct_part_2 .in .img img {
    height: 50px
  }

  .sct_part_2 .in .s1 {
    font-size: 16px;
    margin-bottom: 20px
  }

  .sct_part_2 .in .s1+.s1 {
    font-size: 15px
  }

  .sct_part_2 .in .sinfo {
    margin: 10px auto 0;
    font-size: 12px;
    line-height: 1.6;
    height: 100px;
    overflow: hidden
  }

  .sct_part_3 {
    padding-top: 0;
    padding-bottom: 0
  }

  .sct_part_3 .plc2 {
    display: none
  }

  .sct_part_3 .app_slider {
    margin: 0;
    display: flex;
    flex-wrap: wrap
  }

  .sct_part_3 .plc {
    height: auto;
    margin-top: 0
  }

  .sct_part_3 .app_slider>div {
    flex: 0 0 100% !important;
    display: block !important;
    max-width: 100%;
    margin-bottom: 10px;
    height: 40vw;
    overflow: hidden
  }

  .sct_part_3 .app_slider .in {
    height: auto;
    margin: 0 auto;
    width: 100%;
    height: 100%
  }

  .sct_part_3 .app_slider .cover {
    width: 100%;
    height: auto;
    padding: 15px 0px 15px;
    position: static;
    display: block;
    background: #fff;
    display: none
  }

  .sct_part_3 .app_slider .cover * {
    color: #333
  }

  .sct_part_3 .app_slider .cover .linkmore_3 {
    border: none;
    padding: 0;
    justify-content: flex-start;
    height: auto
  }

  .sct_part_3 .app_slider .cover .linkmore_3 * {
    font-size: 14px
  }

  .sct_part_3 .app_slider .cover .linkmore_3 i {
    display: none
  }

  .sct_part_3 .app_slider .h3 {
    font-size: 16px;
    margin-bottom: 10px
  }

  .sct_part_3 .app_slider .sinfo {
    height: auto;
    -webkit-line-clamp: 30;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 15px
  }

  .indexsolutions {
    transform: none;
    margin: 0;
    height: min-content;
    overflow: hidden;
    padding: 0
  }

  .slt_pics {
    transform: scale(0.8);
    padding: 0
  }

  .slt_pics .swiper-slide-active .mxfDiv .cover {
    padding: 0;
    text-align: center;
    width: 100%;
    height: auto
  }

  .sct_part_4 .swiper-button {
    width: 32px;
    height: 32px;
    top: 137px;
    opacity: 0.5
  }

  .sct_part_4 .swiper-button-prev {
    left: 70px
  }

  .sct_part_4 .swiper-button-next {
    right: 80px
  }

  .slt_pics .cover .l1 {
    font-size: 15px
  }

  .slt_pics .cover span {
    display: none
  }

  .sct_news1 .h2_sct_ttl {
    /* display: none; */
    margin-bottom: 10px;
  }

  .sct_news1 .hdl_1 {
    display: flex;
    justify-content: center;
    padding: 0px 0 0;
    transform: translateY(1px)
  }

  .body_news .sct_news1 .hdl_1 {
    transform: none
  }

  .sct_news1 .i_ttl {
    margin-bottom: 10px;
    align-items: center
  }

  .sct_news1 .hdl_1 ul {
    column-gap: 20px
  }

  .sct_news1 .hdl_1 li span {
    font-size: 14px
  }

  .sct_news1 .inner {
    padding: 10px 0;
    border: 0
  }

  .sct_news1 .morenews {
    display: none
  }

  .sct_news1 .row_in .item:last-child .bd {
    border: 0
  }

  .sct_news1 .row_in .a_img {
    display: none
  }

  .sct_news1 .row_in .bd {
    padding: 10px 0;
    border: none;
    margin-bottom: 0;
    border-bottom: 1px dotted #ccc
  }

  .sct_news1 .row_in .date {
    margin-bottom: 6px
  }

  .sct_news1 .row_in .h3 {
    font-size: 14px;
    height: auto
  }

  .sct_news1 .row_in .sinfo {
    display: flex;
    font-size: 12.2px;
    line-height: 1.9;
    margin-bottom: 10px
  }

  .sct_news1 .row_in .sinfo img {
    display: block !important;
    width: 80px;
    height: 80px;
    margin: 0;
    margin-right: 10px;
    margin-top: 7px;
  }

  .sct_news1 .row_in .ft {
    display: none
  }

  .ftlink .item {
    height: 38px;
    line-height: 38px
  }

  .ftlink .btn,
  .ftlink .btn * {
    font-size: 12px
  }

  .ftlink .dropdown-item {
    font-size: 12px;
    line-height: 3;
    height: auto
  }

  #submenuwrap .box ul {
    height: 45px
  }

  #submenuwrap .box ul li {
    flex: 1
  }

  #submenuwrap .box ul li a {
    font-size: 14px;
    padding: 0 15px;
    column-gap: 5px;
    justify-content: center
  }

  #develop div {
    /* height: auto; */
    /* width: 100%; */
    /* gap: 12px; */
  }

  #develop .years {
    transform: scale(0.7);
  }

  #develop .event {
    padding: 0 !important;
    min-height: 0;
  }

  #develop .events {
    padding: 15px 15px 0;
    margin: 0 auto
  }

  .h2_ttl_3 {
    padding: 0;
    font-size: 16px;
    margin: 14px auto 0;
    text-align: center
  }

  .h2_ttl_3:after {
    display: none
  }

  .sct_guanyu1 {
    padding: 30px 10px 20px
  }

  .sct_guanyu1 .num4 .count,
  .sct_guanyu1 .num4 .dw {
    font-size: 20px;
    top: 0
  }

  .sct_guanyu1 .num4 li {
    column-gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .sct_guanyu1 .num4 ul {
    padding: 0px 30px;
    border: none;
    margin: 0
  }

  .sct_guanyu1 .num4 .d1+div:before {
    display: none
  }

  .sct_guanyu1 .num4 .d1+div {
    font-size: 14px;
    flex: 0 0 100%;
    padding: 0 0 0 2px
  }

  .articletitle_page+.remark {
    padding: 15px 15px 30px
  }

  .remark * {
    font-size: 14px;
    line-height: 1.88
  }

  .sct_guanyu1 .img {
    text-align: center;
    margin: 0 auto
  }

  .sct_guanyu1 .row2 {
    margin: 20px auto 0
  }

  .sct_guanyu2 {
    /* background: url(../images/bg4.jpg) no-repeat center center/cover; */
    /* padding: 55px 15px; */
  }

  div#sct_guanyu2 .h2_ttl_3 {
    margin-bottom: 20px
  }

  div#sct_guanyu2 .h2_ttl_3 .s2 {
    display: none
  }

  .sct_guanyu2 .in {
    padding: 40px 15px;
    margin-bottom: 20px;
    border: none
  }

  .sct_guanyu2 .in i {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    padding: 12px
  }

  .sct_guanyu2 .in img {
    width: 80%;
    height: auto
  }

  .sct_guanyu2 .p1 {
    font-size: 16px
  }

  .sct_guanyu2 .p2 {
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.6;
    height: 40px;
    padding-bottom: 20px
  }

  .sct_guanyu3 .w {
    height: auto;
    padding: 30px 0;
    margin: 0 auto
  }

  .sct_guanyu3 .d1 {
    font-size: 16px;
    font-weight: bold
  }

  .sct_guanyu3 .d2 {
    padding: 10px 30px;
    line-height: 1.88;
    font-size: 14px
  }

  .sct_guanyu3 .d3 {
    font-size: 100px;
    height: auto;
    display: none
  }

  .sct_jidi_1 .in2 {
    padding: 0 15px
  }

  .sct_jidi_1 .txt {
    padding: 25px 10px;
    text-align: center
  }

  .sct_jidi_1 .txt .h2 {
    font-size: 16px
  }

  .sct_jidi_1 .txt .d2 {
    font-size: 14px;
    line-height: 1.88;
    margin: 20px auto 0
  }

  .sct_jidi_1 .txt2,
  .sct_jidi_1 .txt2 * {
    font-size: 14px;
    line-height: 1.88
  }

  .sct_jidi_1 .num3 {
    padding-bottom: 40px
  }

  .sct_jidi_1 .num3 ul {
    column-gap: 10px;
    justify-content: space-around
  }

  .sct_jidi_1 .num3 .count {
    font-size: 20px
  }

  .sct_jidi_1 .num3 .dw {
    font-size: 12px
  }

  .sct_jidi_1 .num3 .d2 {
    font-size: 14px;
    margin: 5px 0 10px
  }

  .picslist {
    padding: 30px 15px
  }

  .picslist .in {
    height: 46vw;
    padding: 15px 0 0
  }

  .picslist .img {
    height: 30vw;
    margin: 0 auto 10px;
    padding: 0 10px
  }

  .picslist .img img {
    max-height: 100%
  }

  .picslist .txt {
    margin: 0 auto;
    font-size: 12px
  }

  .picslist .in:before {
    display: none
  }

  #leftbar .box_list {
    margin-bottom: 20px
  }

  #leftbar .wrap0 {
    padding: 0
  }

  #leftbar .box_list .ttl {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    justify-content: center;
    padding: 7px 0
  }

  #leftbar .box_list .ttl i {
    display: none
  }

  #leftbar .box_list ul {
    text-align: center;
    border: 0
  }

  #leftbar .box_list .cat1 {
    display: inline-block;
    border: 0
  }

  #leftbar .box_list .cat1 .a_1 {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border: none
  }

  #products_list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
  }

.body_products #products_list {
    /* height: 100vh; */
}

.body_products #products_list>div {
    /* height: 80%; */
    /* overflow-y: scroll; */
}

#products_detail #products_list {
    display: block !important;
}

  #products_list .r li>a {
    margin: 0 10px 20px
  }

  #products_list .r .p_ico {
    width: auto;
    height: auto;
    padding: 16px;
    height: 34vw
  }

  #products_list .p_ico img {
    max-height: 100%
  }

  #products_list .r .txt {
    padding: 10px 20px;
    justify-content: center
  }

  #products_list .r .txt span {
    font-size: 12px
  }

  #products_list .r .txt i {
    display: none
  }

  #products_detail table.fea {
    margin: 20px auto
  }

  #products_detail table.fea .t {
    font-size: 14px
  }

  #products_detail table.fea td,
  #products_detail table.fea th {
    font-size: 12px
  }

  #products_detail table.fea td {
    word-break: break-all
  }

  #products_detail .mainpic {
    width: auto;
    height: auto;
    padding: 30px;
    min-height: 90vw;
    margin: 15px
  }

  #products_detail .infos {
    padding: 20px
  }

  #products_detail .infos h1 {
    margin: 10px auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold
  }

  #products_detail .btn_zx a {
    line-height: 38px
  }

  #products_detail #products_list {
    padding: 15px
  }

  #products_detail #products_list .r {
    margin: 0 0 20px
  }

  #products_detail #products_list .t {
    margin-bottom: 25px
  }

  #products_detail #products_list .t i {
    width: 30px;
    display: none;
    height: 30px;
    background-size: 22px 22px
  }

  #products_detail #products_list .t .h2 {
    font-size: 16px !important;
    text-align: center;
    width: 100%;
    justify-content: center
  }

  #products_detail #products_list .item {
    padding: 20px
  }

  #products_detail #products_list .item .p_ico {
    height: 40vw;
    padding: 0
  }

  #products_detail #products_list .txt {
    padding: 0;
    margin-top: 25px
  }

  #slt_list {
    padding: 15px
  }

  #slt_list .w_a {
    margin-bottom: 15px;
    display: block
  }

  #slt_list .w_a .txt .t {
    font-size: 14px;
    font-weight: bold
  }

  #slt_list .w_a .txt .info {
    font-size: 12px;
    height: auto;
    line-height: 1.88;
    height: 6em
  }

  .article_list1 {
    padding: 0px 10px;
  }

  .article_list1 .item .txt {
    padding: 15px;
    flex: 0 0 100%
  }

  .article_list1 .item {
    padding: 0;
    margin-bottom: 15px
  }

  .article_list1 .item .t {
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 5px;
    height: auto
  }

  .article_list1 .item .sinfo {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    line-height: 1.66;
    margin-top: 10px
  }

  .article_list1 .item_b .sinfo {
    display: block
  }

  .article_list1 .item .sinfo img {
    display: block !important;
    float: left;
    margin: 0px 10px 10px 0
  }

  .article_list1 .item .time {
    font-size: 14px;
    margin: 0 0 10px
  }

  .article_list1 .item>a * {
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 5px
  }

  .article_list1 .item .more {
    display: none
  }

  .article_list1 .item .img {
    display: none
  }

  .article_content {
    padding: 15px
  }

  .slt_detail img.ma {
    display: none
  }

  .article_content .remark {
    font-size: 14px;
    line-height: 1.88;
    padding: 10px 0 !important
  }

  .slt_detail .lc2 .ma {
    display: none
  }

  .articletitle_page {
    padding: 20px 0;
    margin: 0 auto
  }

  .article_content h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 10px;
    text-align: center
  }

  .articleinfo {
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    justify-content: center
  }

  .articleinfo * {
    text-align: center;
    float: none
  }

  .articleinfo .fl * {
    font-size: 12px
  }

  .articlenav .fl * {
    font-size: 14px
  }

  .hotarticles {
    display: none
  }

  .sct_news1_submenu {
    margin: 0 auto;
    padding: 20px 20px 10px
  }

  .ttl_5 .h2 {
    margin: 30px 10px 20px;
    padding: 0;
    text-align: center;
    border: navajowhite
  }

  .ttl_5 .h2:after {
    display: none
  }

  .body_ptn .content {
    padding: 0 30px 30px
  }

  .sec_contact_1 .in1 {
    padding: 0 15px
  }

  .sec_contact_1 .ttl_5 .h2 {
    text-align: center;
    font-size: 16px !important;
    padding: 30px 0;
    width: 100%;
    font-weight: bold;
    margin: 0
  }

  .ul_contact {
    padding: 10px 0 30px
  }

  .ul_contact li {
    flex: 0 0 100%;
    margin: 0 0 14px
  }

  .ul_contact li .d {
    font-size: 14px;
    margin: 5px 0
  }

  .sec_contact_2 {
    padding: 30px 20px;
    text-align: center
  }

  .sec_contact_2 .ttl_5 {
    font-size: 16px;
    font-weight: bold
  }

  .sec_contact_2 .finfo {
    font-size: 14px;
    margin: 0 auto 20px
  }

  .sec_contact_2 .frm_ipt {
    height: auto;
    padding: 10px;
    width: 100%;
    display: block;
    min-width: 100%;
    margin-bottom: 15px;
    font-size: 12px
  }

  .sec_contact_2 .msg_form {
    display: block
  }

  .sec_contact_2 .ipt_submit {
    width: 100px;
    height: 40px;
    font-size: 14px;
    line-height: 37px;
    margin: 10px auto 0;
    line-height: 40px;
    padding: 0
  }

  .header .con #top_right {
    display: none
  }

  .body_index .header .con #top_right {
    display: flex
  }

  .pagination {
    margin: 10px 0 0
  }

  #footer_nav .ul_1 .li_1 .depth2 {
    display: inline-block;
    padding: 0
  }

  #footer_nav .ul2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
  }

  #footer_nav .ul_1 .li_1 .depth2 a {
    font-size: 13px
  }

  .culture_c {
    padding: 0 20px !important;
    margin: 0 auto
  }

  .culture_c .in {
    padding: 20px 15px;
    margin-bottom: 20px
  }

  .culture_c img {
    height: 68px
  }

  .culture_c .t {
    font-size: 16px;
    margin: 10px auto 0
  }

  .body_search .thelist2 {
    padding: 2rem 2rem 4rem
  }

  .sct_product .item {
    margin: 0 auto;
    height: auto;
    /* width: 100%; */
    /* max-width: none; */
    /* margin-bottom: 1rem; */
  }

  .sct_product .item a:after {
    display: none
  }

  .sct_product .img {
    width: 70%;
    height: auto;
    padding: 0 0 20px
  }

  .sct_product1 .hdls {
    min-width: 0;
    flex: 0 0 35vw
  }

  .sct_product .h3 .s1 {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sct_product .h3 .s2 {
    display: none
  }

  .sct_product .wp.on {
    display: block
  }

  .sct_product .item .arrow {
    display: none
  }

  .sct_product {
    padding: 3rem 1.5rem
  }

  .sct_product1.sct_product li a {
    height: auto;
    padding: 20px 7px
  }

  .sct_product1.sct_product li a i {
    display: none
  }

  .sct_product1.sct_product LI a span {
    font-size: 1.4rem
  }

  .sct_product .item a div {
    margin: 0
  }

  .sct_product .con {
    margin: 0 auto
  }

  #sct_about_index {
    padding: 30px 15px;
    background: #ecedf4 none
  }

  #sct_about_index:before {
    display: none
  }

  #sct_about_index .con {
    padding: 0
  }

  #sct_about_index .sinfo {
    width: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 1.8
  }

  #sct_about_index .pic {
    margin: 20px auto;
    width: 100%;
    display: block !important
  }

  #sct_about_index .txtr {
    display: none;
  }

  #sct_about_index .num4 {
    padding: 10px 0 0
  }

  #sct_about_index .num4 ul {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0 10px
  }

  #sct_about_index .num4 ul li {
    flex: 1 1 auto;
    font-size: 16px
  }

  #sct_about_index .num4 p {
    font-size: 14px
  }

  #sct_about_index .num4 .count {
    font-size: 21px
  }

  #sct_about_index .num4 .s2 {
    font-size: 14px;
  }

  #sct_about_index .i_ttl {
    margin-top: 10px
  }

  #sct_about_index .linkmore_3 {
    margin: 0 auto
  }

  .sct_honor .i_ttl {
    display: block
  }

  .sct_honor .picslist .pn a i {
    width: 30px;
    height: 30px
  }

  .sct_honor .picslist .txt:before {
    display: none
  }

  .sct_honor .i_ttl .r {
    position: static;
    margin: 30px auto 40px;
    text-align: center
  }

  .sct_honor .i_ttl .r ul {
    justify-content: center
  }

  .hdl_1.hdl_2 li span {
    font-size: 14px
  }

  .sct_guanyu1_jidi .con2 {
    padding: 20px 0;
    font-size: 14px
  }

  .sct_guanyu1_jidi .remark {
    font-size: 14px
  }

  #sort_nav_pro {
    margin-bottom: 20px
  }

  #sort_nav_pro ul {
    padding: 10px 0px;
    max-width: none;
    width: auto;
    overflow-x: scroll;
    display: block;
    white-space: nowrap;
  }

  #sort_nav_pro li {
    padding-right: 30px
  }

  #sort_nav_pro li::after {
    height: 16px;
    right: 14px;
    top: 15px
  }

  #sort_nav_pro li span {
    font-size: 14px;
    padding: 0;
    line-height: 50px
  }

  .overflow-x-auto {
    overflow-x: auto
  }

  .thelist1 th {
    height: auto;
    font-size: 14px;
    padding: 14px 8px;
    white-space: nowrap
  }

  .thelist1 td {
    font-size: 14px;
    padding: 1px 5px
  }

  .thelist1 .img img {
    max-height: none;
    height: 80px;
    width: auto;
    max-width: none
  }

  .thelist1 tr:nth-child(odd) td {
    max-width: min-content
  }

  .thelist1 td:nth-child(1),
  .thelist1 th:nth-child(1) {
    white-space: nowrap;
    min-width: 0;
    max-width: min-content
  }

  .btn_2 {
    width: 120px;
    height: 40px;
    font-size: 14px;
    margin: 20px auto 30px
  }

  .site_ttl_4 .h2+.sinfo {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.8
  }

  #applicationslist {
    padding: 45px 15px 20px
  }

  #applicationslist .name {
    font-size: 16px;
    padding: 20px;
    display: none
  }

  #applicationslist .txt {
    padding: 20px;
    position: static;
    background: #fff;
    opacity: 1;
    height: auto
  }

  #applicationslist .t {
    font-size: 16px;
    color: #333
  }

  #applicationslist .info {
    -webkit-line-clamp: 1000
  }

  #applicationslist .info ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap
  }

  #applicationslist .info li {
    color: #333;
    font-size: 14px;
    margin: 5px 8px;
    flex: 0 0 auto
  }

  .slt_detail {
    padding: 0 15px
  }

  .slt_page_part2 {
    margin: 10px auto;
    padding: 0 20px
  }

  .ourclients {
    padding: 20px 30px
  }

  .ourclients .bor {
    height: 25vw;
    padding: 8vw;
    margin-bottom: 10px
  }

  .ourclients .bor img {
    max-height: 50px
  }

  .sec_contact_new_1 {
    padding: 30px
  }

  .sec_contact_new_1 .bor {
    height: auto;
    padding: 20px 0;
    margin-bottom: 20px
  }

  .sec_contact_new_1 .img {
    margin: 0 0 10px
  }

  .sec_contact_new_1 .img img {
    height: 40px
  }

  .sec_contact_new_1 .h3 {
    font-size: 16px
  }

  .sec_contact_new_1 .info {
    font-size: 14px
  }

  .sec_contact_new_1 .info+p a {
    font-size: 14px
  }

  .sec_contact_new_1 .info+p a i {
    display: none
  }

  .sec_contact_new_1 .info {
    margin-bottom: 10px
  }

  .sec_contact_new_2 {
    padding: 0 20px 30px
  }

  .sec_contact_new_2 .inner {
    padding: 30px 10px
  }

  :root {}

  html {}

  html {}

  .container {}

  .mobileonly {}

  video {}

  .waponly {}

  .withicon1 {}

  .withicon1 span {}

  .withicon1 i {}

  .withicon1 i svg {}

  .bggray1 {}

  .flex {}

  .flex-center {}

  .flex-w {}

  .flex-c {}

  .i_ttl {}

  .i_ttl .l {}

  .i_ttl .l p {}

  .i_ttl .h2 {}

  .i_ttl .r {}

  .i_ttl .r a:hover span {}

  .i_ttl .r a i {}

  .i_ttl .r a span {}

  .h2_sct_ttl {}

  .h2_sct_ttl+p {}

  .h2_sct_ttl:after {}

  .h2_sct_ttl+.fbt {}

  .white .h2_sct_ttl {}

  .white .h2_sct_ttl:after {}

  .white .fbt {}

  .ban img {}

  .text-color1 {}

  .py-4 {}

  .py-4 {}

  .py-6rem {}

  .py-6rem {
    padding: 15px;
  }

  .line-clamp {}

  .lines-1 {}

  .lines-2 {}

  .lines-3 {}

  .lines-4 {}

  .lines-5 {}

  .lines-6 {}

  .bggray3 {}

  .content_main_img {
    margin: 20px auto;
  }

  #location {}

  #location * {}

  #location a:hover {}

  #submenu {}

  #submenu .box>a {}

  #submenu ul {}

  .submenu_search #submenu ul {}

  .submenu_search #submenu {}

  .submenu_search {}

  .submenu_search #submenu li:first-child {}

  .submenu_search #submenu li {}

  #submenu.submenu_yx {}

  #submenu.submenu_yx ul {}

  #submenu.submenu_yx ul li {}

  #submenu.submenu_yx ul li.active,
  #submenu.submenu_yx ul li:hover {}

  #submenu.submenu_yx ul li.active a,
  #submenu.submenu_yx ul li:hover a {}

  #submenu ul li.active a,
  #submenu ul li a:hover {}

  #submenu ul li.active a img,
  #submenu ul a:hover img {}

  #submenu ul li a {}

  #submenu ul li a i {}

  #submenu ul li a i img {}

  #submenu ul li a {}

  #menu_left {}

  #menu_left .h2 {}

  #menu_left .a_collapse {}

  #menu_left .a_collapse span {}

  #menu_left .menu_depth1 li {}

  #menu_left .menu_depth1 li a {}

  #menu_left .menu_depth1 li a:hover {}

  #menu_left .menu_depth1 li {}

  #menu_left .menu_depth1>li ul {}

  #menu_left .menu_depth1 li.open>ul {}

  #menu_left .menu_depth1>li>a {}

  #menu_left li.haschild>a:before {}

  #menu_left li.haschild.open>a:before {}

  #menu_left a:hover {}

  #menu_left .haschild {}

  #menu_left .haschild>a {}

  #menu_left .menu_depth2>li>a {}

  #menu_left .menu_depth2 {}

  #menu_left .active>a {}

  #menu_pop {}

  #menu_pop .in {}

  #menu_pop .items {}

  #menu_pop .items::-webkit-scrollbar,
  #menu_pop .items::-webkit-scrollbar-thumb {}

  #menu_pop .items::-webkit-scrollbar-thumb {}

  #menu_pop .items:hover {}

  #menu_pop .item {}

  #menu_pop .item .h3 {}

  #menu_pop li {}

  #menu_pop a {}

  #menu_pop a:hover {}

  #pagelist {
    padding: 10px 0 20px;
}

  .body_news #pagelist {}

  .body_soft #pagelist {}

  #pagelist a:hover,
  #pagelist .current {}

  #pagelist>span.pageinfo {}

  #pagelist>span,
  #pagelist a {}

  #footer {}

  #footer .footcontact {
    margin: 0;
  }

  #footer .footcontact .sitelogo img {}

  #footer .footcontact .item {
    margin-bottom: 15px;
  }

  #footer .footcontact .item i {
    flex: 0 0 25px !important;
    fill: #fff !important;
    height: 25px;

  }

  #footer .footcontact .item i * {}

  #footer .footcontact .item span {
    font-size: 14px;
  }

  #footer .footcontact .item_phone {}

  #footer .footcontact .item_phone i {}

  #footer .footcontact .item i * {
    fill: #fff;
    opacity: 1;
    display: block;
    width: 21px;
    height: 21px;

  }

  #footer .footcontact .item_phone span {
    font-size: 18px;
  }

  #footer .in1,
  #footer .in2 {}

  #footer .in2 {}

  #footer .in2 * {}

  #footer .in2 a:hover {}

  #footer .in2 .l {
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
  }

  .friendslinks .con>span {}

  .friendslinks .con>span~a {}

  .friendslinks .con>span~a:hover {}

  .copyright {
    padding: 20px 0 0;
  }

  .copyright * {}

  .copyright a:hover {}

  .copyright .pp {}

  .copyright .pp * {}

  .copyright .pp span {}

  .copyright .pp a {}

  .copyright .pp a:hover {}

  .hdl_submenu ul {}

  .hdl_submenu li {}

  .hdl_submenu .slick-active,
  .hdl_submenu .active {}

  #searchbar {}

  #searchbar.searchbar3 {}

  #searchbar.searchbar3 form {}

  #searchbar.searchbar3 .reci,
  #searchbar.searchbar3 .reci * {}

  #searchbar.searchbar3 .reci a:hover {}

  .resultlist .searchresult {}

  .searchresult:last-child {}

  .resultlist .searchresult>a {}

  .resultlist .sinfo {}

  .resultlist .kw {}

  .resultlist .source1 {}

  .resultlist .source1 a {}

  .resultlist .pagelists {}

  .ban #searchbar {}

  .reci {}

  .reci a {}

  .ban #searchbar .form_search {}

  #site-map {}

  .pagelists {}

  .pagelists .all {}

  .pagelists .grp {}

  .pagelists .pagelink {}

  .pagelists .pagelink.active,
  .pagelists .pagelink:hover {}

  #searchbar p.fl {}

  #searchbar .t {}

  #searchbar .inp02 {}

  #searchbar.searchbar3 .inp02 {}

  #searchbar .inp01 {}

  #searchbar.searchbar3 .inp01 {}

  .ban #searchbar .inp01 {}

  .ban #searchbar .inp02 {}

  #searchbar .form_search {}

  #searchbar .cover {}

  #searchbar+.sct_num {}

  .crumbs {}

  .body_contact .crumbs {}

  .body_products .crumbs {
    display: block;
    height: auto;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 0px;
}

  .body_products.body_detail .crumbs {
    display: none;
  }

  .body_detail .crumbs {}

  .body_p_1 .crumbs {}

  .crumbs a {}

  .body_detail .crumbs,
  .body_detail .crumbs * {}

  .body_detail.body_news .crumbs,
  .body_detail.body_news .crumbs * {}

  .body_detail.body_news .crumbs a:first-child {}

  .crumbs a:hover {}

  .crumbs * {}

  .crumbs * {}

  .crumbs * {}

  .crumbs span {}

  .crumbs a:first-child {}

  .body_products .crumbs a:first-child {
    background: none;
    filter: none;
    padding-left: 15px;
}

  .body_index {}

  .body_index:before {}

  .linkmore_3 {
    width: 12em;
    border-width: 1px;
    font-size: 12px;
  }

  .linkmore_3 span {}

  .linkmore_3:hover {}

  .linkmore_3 i {}

  .linkmore_3 i svg {}

  #ban_index .a1:hover {}

  #ban_index:hover .dots li.slick-active:after {}

  #ban_index .txt {}

  #ban_index .a1 {}

  #ban_index {}

  #ban_index .con {}

  #ban_index .inner {}

  #ban_index .img {}

  #ban_index .img img {}

  #ban_index .in {}

  #ban_index .in * {}

  #ban_index .con2 {}

  #ban_index .con2 .txt {}

  #ban_index .con2>p {}

  #ban_index .in .t {}

  #ban_index .s {}

  #ban_index .s2 {}

  #ban_index .s2:before {}

  #ban_index .linkmore {}

  #ban_index .linkmore:hover {}

  #ban_index .dots {}

  #ban_index .dots li {}

  #ban_index .dots li.slick-active {}

  #ban_index .dots li.slick-active:after {}

  #ban_index .p1 {}

  #ban_index .ban2 .p1 {}

  #ban_index .p1 {}

  #ban_index .p2 {}

  #ban_index .ban2 .p2 {}

  #ban_index .p2 .t a {}

  #ban_index .p2 .t a:hover {}

  #ban_index .nav2 .p2 a:hover {}

  #ban_index .ban {}

  #ban_index img {}

  #ban_index h4 img {}

  #ban_index .sname {}

  #ban_index h2 {}

  #ban_index h4 {}

  #ban_index h4 .dot {}

  #ban_index .txt {}

  #ban_index .ban2 .p1 {}

  #ban_index .ban {}

  #ban_index .txt {}

  #pageban .a1:hover {}

  #pageban .txt {}

  #pageban .ban_left .txt {}

  #pageban.ban3 .txt {}

  .body_quyu #pageban .txt {}

  #pageban .ban2 .txt {}

  #pageban .a1 {}

  #pageban .ban {}

  #pageban .con {}

  #pageban .inner {}

  #pageban .img {}

  #pageban .img img {}

  #pageban .in {}

  #pageban .in * {}

  #pageban .t {}

  #pageban .s {}

  #pageban .linkmore {}

  #pageban .linkmore:hover {}

  #pageban .dots {}

  #pageban .dots li {}

  #pageban .dots li.slick-active {}

  #pageban .dots li.slick-active:after {}

  #pageban .nav2 {}

  #pageban .nav2 .p1 span {}

  #pageban .nav2 li {}

  #pageban .nav2 li:nth-child(1) {}

  #pageban .nav2 li:nth-child(2) {}

  #pageban .nav2 li:nth-child(3) {}

  #pageban .nav2 li:nth-child(4) {}

  #pageban .p1 {
    background: rgb(0 158 224 / 87%);
    margin: auto;
    margin-top: 10px;
    border-radius: 5px;
    width: min-content;
    white-space: nowrap;
    padding: 2px 16px;
}

  .body_p_67 #pageban .p1 {}

  #pageban.ban3 .p1 {}

  #pageban.ban3 .p2 {}

  #pageban .ban2 .p1 {}

  #pageban .p2 {
    background: rgb(0 158 224 / 87%);
    margin-top: 10px;
    border-radius: 5px;
}

  #pageban.new0822 .txt {}

  #pageban .p2.lh40 {}

  #pageban .ban2 .p2 {}

  #pageban .nav2 .p2 span {}

  #pageban .nav2 .p2 a:hover {}

  #pageban .ban {
    background-size: cover !important;
    background-position: center !important;
    height: 180px;
}

  #pageban img {}

  #pageban .container {}

  #pageban .ban_left .container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #pageban .ban_detail .container {
    position: static;
    height: auto;
  }

  #pageban .ban_detail .mainpic img {}

  #pageban .ban_detail .mainpic img {
    display: block;
    width: 80vw;
    height: auto;
  }

  #pageban .ban_detail .mainpic {
    width: calc(100% - 30px);
    padding: 30px;
    min-height: 0;
    height: auto;
    margin: 30px auto 0px;
    border: 1px solid #eee;
    border-radius: 0;
  }

  #pageban .ban_detail .cs {
    padding: 0 15px;
    color: #333;
    display: flex;
    flex-wrap: wrap;
  }

  #pageban .ban_detail .cs>* {
    flex: 0 0 100%;
  }

  #pageban .ban_detail .cs h1 {
    font-size: 18px;
    padding: 0;
    margin: 10px auto 20px;
  }

  #pageban .ban_detail .cs h1:after {}

  #pageban .ban_detail .fea {
    font-size: 14px;
    line-height: 1.78;
    text-align: left;
    color: #888;
  }

  #pageban .ban_detail .morepics {
    margin: 20px auto;
    background: #f7f7f7;
    border: 1px solid #eee;
    padding: 10px;
    display: flex;
    order: -1;
  }

  #pageban .ban_detail .morepics .simg {
    width: auto;
    height: auto;
    flex: 1;
    margin: 0 auto;
    padding: 10px;
    align-items: center;
    justify-content: center;
  }

  #pageban .ban_detail .morepics img {
    display: block;
    height: auto;
  }

  #pageban .ban_detail .morepics .active {}

  #pageban h4 img {}

  #pageban .sname {}

  #pageban h2 {}

  #pageban h4 {}

  #pageban h4 .dot {}

  #newsitems {}

  #newsitems .item {}

  #newsitems .item:first-child {}

  #newsitems .item h3 {}

  #newsitems .item h3 a {}

  #newsitems .item h3 a:hover {}

  #newsitems .infotime {}

  #newsitems .sinfo {}

  .sct_youshi1#sct_youshi1 {
    padding: 35px 10px;
  }

  .sct_youshi1 {
    padding: 45px 10px;
  }

  .sct_youshi1 .on .img2 SPAN {
    display: none;
  }

  .sct_youshi1 P {}

  .sct_youshi1 IMG {}

  .sct_youshi1 .hovercard {
    display: block;
    padding: 0 21px;
  }

  .sct_youshi1 .hovercard * {}

  .sct_youshi1 .t {
    font-size: 16px;
    margin: 10px 0;
    line-height: 1.2;
    margin: 0 0 13px;
    font-weight: bold;
  }

  .sct_youshi1 .on .t {
    font-size: 16px;
    margin: 0 0 13px;
  }

  .sct_youshi1 .sitettl {}

  .sct_youshi1 .sinfo {
    display: block;
    height: auto;
    width: 100%;
    font-size: 12px;
    line-height: 1.6;
    opacity: 1;
    color: #fff;
  }

  .sct_youshi1 .item {
    width: 100%;
    filter: none;
    max-width: 100%;
    margin-bottom: 15px;
    min-height: 30vw;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 25px 30px;
  }

  .sct_youshi1 .item:nth-child(1) {}

  .sct_youshi1 .item:nth-child(2) {}

  .sct_youshi1 .item:nth-child(3) {}

  .sct_youshi1 .item:nth-child(4) {}

  .sct_youshi1 .item:nth-child(5) {}

  .sct_youshi1 .item:nth-child(6) {}

  .sct_youshi1 .item.on {
    width: 100%;
    filter: none;
    min-height: 0;
  }

  .sct_youshi1 .item:after {
    width: 100%;
    opacity: 1;
    z-index: 45;
  }

  .sct_youshi1 .item.on:after {}

  .sct_youshi1 .img2 {
    flex: 1 0 60%;
    text-align: left;
    padding-left: 15px;
    margin: 0;
  }

  .sct_youshi1 .on .img2 {
    padding: 0;
    text-align: left;
    padding-left: 15px;
  }

  .sct_youshi1 .img1 {
    flex: 0 0 60px;
    width: auto;
    height: auto;
  }

  .sct_youshi1 .img1 img {
    width: 40px;
    height: auto;
  }

  .sct_youshi1 .on .img1 {}

  .sct_youshi1 .on .img1 {}

  .sct_youshi1 .on .img1 {
    width: auto;
    margin: 0;
  }

  .sct_youshi1 .h2 {}

  .sct_youshi1 .container {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 * {}

  .sct_youshi1 .s0 {
    display: none;
  }

  .sct_youshi1 .linkmore_3:hover {}

  .sct_youshi1 .linkmore_3 {
    display: none;
  }

  .sct_youshi1 .on .linkmore_3 {
    display: none;
  }

  .sct_youshi1 .on .mask1 {}

  .sct_youshi1 .mask1 {
    opacity: 0.8;
    background: #0800379e;
  }

  .sct_youshi1 .on .sinfo {
    display: block;
    height: auto;
    width: 100%;
    font-size: 12px;
    line-height: 1.6;
    opacity: 1;
    color: #fff;
  }

  .sct_quyu_t {}

  .sct_quyu_t .h2 {}

  .sct_jieshao {}

  .sct_jieshao .h2 {}

  .sct_jieshao .con {}

  .sct_jieshao .sinfo {}

  #content_right h1 {}

  #content_right h1+.infotime {}

  #content_right #detail {}

  #content_right .prev_next {}

  #content_right .prev_next>div span {}

  #content_right .prev_next>div a {}

  #content_right .prev_next>div a:hover {}

  #content_right .p3 a {}

  #content_right .xiangguan li {}

  #content_right .xiangguan .h4 {}

  #content_right .xiangguan ul {}

  #content_right .xiangguan li {}

  .bluedot>li {}

  .bluedot>li:before {}

  #content_right .xiangguan li a {}

  #content_right .xiangguan li a:hover {}

  #top_lang {}

  .header .line {}

  #top_search {}

  .searchLayer {}

  .searchLayer {}

  #top_search:before {}

  #top_lang:before {}

  #top_lang.open:before {}

  #top_lang.open {}

  #top_lang.open:after {}

  .language-select:hover {}

  .language-select {}

  .language-select li {}

  .language-select li:hover {}

  .language-select li span {}

  .open .language-select {}

  .language-select li.active {}

  .searchicon {}

  .search_index {}

  form.search_index .input-group {}

  form.search_index .input-group>* {}

  form.search_index .input-group>* {}

  .search_index div {}

  body>div.section.sct_part_2 {
    padding: 40px 25px 40px;
  }

  .sct_part_2 * {}

  .sct_part_2 .num4 i {
    margin: 0 auto 13px;
    height: auto;
  }

  .sct_part_2 .num4 img {
    height: 40px;
    margin-top: 20px;
  }

  .sct_part_2 .con * {}

  .sct_part_2 a i {}

  .sct_part_2 .linkmore_3 i svg {}

  .sct_part_2 .linkmore_3:hover * {}

  .sct_part_2 .linkmore_3:hover {}

  .sct_part_2 .i_ttl {}

  .sct_part_2 .i_ttl p {}

  .sct_part_2 .i_ttl h2 {}

  .sct_part_2 .con {}

  .sct_part_2 .p1 {}

  .sct_part_2 .p2 {}

  .sct_part_2 .linkmore_3 {}

  .sct_part_2 .linkmore_3:hover {}

  .sct_part_2 .row2 {}

  .sct_part_2 .in {}

  .sct_part_2 .in:hover {}

  .sct_part_2 .in:hover * {}

  .sct_part_2 .in .img {}

  .sct_part_2 .in .img img {}

  .sct_part_2 .in .s1 {}

  .sct_part_2 .in .arrow_1 {}

  .sct_part_2 .in .arrow_1 svg {}

  .sct_part_2 .in .s1 i {}

  .sct_part_2 .in .s1+.s1 {}

  .sct_part_2 .in .s2 {}

  .sct_part_2 .in .sinfo {}

  .sct_part_4 {}

  .sct_part_4 .con {}

  .indexsolutions {}

  .sct_part_4 .swiper-container {}

  .sct_part_4 .swiper-button {}

  .sct_part_4 .swiper-button-prev {}

  .sct_part_4 .swiper-button-next {}

  .slt_pics .cover {}

  .slt_pics .cover .l1 {}

  .slt_pics .cover span {}

  .sct_youshi1,
  .sct_youshi1~div.sct_news1 {
    padding: 35px 20px 5px;
  }

  .sct_news1 .i_ttl {
    display: block;
    margin: 0 auto;
  }

  .sct_news1 .i_ttl .l {}

  .sct_news1 .i_ttl .l h2 {}

  .sct_news1 .i_ttl .r {}

  .sct_news1 .row2 {}

  .sct_news1 .in.toutiao {
    display: block;
    margin-bottom: 15px;
  }

  .sct_news1 .in.toutiao .a_img {
    height: auto;
    max-width: 100%;
    border-radius: 0;
    display: none;
  }

  .sct_news1 .in.toutiao .img {}

  .sct_news1 .in.toutiao .img img {}

  .sct_news1 .in.toutiao .bd {
    padding: 10px 0;
  }

  .sct_news1 .in.toutiao .h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 6px;
    background: none;
  }

  .sct_news1 .in.toutiao .sinfo {
    font-size: 12.2px;
    line-height: 1.9;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
  }

  .sct_news1 .newst {
    display: block;
    margin-bottom: 0;
  }

  .sct_news1 .newst .ft {}

  .sct_news1 .in.toutiao .date {
    font-size: 14px;
    display: block;
  }

  .sct_ptn {}

  .sct_ptn2 {}

  .sct_ptn .indexptns {
    gap: 5px;
    margin: 0 auto 15px;
    padding: 0 20px;
  }

  .sct_ptn .indexptns .item {
    max-width: 50%;
    flex: 1 0 47%;
    height: 70px;
  }

  .sct_ptn .indexptns .item img {
    max-height: 60%;
    max-width: 50%;
  }

  .hdl_1.hdl_2 {}

  .hdl_1.hdl_2 div {}

  .hdl_1.hdl_2 ul {}

  .hdl_1.hdl_2 li {}

  .hdl_1.hdl_2 li a {}

  .hdl_1.hdl_2 li span {}

  .hdl_1.hdl_2 li.slick-active span {}

  .hdl_1.hdl_2 li span:hover {}

  .hdl_1.hdl_2 * {}

  .hdl_1.hdl_2 * {}

  .hdl_1.hdl_2 * {}

  .sct_news1 .con {}

  .sct_news1 .inner {
    height: auto;
    margin: 0;
  }

  .sct_news1 .inner:hover {}

  .sct_news1 .inner:hover * {}

  .sct_news1 .row>div:last-child {}

  .sct_news1 .inner:hover .bd {}

  .sct_news1 .newsslider {}

  .sct_news1 .row_in {}

  .sct_news1 .row_in .item {}

  .sct_news1 .row_in .item:last-child .inner {}

  .sct_news1 .row_in .inner .a_img {}

  .sct_news1 .row_in .inner:hover .a_img {}

  .sct_news1 .row_in .img {}

  .sct_news1 .row_in .img img {}

  .sct_news1 .row_in .bd {
    padding: 0 0 10px;
  }

  .sct_news1 .row_in .date {
    display: none;
  }

  .sct_news1 .row_in .date.mobileonly {
    display: block;
  }

  .sct_news1 .row_in .date .d {}

  .sct_news1 .row_in .date .ym {}

  .sct_news1 .row_in .h3 {
    margin: 4px 0 3px;
  }

  .sct_news1 .row_in .h3:hover {}

  .sct_news1 .row_in .sinfo {}

  .sct_news1 .row_in .ft {}

  .sct_news1 .row_in .ft a {}

  .sct_news1 .row_in .toutiao .ft a {}

  .sct_news1 a:hover {}

  .sct_news1 .row_in .ft a i {}

  .sct_news1 .toutiao .ft a i * {}

  .sct_news1 .toutiao .ft a i {}

  .sct_news1 .row_in .inner:hover a {}

  .sct_news1 .row_in .inner:hover a i {}

  .sct_news1 .morenews {}

  .sct_news1 .morenews * {}

  .sct_news1 .morenews span {}

  .sct_news1 .morenews i {}

  .sct_news1 .morenews i svg {}

  .sct_news1 .morenews:hover {}

  .sct_news1 .morenews:hover span {}

  .sct_news1 .morenews:hover i {}

  .sct_news1 .morenews:hover i svg {}

  body>div.section.sct_form1 {
    padding: 40px 20px !important;
  }

  .sct_form1 .i_ttl p {}

  .sct_form1 .i_ttl {
    text-align: center;
  }

  .sct_form1 .i_ttl * {
    font-size: 14px !important;
    margin: 0 0 10px !important;
    line-height: 1.2 !important;
    text-align: center;
  }

  .sct_form1 .d2 {}

  .sct_form1 .d1 input {
    height: 38px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 14px;
    background: #fffffffc;
    width: 100%;
  }

  .sct_form1 .d1 {
    display: block;
    padding: 0 50px;
  }

  .sct_form1 .d1 input:nth-child(3) {}

  .sct_form1 .d2 input {}

  .sct_form1 .d2 input:hover {}

  .ftlink .items {}

  .ftlink .item {}

  .ftlink {}

  .ftlink .btn {}

  .ftlink .dropdown-menu {}

  .ftlink .dropdown-menu a:hover {}

  .ftlink .dropdown-toggle::after {}

  .ftlink .dropdown-item {}

  .ftlink .dropdown-item:hover {}

  #submenuwrap {}

  #submenuwrap #submenu {}

  #submenuwrap .box {}

  #submenuwrap .box>a {}

  #submenuwrap .box ul {}

  #submenuwrap .box ul li {}

  #submenuwrap .box ul li:last-child {}

  #submenuwrap .box ul li a {}

  #submenuwrap .box ul li.on {}

  #submenuwrap .box ul li.on a {}

  .site_slick_hdl {
    display: none;
  }

  .site_slick_hdl>a {
    width: 40px;
    height: 40px;
  }

  .site_slick_hdl>a.next {}

  .site_slick_hdl>a svg {}

  .site_slick_hdl>a:hover {}

  #develop {}

  #develop .h2_ttl_3 {}

  #develop .row2 {}

  #develop .years {}

  #develop .years:before {}

  .events .arr {}

  .events .arr:hover {}

  .events .arr.next {}

  #develop .slick-silder {}

  #develop .slick-list {}

  #develop .slick-track {}

  #develop a {}

  #develop #slk1 {}

  #develop #slk2 {}

  #develop .event {}

  #develop .event li {}

  #develop .event li:hover {}

  #develop .event li:before {}

  #develop .year.slick-current {}

  #develop .year.slick-current:before {}

  #develop .year.slick-current:after {}

  #develop .year {}

  #develop .year a span {}

  #develop .year:after {}

  #develop .year:before {}

  #develop .year span {
    padding: 0;
  }

  #develop .year.slick-current span {}

  #develop .slick-slide.slick-current.slick-active {}

  #develop .slick-slide.slick-active {}

  .events .arr.next.slick-arrow {}

  #develop .events {}

  #develop .slick-slider.slick-initialized {}

  #develop div.slick-slide li {}

  #develop li {}

  #develop .slick-active li {}

  .h2_ttl_3 {}

  .h2_ttl_3:after {}

  .h2_ttl_3 .s2 {}

  .sct_guanyu1 {
    padding: 0 20px 20px;
  }

  .sct_guanyu1 .remark {
    margin: 0;
    padding: 0;
  }

  .sct_guanyu1 .remark * {
    font-size: 14px;
    line-height: 1.8;
  }

  .sct_guanyu1 .con1 {}

  .sct_guanyu1 .companyname {
    font-size: 20px;
    padding: 10px 0 10px;
    text-align: center;
    margin: 10px auto 10px;
  }

  .sct_guanyu1 .companyname:after {
    left: 50%;
    width: 40vw;
    transform: translateX(-50%);
    height: 2px;
  }

  .sct_guanyu1 .img {}

  .sct_guanyu1 .con h2 {}

  .remark {
    padding: 10px 0 !important;
  }

  .articletitle_page+.remark {}

  .remark * {}

  .sct_guanyu1 .img {
    height: auto;
  }

  .sct_guanyu1 .row2 {}

  .sct_guanyu1 .img img {}

  .sct_guanyu1 .num4 {
    display: none;
  }

  .sct_guanyu1 .num4 ul {
    padding: 0;
    display: block;
  }

  .sct_guanyu1 .num4 li {}

  .sct_guanyu1 .num4 .d1 {}

  .sct_guanyu1 .num4 .count,
  .sct_guanyu1 .num4 .dw {}

  .sct_guanyu1 .num4 .dw {}

  .sct_guanyu1 .num4 .d1+div {}

  .sct_guanyu1 .num4 .d1+div:before {}

  .sct_guanyu2 {}

  .sct_guanyu2 .h2 {}

  .sct_guanyu2 .con5 {
    display: block;
    padding: 0 50px;
  }

  .sct_guanyu2 .part2 {}

  .sct_guanyu2 .row2 {}

  .sct_guanyu2 .in {
    padding: 20px;
    margin-bottom: 10px;
    /* background: #ffffff26; */
  }

  .sct_guanyu2 .in i {
    margin-bottom: 2px;
  }

  .sct_guanyu2 .in img {
    transform: translateY(-1px);
    width: 70%;
  }

  .sct_guanyu2 .p1 {}

  .sct_guanyu2 .p2 {
    padding: 0;
    height: auto;
  }

  .sct_guanyu3 {
    padding: 35px 15px 10px;
  }

  .sct_guanyu3 .events {}

  .sct_guanyu3 .event {}

  .sct_guanyu3 .w {
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    min-height: 0;
    box-shadow: none;
    background: transparent;
    padding: 10px 0 0;
  }

  .sct_guanyu3 #develop div.theyear {
    font-size: 18px;
    padding: 0;
    width: 7em;
    letter-spacing: 0;
    border: none;
    margin: 10px auto 0;
  }

  .sct_guanyu3 .rr {}

  .sct_guanyu3 .rr .txt {
    font-size: 14px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 2;
  }

  .sct_guanyu3 .rr .pic {
    width: 100%;
    padding: 0 20px;
    margin: 10px auto 0;
  }

  .sct_guanyu3 .rr .pic img {}

  .sct_guanyu3 .d1 {}

  .sct_guanyu3 .d2 {}

  .sct_guanyu3 .d3 {}

  .sct_guanyu3 .years {}

  .sct_guanyu3 .arr {}

  .sct_guanyu3 .arr.next {}

  .sct_guanyu1_jidi {}

  .sct_guanyu1_jidi .h2_ttl_3 {}

  .sct_guanyu1_jidi .imgs {
    width: 100%;
    height: auto;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }

  .sct_guanyu1_jidi .img {
    width: 90% !important;
    height: auto !important;
    position: static;
    margin: 0 auto;
    flex: 0 0 calc(50% - 10px);
  }

  .sct_guanyu1_jidi img:hover {}

  .sct_guanyu1_jidi .img img {
    width: auto;
    height: 100%;
    max-width: 220%;
    max-height: 40vw;
    min-width: 100%;
  }

  .sct_guanyu1_jidi .img_1 {
    min-width: 100%;
    margin: 0;
  }

  .sct_guanyu1_jidi .img~.img {}

  .sct_guanyu1_jidi .img~.img_2 {}

  .sct_guanyu1_jidi .img~.img_3 {}

  .sct_guanyu1_jidi .img~.img_4 {}

  .sct_guanyu1_jidi .img~.img_5 {}

  .sct_guanyu1_jidi .img~.img_6 {}

  .sct_guanyu1_jidi .img~.img_7 {}

  .sct_guanyu1_jidi .img_2 {}

  .sct_guanyu1_jidi .img_3,
  .sct_guanyu1_jidi .img_4 {}

  .sct_guanyu1_jidi .img_4 {}

  .sct_guanyu1_jidi .p_s_first .img img {}

  .sct_guanyu1_jidi .p_s_first .img:hover img {}

  .sct_huoban {
    height: auto;
    padding: 30px 0 10px;
  }

  .sct_huoban .h2 {
    margin: 10px auto;
    font-size: 16px;
  }

  .sct_huoban .p1 {
    font-size: 14px;
    letter-spacing: 0;
  }

  .sct_huoban .p2 {
    font-size: 14px;
    padding: 0 40px;
    line-height: 1.6;
  }

  .sct_huoban a {
    width: 10em;
    height: auto;
    padding: 10px 0;
    font-size: 15px;
    margin: 30px auto;
  }

  .sct_huoban a:hover {}

  .picslist {}

  .picslist .in {}

  .picslist .img {}

  .picslist .img img {}

  .picslist .txt {}

  .picslist .in:before {}

  .sct_lingyu1 .hdls a:before {}

  .sct_product .hdls a.on:before,
  .sct_product .hdls a:hover:before {}

  .sct_product .logoimg {}

  .sct_product .item {
    flex: 1;
    max-width: calc(50% - 5px);
  }

  .sct_product .item a {
    height: auto;
    padding: 10px;
  }

  .sct_product .item a:after {}

  .sct_product .item a:hover:after {}

  .sct_product .item a:hover .arrow {}

  .sct_product .item a .arrow svg {}

  .sct_product .item a:hover {}

  .sct_product .item a:hover * {
    color: var(--color1);
}

  .sct_product .img {
    width: 34vw;
    height: 34vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .sct_product .img img {
    max-width: 80%;
  }

  .sct_product .hdls {}

  .sct_product1 .hdls {
    padding: 0 10px;
    background: #F2F6F9;
    overflow: hidden;
    /* border-radius: 8px; */
    border-bottom: 1px solid #D6DFE4;
    margin-bottom: 2rem;
  }

  .sct_product .h3 {}

  .sct_product .h3 .s1 {}

  .sct_product .h3 .s2 {}

  .sct_product .h2 {}

  .sct_product .wp {}

  .sct_product .wp.on {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .sct_product .c {}

  .sct_product .container {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .sct_product * {}

  .xiangguan #products_list {
    display: block;
}

  .products_list .sct_product {
    flex: 1;
    background: #fff;
}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product *{}
.products_list .sct_product .h3 .s2{
    display: block;
    font-size: 12px;
    margin: 0;
    white-space: normal;
    text-align: left;
    line-height: 1.4;
}

.products_list .sct_product+div {
    flex: 0 0 100%;
}

  .products_list .wp.on {
    padding: 30px 5px;
}

  .products_list .item {
    max-width: 100%;
    border: none;
    flex: 0 0 100%;
    text-align: left;
    margin-bottom: 15px;
}

.xiangguan .products_list .item {
    padding: 0 30px;
}

  .products_list .item a {
    padding: 0;
    flex-wrap: nowrap;
    flex-direction: row;
    border-radius: 0;
    border: none;
    align-items: flex-start;
}

  .products_list .item .con {}

  .products_list .item .img {
    margin-top: 0;
    height: 24vw;
    flex: 0 0 24vw;
    align-items: center;
    margin-right: 10px;
    justify-content: center;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
  }

  .products_list .item .img img {
    max-height: 100%;
    border-radius: 0;
  }

  .products_list .item img {}

  .products_list .item .txt {}

  .products_list .item .h3 {
    display: block;
}

.xiangguan .products_list .item .h3 {
    margin: 0;
    margin-left: 11px;
}

  .products_list .item .s1 {
    padding: 0px 0 0;
    text-overflow: unset;
    overflow: visible;
    white-space: normal;
    text-align: left;
    margin: 0px 0 8px;
    font-size: 14px;
    line-height: 1.3;
  }

.products_list .item a:hover span {
    color: var(--color1);
}

  .products_list .item .h3:before {
    display: none;
}

  .products_list .item .h3 a {}

  #products_detail {
    padding-bottom: 10px;
  }

  #products_detail .detail {}

  #products_detail .detail_hd {}

  #products_detail .detail_hd {
    margin: 0;
    flex-wrap: wrap;
    border: 0;
  }

  #products_detail .hdls4 div {}

  #products_detail .hdls4 .slick-active {
    border-radius: 6px 6px 0 0;
  }

  #products_detail .btns {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex: 0 0 100%;
    margin: 10px auto;
    padding: 10px 0 10px;
  }

  #products_detail .btns a {
    width: 9em;
    height: auto;
    padding: 5px 15px;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
    position: static;
  }

  #products_detail .btns a:last-child i {}

  #products_detail .btns a span {}

  #products_detail .btns a i {
    display: none;
  }

  #products_detail .btns a:hover {}

  #products_detail .detail_bd {}

  #products_detail .remark {}

  #products_detail .remark strong {
    font-size: 18px;
  }

  #products_detail .hdls4 li {
    width: auto;
    font-size: 16px;
    height: auto;
    padding: 6px 10px;
  }

  #products_detail .hdls4 {
    flex: 0 0 100%;
    order: 2;
  }

  #products_detail .remark {
    font-size: 14px;
    line-height: 1.8;
    padding: 0 20px !important;
  }

  #products_detail .remark table {}

  #products_detail .remark table td:first-child,
  #products_detail .remark table th {
    width: auto;
    padding: 5px 8px;
    white-space: nowrap;
    font-size: 12px;
  }

  #products_detail .remark table td {
    padding: 5px 8px;
    line-height: 1.6;
    font-size: 12px;
  }

  #products_detail .slick-dots {
    justify-content: center;
    margin: 25px auto;
    border-bottom: 1px solid #ddd;
    gap: 20px;
  }

  .xiangguan .ttl {
    font-size: 18px;
    text-align: center;
    padding: 0 0 20px;
    margin: 0 30px 0px;
  }

  .xiangguan .ttl:after {
    display: none;
  }

  .xiangguan {
    padding: 0;
  }

  #products_detail #products_list {}

  #products_detail #products_list .r {}

  #products_detail #products_list .t {}

  #products_detail #products_list .t i {}

  #products_detail #products_list .t .h2 {}

  #products_detail #products_list .item {}

  #products_detail #products_list .item .p_ico {}

  #products_detail #products_list .txt {}

  #slt_list {}

  #slt_list .w_a {}

  #slt_list .w_a .p_ico {}

  #slt_list .w_a .txt {}

  #slt_list .w_a .txt .t {}

  #slt_list .w_a .txt .info {}

  .article_list1 {}

  .body_ptn {}

  .body_ptn #submenuwrap,
  .body_ptn .crumbs {}

  .body_ptn .in {}

  .ttl_5 {}

  .ttl_5 .h2 {}

  .ttl_5 .h2:after {}

  .ourclients .ttl_5 .h2:after {}

  .body_ptn .content {}

  .sec_contact_1 .in1 {}

  .sec_contact_1 {
    padding: 0 20px;
  }

  .sec_contact_1 .container {}

  .sec_contact_1 .ttl_5 {}

  .sec_contact_1 .ttl_5 .h2 {
    font-size: 14px;
    padding: 30px 0 20px;
  }

  .ul_contact {}

  .ul_contact li {}

  .ul_contact li i {
    width: 50px;
    height: 50px;
  }

  .ul_contact li img {
    height: 20px;
  }

  .ul_contact li .c {}

  .ul_contact li .t {
    font-size: 14px;
  }

  .ul_contact li .d {
    font-size: 16px;
  }

  .ul_contact .li_1 {}

  .ul_contact .li_1 i {
    /* width: 50px; */
  }

  .ul_contact .li_2 {}

  .ul_contact .li_2 i {}

  .ul_contact .li_3 {}

  .ul_contact .li_3 i {}

  .ul_contact .li_4 {}

  .ul_contact .li_4 i {}

  .ul_contact .li_5 {}

  .ul_contact .li_5 i {}

  .company_map {}

  .company_map #map1 {}

  .sec_contact_2 {}

  .sec_contact_3 {}

  #mapContainer {}

  .sec_contact_2 .inner {}

  .sec_contact_2 .ttl_5 {}

  .sec_contact_2 .finfo {}

  .sec_contact_2 .form {}

  .sec_contact_2 .form .frm_ipt {}

  .sec_contact_2 textarea.frm_ipt {}

  .sec_contact_2 .frm_ipt {}

  .sec_contact_2 .msg_form {}

  .sec_contact_2 input.ipt_submit {
    height: 35px;
    font-size: 16px;
  }

  .culture_c {}

  .culture_c .in {}

  .culture_c .img {}

  .culture_c img {}

  .culture_c .t {}

  .culture_c .c {}

  #footer .social {}

  #footer .social img {}

  #footer .social span {}

  .arrow_1 {}

  .arrow_1 svg {}

  a:hover .arrow_1 {}

  .sct_product .item .arrow {}

  .sct_product .item .arrow svg {}

  .sct_product1.sct_product li a.on {}

  .sct_product1.sct_product li a.on * {}

  .sct_product1.sct_product li a.on i {}

  .sct_product {}

  .sct_product1.sct_product LI {}

  .sct_product1.sct_product .hdls>ul {
    white-space: nowrap;
    padding: 10px;
    overflow-x: scroll;
    background: #F2F6F9;
  }

  .sct_product1.sct_product LI * {}

  .sct_product1.sct_product li a {
    padding: 7px 10px;
  }

  .sct_product1.sct_product li a:before {}

  .sct_product1.sct_product li a.on:before {}

  .sct_product1.sct_product li a i {}

  .sct_product1.sct_product li a i svg {}

  .sct_product1.sct_product LI a span {
    font-size: 14px;
  }

  .sct_product .item a div {}

  .sct_product .item a div .h3 .s2 {}

  .sct_product .item a:hover .img {}

  .sct_product .con {}

  .sct_product .h3+i {}

  #sct_about_index {}

  #sct_about_index .img2 {}

  #sct_about_index:before {}

  #sct_about_index .con {}

  #sct_about_index .p1 {}

  #sct_about_index .companyname {}

  #sct_about_index .sinfo {
    margin-bottom: 20px;
  }

  #siteimg {}

  #siteimg img {}

  #sct_about_index .sinfo br {}

  .sct_part_2 .num4 {
    padding: 20px 0 0;
  }

  .sct_part_2 .num4 ul {
    flex-wrap: wrap;
    gap: 0;
    max-width: 94%;
    justify-content: space-between;
    margin: 0 auto;
  }

  .sct_part_2 .num4 ul li {
    flex: 0 0 49%;
    border-right-color: rgb(255 255 255 / 20%);
    border-bottom-color: rgb(255 255 255 / 20%);
    margin: 0;
    padding: 15px 0;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: 2%;
  }

  .sct_part_2 .num4 ul li:last-child {}

  .sct_part_2 .num4 .count {
    font-size: 22px;
  }

  .sct_part_2 .num4 .s2 {
    font-size: 16px;
    margin-left: 6px;
  }

  #sct_about_index .i_ttl {}

  #sct_about_index .i_ttl p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  #sct_about_index .info0 {
    font-size: 20px;
    padding-left: 10px;
    margin-bottom: 16px;
  }

  .sct_part_2 .num4 p {
    font-size: 13px;
  }

  #sct_about_index .linkmore_3 {
    margin: 26px auto 10px;
  }

  #sct_about_index .linkmore_3:hover {}

  #sct_about_index .linkmore_3 i {}

  #sct_about_index .linkmore_3 svg {}

  .sct_honor {
    padding: 30px 15px 14px;
  }

  .sct_honor .picslist .in {}

  .sct_honor .hdl_2 {}

  .sct_honor .hdl_3 {}

  .sct_honor .picslist {}

  .sct_honor .picslist .pn {}

  .sct_honor .picslist .pn a:hover * {}

  .sct_honor .picslist .pn a.next {}

  .sct_honor .picslist .pn a i {}

  .sct_honor .picslist .pn a svg {}

  .sct_honor .picslist .pn a.next i {}

  .sct_honor .picslist .hdl_wrap {}

  .sct_honor .picslist .hdl_wrap .currentdot {}

  .sct_honor .picslist .hdl_3 {}

  .sct_honor .picslist .hdl_wrap:before {}

  .sct_honor .picslist .hdl_3 li {}

  .sct_honor .picslist .hdl_3 li:last-child {}

  .sct_honor .picslist .hdl_3 li:last-child:before {}

  .sct_honor .picslist .hdl_3 ul {}

  .sct_honor .picslist .hdl_3 .slick-active {}

  .sct_honor .picslist .slider_honors .slick-slide {}

  .sct_honor .picslist .slider_honors .slick-list {}

  .sct_honor .hndots {}

  .sct_honor .hndots {
    margin: 20px auto 0;
  }

  .sct_honor .hndots ul.slick-dots li {
    height: 13px;
    width: 13px;
    margin: 0 10px;
  }

  .sct_honor .hndots ul.slick-dots li.slick-active {}

  .sct_honor .hndots ul.slick-dots li span {}

  .sct_honor .picslist .img {
    width: 100%;
    height: 35vw;
    padding: 10px;
  }

  .sct_honor .picslist .txt:before {}

  .sct_honor .i_ttl .r {}

  .sct_honor .row2 {}

  #sort_nav_pro {
    margin: auto;
  }

  #sort_nav_pro:after {
    display: none;
  }

  #sort_nav_pro .row {}

  #sort_nav_pro .con {}

  #sort_nav_pro #con {
    padding: 10px 20px;
    overflow: hidden;
  }

  .body_slt #sort_nav_pro ul {}

  .body_news #sort_nav_pro ul {}

  #sort_nav_pro li {
    padding: 0;
    display: inline-block;
    margin: 0 auto;
  }

  .body_news #sort_nav_pro li {}

  #sort_nav_pro li::after {}

  #sort_nav_pro li:last-child:after {}

  #sort_nav_pro li a {
    padding: 0 10px !important;
  }

  .body_page #sort_nav_pro li a {}

  .body_slt #sort_nav_pro li a {}

  #sort_nav_pro li span {
    line-height: 2;
  }

  #sort_nav_pro .active,
  #sort_nav_pro li:hover {}

  #sort_nav_pro .active *,
  #sort_nav_pro li:hover * {}

  #sort_nav_pro .active span {}

  .productdetail {}

  .productdetail .left {}

  .productdetail .bor {}

  .productdetail .left .item {}

  .productdetail .left .item:hover {}

  .productdetail .left .item:hover {}

  .productdetail .left .img {}

  .productdetail .left .img img {}

  .productdetail .left i {}

  .productdetail .left .txt {}

  .productdetail .rightcontent {}

  .productdetail .rightcontent .flex2 {}

  .productdetail .rightcontent .pic {}

  .productdetail .rightcontent .pic img {}

  .productdetail .rightcontent .fea {}

  .btn_2 {}

  .btn_2:hover {}

  .productdetail .rightcontent .btn_2 i {}

  .productdetail .rightcontent .btn_2 img {}

  .productdetail .rightcontent .btn_2 span {}

  .productdetail .pagecontent {}

  .productdetail .h3.t {}

  .productdetail .remark {}

  .productdetail .remark * {}

  .sitettl2 {}

  .sitettl2>div {}

  .site_ttl_4 {}

  .site_ttl_4 .h2 {}

  .site_ttl_4 .h2+.sinfo {}

  .bggray3 {}

  .msg_form {}

  .msg_form input,
  .msg_form textarea {}

  .msg_form input::-moz-placeholder,
  .msg_form textarea::-moz-placeholder {}

  .sct_form1 .msg_form input::placeholder,
  .sct_form1 .msg_form textarea::placeholder {}

  .msg_form input::placeholder,
  .msg_form textarea::placeholder {}

  .msg_form input[type="submit"],
  .msg_form button {
    width: 10em;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
    background: var(--color1);
  }

  .siteform1 {}

  .siteform1 .label1 {}

  .siteform1 .label1 {}

  .siteform1 .h3 {}

  .siteform1 .h3 {}

  .siteform1 .input1 {}

  .siteform1 .input1 {}

  .siteform1 .input1:focus {}

  .siteform1 .flex00 {}

  .grid {}

  .gap-4 {}

  .grid-cols-3 {}

  .mb-6 {}

  .site_ttl_4 {}

  .site_ttl_4 .h2 {}

  .site_ttl_4 .sinfo {}

  .slt_detail {}

  .slt_detail .content {}

  .slt_detail .content>.txtc {}

  .slt_detail .content .h2 {}

  .slt_detail .content .sinfo {}

  .slt_detail .remark {}

  .slt_detail .lc2 {}

  .slt_page_part2 {}

  .slt_page_part2 .yangpin_form_wrap {}

  .slt_page_part2 .h3 {}

  .slt_page_part2 .grid {}

  .slt_page_part2 .label {}

  .slt_page_part2 .input {}

  .slt_list {}

  .slt_list .items {
    padding: 0px 15px 0;
    gap: 10px;
    margin: 10px auto;
  }

  .slt_list .item {
    flex: 1;
    max-width: 100%;
  }

  .slt_list .item>a {}

  .slt_list .item .img {
    width: 100%;
  }

  .slt_list .item .img img {}

  .slt_list .h3 {}

  .slt_list .s1 {
    font-size: 16px;
  }

  .slt_list .s2 {
    font-size: 13px;
    margin: 10px auto;
  }

  .article_list1 .item .txt {}

  .article_list1 .item {}

  .article_list1 .item:hover {}

  .article_list1 .row>div:last-child .item {}

  .article_list1 .item h3 {}

  .article_list1 .item h3+div {}

  .article_list1 .item .sinfo {}

  .article_list1 .btn_more {}

  .article_list1 .btn_more span {}

  .article_list1 a:hover .btn_more span {}

  .article_list1 .item .time {}

  .article_list1 .bor {}

  .article_list1 .item .bor * {}

  .article_list1 .item h3:hover {}

  .article_list1 .img {}

  .article_list1 .img {}

  .article_list1 .item .more {}

  .article_list1 .item .more:hover {}

  .article_list1 .item .more i {}

  .article_list1 .item .more i svg {}

  .article_list1 .item .img {}

  .article_detail {}

  .article_detail2 {}

  .article_content {
    margin: 0 auto;
    padding: 15px 20px;
  }

  .article_content .remark {}

  .articlenav {}

  .article_content .remark * {}

  .article_content h1 {}

  .articletitle_page {}

  .article_content.topgap1 {}

  .article_content.topgap1:before {}

  .articleinfo {}

  .articleinfo * {}

  .articleinfo * {
    font-size: 14px;
    line-height: 2;
  }

  .articleinfo .fl * {}

  .articleinfo .fl a:hover {}

  .articleinfo .fl span {}

  .articleinfo .fl span i {}

  .articleinfo .fl span.category i {}

  .articleinfo .fl span.source i {}

  .articlenav .fl {}

  .articlenav .return1 i {}

  .articlenav .return1 {}

  .articlenav .return1 span {}

  .hotarticles {}

  .hotarticles .h4 {}

  .hotarticles h3 {}

  .hotarticles a {}

  .hotarticles .sinfo {}

  .hotarticles li {}

  .hotarticles li span {}

  .hotarticles li span i {}

  .hotarticles a+span {}

  .hotarticles a:hover {}

  .body_news_list .crumbs {}

  .sct_news1_submenu {}

  .body_news .sct_news1_submenu {
    margin: 0 auto;
    padding: 20px 20px 10px;
  }

  .body_detail .sct_news1_submenu {}

  .sct_news1 .i_ttl .r.hdl_3 {
    width: 100%;
  }

  .sct_news1 .i_ttl .r.hdl_3 ul {}

  .sct_news1 .hdl_3 ul {}

  .sct_news1 .hdl_3 li a {
    height: auto;
    padding: 0;
  }

  .sct_news1 .hdl_3 li.active a {}

  .sct_news1 .hdl_3 li span {}

  .sct_news1 .hdl_3 li.on span {}

  .sct_news1 .hdl_3 li span:hover {}

  .ourclients {}

  .ourclients .ttl_5 {}

  .ourclients .ttl_5 .h2:after {}

  .ourclients .ttl_5 .h2 {}

  .ourclients .bor {}

  .ourclients .bor img {}

  .sec_contact_new_1 {}

  .sec_contact_new_1 .row1 {}

  .sec_contact_new_1 .bor {}

  .sec_contact_new_1 .img {}

  .sec_contact_new_1 .img img {}

  .sec_contact_new_1 .h3 {}

  .sec_contact_new_1 .info {}

  .sec_contact_new_1 .info+p {}

  .sec_contact_new_1 .info+p a {}

  .sec_contact_new_1 .info+p a span {}

  .sec_contact_new_1 .info+p a i {}

  .sec_contact_new_2 {}

  .sec_contact_new_2 .company_map {}

  .sec_contact_new_2 #map1 {}

  .sec_contact_new_2 .inner {}

  .sec_contact_new_2 .ttl_5 {}

  .sec_contact_new_2 .finfo {}

  .downloadlist {}

  .downloadlist .items {}

  .downloadlist .item {}

  .downloadlist .item ul {}

  .downloadlist .item ul * {
    font-size: 12px;
  }

  .downloadlist .item li {
    padding: 12px 5px;
  }

  .downloadlist .item li:hover {}

  .downloadlist .item li:hover * {}

  .downloadlist .item .li_1 {
    display: none;
  }

  .downloadlist .item .li_2 {}

  .downloadlist .item .li_2~li {}

  .downloadlist .item .li_6 a {}

  .downloadlist .item .li_1 i {}

  .downloadlist .item .li_6 i {
    width: 36px;
    height: 36px;
    padding: 10px;
  }

  .downloadlist .item .li_6 i svg {}

  i {}

  i {}

  .downloadlist .item ul:hover {}

  .downloadlist .item ul:hover * {}

  .downloadlist .item ul:hover .li_1 svg {}

  .downloadlist .item ul:hover .li_6 i {}

  .downloadlist .item svg {}

  .body_search #header {}

  .techsupport {}

  .techsupport .row {}

  .techsupport .h2_ttl_3 {}

  .techsupport .items {}

  .techsupport .item {
    gap: 20px;
    padding: 30px 25px;
    /* width: 90%; */
    margin: 0 auto 20px;
    box-shadow: none;
  }

  .techsupport .sub {
    display: none;
  }

  .techsupport .item i {
    width: 50px;
    height: 50px;
    min-width: 40px;
  }

  .techsupport .item i img {}

  .techsupport .item .txt {}

  .techsupport .item .h3 {
    font-size: 18px;
    margin: 0 0 6px;
    line-height: 1.6;
  }

  .techsupport .item .info {
    font-size: 14px;
  }

  .techsupport .item ul {}

  .techsupport .item ul li {}

  .link_zx {
    width: min-content;
    height: auto;
    white-space: nowrap;
    padding: 5px 15px;
    font-size: 14px;
    margin: 0 auto;
  }

  .link_zx span {}

  .link_zx i {}

  .link_zx i * {}

  .qrcode2 {
    margin: 20px auto 0;
  }

  .qrcode2 span {
    font-size: 14px;
  }

  .qrcode2 img {}

  .body_job {}

  .body_job .in {
    padding: 20px 0;
  }

  .body_job .in .p1 {
    font-size: 18px;
    font-weight: bold;
  }

  .body_job .in .p2 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .body_job .in .p3 {
    font-size: 14px;
  }

  .body_job .img img {}

  .body_job .img img {}

  .jpart1 {
    padding: 20px 0;
  }

  .jpart1 .in {}

  .jpart1 .p1 {}

  .jpart1 .p2 {}

  .jpart1 .p3 {
    font-size: 12px;
    padding: 20px;
    line-height: 1.7;
    margin: 10px auto 10px;
  }

  .jpart1 ul {}

  .jpart1 ul li {}

  .jpart1 ul li i {}

  .jpart1 ul li i img {}

  .jpart1 ul li i span {}

  .jpart2 {
    padding: 30px 20px;
  }

  .jpart2 .in {}

  .jpart2 .p1 {}

  .jpart2 .p2 {}

  .jpart2 .p3 {}

  .jpart2 ul {
    text-align: center;
  }

  .jpart2 ul li {
    width: 41%;
    padding: 15px;
    height: auto;
    margin: 5px;
  }

  .jpart2 .img {}

  .jpart2 ul li i {
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;
  }

  .jpart2 ul li i img {}

  .jpart2 ul li i span {}

  .jpart3 {
    padding: 10px 0;
  }

  .body_job .sct_huoban {
    margin: 0 -15px 0;
    height: auto;
  }

  .jpart3 .in {
    padding: 20px 0 0;
  }

  .jpart3 .p1 {}

  .jpart3 .p2 {}

  .jpart3 .p3 {}

  .jpart3 ul {}

  .jpart3 ul li {}

  .jpart3 ul li .d1 {
    font-size: 18px;
    margin: 0 0 10px;
  }

  .jpart3 ul li .d2 {}

  .jpart3 ul li d2 {}

  .jpart3 ul li i {}

  .jpart3 ul li i img {}

  .jpart3 ul li i span {}

  html body * {}

  html body * {}

  html body * {}

  html body * {}

  .body_job .maincontent {
    padding: 0 15px;
  }

  #mapContainer .amap-marker-label {
    display: none;
  }

  #mapContainer p {
    display: none;
  }

  #mapContainer p {
    font-size: 12px !important;
  }

  #mapContainer .mapinfo h2 {
    font-size: 14px !important;
  }

  #footer_nav .qrcode1 span {
    font-size: 14px;
  }

  #footer_nav .qrcode1 {
    margin: 20px auto;
  }

  .header .top_right {
    display: none;
  }

  .header .t {
    padding-left: 10px;
  }

  .header .t .s2 {
    font-size: 10px;
    white-space: nowrap;
    display: none;
  }

  .header .t .s1 {
    font-size: 16px;
    letter-spacing: 0;
  }

  .header * {
    color: #333;
  }

  #header .dropdown-menu:before {
    display: none;
  }

  .navtoggle .icon-bar+.icon-bar {
    margin-top: 4px;
  }

  .navtoggle span {
    height: 2px;
    width: 5vw;
    max-width: 26px;
    display: block;
    background: var(--color1);
  }

  span.icon-bar {}

  .navtoggle {
    border: none;
    padding: 0;
    margin: 0;
    margin-right: 0;
    float: none;
    display: block;
    background: transparent;
  }

  .navC,
  .lang_mobile {
    display: block;
    float: none;
    position: absolute;
    top: 23px;
    right: 15px;
    width: auto;
    height: auto;
    z-index: 2;
  }

  .navtoggle.active .icon-bar:nth-child(1) {
    transform: translateY(6px) rotate(45deg)
  }

  .navtoggle.active .icon-bar:nth-child(2) {
    opacity: 0
  }

  .navtoggle.active .icon-bar:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg)
  }

  .lang_mobile {
    right: 54px;
    top: 20px;
    font-size: 14px;
    z-index: 0;
  }

  .navC.navC_fix {
    position: fixed
  }

  .sitelogo {
    margin: 10px 0;
    float: none
  }

  .navbar {
    float: none;
    position: relative;
    z-index: 2;
  }

  ul.nav>li {
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    background: #f7f8fa
  }

  ul.nav>li>a {
    line-height: 40px;
    font-size: 16px;
    display: block;
    width: 100%;
    position: relative;
    font-weight: 700
  }

  ul.nav>li>a:after {
    content: "" !important;
    display: block !important;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 30px;
    margin-top: -6px;
    background: url(images/ar.png) no-repeat center/100% auto
  }

  ul.nav>li>a.active:after {
    background-image: url(images/li_up.png)
  }

  .h2_sct_ttl {
    font-size: 25px
  }


  .productcat +.sct_product{}
  .productcat{
    padding: 30px 8px;
    max-width: 32vw;
    background: #f7f7f7;
    flex: 1;
    padding-left: 4%;
    height: 110vh;
    overflow-y: scroll;
}
  .productcat .container{}
  .productcat .snav_66 {}
  .productcat .depth1 {}
  .productcat .depth2 {
    padding-left: 0;
    margin-bottom: 14px;
}
  .productcat .depth3 {
    display: none;
    margin-left: 10px;
    padding: 10px 0 0;
    max-width: 6em;
}

.productcat .depth3.isshow {
    display: block;
}
  .productcat .li_depth1 {
    text-align: left;
}

.productcat .li_depth1.active >a>span {
    color: var(--color1);
}
  .productcat .span_depth2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0 0;
}

.productcat .li_depth2.active .span_depth2 a {
    color: var(--color1);
}
  .productcat .li_depth3 {
    margin-bottom: 10px;
    font-size: 12px;
}

.productcat .li_depth3.active a {
    color: var(--color1);
}

  .productcat .a_depth1 {
    font-weight: bold;
    font-size: 14px;
    margin-left: -3px;
    color: #222;
}
  .productcat .a_depth2 {
    /* margin: 9px 0 0; */
    display: inline-block;
    font-size: 13px;
    /* text-indent: -100px; */
    /* overflow: hidden; */
    /* display: flex; */
    color: #333;
}

.productcat .a_depth2+.toggle {
    width: 13px;
    height: 15px;
    text-indent: -100px;
    overflow: hidden;
    display: inline-block;
}

.productcat .toggle {
  position: relative;
  padding-left: 20px;
}

.productcat .toggle::after {
  content: "+";
  position: absolute;
  left: 0;
  top: -2px;
  color: #333;
  font-size: 16px;
  width: 14px;
  height: 14px;
  line-height: 1;
  /* background: red; */
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
}

.productcat .toggle.on::after {
  content: "-";
}
  .productcat .a_depth3 {}

}