@charset "UTF-8";
@media only screen and (min-width: 951px) {
  .list_solute li .xm4 {
    width: 30%;
  }
  .list_solute li .xm8 {
    width: 70%;
    float: right;
  }
  .list_solute li:nth-child(2n + 1) {
    flex-direction: row-reverse;
  }
  .list_solute li:nth-child(2n + 1) .pbox {
    margin: 0 0 0 20px;
  }
}

@media only screen and (min-width: 1199px) {
  .sidebar.fix {
    position: fixed;
    top: 0;
    margin-top: 0;
  }
}

@media only screen and (min-width: 951px) and (max-width: 1360px) {
  .mainbox {
    padding-left: 20px;
  }
  .sidebar {
    max-width: 280px;
  }
}

@media only screen and (max-width: 1480px) {
  .fnbox .fn5 .jt {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
  .fnbox .fn5 .jt.swiper-button-prev {
    left: 20px;
    transform: rotate(180deg);
  }
  .fnbox .fn5 .jt.swiper-button-next {
    right: 20px;
  }
}

@media only screen and (min-width: 951px) and (max-width: 1401px) {
  .wp {
    padding: 0 30px;
  }
  .wp2 {
    padding: 0 40px;
  }
  /* fonts */
  .f40 {
    font-size: 30px;
  }
  .f30 {
    font-size: 24px;
  }
  .f26 {
    font-size: 23px;
  }
  .f22 {
    font-size: 19px;
  }
  .f20 {
    font-size: 17px;
  }
  .f16 {
    font-size: 15px;
  }
  .k40 {
    height: 25px;
  }
  .p60 {
    padding: 35px 0;
  }
  .type2 {
    background-size: 4px 26px;
    background-position: top 5px left;
  }
}

@media only screen and (max-width: 950px) {
  .fadeInUp,
  .fadeInDown,
  .fadeInLeft,
  .fadeInRight {
    -webkit-animation-name: fadeIn !important;
    animation-name: fadeIn !important;
  }
  .banner .fadeInUp {
    -webkit-animation-name: fadeInUp !important;
    animation-name: fadeInUp !important;
  }
  .banner .fadeInDown {
    -webkit-animation-name: fadeInDown !important;
    animation-name: fadeInDown !important;
  }
  .f40 {
    font-size: 20px;
  }
  .f30 {
    font-size: 19px;
  }
  .f26 {
    font-size: 18px;
  }
  .f22 {
    font-size: 17px;
  }
  .f20 {
    font-size: 16px;
  }
  .f18 {
    font-size: 15px;
  }
  .f16 {
    font-size: 14px;
  }
  .p30 {
    padding: 18px 0;
  }
  .lh36 {
    line-height: 25px;
  }
  .p25 {
    padding: 15px;
  }
  .pb60 {
    padding-bottom: 30px;
  }
  .p60 {
    padding: 30px 0;
  }
  .p36 {
    padding: 20px 0 30px 0;
  }
  .k40 {
    height: 20px;
  }
  .wp, .wp2 {
    padding: 0 15px;
  }
  .grid-small {
    padding: 8px 0;
  }
  .grid-small > .grid {
    margin: -8px;
  }
  .grid-small > .grid > [class*="x"],
  .grid-small > .grid > [class*="y"] {
    padding: 8px;
  }
  .grid-middle {
    padding: 8px 0;
  }
  .grid-middle > .grid {
    margin: -8px;
  }
  .grid-middle > .grid > [class*="x"],
  .grid-middle > .grid > [class*="y"] {
    padding: 8px;
  }
  .grid-big {
    padding: 10px 0;
  }
  .grid-big > .grid {
    margin: -10px;
  }
  .grid-big > .grid > [class*="x"],
  .grid-big > .grid > [class*="y"] {
    padding: 10px;
  }
  .grid-big2 {
    padding: 8px 0;
  }
  .grid-big2 > .grid {
    margin: -8px;
  }
  .grid-big2 > .grid > [class*="x"],
  .grid-big2 > .grid > [class*="y"] {
    padding: 8px;
  }
  .header {
    height: 50px;
  }
  .logo img {
    height: 28px;
    margin-top: 6px;
  }
  .menuBtn {
    display: block;
    margin-top: -4px;
    margin-right: -5px;
  }
  .hdr {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    float: none;
    z-index: 22;
    display: none;
    background-color: white;
    padding: 15px 0;
    border-top: 1px solid #2a59f0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  }
  .menu {
    padding: 10px 0;
    overflow: hidden;
  }
  .menu.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: -1px;
    z-index: 2;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175) !important;
  }
  .menu.fixed .hdr {
    position: fixed;
    top: 59px;
  }
  .top .grid {
    justify-content: end;
  }
  .top .fl {
    display: none !important;
  }
  .nav {
    flex-direction: column;
  }
  .nav li {
    float: none;
    margin-left: 0;
    height: initial;
  }
  .nav li .v1 {
    padding: 0 15px;
    font-size: 16px;
    line-height: 40px;
    position: relative;
  }
  .nav li .v1 i::before {
    content: "";
  }
  .nav .down .v1 i {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(../img/jia.png) no-repeat center;
    -o-background-size: 25px auto;
    -ms-background-size: 25px auto;
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
  }
  .nav .down .v1.ok i {
    background-image: url(../img/jian.png);
  }
  .nav .down .v2 i {
    width: 50px;
    position: absolute;
    z-index: 22;
    right: 0;
    text-align: right;
  }
  .nav dl {
    position: static;
    width: auto;
    box-shadow: none !important;
    padding: 0 10px;
  }
  .nav dd a {
    font-size: 14px;
  }
  .nav .sub1 {
    position: initial;
    padding: 0;
    background: #fff;
    padding-bottom: 20px;
  }
  .nav .sub1 .wp {
    flex-wrap: wrap;
  }
  .nav .sub1 .wp .dd1 {
    width: 100%;
    margin: 6px 0;
  }
  .nav .sub1 .wp .dd1 .v2 {
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
  .nav .sub1 .wp .dd1 .v2 i {
    display: inline-block;
  }
  .nav .sub1 .wp .dd1 .sub2 {
    display: none;
  }
  .nav .sub1 .wp .dd1 .sub2 .dd2 {
    padding: 10px 0;
    font-size: 14px;
  }
  .nav .sub1 .sub2 {
    padding: 5px 0;
  }
  /* top */
  .top {
    padding: 5px 0;
  }
  .top a.lang {
    padding-left: 10px;
    margin-left: 10px;
  }
  .top a.lang i {
    margin-right: 4px;
    font-size: 16px;
  }
  .top .xt {
    margin: 0 3px;
  }
  /* footer */
  .footer {
    padding: 25px 0;
  }
  .footer .xm4 {
    padding: 0;
  }
  .footer .xm4 .lxfs br {
    display: none;
  }
  .footer .xm4 .lxfs li {
    margin-bottom: 8px;
  }
  .footer .links li .qrcode {
    margin-left: 0;
    max-width: 100px;
    top: -140px;
  }
  .footer .links li .qrcode::before {
    left: 25%;
    bottom: -6px;
    top: initial;
    border-bottom: transparent;
    border-top: 10px solid #fff;
  }
  .bottom {
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
  }
  /* 首页 */
  .banner {
    height: 280px;
  }
  .banner .t1 {
    font-size: 22px;
  }
  .banner .t2 {
    font-size: 16px;
    margin: 6px 0 10px 0;
  }
  .banner .slide_bg {
    background-size: cover;
    background-position: center;
  }
  .banner .swiper-pagination {
    bottom: 6%;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    margin-right: 10px;
  }
  .banner .vmore {
    margin-top: 20px;
  }
  /* section1 */
  .section1 .search {
    height: 40px;
    margin: 15px 0;
  }
  .section1 .search button {
    width: 60px;
    height: 40px;
    font-size: 16px;
  }
  .section1 .search .fl {
    width: calc(100% - 60px);
    height: 36px;
  }
  .section1 .search .fl i {
    font-size: 16px;
    margin: 0 15px;
  }
  .section1 .search .fl input {
    width: 100%;
    height: 35px;
    font-size: 12px;
  }
  .section1 .sec1_t3 {
    max-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .tab_ul li {
    line-height: 30px;
    font-size: 14px;
  }
  .tab_ul li a {
    padding: 0 15px;
  }
  .section2 .item {
    height: 100px;
  }
  .section2 .item .biao {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .section2 .item .biao i {
    height: 40px;
    background-size: auto 20px;
  }
  .section3 .tab_ul ul {
    flex-wrap: wrap;
  }
  .section3 .tab_ul li {
    margin: 5px 0;
  }
  .section3 .tab_ul li a {
    padding: 0 12px;
  }
  .section3 .fuwu1 .hot {
    height: 300px;
    margin: 10px 0 -10px 0;
  }
  .section3 .fuwu1 .hot .item {
    padding-bottom: 35px;
  }
  .section3 .fuwu1 .hot .item .tit {
    font-size: 22px;
  }
  .section3 .fuwu1 .hot .item .sec_desc {
    margin: 10px 0;
    line-height: 25px;
    height: 50px;
  }
  .section3 .fuwu1 .hot .item .vmore {
    margin-top: 15px;
  }
  .section3 .fuwu2 {
    margin-top: -5px;
  }
  .section4 {
    background-size: auto 350px;
  }
  .section4 .about1 .info {
    padding-bottom: 0;
  }
  .section4 .about1 .dt_desc {
    margin-bottom: 25px !important;
  }
  .section6 .tab_ul ul {
    justify-content: space-between;
  }
  .section6 .tab_ul ul li a {
    padding: 0 15px !important;
    white-space: nowrap;
  }
  .vmore {
    margin-top: 38px;
  }
  .vmore a {
    width: 120px;
    height: 40px;
    line-height: 36px;
  }
  .slide {
    height: 260px;
  }
  .slide .slide_bg {
    background-position: center;
    background-size: cover;
  }
  .slide .slide_txt span {
    font-size: 26px;
  }
  .slide .slide_txt .xt {
    margin-top: 15px;
  }
  .crumbs {
    padding: 5px 0 !important;
    border: 0;
  }
  .crumbs .wp {
    display: none;
  }
  .crumbs .subcat {
    padding: 10px 0;
  }
  .crumbs .subcat ul {
    flex-wrap: wrap;
  }
  .crumbs .subcat li {
    line-height: 35px;
    height: 35px;
    margin-right: 20px;
    margin-top: 10px;
  }
  .crumbs .weizhi {
    margin: 8px 0 15px 0;
  }
  /* main */
  .main {
    padding: 15px 0;
  }
  .main .news1 {
    padding: 15px 0;
  }
  .main .news1 .pbox {
    padding: 5px;
  }
  .main .news1 .tit {
    margin: 5px 0;
  }
  .main .news1 .link {
    margin: 10px 0;
  }
  .main .news1 ul {
    margin: 0 -15px;
  }
  .main .list_news li .info {
    padding: 15px;
    border-left: 0;
  }
  .main .list_news li .info .mtime {
    margin: 5px 0;
    color: #999;
  }
  .main .list_news li .info .desc {
    line-height: 24px;
    height: 48px;
  }
  /* pages */
  .pages {
    padding: 25px 0;
  }
  .pages li {
    margin: 0 2px;
  }
  .pages li a {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .pages li a i {
    font-size: 14px;
  }
  .pages li:nth-child(n + 7) {
    display: none;
  }
  .pages li:last-child {
    display: inline-block;
  }
  .typecat {
    margin: 20px 0 35px 0;
  }
  .typecat::after {
    width: 60px;
  }
  .list_zc li .item {
    min-height: initial;
  }
  .list_solute li {
    padding: 10px 0;
    flex-direction: column-reverse;
  }
  .list_solute li .pbox {
    margin: 0;
  }
  .list_solute li .desc {
    margin: 20px 0;
    line-height: 25px;
  }
  .crumbs.nob {
    padding: 0;
    margin-bottom: -10px;
  }
  /* 技术文章 */
  .list_jisu li {
    padding: 15px 20px;
  }
  .list_jisu li .attr {
    margin-top: 15px;
  }
  .list_jisu li .attr .fl span {
    margin-right: 20px;
  }
  .side_type {
    font-size: 20px;
    padding-bottom: 10px;
    padding-left: 8px;
    border-bottom: 1px solid #f8f8f8;
  }
  .side_type::before {
    width: 2px;
    height: 20px;
    top: 4px;
  }
  .side_type::after {
    width: 2px;
    height: 10px;
    top: 14px;
    z-index: 2;
  }
  .rightside {
    margin-top: 16px;
    padding-left: 0;
  }
  .rightside .list_hot {
    padding: 10px 0;
  }
  .rightside .list_hot li {
    padding: 6px 0;
  }
  .rightside .list_hot li .time {
    margin-top: 12px;
  }
  .crumbs.p30 {
    padding: 0;
  }
  .back {
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    margin-top: 15px;
  }
  .list_fuwu .list_news2 .item .pbox {
    padding: 10px;
  }
  .list_fuwu .list_news2 .item .pbox .desc {
    margin: 2px 0 0 0;
  }
  .list_fuwu .list_news2 .item .link {
    padding: 10px;
  }
  .maps {
    height: 400px;
  }
  .contbox .cont1 .grid.p60 {
    padding: 20px;
  }
  .contbox .cont1 .xt1 {
    margin: 10px 0 30px 0;
  }
  .lxfs li .info br {
    display: none;
  }
  .contbox .cont1 {
    padding: 30px 0;
  }
  .contbox .cont2 li .item .dd br {
    display: none;
  }
  .contbox .cont1 .cont1_info {
    padding: 30px 15px;
    background-size: 200px;
    background-position: right -30px bottom;
  }
  .contbox .cont1 .cont1_info .xt {
    padding: 30px 0;
  }
  .contbox .cont1 .cont1_info .t3 {
    margin-top: 30px;
  }
  .contbox .cont1 .cont1_info .t2 {
    font-size: 20px;
  }
  .contbox .cont3 .cont3_t1 {
    padding: 10px 30px 20px 30px;
  }
  .contbox .cont3 .ly2 {
    margin-top: 6px;
  }
  .contbox .cont3 .ly2 textarea {
    padding: 15px 20px !important;
    border-radius: 10px !important;
  }
  .contbox .cont3 .formbox {
    padding-bottom: 20px;
  }
  .mainbox .list_news2 .item .pbox {
    padding: 10px;
  }
  .mainbox .list_news2 .item .desc {
    margin-bottom: 0;
  }
  .sidebar {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .sidebar .side2 ul li .sub2 {
    padding-left: 15px;
  }
  .slide.slide2 {
    height: 500px;
  }
  .slide .slide_txt2 {
    padding: 15px 20px;
  }
  .dtbox .list_news2 {
    padding: 15px 0;
  }
  .type2 {
    background-size: 4px 22px;
    background-position: top 3px left;
  }
  .fnbox .fn1 .sec_desc {
    line-height: 26px;
    padding: 0 10px;
  }
  .fnbox .fn2 .fn2_cont {
    padding: 15px;
  }
  .fnbox .fn2 table td {
    padding: 10px 0;
  }
  .fnbox .fn2 table td:nth-child(2) {
    text-align: left;
    padding: 10px 15px;
  }
  .fnbox .fn4 .list_fn4 li .item {
    padding: 40px 15px;
    min-height: auto;
  }
  /* 关于我们 */
  .gybox .about1 .item .biao {
    height: 35px;
  }
  .gybox .about1 .item .biao img {
    max-width: 30px;
  }
  .gybox .about1 .item .tit {
    font-size: 14px;
  }
  .gybox .about1 .item .num span.counter.jia::after {
    font-size: 20px;
    top: -5px !important;
    right: 10px;
  }
  .gybox .about1 .info {
    padding: 20px 0;
  }
  .gybox .about1 .info .dt_desc {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
  }
  .gybox .about3 {
    padding: 30px 0;
  }
  .gybox .about3 .item .pic2 {
    height: 200px;
  }
  .about2 {
    padding-bottom: 60px;
  }
  .swiper-pagination-time {
    display: none;
  }
  #about-history {
    padding: 30px 0;
  }
  #about-history .body .right {
    background: none;
    padding-left: 0;
    position: relative;
  }
  #about-history .body:before {
    display: none;
  }
  #about-history .body .right .year1 {
    font-size: 100px;
    top: -30px;
    right: 0;
  }
  #about-history .body .content {
    padding: 0 10px;
    font-size: 14px;
  }
  #about-history .body {
    margin: -20px 0 0 0;
  }
  #about-history li {
    padding: 0;
  }
  #about-history .swiper-button-prev-time {
    left: 30% !important;
  }
  #about-history .swiper-button-next-time {
    right: 30% !important;
  }
  #about-history .body .jt[class^="swiper-button"] {
    bottom: -50px;
    top: initial;
  }
  #about-history li .img-block {
    max-width: initial;
  }
}

@media screen and (max-width: 750px) {
  body {
    padding-bottom: 55px;
  }
  .bottom .bn {
    clear: both;
    width: 100%;
    margin: 3px 0;
    float: left;
  }
  .bottom .fr {
    width: 100%;
  }
  .bottom .grid {
    justify-content: center;
  }
  .mbot {
    display: block;
    width: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 222;
  }
  .mbot ul li {
    text-align: center;
    background: #fff;
    width: 22%;
    padding: 6px 0;
    float: left;
  }
  .mbot ul li i {
    font-size: 24px;
    color: #333;
  }
  .mbot ul li a {
    color: #333;
  }
  .mbot ul li:nth-child(4) {
    width: 34%;
    background: #e70113;
  }
  .mbot ul li:nth-child(4) a {
    color: #fff;
  }
  .mbot ul li:nth-child(4) a i {
    color: #fff;
  }
}