@media screen and (max-width:1920px) {
  .fullcarousel .carousel-caption ul li:nth-child(1) {
    font-size: 50px
  }

  .carousel-inner>.item>a {
    width: 100% !important;
    height: auto !important
  }

  #footer {
    padding: 40px 60px 20px
  }

  #footer UL {
    margin-bottom: 0
  }

  #footer .li1.qr {
    margin-right: 50px;
    margin-left: 0
  }

  .footer_nav .li1 {
    width: 15em;
    padding-left: 20px
  }

  .footer_nav .ul2 {
    padding-top: 25px
  }

  .footer_nav .li2 {
    margin-bottom: 17px
  }

  .footer_nav .li2 a {
    font-size: 16px
  }

  #copyright {
    padding: 30px 0
  }

  #pageban img {
    min-width: 1470px;
    height: auto !important
  }

  #snav #submenu li {
    margin: 0 10px
  }

  #newspage .media .media-body .fr {
    width: 130px
  }

  .productshow .mainContent .swiper-next {
    right: -56px;
    left: auto;
    top: 256px
  }

  .productshow .mainContent .swiper-prev {
    left: -38px;
    top: 256px
  }

  #sct_slt .con span {
    font-size: 24px
  }

  #sct_fa1 .wrap1 i+span {
    font-size: 22px
  }

  #sct_fa1 .wrap2 h3 {
    font-size: 34px;
    margin-bottom: 50px
  }

  #sct_news {
    padding-top: 120px
  }

  #sct_news .con2 .sinfo {
    padding-bottom: 10px;
    margin-bottom: 2px
  }

  #sct_news A.t1 {
    font-size: 34px
  }

  #sct_news .title {
    font-weight: bold;
    font-size: 18px
  }

  #sct_news .con .linkmore {
    bottom: 23px
  }

  #sct_news .item {
    padding: 20px 25px
  }

  #sct_news .con3 .item {
    padding: 22px 30px 10px
  }

  #sct_news .con3 .newstime {
    padding-bottom: 27.2px
  }

  #sct_news .a1 {
    margin-bottom: 5px;
    margin-top: -4px
  }

  .productslist .nail {
    margin: 3% auto;
    width: 80%
  }

  .productslist .fea {
    padding: 50px 20px
  }

  .pro_detail_wrap h1 {
    font-size: 32px;
    margin-top: 0;
    position: relative;
    top: 10px
  }

  #product_detail .bor {
    padding: 25px;
    height: 840px
  }

  #abpart1 .info {
    padding-top: 13px
  }

  #abpart1 .d1 {
    font-size: 16px;
    line-height: 1.9
  }

  #abpart1 .con2 {
    padding-left: 120px
  }

  #contactarea .s1 {
    font-size: 20px;
    display: block
  }

  #contactarea .s1+i {
    margin: 8px 0
  }

  #contactarea .s1+i+strong {
    line-height: 50px;
    font-size: 32px
  }

  #contactarea .con3 .s1+i+strong {
    font-size: 20px
  }

  .body_job #maincontent {
    padding-top: 20px
  }

  .contactHr .btns .s1 {
    font-size: 14px
  }

  .contactHr .p1 {
    font-size: 16px;
    font-weight: 400
  }

  .solutions_list .spart {
    padding: 50px 0 80px
  }

  .solutions_list .spart h2 a {
    font-size: 34px;
    margin-bottom: 30px
  }
}

@media screen and (max-width:1600px) {
  .fullcarousel .carousel-caption ul li:nth-child(1) {
    font-size: 50px
  }

  .carousel-inner>.item img {
    min-width: 0
  }

  .carousel-inner>.item>a {
    width: 100% !important;
    height: auto !important
  }

  #footer {
    padding: 40px 60px 20px
  }

  #footer UL {
    margin-bottom: 0
  }

  #footer .li1.qr {
    margin-right: 50px;
    margin-left: 0
  }

  .footer_nav .li1 {
    width: 15em;
    padding-left: 20px
  }

  .footer_nav .ul2 {
    padding-top: 25px
  }

  .footer_nav .li2 {
    margin-bottom: 17px
  }

  .footer_nav .li2 a {
    font-size: 16px
  }

  #copyright {
    padding: 30px 0
  }

  #pageban img {
    min-width: 1470px;
    height: auto !important
  }

  #pageban h2 {
    font-size: 44px
  }

  #snav #submenu li {
    margin: 0 10px
  }

  #newspage .media .media-body .fl {
    padding-right: 40px;
    width: calc(100% - 130px)
  }

  #newspage .media .media-body .fr {
    width: 130px
  }

  #newspage .media .media-body h4 {
    margin: 20px auto 15px
  }

  #newspage .media-heading+p {
    font-size: 16px
  }

  .productshow .mainContent .swiper-next {
    right: -56px;
    left: auto;
    top: 256px
  }

  .productshow .mainContent .swiper-prev {
    left: -38px;
    top: 256px
  }

  #sct_slt .con span {
    font-size: 24px
  }

  #sct_fa1 .wrap1 i+span {
    font-size: 22px
  }

  #sct_fa1 .wrap2 h3 {
    font-size: 34px;
    margin-bottom: 50px
  }

  #sct_news {
    padding-top: 120px
  }

  #sct_news .con2 .sinfo {
    padding-bottom: 10px;
    margin-bottom: 2px
  }

  #sct_news A.t1 {
    font-size: 34px
  }

  #sct_news .title {
    font-weight: bold;
    font-size: 18px
  }

  #sct_news .con .linkmore {
    bottom: 23px
  }

  #sct_news .item {
    padding: 20px 25px
  }

  #sct_news .con3 .item {
    padding: 22px 30px 10px
  }

  #sct_news .con3 .newstime {
    padding-bottom: 27.2px
  }

  #sct_news .a1 {
    margin-bottom: 5px;
    margin-top: -4px
  }

  .productslist .nail {
    margin: 3% auto;
    width: 80%
  }

  .productslist .fea {
    padding: 50px 20px
  }

  .pro_detail_wrap h1 {
    font-size: 32px;
    margin-top: 0;
    position: relative;
    top: 10px
  }

  #product_detail .bor {
    padding: 25px;
    height: 840px
  }

  #abpart1 h1 {
    font-size: 32px
  }

  #abpart1 .info {
    padding-top: 13px
  }

  #abpart1 .d1 {
    font-size: 16px;
    line-height: 1.9
  }

  #abpart1 .con2 {
    padding-left: 120px
  }

  #contactarea .s1 {
    font-size: 24px
  }

  #contactarea .s1+i {
    margin: 8px 0
  }

  #contactarea .s1+i+strong {
    line-height: 50px;
    font-size: 32px
  }

  #contactarea .con3 .s1+i+strong {
    font-size: 20px
  }

  .body_job #maincontent {
    padding-top: 20px
  }

  .contactHr .btns .s1 {
    font-size: 14px
  }

  .contactHr .p1 {
    font-size: 16px;
    font-weight: 400
  }

  .solutions_list .spart {
    padding: 50px 0 80px
  }

  .solutions_list .spart h2 a {
    font-size: 34px;
    margin-bottom: 30px
  }
}

@media screen and (max-width:1440px) {
  .container {
    width: 1295px;
    max-width: 100%
  }

  .fullcarousel .carousel-caption ul li:nth-child(1) {
    font-size: 48px
  }

  .infotimecard b {
    font-size: 34px
  }

  #newspage .media .media-body {
    padding-left: 50px
  }

  .productshow {
    background-position: center -50px
  }

  .productshow .wrap0 {
    padding-top: 50px
  }

  .productshow .wrap0 h2 {
    font-size: 34px
  }

  .productshow .swiper-slide {
    min-height: 560px
  }

  .productshow .swiper-slide .swiper-box {
    min-width: 260px
  }

  .productshow .swiper-slide.swiper-slide-active h3 {
    font-size: 17px
  }

  .productshow .swiper-slide a>h3 {
    font-size: 27px
  }

  #sct_slt .con2 {
    width: 640px;
    height: 270px
  }

  #sct_slt .con2 p {
    font-size: 22px
  }

  #sct_slt .more {
    font-size: 16px
  }

  #sct_news .a1 {
    font-size: 18px
  }

  #abpart1 {
    padding: 44px 0 70px
  }

  #wenhua_part1 .con {
    padding: 20px 20px;
    height: 310px
  }

  #wenhua_part2 {
    padding: 30px 0 10px
  }

  #wenhua_part2 h2 {
    font-size: 34px
  }

  #wenhua_part2 .con:after {
    top: 181px
  }

  #wenhua_part2 li i {
    width: 90px;
    height: 90px
  }

  #wenhua_part2 li span {
    font-size: 18px
  }

  h2.ttl001 {
    font-size: 34px
  }

  .contactHr .btns a {
    height: 100px
  }

  ul.nav.little>li.nav_li1>a {
    font-size: 16px;
    padding: 0 10px 0;
  }

  .index_sv .ttl {
    margin-right: 30px;
  }

  .index_intro .sinfo {
    padding-right: 10px;
  }
}

@media screen and (max-width:1200px) {
  .fullcarousel .carousel-caption ul li:nth-child(1) {
    font-size: 28px
  }

  .fullcarousel .carousel-caption ul li:nth-child(2) {
    font-size: 22px
  }

  #pageban .ban {
    min-height: 0
  }

  #pageban img {
    min-width: 0;
    width: 160vw
  }

  .body_340 #pageban .item {
    flex: 1;
    background: transparent;
    border: 1px solid #3bbcd9
  }

  .info_previous_next_wrap.eqnail {
    margin: 30px auto
  }

  .info_previous_next_wrap.eqnail .Previous {
    float: left;
    width: 40vw;
    max-width: 180px
  }

  .info_previous_next_wrap.eqnail .Next {
    float: right;
    width: 40vw;
    max-width: 180px
  }

  .info_previous_next_wrap.eqnail .nail {
    width: 40vw;
    max-width: 180px;
    margin-top: 20px
  }

  .sitelogo .p2 {
    display: none;
  }

  ul.nav.little>li.nav_li1>a {
    font-size: 14px;
    padding: 0 8px 0;
  }

  #footer {
    padding: 30px 20px;
  }

  #footer .col1 .con {
    padding: 0;
  }

  #footer .qrimg {
    float: none !important;
    position: static;
    margin-top: 20px;
  }

  #footer .qrimg .shanjiaoxing {
    display: none;
  }

  #footer .col2 .i1 {
    float: none;
  }

  #footer .col2 .con>* {
    float: left;
    margin: 0 10px;
  }

  .index_sv {
    margin: 10px auto 0;
    background: #69381a;
  }

  .index_sv .ttl {
    margin-right: 10px;
  }

  .index_sv .s1 {
    font-size: 25px;
  }

  .index_sv .s2 {
    font-size: 20px;
  }

  .index_sv .more {
    /* display: block; */
  }

  .index_sv .s3 {
    font-size: 20px;
  }

  .index_intro {
    padding: 20px 20px 40px;
  }

  .index_intro div {
    /* padding: 20px; */
  }

  .index_intro .col2 .con {
    width: 100%;
    background-size: cover;
  }

  .index_intro .col2 .con>p strong {
    font-size: 22px;
  }

  .index_intro .indexttl {
    margin: 0;
  }

  .index_intro .en {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .index_intro .sinfo {
    padding: 0;
    margin: 0 0 10px;
  }

  .index_intro .links1 {
    margin-bottom: 0;
    padding: 10px 0 30px;
  }

  .index_family {
    padding: 30px 20px;
  }
}

@media screen and (max-width:768px) {
  body {
    -webkit-text-size-adjust: 100%;
  }

  .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;
  }

  .searchbar+.fr {
    float: none;
    width: 100%;
    margin-top: 67px
  }

  ul.nav>li {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px dashed #ffffff1c
  }

  ul.nav>li.nav_li1>a {
    line-height: 40px;
    font-size: 16px
  }

  ul.nav>li.nav_li1:last-child {
    border: none;
    margin-bottom: 20px;
  }

  ul.dropdown-menu {
    display: flex;
    position: static;
    float: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
  }

  ul.dropdown-menu li {
    width: auto;
    padding: 2px 10px
  }

  ul.dropdown-menu li a {
    border: navajowhite
  }

  .header {
    position: static;
    /* background: #326acb */
  }

  .sitelogo>a {
    padding-top: 13px;
    padding-left: 6px;
    padding-bottom: 14px
  }

  .sitelogo>a img {
    max-height: 32px
  }

  .navbar-toggle .icon-bar {
    background: #cf1d1d;
  }

  .navbar-toggle {
    margin-top: 18px;
    margin-right: 0px;
  }

  .sitelogo>a i {
    font-size: 22px;
    line-height: 32px;
    position: relative;
    top: 7px;
    display: none
  }

  .sitelogo>a i:before {
    display: none
  }

  .fullcarousel .carousel-caption ul {
    top: 99px
  }

  .fullcarousel .carousel-caption ul li:nth-child(1) {
    font-size: 22px
  }

  .fullcarousel .carousel-caption ul li:nth-child(2) {
    font-size: 14px;
    margin-bottom: 0
  }

  .fullcarousel .right.carousel-control {
    display: none
  }

  .fullcarousel .carousel-control {
    display: none
  }

  #footer .qr a {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px
  }

  #footer .qr img {
    margin: 10px auto;
    border: none
  }

  #footer .contact a {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px
  }

  #footer .contact ul {
    padding-top: 10px
  }

  #footer {
    padding: 10px 25px 30px
  }

  #footer i~.s2,
  #footer i.i1~.s2 {
    font-size: 14px;
    line-height: 1.1;
    margin: 0
  }

  #footer .s1 {
    font-size: 12px
  }

  #footer .contact ul .li2 {
    margin-bottom: 20px
  }

  #footer .li1 {
    display: none;
    max-width: calc(100vw - 60px)
  }

  #footer .li1.qr,
  #footer .li1.contact {
    display: block
  }

  #footer .clearfix.footer_nav {
    display: n
  }

  #copyright {
    padding: 18px 10px
  }

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

  .body_340 #pageban .ban {
    background: #163365 !important;
    height: auto !important;
    min-height: 0;
    max-height: none;
    padding: 25px 0
  }

  .body_340 #pageban .ban img {
    display: none
  }

  .body_340 #pageban .ban .ani {
    position: static
  }

  .body_product #pageban .ban h2,
  .body_product #pageban .ban h4 {
    font-size: 22px;
    text-align: center
  }

  #pageban .ani div {
    justify-content: center;
    align-items: center
  }

  #pageban h2 {
    font-size: 22px;
    font-weight: bold
  }

  .body_340 #pageban .in {
    padding: 10px;
    flex-direction: row;
    height: auto
  }

  .body_340 #pageban .item {
    padding: 20px;
    flex: 0 0 90vw;
    height: auto
  }

  .body_340 #pageban .item h3 {
    margin: 10px auto 17px;
    font-size: 18px
  }

  .body_340 #pageban .info {
    font-size: 14px
  }

  #snav #location {
    display: none
  }

  .body_product #submenu {
    padding: 10px 0
  }

  #snav #submenu .con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding: 15px 0;
  }

  .body_p_15 #snav #submenu .con {
    justify-content: space-between;
  }

  #snav #submenu li {
    margin: 0;
    padding: 5px 10px
  }

  .body_343 #snav #submenu li {
    width: 50%;
    text-align: center;
  }

  .body_343 #snav #submenu {}

  #snav #submenu li.on a:after {
    height: 1px
  }

  #snav #submenu a {
    padding: 0;
    height: auto;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold
  }

  #pagelist>span,
  #pagelist a {
    height: 35px;
    width: 35px;
    font-size: 12px;
    line-height: 35px;
    padding: 0;
    margin-bottom: 10px
  }

  .infotimecard strong {
    text-align: left;
    font-size: 18px;
    margin: 0;
    line-height: 1.2
  }

  .infotimecard b {
    text-align: left;
    font-size: 18px;
    margin: 0 0 10px;
    line-height: 1.2;
    display: inlin
  }

  #newspage .media {
    position: relative;
    padding: 0;
    padding-left: 27vw;
    padding-top: 20px
  }

  #newspage .media .nail {
    width: 25vw;
    height: 20vw;
    position: absolute;
    top: 24px;
    left: 0
  }

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

  #newspage .media .media-body .fl {
    float: none;
    padding: 0;
    display: block;
    width: 100%;
    border: none
  }

  #newspage .media .media-body .fr {
    float: none;
    text-align: left;
    display: block;
    width: auto;
    position: absolute;
    top: 23vw;
    left: 0
  }

  #newspage .media .media-body h4 {
    margin: 0 0 10px
  }

  #newspage .media-heading+p {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 10px;
  }

  #newspage .media-heading+p+p {
    font-size: 12px;
    line-height: 1.8;
    color: #777;
  }

  #newspage .media a {
    font-size: 15px;
  }

  #newspage .media a.more {
    display: none;
  }

  .news_detail .info_from_wrap {
    margin: 0 0 10px;
    padding: 0px 0 0
  }

  .news_detail .left1 .con {
    margin: 0 auto;
    padding: 22px 10px
  }

  .news_detail .InfoTitle h1 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto 10px
  }

  .news_detail .info_from_wrap .fl {
    font-size: 12px;
    text-align: center;
    float: none;
    padding: 0;
    margin: 0 auto
  }

  .news_detail .info_previous_next_wrap * {
    font-size: 14px !important
  }

  .news_detail .tjxw {
    display: none
  }

  .productshow {
    padding-bottom: 20px
  }

  .productshow .wrap0 {
    padding-top: 20px;
    margin-bottom: 0;
    margin-top: 10px
  }

  .productshow .wrap0 h2 {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0
  }

  .productshow .swiper-container {
    padding-top: 0
  }

  .productshow .swiper-slide {
    width: 100%;
    min-height: 0;
    flex-shrink: 0
  }

  .productshow .swiper-slide .swiper-box {
    min-width: 100%;
    transform: scale(1) translateY(0) translateX(0);
    transform: none !important
  }

  .productshow .swiper-slide .swiper-box * {
    transform: none !important
  }

  .productshow .swiper-slide.swiper-slide-prev .swiper-box {
    transform: scale(1) translateY(0) translateX(0)
  }

  .productshow .swiper-slide.swiper-slide-next .swiper-box {
    transform: scale(1) translateY(0) translateX(0)
  }

  .productshow .swiper-slide.swiper-slide-active .swiper-box {
    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0)
  }

  .productshow .swiper-slide ul {
    width: 100%
  }

  .productshow .swiper-slide ul li {
    margin: 10px 5px;
    flex: 0 0 15%
  }

  .productshow .swiper-slide ul li i {
    width: auto;
    height: auto;
    margin: 5px auto
  }

  .productshow .swiper-slide ul li img {
    max-width: 25px;
    max-height: 25px
  }

  .productshow .swiper-slide.swiper-slide-active ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .productshow .swiper-slide p {
    margin: 6px auto 0;
    font-size: 11px
  }

  .productshow .swiper-slide.swiper-slide-active .swiper-box a {
    padding: 30px
  }

  .productshow .swiper-slide h3 {
    font-size: 18px !important;
    font-weight: bold !important
  }

  #sct_slt {
    padding: 30px 15px
  }

  #sct_slt .in {
    padding: 30px
  }

  #sct_slt .in span {
    display: none
  }

  #sct_slt .con1 a {
    display: flex;
    justify-content: center;
    align-items: flex-end
  }

  #sct_slt .con1 span {
    font-size: 14px;
    position: static;
    margin-bottom: 18px
  }

  #sct_slt .con1 img {
    height: 40vw
  }

  #sct_slt .con2 {
    width: 100%;
    height: 220px
  }

  #sct_slt .con2 p {
    font-size: 16px
  }

  #sct_slt .more {
    margin-top: 20px;
    font-size: 14px
  }

  #sct_fa1 {
    padding-bottom: 80px;
    background-size: cover
  }

  #sct_fa1 .wrap1 {
    margin-top: 0px
  }

  #sct_fa1 .wrap1 .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #sct_fa1 .wrap1 .row>div {
    flex: 1 1 50%
  }

  #sct_fa1 .wrap1 .row>div:last-child {
    flex: 1 1 100%
  }

  #sct_fa1 .wrap1 .con {
    height: 175px
  }

  #sct_fa1 .wrap1 .row>div:nth-child(even) .con {
    margin-top: 0
  }

  #sct_fa1 .wrap1 i {
    width: 13vw;
    height: 13vw
  }

  #sct_fa1 .wrap1 i+span {
    font-size: 15px
  }

  #sct_fa1 .wrap1 .img1 {
    width: 100%
  }

  #sct_fa1 .wrap1 .img2 {
    width: 100%
  }

  #sct_fa1 .wrap2 {
    margin: 0 auto
  }

  #sct_fa1 .wrap2 h3 {
    font-size: 20px;
    margin: 40px auto 10px;
    font-weight: bold;
    text-align: center
  }

  #sct_fa1 .wrap2 .con {
    top: 20px
  }

  #sct_fa1 .wrap2 .in span {
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold
  }

  #sct_news {
    display: block;
    padding-top: 5px;
    padding-bottom: 35px
  }

  #sct_news .sinfo {
    display: none
  }

  #sct_news A.t1 {
    font-size: 20px;
    margin: 30px auto;
    font-weight: bold;
    text-align: center;
    display: block
  }

  #sct_news .newstime.fl {
    display: none
  }

  #sct_news i.arrow {
    display: none
  }

  #sct_news .item {
    padding: 5px 10px;
    margin-bottom: 0;
    background: transparent
  }

  #sct_news .con3 .fr {
    width: 100%;
    float: none
  }

  #sct_news .more {
    display: none
  }

  #sct_news .con3 .item {
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
    padding: 5px 10px;
    margin-bottom: 0
  }

  #sct_news .con.con1.cfff {
    display: none
  }

  #sct_news .a1 {
    font-size: 13px;
    line-height: 1.5
  }

  .productslist .p1 {
    font-size: 14px;
    margin: 10px auto 5px
  }

  .pro_detail_wrap .row0 {
    padding-bottom: 20px
  }

  .pro_detail_wrap h1 {
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    text-align: center
  }

  .pro_detail_wrap .redbtn {
    display: block;
    margin: 10px auto;
    line-height: 36px;
    font-size: 14px;
    margin-top: 20px;
    width: 8em
  }

  .pro_detail_wrap .slick-slider {
    width: 100%
  }

  .pro_detail_wrap .zhutuslider img {
    width: 90vw;
    height: 90vw
  }

  .duotuslider {
    padding: 0 0
  }

  .product_detail .duotuslider li {
    border-width: 2px;
    height: auto
  }

  .product_detail .duotuslider li img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 10px auto
  }

  #product_detail .bor {
    padding: 5px;
    height: auto;
    border: none
  }

  #product_detail .duotuslider li.slick-current {
    border-width: 2px
  }

  #abpart1 .d1 {
    font-size: 15px
  }

  #abpart1 .con1 img {
    max-width: none;
    width: 80vw;
    display: block;
    margin: 10px auto
  }

  #abpart1 .con2 {
    padding: 20px 30px
  }

  #abpart1 .con2 h1 {
    font-size: 19px;
    font-weight: bold;
    text-align: center
  }

  #wenhua_part1 {
    padding: 35px 10px
  }

  #wenhua_part1 .con {
    height: auto;
    padding: 15px 20px
  }

  #wenhua_part1 .con i img {
    width: 40px
  }

  #wenhua_part1 h3 {
    font-size: 22px
  }

  #wenhua_part1 .sinfo {
    font-size: 14px
  }

  #wenhua_part2 {
    padding: 30px 12px
  }

  #wenhua_part2 h2 {
    font-size: 22px;
    font-weight: bold;
    text-align: center
  }

  #wenhua_part2 .con {
    padding: 20px 12px;
    flex-wrap: wrap
  }

  #wenhua_part2 .con:after {
    display: none
  }

  #wenhua_part2 li i {
    margin-bottom: 0
  }

  #wenhua_part2 li span {
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px
  }

  h2.ttl001 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-top: -40px
  }

  #contactarea {
    padding: 25px 10px
  }

  #contactarea .con {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    /* border-bottom: 1px dashed #ccc; */
  }

  #contactarea .s1 {
    font-size: 18px;
    font-weight: bold
  }

  #contactarea .s1+i+strong {
    font-size: 22px
  }

  #contactarea .con3 .s1+i+strong {
    font-size: 15px
  }

  .joblist .left1 {
    padding: 0 10px
  }

  .joblist .left1 .h {
    padding: 15px 15px 0
  }

  .joblist .left1 .h h3 {
    display: block;
    margin: 0 auto 10px;
    font-size: 17px
  }

  .joblist .left1 .p1 {
    font-size: 14px
  }

  .joblist .left1 .more {
    display: none
  }

  .joblist .left1 .in {
    padding: 15px
  }

  .joblist .left1 .in,
  .joblist .left1 .in * {
    /* font-size: 15px !important; */
    /* line-height: 1.8 !important; */
  }

  .contactHr .bgfff {
    padding: 20px;
    margin: 10px 10px 20px
  }

  .contactHr .btns {
    justify-content: center
  }

  .contactHr .btns a {
    width: 20vw;
    flex: 0 0 25vw
  }

  .body_product #maincontent {
    padding-top: 10px
  }

  .remark {
    font-size: 14px;
    line-height: 1.7;
    padding: 20px
  }

  .solutions_list .spart {
    padding: 25px 0 0
  }

  .solutions_list .spart h2 {
    text-align: center
  }

  .solutions_list .spart h2 a {
    font-size: 22px;
    margin: 0 auto 10px;
    text-align: center
  }

  .solutions_list .spart ul li {
    width: 40vw
  }

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

  .devcontent .con {
    padding: 0
  }

  .devcontent .item {
    margin: 15px auto;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd
  }

  .devcontent .item:nth-child(n+5) {
    display: block
  }

  .devcontent .nail {
    width: 100%;
    border: none;
    box-shadow: none
  }

  .devcontent .fl:after {
    display: none
  }

  .devcontent .bg {
    display: none
  }

  .devcontent .fl {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
    text-align: center;
    margin-bottom: 10px
  }

  .devcontent .item:nth-child(even) .fl {
    float: none;
    width: 100%;
    padding: 0
  }

  .devcontent .more {
    display: none
  }

  .devcontent .in {
    width: 100%;
    float: none;
    position: static;
    padding: 0
  }

  .devcontent .con h4 {
    display: inline-block;
    position: static;
    width: auto;
    height: auto;
    padding: 0 20px;
    line-height: 2;
    font-size: 16px
  }

  .devcontent .item:nth-child(even) h4 {
    margin: 0
  }

  .devcontent .con h4:before {
    display: none
  }

  .devcontent .con h4+div {
    display: inline-block;
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 2;
    margin: 10px auto
  }

  .devcontent .item:nth-child(even) h4+div {
    text-align: left;
    padding: 0
  }

  .devcontent .con h4+div p {
    font-size: 15px;
    line-height: 1.5
  }

  .sitelogo .p1 {
    padding: 0 0 0 10px;
  }

  .sitelogo .p1:after {
    top: 6px;
  }

  .sitelogo .s11 {
    font-size: 18px;
  }

  .sitelogo .s12 {
    font-size: 12px;
    line-height: 1;
  }

  ul.nav {
    border-top: 1px solid #eee;
  }

  .carousel-inner>.item img {
    width: 150vw;
    max-width: none !important;
  }

  #footer {
    padding: 30px 20px;
  }

  #footer .col1 .p1 {
    font-size: 18px;
  }

  #footer .col1 .p0 {
    width: 100%;
    writing-mode: lr;
    /* text-align: center; */
    font-size: 18px;
    margin: 0;
  }

  #footer .col1 .footer_contact {
    float: none;
    padding: 0;
  }

  #footer .qrimg {
    display: block;
  }

  #footer .col2 .con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  #footer .col2 .i1 {
    display: none;
  }

  #footer .col2 .con>a {
    display: none;
  }

  #footer .col2 a.a2 {
    display: none;
  }

  #pageban img {
    width: 250vw;
    max-width: none;
  }

  #pageban h4 {
    font-size: 14px !important;
  }

  .body_343 #snav #submenu .con {
    padding: 0;
    justify-content: center;
  }

  #snav #submenu li {
    padding: 5px 3px;
  }

  .index_sv {
    height: auto;
    background: #fff;
    padding-bottom: 20px;
  }

  .index_sv ul {
    flex-wrap: wrap;
  }

  .index_sv li {
    width: 30%;
  }

  .index_sv .ttl {
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
  }

  .index_sv span {
    color: #333;
    font-size: 12px;
  }

  .index_sv .s1 {
    font-size: 22px;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    margin: 5px auto;
  }

  .index_sv .s2 {
    font-size: 20px;
  }

  .index_sv .more {
    padding-top: 20px;
  }

  .index_sv .s3 {
    font-size: 18px;
  }

  .index_sv li.more i {
    display: none;
  }

  .index_intro {
    padding: 20px 10px;
  }

  .index_intro .col2 .con {
    padding: 20px;
    height: auto;
    background: #eccaaf;
  }

  .index_intro .col2 .con>p {
    line-height: 1.8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #fff;
  }

  .index_intro .col2 .con>p strong {
    font-size: 16px;
  }

  .index_intro .en {
    font-size: 18px;
    text-align: center;
    line-height: 1;
    margin: 5px auto;
  }

  .index_intro .zh {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .index_intro .links1 {
    display: flex;
  }

  .index_intro div.links1 span {
    font-size: 14px;
  }

  .index_family {
    padding: 20px;
  }

  .index_family a span {
    font-size: 18px;
  }

  .index_family .en {
    font-size: 18px;
    text-align: center;
    line-height: 1;
    margin: 5px auto;
  }

  .index_family a {
    padding-top: 30px;
    height: auto;
  }

  .index_family i {
    top: 20px !important;
  }

  .index_family .i1 {
    display: none;
  }

  .index_family img {
    max-height: 55px;
  }

  .index_news {
    padding: 25px 10px 30px;
  }

  .index_news .col23 .con:after,
  .index_news .col23 .con:before {
    display: none;
  }

  .index_news .txt1 .more {
    display: none;
  }

  .index_news .en {
    font-size: 18px;
    text-align: center;
    line-height: 1;
    margin: 5px auto;
    display: block;
  }

  .index_news .zh {
    font-size: 20px;
    text-align: center;
    line-height: 1;
    margin: 5px auto;
  }

  .index_news .in {}

  .index_news .col2 a {
    display: block;
  }

  .index_news .col2 .nail:after {
    display: none;
  }

  .index_news .col2 .nail {
    width: 100%;
    height: 40vw;
  }

  .index_news .title {
    height: 40px;
    line-height: 30px;
    margin-bottom: 0;
  }

  .index_news .txt1 .s1 {
    line-height: 40px;
    font-size: 14px;
  }

  .index_news .s2 {
    margin: 10px auto;
    font-size: 14px;
  }

  .index_news .col21 .con {
    width: 100%;
    padding: 10px 15px;
    height: auto;
  }

  .index_news .s3 {
    display: none;
  }

  .index_news .col23 .nail {
    display: none;
  }

  .index_news .s4 {
    height: auto;
    line-height: 3;
  }

  #newspage .media {
    padding-bottom: 15px;
  }

  #newspage .media .media-body h4 {
    margin: 0 0 5px;
  }

  .aboutpage_content {
    padding: 0 10px;
  }

  #abpart1 {
    padding: 10px 0;
  }

  #abpart1 h1 {
    font-size: 20px;
    text-align: center;
  }

  #wenhua_part1 .itm {
    padding: 0 20px;
  }

  #wenhua_part1 .in {
    width: 100%;
    flex: 0 0 100%;
    height: auto;
    padding: 20px 0;
  }

  #wenhua_part1 .in img {
    width: 55px;
    height: 55px;
    margin: 0 auto 10px;
  }

  #wenhua_part1 .in span {
    font-size: 16px;
    font-weight: bold;
  }

  #wenhua_part1 .in span.s2 {
    font-size: 12px;
  }

  #contactarea h2 {
    font-size: 20px;
    margin: 0 auto 30px;
  }

  #ctpart1 .c_lxfs {
    padding: 0 0 20px;
    background: transparent;
  }

  #ctpart1 .s1 {
    font-weight: bold;
    font-size: 16px;
  }

  #ctpart3 {
    padding: 20px 10px;
    padding-right: 30px;
  }

  #ctpart3 iframe {
    width: 100%;
  }

  .productslist .hdl a {
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
  }

  .productslist .content1 {
    padding: 20px 20px;
    font-size: 14px;
    line-height: 1.88;
  }

  .productslist .content1 .pname {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }

  .joblist .left1 .h h3 {
    font-size: 16px;
    font-weight: bold;
  }

  .joblist .left1 .in {}

  .joblist .left1 .toudi {
    width: 8em;
    margin: 20px auto;
    height: 40px;
    line-height: 40px;
  }

  .body_guestbook li .msg_ttl {
    text-align: left;
    font-size: 14px;
    width: 6em !important;
  }

  .body_guestbook li .msg_input {
    width: calc(100% - 6em);
  }

  .body_guestbook li .form_button1 {
    width: 4em;
    border-radius: 4px;
    margin: 20px auto;
    padding: 5px 0;
    text-align: center;
  }

  #contactarea #ctpart1 {
    margin: 20px auto;
    background: transparent;
  }

  .nlist2 .container {
    width: 100%;
    padding: 30px;
  }

  .nlist2 .txt {
    font-size: 14px;
  }
}