@charset "UTF-8";
@media (max-width: 1280px) {
  .header .d1 .nav li {
    margin-right: .3rem;
  }
}

.tkg {
  height: .8rem;
}

.scrollto {
  padding-top: .5rem;
  margin-top: -.5rem;
}

.banner .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (min-width: 961px) {
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .header {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  }
  .header.fix {
    background: #fff;
    transform: translateY(-100px);
  }
  .header.header1.fix {
    transform: translateY(0);
  }
  .section4 .swiper-pagination {
    display: none;
  }
  .jisu .dd:nth-child(2n) .item {
    flex-direction: row-reverse;
  }
}

@media (max-width: 960px) {
  .tkg {
    height: 0;
  }
  /* 手机菜单 */
  .header {
    border-bottom: 0;
  }
  .headerm {
    padding: 0 15px;
    position: relative;
    border-bottom: 1px solid #eee;
    height: 60px;
    z-index: 23;
    background: #fff;
  }
  .headerm .logo img {
    max-width: 1.2rem;
  }
  .headerm .lang {
    position: absolute;
    right: 60px;
  }
  .headerm .lang i {
    margin-right: .07rem;
  }
  .headerm .navbtnm {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center;
  }
  .headerm .navbtnm i {
    font-size: .32rem;
    transition: 0.3s;
    color: #333;
  }
  .big-nav {
    position: fixed;
    z-index: 49;
    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: .22rem;
    line-height: .7rem;
    padding: 0 .1rem 0 .15rem;
    position: relative;
    display: block;
    font-weight: normal;
  }
  .big-nav .scroll li a.v1::after {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: .18rem;
    font-family: "iconfont" !important;
    content: "\e613";
    color: #666;
    transition: 0.3s;
  }
  .big-nav .scroll li ul {
    padding: 0 15px 15px 15px;
    display: none;
  }
  .big-nav .scroll li ul li {
    width: 100%;
  }
  .big-nav .scroll li ul li a {
    display: block;
    line-height: .4rem;
    padding: .1rem 0;
    font-size: .18rem;
  }
  .big-nav .scroll li ul li:last-child {
    border-bottom: 0;
  }
  .big-nav .scroll li.on .v1::after {
    content: "\e632";
  }
  .navShow .headerm .navbtnm i:before {
    content: "\e6e9";
    color: #333;
  }
  .navShow .big-nav {
    opacity: 1;
    visibility: visible;
    right: 0;
  }
  /* footer */
  .footer .ft1 .col1 {
    width: 100%;
    text-align: center;
  }
  .footer .ft1 .col1 .qrcode .ewm {
    margin-bottom: 0;
  }
  .footer .ft1 .col1 .qrcode .ewm img {
    width: 1.8rem;
  }
  .footer .ft1 .col2 {
    padding: .2rem 0 0 0;
    border-left: 0;
    margin-left: 0;
  }
  .footer .ft1 .col2 .ft-nav {
    border-right: 0;
    margin-top: .15rem;
  }
  .footer .ft1 .col2 .ft-nav li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 0;
  }
  .footer .ft1 .col2 .ft-nav li .tit {
    font-size: .2rem;
    padding: .18rem 0;
    margin-bottom: 0;
    position: relative;
    font-weight: normal;
  }
  .footer .ft1 .col2 .ft-nav li .tit i {
    font-size: .16rem;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    transition: all ease .3s;
    z-index: 2;
    transform: translateY(-50%);
    color: #fff;
  }
  .footer .ft1 .col2 .ft-nav li ul {
    display: none;
    padding: .1rem 0 .2rem;
  }
  .footer .ft1 .col2 .ft-nav li ul li {
    border: 0;
    padding: .03rem 0;
    font-size: .18rem;
  }
  .footer .ft1 .col2 .ft-nav li ul li a {
    display: block;
  }
  .footer .ft1 .col2 .ft-nav li.on .tit i::before {
    content: "\e634";
  }
  .footer .copyright {
    border-top-color: rgba(255, 255, 255, 0.1);
    line-height: 1.8;
    padding: .2rem 0;
  }
  /* 首页 */
  .banner {
    height: calc(90vh - 60px);
  }
  .banner .slide-txt .list li {
    width: 33.33%;
    margin: .15rem 0;
  }
  .banner .slide-txt .list li .icon {
    width: .7rem;
    height: .7rem;
  }
  .banner .slide-txt .list li .icon img {
    width: .25rem;
  }
  .swp-jt .jt {
    width: .5rem;
    height: .5rem;
  }
  .sec-type {
    margin-bottom: .25rem;
  }
  .section1 .item-info {
    padding: .25rem;
  }
  .section1 .item-info .desc {
    margin: .25rem 0;
  }
  .section1 .item-info .list li {
    width: 50%;
  }
  .section1 .item-info .list li .item .item-cont .icon img {
    width: .3rem;
  }
  .section2 {
    padding: .4rem 0 .9rem;
  }
  .section2 .tabs {
    margin-bottom: .35rem;
  }
  .section2 .tabs ul {
    overflow-x: auto;
    padding-bottom: .15rem;
    justify-content: flex-start;
  }
  .section2 .tabs ul li {
    min-width: auto;
    white-space: nowrap;
  }
  .section2 .tablist .item .item-tit {
    margin: .2rem 0 .75rem;
  }
  .section2 .tablist .item::after {
    display: none;
  }
  .section2 .swp-jt .jt.prev {
    left: 1rem;
  }
  .section2 .swp-jt .jt.next {
    right: 1rem;
  }
  .section3 .list .item .item-pic {
    height: auto;
  }
  .section3 .list .item .item-pic .fitImg {
    height: 0;
    padding-top: 80.27%;
  }
  .section4 .swiper-wrapper {
    padding-bottom: .8rem;
  }
  .section5 {
    padding-bottom: .8rem;
  }
  .section5 .form .item input {
    padding: 0 .2rem;
  }
  .section5 .form .item textarea {
    padding: .2rem;
  }
  .section5 .form .xieyi input {
    zoom: 110%;
  }
  .section5 .form .btn button {
    width: 2rem;
  }
  .crumbs {
    padding: .15rem 0;
    border-top: 0;
  }
  .inner-slide {
    height: 30vh;
  }
  .inner-slide img {
    display: none;
  }
  .inner-slide .slide-txt .typename {
    margin-top: 0;
  }
  .jisu .list .dd {
    margin-bottom: .3rem;
  }
  .jisu .list .dd .item .item-info {
    padding: .3rem;
  }
  .jisu .list .dd .item .item-pic .fitImg {
    height: 0;
    padding-top: 47.97%;
  }
  .news .wrap {
    flex-direction: column-reverse;
  }
  .news .news-left {
    width: 100%;
    margin: 0;
  }
  .news .news-left .list li .item .item-pic {
    width: 100%;
  }
  .news .news-left .list li .item .item-info {
    width: 100%;
    padding: .15rem;
  }
  .news .news-left .list li .item .item-info .desc {
    margin: .15rem 0;
    line-height: 1.8;
  }
  .news .news-side {
    width: 100%;
    margin: 0 0 .3rem 0;
  }
  .news .news-side2 {
    margin-top: .35rem;
  }
  .pages li:nth-child(n+7):not(.next) {
    display: none;
  }
  .contact .col1 {
    width: 100%;
  }
  .contact .cont2 .col1 {
    padding: .8rem .5rem;
  }
  .contact .cont2 .col2 {
    width: 100%;
    padding: .25rem .25rem .35rem .25rem;
  }
  .contact .cont2 .col2 .form .btn button {
    width: 1.8rem;
  }
  .project-detail {
    padding: .5rem 0;
  }
  .project-detail .contbox .col1 {
    width: 100%;
    margin: 0 0 .3rem 0;
  }
  .project-detail .contbox .col1 .fitImg {
    padding-top: 95.02%;
    height: 0;
  }
  .project-detail .contbox .col2 {
    padding: .35rem;
  }
  .project-detail .contbox .col2 .list li {
    padding: .2rem 0;
  }
  .job .job1 .list li {
    width: 48%;
    margin-bottom: .25rem;
    max-width: 100%;
  }
  .job .job1 .list li .item {
    padding: .35rem 0;
  }
  .job .job1 .list li:nth-child(2n) {
    float: right;
  }
  .job .job2 .slides {
    padding: 0 .65rem;
  }
  .job .job2 .slides .item .item-tit {
    padding: .2rem .15rem;
  }
  .job .job3 .list li .item {
    padding: .35rem .25rem;
  }
  .job .job3 .list li .item .item-add {
    margin: .25rem 0 0 0;
    flex-wrap: wrap;
  }
  .job .job3 .list li .item .item-add .link {
    margin-top: .25rem;
  }
  .laybox .contbox .lay-tit {
    padding: .18rem .2rem;
  }
  .laybox .contbox .lay-cont {
    padding: 0 .2rem;
  }
  .laybox .contbox .lay-cont .dd:last-child {
    padding-bottom: .15rem;
  }
  .about .about1 .contbox {
    padding: .2rem;
  }
  .about .about1 .contbox .list li .item .item-cont .icon img {
    width: .3rem;
  }
  .about .about2 .slides1 .item .item-info {
    padding: .2rem 0;
  }
  .about .about2 .slides1 .swp-jt {
    margin: .15rem 0;
  }
  .about .about3 li .item {
    padding: 1.5rem 0;
  }
  .about .about3 li .item .icon img {
    width: .65rem;
  }
  .about .about4 .slides2 .item .item-pic img {
    max-height: 65%;
  }
  .about .about5 {
    padding: .6rem 0;
  }
  .about .about5 .list {
    padding-top: .25rem;
  }
  .about .about5 .list ul {
    max-width: 100%;
  }
  .about .about5 .list ul li {
    width: 100%;
    max-width: 100%;
    margin: .25rem 0;
  }
  .about .about5 .list ul li .item .icon img {
    max-width: 1.2rem;
  }
  .about .about5 .list ul li .item .tit {
    margin: .15rem 0;
  }
  .about .about5 .list ul li .item .desc {
    line-height: 1.65;
  }
}
