@charset "UTF-8";
@media (min-width: 981px) {
  .product .dl:nth-child(2n) .item1 {
    flex-direction: row-reverse;
  }
  .product .dl:nth-child(2n) .item1 .item-info {
    padding: 0 .8rem 0 1rem;
  }
  .home .page3 .col{
      width:43%;
  }
  .footer .ft2 .ft-nav>ul>li{
    max-width:25%;
}
}

@media (max-width: 1200px) {
  .header .nav > ul > li {
   padding:0 .25rem;
  }
  .header .hdr {
    margin-left: .8rem;
  }
  .home .page4 .list li .item .col2 {
    margin: 0 .4rem 0 0;
  }
  .sec-type .cat .cn {
    margin-top: -1rem;
  }
  .sec-type .cat .txt {
    margin-top: .08rem;
  }
}

@media (max-width: 980px) {
  .tkg {
    height: 60px;
  }
  .layer .close {
    right: 15px;
  }
  .navbtnm {
    clear: both;
    text-align: center;
    position: relative;
    z-index: 21;
  }
  .navbtnm span {
    width: 100%;
    height: 2px;
    transition: all .5s;
    margin-top: .1rem;
    background: #fff;
    float: right;
  }
  .navbtnm span.line1 {
    margin-top: 0;
  }
  .navbtnm.open .line1 {
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
    transform-origin: 0%;
    -ms-transform-origin: 0%;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    transition: all .5s;
  }
  .navbtnm.open .line2 {
    opacity: 0;
    transition: all .5s;
  }
  .navbtnm.open .line3 {
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
    position: relative;
    top: .01rem;
    transform-origin: 0%;
    -ms-transform-origin: 0%;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    transition: all .5s;
  }
  /* 手机菜单 */
  .header {
    border-bottom: 0;
  }
  .header::before {
    height: .65rem;
  }
  .header.fix .tpr a i, .header.fix2 .tpr a i, .header.open .tpr a i {
    color: #282D65;
  }
  .header.fix .tpr .navbtnm span, .header.fix2 .tpr .navbtnm span, .header.open .tpr .navbtnm span {
    background: #282D65;
  }
  .headerm {
    padding: 0 15px;
    position: relative;
    height: 60px;
    z-index: 23;
  }
  .headerm .logo img {
    max-width: 2.5rem;
  }
  .headerm .navbtnm {
    width: 30px;
    height: 30px;
    z-index: 1;
    margin-top: .1rem;
    text-align: center;
  }
  .headerm .search {
    color: #fff;
    margin: 0 .2rem;
  }
  .headerm .search i {
    font-size: .32rem;
  }
  .headerm .lang {
      margin-right:.3rem;
    color: #fff;
    transition: all ease .3s;
    font-size: .22rem;
  }
  .headerm .lang i {
    font-size: .32rem;
  }
  .headerm .lang:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .headerm .lang span {
    margin: 0 .15rem;
  }
  .big-nav {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: -100%;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    height: auto;
    width: 100%;
    overflow-y: auto;
  }
  .big-nav .scroll {
    width: 100%;
    position: fixed;
    top: 60px;
    z-index: 22;
    background: #fff;
    padding-bottom: .15rem;
    height: 100%;
  }
  .big-nav .scroll li {
    width: 100%;
    text-align: left;
    padding-top: 0;
    border-bottom: rgba(51, 51, 51, 0.1) solid 1px;
  }
  .big-nav .scroll li a {
    color: #333;
    font-size: .21rem;
    padding: .22rem .1rem .22rem .15rem;
    position: relative;
    display: block;
    font-weight: normal;
  }
  .big-nav .scroll li a.v1::after, .big-nav .scroll li a.s1::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem;
    text-align: center;
    right: 15px;
    font-size: .18rem;
    font-family: "iconfont" !important;
    content: "\e613";
    z-index: 2;
    font-weight: bold;
    color: #666;
    transition: 0.3s;
  }
  .big-nav .scroll li a.s1::after {
    right: 0;
  }
  .big-nav .scroll li ul {
    padding: 0 15px 15px 20px;
    display: none;
  }
  .big-nav .scroll li ul li {
    width: 100%;
  }
  .big-nav .scroll li ul li a {
    display: block;
    padding: .17rem 0;
    font-size: .21rem;
  }
  .big-nav .scroll li ul li:last-child {
    border-bottom: 0;
  }
  .big-nav .scroll li .v2 li.on .s1::after {
    content: "\e632";
  }
  .big-nav .scroll li .v3 {
    max-height: 3.5rem;
    overflow-y: auto;
  }
  .big-nav .scroll li .v3::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .big-nav .scroll li .v3 li a {
    font-size: .2rem;
  }
  .big-nav .scroll li.on .v1::after {
    content: "\e632";
  }
  .searchdown {
    width: 100%;
    padding: .1rem 15px;
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 22;
    background: #fff;
  }
  .searchdown .form {
    height: .6rem;
    border-bottom: 1px solid #838383;
    position: relative;
  }
  .searchdown .form .int input {
    width: 100%;
  }
  .searchdown .form .int input::-webkit-input-placeholder {
    color: #777777;
  }
  .searchdown .form button {
    background: none;
    margin-left: .25rem;
  }
  .searchdown .form button i {
    color: #7D7D7D;
  }
  .searchdown .form .close {
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
  }
  .searchdown .form .close img {
    width: .2rem;
  }
  .navShow .headerm .navbtnm i:before {
    content: "\e6e9";
    color: #333;
  }
  .navShow .big-nav {
    opacity: 1;
    visibility: visible;
    right: 0;
  }
  /* footer */
  .footer .ft1 .txt {
    display: none;
  }
  .footer .ft2 {
    padding: 0 0 .35rem 0;
    border-top: 0;
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }
  .footer .ft2 .lxfs .lx2 {
    margin: .2rem 0;
  }
  .footer .ft2 .lxfs .lx3 {
    display: none;
  }
  .footer .ft2 .ft-nav {
    width: 100%;
    margin: .1rem 0 0 0;
  }
  .footer .ft2 .ft-nav li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
  }
  .footer .ft2 .ft-nav li .tit {
    height: .6rem;
    line-height: .6rem;
    margin-bottom: 0;
    position: relative;
    font-size: .2rem;
    text-align: left;
  }
  .footer .ft2 .ft-nav li .tit > a {
    width: 85%;
    display: block;
  }
  .footer .ft2 .ft-nav li .tit i {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url("../img/icon_jt1.png");
  }
  .footer .ft2 .ft-nav li ul {
    display: none;
    padding: 0 0 0 .2rem;
  }
  .footer .ft2 .ft-nav li ul li {
    border: 0;
    padding: 0;
    margin: .2rem 0;
    width: 100%;
    font-size: .2rem;
    text-align: left;
  }
  .footer .ft2 .ft-nav li ul li a {
    display: block;
    margin: .05rem 0;
  }
  .footer .ft2 .ft-nav li.on .tit i {
    background-image: url("../img/icon_jt2.png");
  }
  .footer .ft2 .ft-nav li:last-child {
    border-bottom: 0;
  }
  .footer .ft3 {
    text-align: center;
    font-size: .18rem;
    padding: .25rem 0;
  }
  .footer .ft3 .tech {
    width: 100%;
    text-align: center;
    margin-top: .1rem;
  }
  /* 首页 */
  .home {
    padding-top: 0;
  }
  .home .slide-h .slide-item1 {
    padding-top: 1.2rem;
  }
  .home .ab-type {
    margin-bottom: .2rem;
  }
  .home .page1 .con .slide-txt img {
    max-width: 85%;
  }
  .home .page1 .swp-dot {
    bottom: .4rem;
  }
  .home .page1 .scroll-down {
    bottom: .4rem;
    right: 15px;
  }
  .home .page2 .txt2 {
    margin-top: -.4rem;
  }
  .home .page2 .desc {
    margin: .4rem 0;
  }
  .home .page2 .list {
    border-radius: .3rem 0 .3rem 0;
  }
  .home .page2 .list li {
    margin: .1rem 0;
  }
  .home .page3 .wrap {
    justify-content: center;
  }
  .home .page3 .list1 {
    flex-wrap: wrap;
    padding:1.1rem 16 .3rem 0;
  }.home .page3 .list1 li .item{
      padding:.05rem 15px;
      border:0;
  }
    .home .page3 .list2{
        padding:.3rem 0;
    }
     .home .page3 .list2 li a{
        margin:0 .05rem;
     }
  .home .page4 .list li .item {
    padding: .4rem 0;
  }
  .home .page4 .list li .item .col2 {
    width: 40%;
    margin: 0 .2rem 0 0;
  }
  .home .page4 .list li .item .col2 .fitImg2 {
    height: 0;
    padding-top: 56%;
  }
  .home .page4 .list li .item .col3 .date {
    margin: .1rem 0 .06rem;
  }
  .sec-type {
    margin: 0 0 .4rem 0;
  }
  .sec-type .cat .cn {
    margin-top: -.5rem;
  }
  .sec-type .cat .en {
    font-size: .55rem;
  }
  .sec-type .more {
    padding: 0 .1rem;
  }
  .sec-type .more i {
    margin-left: .05rem;
  }
  .sec-type .more2 {
    margin-top: .5rem;
  }
  .sec-type.nop {
    margin-bottom: 0;
  }
  .inner-slide {
    height:65vh;
  }
  .inner-slide .slide-txt .type-desc {
    margin: .2rem 0 1.5rem;
  }
  .inner-slide .slide-txt .subcat {
    flex-wrap: wrap;
  }
  .inner-slide .slide-txt .subcat a {
    padding: .1rem .12rem;
    margin: 0 .1rem .12rem 0;
    display: inline-block;
  }
  .news .news1 {
    padding-bottom: .8rem;
  }
  .news .news1 .item1 .item-pic .fitImg2 {
    height: 0;
    padding-top: 56.14%;
  }
  .news .news1 .list li .item .pic {
    width: 30%;
    margin-left: .1rem;
  }
  .news .news1 .list li .item .pic .fitImg2 {
    height: 0;
    padding-top: 74.88%;
  }
  .news .news1 .list li .item .info {
    max-width: 100%;
    padding-top: .2rem;
  }
  .news .news1 .list li .item .info .item-time {
    margin-top: .15rem;
  }
  .news .news1 .list2 {
    padding-top: 0;
  }
  .news .news1 .list2 li .item2 {
    padding: .35rem 0;
  }
  .news .news1 .list2 li .item2 .item-time {
    margin-top: .15rem;
  }
  .news .news2 .slides .pzDiv .jt {
    width: .5rem;
    height: .5rem;
  }
  .news .news2 .slides .pzDiv .jt.next {
    right: .1rem;
    top: 32%;
  }
  .news .news2 .slides .pzDiv .lbt::after {
    width: .9rem;
  }
  .news-detail1 .det1 {
    padding: .2rem;
  }
  .news-detail1 .det1 .news-tit {
    font-size: .3rem;
  }
  .news-detail1 .det2 {
    padding-top: .35rem;
  }
  .news-detail1 .det2 .news-side {
    width: 100%;
    margin: .4rem 0 0 0;
  }
  .news-detail1 .det2 .news-cont .video .play img {
    width: .8rem;
  }
  .job .job2 .item .icon img {
    width: 1.2rem;
  }
  .job .job2 .item .tit {
    margin: .3rem 0;
  }
  .job .job2 li {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .job .job2 li:last-child {
    border: 0;
  }
  .job .job2 li .item {
    padding: .25rem 0;
  }
  .job .job3 {
    padding-bottom: .8rem;
  }
  .job .job3 .list {
    padding-bottom: .3rem;
    margin-top: .8rem;
  }
  .job .job3 li {
    border-bottom: 1px solid #e6e6e6;
  }
  .job .job3 li .item {
    padding: .3rem 0;
  }
  .job .job3 li .item .col1 {
    padding: .25rem 0 .1rem;
    width: 100%;
    text-align: center;
  }
  .job .job3 li .item .col1 .icon {
    margin: 0 auto;
  }
  .job .job3 li .item .col1 .tit {
    margin: .2rem 0;
  }
  .job .job3 li .item .col2 {
    padding: 0 .25rem;
  }
  .job .job3 li:last-child {
    border-bottom: 0;
  }
  .product .pro-type {
    padding: .65rem 0;
  }
  .product .pro-type .en {
    margin-top: .02rem;
  }
  .product .dl {
    padding-bottom: .8rem;
  }
  .product .dl .item1 .item-info {
    padding: .3rem 0 0 0;
  }
  .product .dl .item1 .item-info .txt1 {
    font-size: .18rem;
  }
  .product .dl .item1 .item-info .txt2 {
    font-size: .32rem;
    margin-bottom: .5rem;
  }
  .product .dl .item1 .item-info .tags {
    flex-wrap: wrap;
  }
  .product .dl .item1 .item-info .tags a {
    padding: .1rem .15rem;
    margin: 0 .1rem .1rem 0;
  }
  .product .dl .item1 .desk {
    transform: scale(0.74) translateX(-23%);
  }
  .product .dl .item2 {
    padding: .25rem;
    margin-bottom: .15rem;
  }
  .product .dl .item2 .col2 {
    margin-top: .35rem;
  }
  .product .dl .item2 .col2 .item-pic {
    padding: .25rem;
  }
  .product2 .item1 .item-pic {
    margin-bottom: .25rem;
  }
  .product2 .dl .item02 {
    padding: .2rem .3rem;
  }
  .product2 .dl .item02 .col2 {
    width: 100%;
    margin: .35rem 0;
  }
  .product2 .dl .item3 .attr ul li {
    width: 100%;
    margin: .05rem 0;
  }
  .mingyi .mapbox .map {
    width: 100%;
    height:auto;
    padding: .35rem .2rem;
  }
  .mingyi .mapbox .screen {
    width: 100%;
    padding: .3rem .3rem .5rem .3rem;
  }
  .mingyi .mapbox .screen .cont {
    width: 100%;
  }
  .mingyi .result {
    margin-top: 0;
  }
  .mingyi .result .col1 {
    padding-top: .35rem;
  }
  .mingyi .result .itembox .item1 .item-pic {
    margin-right: .18rem;
  }
  .mingyi .result .itembox .item2 {
    padding: .25rem 15px .5rem 0;
  }
  .zhinan .wrap {
    padding: .5rem 0  .5rem .2rem;
    height:auto;
  }
  .zhinan .slides {
    background: rgba(255, 255, 255, 0.65);
  }
  .zhinan .slides .col1 .item {
    padding: .5rem .2rem;
  }
  .zhinan .slides .col1 .item .link {
    margin-left: .2rem;
  }
  .zhinan .slides .col1 .item .link i {
    font-size: .3rem;
  }
  .zhinan .slides .col1 .item .info .item-tit {
    margin-bottom: .15rem;
  }
  .zhinan .slides .col2 {
    width: .85rem;
  }
  .zhinan .slides .col2 .jt {
    border-color: #33b4cb;
    background: #fff;
  }
  .zhinan .slides .col2 .jt i {
    color: #33B4CB;
  }
  .zhinan .slides .col2 .jt:hover i {
    color: #fff;
  }
  .care .care1 li .item {
    height: 3.5rem;
  }
  .care .care1 li .item .item-txt .item-tit {
    padding: .2rem;
  }
  .care .care2 .col1 .wrap {
    max-width: 100%;
  }
  .care .care2 .col2 {
    margin-top: .35rem;
    margin-right: 0;
  }
  .care .care2 .col2 .item {
    margin: .13rem;
    box-shadow: 0rem 0rem 0.27rem 0.03rem rgba(0, 0, 0, 0.1);
  }
  .care .care2 .col2 .item .item-tit {
    margin: .2rem 0;
  }
  .swp-jt {
    margin-left: .25rem;
  }
  .swp-jt .jt {
    margin-left: .15rem;
    width: .4rem;
    height: .4rem;
  }
  .about .about1 {
    padding: .6rem 0 .45rem 0;
  }
  .about .about1 .item {
    margin-bottom: .35rem;
  }
  .about .about1 .item .icon {
    width: .65rem;
    margin-right: .1rem;
  }
  .about .about1 .item .icon img {
    width: .45rem;
  }
  .about .about2 .desc {
    margin: .35rem 0;
  }
  .about .about2 .brand {
    margin-bottom: .35rem;
  }
  .about .about2 .brand li .item {
    height: .7rem;
    overflow: hidden;
  }
  .about .about3 {
    padding: .6rem 0 .8rem;
  }
  .about .about3 .ln1 {
    height: auto;
        background-size:cover;
    padding: .65rem .2rem;
    line-height: 1.35;
  }
  .about .about3 .ln1 p img {
    width: 90%;
  }
  .about .about3 .ln2 {
    height: auto;
    background-size:cover;
    padding:1.5rem .2rem .85rem .2rem;
    line-height: 1.2;
    text-align: center;
    justify-content:center;
  }
  .about .about3 .ln2 .c1{
    width:3.24rem;
    float:unset!important;
    margin:0 auto;
}
.about .about3 .ln2 .col1{
    width:100%;
    text-align: center!important;
}
.about .about3 .ln2 .c2{
    text-align: center;
    width:1.3rem;
    margin:.5rem auto;
}
  .about .about3 .ln2 .cont {
    margin: 0;
  }
  .about .about4 .slides::before {
    background-size: 100% 65%;
  }
  .about .about4 .slides .item {
    white-space: wrap;
  }
  .about .about4 .slides .item .item-cont {
    font-size: .19rem;
  }
  .about .about4 .slides .item .item-cont li::before {
    top: .07rem;
  }
  .about .about5 .item {
    padding: 0 .15rem .3rem .15rem;
  }
  .about .about7 ul {
    flex-wrap: wrap;
  }
  .about .about7 ul li {
    width: 100%;
    margin: .2rem 0;
    max-width: 100%;
  }
  .about .about7 ul li .num {
    margin-bottom: .15rem;
  }
  .websitemap-section1 .cont .item .jut .list {
    width: 50%;
    margin-bottom: 8px;
  }

.inner-slide .slide-txt .type-desc2 span{
    font-size:1.2rem;
}
}

@media (max-width: 640px) {
  .headerm .navbtnm {
    width: 26px;
    height: 26px;
  }
}