@charset "UTF-8";
@media screen and (max-width: 768px) {
  body {
    background: none;
  }
  .header {
    background-color: transparent;
    padding: 0;
    position: relative;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
  }
  .header.active {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    padding: 0;
    position: fixed;
    z-index: 12;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
  }
  .header.active .header-left {
    float: left;
  }
  .header.active .header-desc,
  .header.active .header-contact {
    display: none;
  }
  .header.active .header-top {
    padding: 0;
    width: 100%;
  }
  .header.active .header-nav {
    width: 100%;
    margin: 0;
    display: none;
  }
  .header.active .header-nav.active {
    display: block;
  }
  .header.active .header-nav .header-li {
    float: none;
    padding: 0;
    position: relative;
  }
  .header.active .header-nav .header-li.active .header-link {
    color: #a2a2a2;
  }
  .header.active .header-nav .header-li.active .header-link:after {
    display: none;
  }
  .header.active .header-nav .header-li.active .head-ol {
    padding-top: 0;
  }
  .header.active .header-nav .header-li.active .header-li-span:after {
    content: '-';
    display: block;
  }
  .header.active .header-nav .header-link {
    display: block;
    text-align: left;
    padding: 0 10px;
    color: #666666;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
  }
  .header.active .header-nav .header-li-span {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .header.active .header-nav .header-li-span:after {
    content: '+';
    display: block;
    font-size: 24px;
    color: #ccc;
  }
  .header .header-cont {
    position: relative;
    background-color: #fff;
  }
  .header .header-top {
    height: 60px;
    overflow: hidden;
  }
  .header .header-left {
    float: left;
    font-size: 0;
  }
  .header .header-logo {
    display: block;
    height: 60px;
    padding: 15px 10px;
  }
  .header .header-logo img {
    display: block;
    width: auto;
    height: 100%;
  }
  .header .header-fa {
    display: block;
  }
  .header .header-desc,
  .header .header-contact {
    display: none;
  }
  .header .header-cont,
  .header .header-top {
    padding: 0;
  }
  .header .header-top {
    border-bottom: 1px solid #196291;
  }
  .header .header-nav {
    border-top: 0;
    display: none;
  }
  .header .header-nav.active {
    display: block;
  }
  .header .header-nav .header-li {
    float: none;
    position: relative;
  }
  .header .header-nav .header-li.active .header-link {
    color: #a2a2a2;
  }
  .header .header-nav .header-li.active .header-link:after {
    display: none;
  }
  .header .header-nav .header-li.active .header-li-span:after {
    content: '-';
    display: block;
  }
  .header .header-nav .header-link {
    display: block;
    text-align: left;
    padding: 0 10px;
    color: #666666;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    border-right: 1px solid #eee;
    position: relative;
  }
  .header .header-nav .header-link.cur {
    background-color: #196291;
    color: #fff;
  }
  .header .header-nav .header-li-span {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .header .header-nav .header-li-span:after {
    content: '+';
    display: block;
    font-size: 24px;
    color: #ccc;
  }
  .header .head-ol {
    position: relative;
    z-index: 4;
    width: 100%;
    left: 0;
    display: none;
  }
  .header .head-ol .head-twoLi {
    position: relative;
  }
  .header .head-ol .head-twoLi.active .head-subtype {
    display: block;
  }
  .header .head-ol .head-twoLi.active .head-twoLi-link {
    background-color: #e2e2e2;
    color: #196291;
  }
  .header .head-ol .head-twoLi.active .head-twoLi-span:after {
    content: '-';
    display: block;
  }
  .header .head-ol .head-twoLi-span {
    position: absolute;
    right: 0;
    top: 0;
    font: normal normal normal 14px/1 FontAwesome;
  }
  .header .head-ol .head-twoLi-span:after {
    content: "+";
    display: block;
    padding: 0;
    text-align: center;
    font-size: 24px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #C7C6C6;
  }
  .header .head-ol .head-twoLi-link {
    display: block;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f2f2f2;
    color: #999;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-weight: bold;
  }
  .header .head-ol .head-twoLi-link.active {
    background-color: #e2e2e2;
    color: #196291;
  }
  .header .head-subtype {
    position: relative;
    z-index: 12;
    width: 100%;
    right: 0;
    top: 0;
    display: none;
  }
  .header .head-subtype .head-subtype-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 40px;
    background-color: #f2f2f2;
    color: #999;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-weight: bold;
  }
  .header .head-subtype .head-subtype-link:hover {
    background-color: #e2e2e2;
    color: #196291;
  }
  .index {
    margin: 10px 0 16px;
    padding: 14px 8px;
  }
  .index .index-title {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 10px;
  }
  .index .index-desc {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }
  .index .index-desc p:nth-child(n+2) {
    display: none;
  }
  .inProject {
    padding: 10px;
  }
  .inProject .inProject-title {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0 10px;
  }
  .inProject .inProject-desc {
    text-align: left;
    font-size: 12px;
    line-height: 20px;
  }
  .inProject .inProject-desc p:nth-child(n+2) {
    display: none;
  }
  .inSystem-list {
    padding-bottom: 32px;
  }
  .inSystem-list .inSystem-li {
    padding: 0 10px 0 0;
  }
  .inSystem-list .inSystem-li:nth-child(even) {
    padding: 0 0 0 10px;
  }
  .inSystem-list .inSystem-li:nth-child(even) .inSystem-title {
    background: url('../img/bg3.png') no-repeat right 10px top 10px;
    background-size: 60%;
  }
  .inSystem-list .inSystem-title {
    padding: 32px 0 24px;
    background: url('../img/bg2.png') no-repeat right 0 top 20px;
    background-size: 70%;
    font-size: 0;
  }
  .inSystem-list .inSystem-letter {
    vertical-align: middle;
    font-size: 32px;
    line-height: 32px;
    width: 20px;
  }
  .inSystem-list .inSystem-word {
    width: calc(100% - 20px);
    vertical-align: middle;
    padding-left: 12px;
  }
  .inSystem-list .inSystem-word h3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .inSystem-list .inSystem-word h4 {
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 42px;
  }
  .inSystem-list .inSystem-cate-linktion {
    padding-top: 0;
    width: 100%;
  }
  .inSystem-list .inSystem-cate-linktion .inSystem-cate-link {
    display: block;
    height: 38px;
    line-height: 38px;
  }
  .inSystem-list .inSystem-cate-img {
    display: none;
  }
  .inPro {
    margin: 0;
    background: none;
    padding: 0 0 12px;
  }
  .inPro .inPro-list {
    padding: 0;
  }
  .inPro .inPro-li {
    float: none;
    width: 100%;
    padding: 0 0 12px;
    height: auto;
  }
  .inPro .inPro-li:nth-child(1) .inPro-link {
    padding-left: 0;
  }
  .inPro .inPro-li:nth-child(2) .inPro-link {
    text-align: left;
    padding-left: 0;
  }
  .inPro .inPro-li:nth-child(3) .inPro-link {
    text-align: left;
    padding-right: 0;
  }
  .inPro .inPro-link {
    display: block;
    position: relative;
    padding-top: 0;
    font-size: 0;
  }
  .inPro .inPro-img {
    display: inline-block;
    vertical-align: top;
    width: 40%;
  }
  .inPro .inPro-img img {
    display: block;
    width: 100%;
  }
  .inPro .inPro-desc {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    padding-left: 10px;
  }
  .inPro .inPro-desc .inPro-title {
    text-align: left;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 12px;
  }
  .inPro .inPro-desc .inPro-title:after {
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 20px;
    height: 2px;
  }
  .inPro .inPro-desc p {
    font-size: 12px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .inPro .inPro-desc .fa {
    display: none;
  }
  .inAbout {
    padding-bottom: 16px;
  }
  .inAbout .inAbout-video {
    float: left;
    width: 100%;
    padding: 0 0 24px;
  }
  .inAbout .inAbout-video .video-cont {
    width: 100%;
  }
  .inAbout .inAbout-video .video-title {
    padding-top: 5px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
  }
  .inAbout .inNews {
    float: left;
    width: 100%;
    padding: 0;
  }
  .inAbout .inNews .inNews-ul {
    margin: 10px 0 0;
  }
  .inAbout .inNews .inNews-link {
    margin-left: 12px;
    padding-left: 20px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
  }
  .inAbout .inAbout-cont {
    float: left;
    padding: 24px 0 0;
    width: 100%;
  }
  .inAbout .inAbout-cont .inAbout-link {
    display: block;
  }
  .inAbout .inAbout-cont p {
    color: #333;
    line-height: 19px;
    font-size: 12px;
  }
  .inCases .inCases-ul {
    margin: 0 -5px;
  }
  .inCases .inCases-ul .inCases-li {
    float: left;
    width: 50%;
    padding: 0 5px 8px;
  }
  .inCases .inCases-cont {
    padding: 10px 0 8px;
  }
  .inCases .inCases-title {
    font-size: 14px;
    line-height: 20px;
  }
  .inPartner {
    padding-bottom: 24px;
  }
  .inPartner .inPartner-title {
    padding: 32px 0 24px;
    background: url('../img/bg8.png') no-repeat right 20px top 20px;
    background-size: 25%;
    font-size: 0;
  }
  .inPartner .inPartner-letter {
    vertical-align: middle;
    font-size: 32px;
    line-height: 32px;
    width: 20px;
  }
  .inPartner .inPartner-word {
    width: calc(100% - 20px);
    vertical-align: middle;
    padding-left: 12px;
  }
  .inPartner .inPartner-word h3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .inPartner .inPartner-word h4 {
    font-size: 10px;
    line-height: 14px;
  }
  .inPartner .inPartner-list {
    padding: 10px;
    background-color: #f6f6f6;
  }
  .inPartner .inPartner-list .inPartner-swiper {
    overflow: hidden;
  }
  .inPartner .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
  }
  .inPartner .inPartner-link {
    background-color: #Fff;
  }
  .footer {
    background-color: #f1f1f1;
  }
  .footer .footer-nav,
  .footer .footer-wx,
  .footer .footer-bot {
    display: none;
  }
  .footer .footer-cont {
    padding: 10px 0;
  }
  .footer .footer-center {
    width: 100%;
    margin: 0;
  }
  .footer .footer-center .footer-copyright {
    font-size: 12px;
    line-height: 20px;
  }
  .footer .footer-center .footer-tact {
    padding: 0 0;
  }
  .footer .footer-center .footer-tact,
  .footer .footer-center .footer-net {
    font-size: 12px;
    line-height: 20px;
  }
  .footer .footer-center .footer-js {
    display: none;
  }
  .main,
  .main2 {
    padding: 24px 0 32px;
  }
  .crumbs,
  .sidebar {
    display: none;
  }
  .main-right {
    float: none;
    width: 100%;
  }
  .about {
    font-size: 12px;
    line-height: 20px;
  }
  .about .about-img {
    display: none;
  }
  .about .about-p {
    margin: 0 0 12px;
  }
  .culture {
    font-size: 12px;
    line-height: 20px;
  }
  .culture .culture-title {
    margin-bottom: 12px;
  }
  .culture .culture-desc {
    margin-bottom: 12px;
  }
  .laboratory .laboratory-title {
    padding-top: 0;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 0;
  }
  .laboratory .laboratory-title:after {
    display: none;
  }
  .laboratory .laboratory-span {
    padding: 3px 0 8px;
    color: #196291;
    font-size: 12px;
    line-height: 20px;
  }
  .laboratory .laboratory-desc {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
  }
  .laboratory .laboratory-list {
    margin-top: 24px;
    padding-bottom: 0;
    background: none;
  }
  .laboratory .laboratory-li {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    margin-bottom: 16px;
  }
  .laboratory .laboratory-li span {
    display: inline-block;
    color: #196291;
  }
  .laboratory .laboratory-li.li1,
  .laboratory .laboratory-li.li2,
  .laboratory .laboratory-li.li3,
  .laboratory .laboratory-li.li4 {
    padding: 0;
  }
  .laboratory .laboratory-li.li5 {
    padding-top: 0;
    width: 100%;
  }
  .join {
    padding-bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .join .join-list {
    padding: 12px 0;
  }
  .join .join-li-title {
    margin-bottom: 12px;
  }
  .join .join-li-desc {
    margin-bottom: 12px;
  }
  .engineering .engineering-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    padding: 0;
  }
  .engineering .engineering-cont {
    padding: 12px 0 24px;
    font-size: 12px;
    line-height: 20px;
  }
  .engineering-reco {
    padding: 0;
  }
  .engineering-reco .reco-title {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 12px;
    color: #555;
  }
  .engineering-reco .reco-li {
    float: left;
    width: 100%;
    padding: 0 0 16px;
  }
  .engineering-reco .reco-link {
    padding: 10px;
  }
  .engineering-reco .reco-cont {
    padding: 8px 0 4px;
  }
  .engineering-reco .desc {
    line-height: 20px;
    font-size: 12px;
  }
  .furniture .furniture-title {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    color: #333;
    padding: 0;
  }
  .furniture .furniture-cont {
    padding: 0;
  }
  .furniture .furniture-cont .furniture-h3 {
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    padding: 4px 0 20px;
  }
  .furniture .furniture-cont .furniture-headline {
    display: none;
  }
  .furniture .furniture-cont .furniture-list {
    margin: 0 -8px;
  }
  .furniture .furniture-cont .furniture-li {
    width: 50%;
    padding: 0 8px 8px;
  }
  .furniture .furniture-cont .furniture-link {
    padding-top: 0;
  }
  .furniture .furniture-cont .furniture-scale {
    margin: 0;
  }
  .furniture .furniture-cont .furniture-desc {
    padding: 10px 5px;
  }
  .furniture .furniture-cont .furniture-desc .title {
    font-size: 12px;
    line-height: 20px;
  }
  .cases .cases-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #333;
    padding: 0 0;
  }
  .cases .cases-cont {
    padding: 0;
  }
  .cases .cases-cont .cases-cate {
    display: none;
  }
  .cases .cases-cont .cases-list {
    margin-top: 24px;
  }
  .cases .cases-cont .cases-li {
    width: 100%;
    padding: 0 5px 20px;
  }
  .cases .cases-cont .cases-desc {
    left: 0;
    bottom: 36px;
    padding-left: 20px;
  }
  .cases .cases-cont .cases-desc .title {
    font-size: 22px;
    line-height: 36px;
    padding-bottom: 14px;
  }
  .cases .cases-cont .cases-desc .title:after {
    width: 80px;
    height: 3px;
  }
  .news .news-list .news-li {
    border-bottom: 1px dotted #999999;
  }
  .news .news-list .news-li:first-child .news-link {
    padding-top: 0;
  }
  .news .news-link {
    display: block;
    padding: 16px 0;
  }
  .news .news-img,
  .news .news-time {
    display: none;
  }
  .news .news-cont {
    width: 100%;
  }
  .news .news-cont .news-title {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .news .news-cont .news-desc {
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
  .news .pagetion {
    padding: 12px 0;
  }
  .technology .technology-li {
    padding: 22px 0;
    display: block;
    border-bottom: 1px dotted #999999;
  }
  .technology .technology-li:first-child {
    padding-top: 0;
  }
  .technology .technology-img {
    width: 20px;
    float: left;
  }
  .technology .technology-left {
    width: calc(100% - 60px);
    float: left;
  }
  .technology .technology-desc {
    float: left;
    width: calc(100% - 28px);
    padding-left: 10px;
  }
  .technology .technology-h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    max-width: 100%;
  }
  .technology .technology-time {
    font-size: 12px;
    color: #666;
    line-height: 20px;
  }
  .technology .technology-more {
    display: block;
    float: right;
    width: 60px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
  }
  .technology .pagetion {
    padding: 16px 0;
  }
  .contact #BaiduMap {
    height: 240px;
  }
  .contact .contact-cont {
    padding: 0;
  }
  .contact .contact-li {
    padding: 22px 16px;
  }
  .contact .contact-li:nth-child(2n) {
    padding: 14px 16px;
  }
  .contact .contact-left,
  .contact .contact-right {
    float: left;
  }
  .contact .contact-left {
    width: 100%;
  }
  .contact .contact-left .fa {
    font-size: 18px;
  }
  .contact .contact-left .contact-toponymy {
    padding-left: 8px;
    margin-bottom: 12px;
  }
  .contact .contact-left .contact-toponymy h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
  }
  .contact .contact-left .contact-toponymy h4 {
    font-size: 10px;
    line-height: 16px;
  }
  .contact .contact-right {
    width: 100%;
  }
  .contact .contact-addr {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .contact .contact-desc {
    font-size: 12px;
    line-height: 20px;
  }
  .furItem .furItem-title {
    font-size: 16px;
    line-height: 20px;
    padding: 0;
  }
  .furItem .furItem-cont {
    padding: 0;
  }
  .furItem .furItem-top {
    margin-bottom: 24px;
    margin-top: 16px;
  }
  .furItem .furItem-left {
    width: 100%;
  }
  .furItem .furItem-left-img {
    background-color: #f1f1f1;
  }
  .furItem .furItem-right {
    width: 100%;
    padding-right: 0;
  }
  .furItem .furItem-right-title {
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    margin-bottom: 12px;
  }
  .furItem .furItem-rgiht-desc p {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 20px;
    width: 90%;
  }
  .furItem .furItem-tel {
    margin: 16px 0 0;
  }
  .furItem .furItem-tel a {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 32px;
    background-color: #196291;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    margin-right: 10px;
  }
  .furItem .furItem-tel span {
    display: none;
  }
  .furItem .furItem-swiper-main {
    margin: 14px 0 20px;
  }
  .furItem .furItem-detials {
    border-top: 1px dotted #b2b2b2;
    padding: 16px 0;
  }
  .furItem .furItem-detials-title {
    padding: 0 10px 10px;
    font-size: 14px;
    color: #555;
  }
  .furItem .furItem-detials-html {
    font-size: 12px;
    line-height: 20px;
    color: #444;
  }
  .newsItem .newsItem-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .newsItem .newsItem-time {
    font-size: 10px;
    line-height: 14px;
  }
  .newsItem .newsItem-desc {
    padding: 16px 0 0;
    font-size: 12px;
    line-height: 20px;
  }
  .header .header-nav .header-li:nth-child(n) .header-link:after {
    display: none;
  }
    .inPartner-scroll {
    height: 32px;
  }
  .inPartner-scroll .inPartner-scroll__li {
    height: 32px;
  }
  .inPartner-scroll .inPartner-link {
    height: 32px;
    margin-right: 10px;
  }
}