@media screen and (max-width: 1440px) {
   .index-prod .prod-all .prod-list .box {
      min-height: 450px;
   }
}
@media screen and (max-width: 1360px) {
   .big-data .data-box {
      padding: 0 15px;
   }
   .index-prod .prod-all .prod-list .box {
      min-height: 400px;
   }
}
@media screen and (max-width: 1199px) {
   .skiptranslate iframe {
      display: none;
   }
   .google-translation .skiptranslate {
      display: inline-block;
   }
   body {
      top: 0 !important;
   }
   .header .nav-collapse {
      display: block;
      border: none;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      height: 32px;
   }
   header .header-all {
      position: relative;
      height: 58px;
   }
   header .header-btn {
      margin-right: 40px;
   }
   header .header-logo {
      height: 36px;
   }
   .banner .banner-button-prev,
   .banner .banner-button-next {
      width: 42px;
      height: 42px;
   }
   .banner .banner-button-prev:before,
   .banner .banner-button-next:before {
      font-size: 14px;
   }
   .index-about {
      padding: 40px 0;
   }
   .in-title {
      font-size: 32px;
      line-height: 42px;
      padding-bottom: 15px;
   }
   .index-about .desc {
      margin: 15px 0 0;
   }
   .index-about .btn-group {
      margin-top: 25px;
   }
   .big-data .count-top span {
      font-size: 34px;
   }
   .big-data .data-box i {
      font-size: 26px;
   }
   .big-data .count-tit {
      font-size: 18px;
      line-height: 18px;
   }
   .big-data .count-desc {
      text-align: left;
      line-height: 20px;
   }
   .index-data {
      padding: 40px 0;
   }
   .index-prod .prod-all .prod-list .tit {
      font-size: 18px;
      line-height: 26px;
   }
   .index-prod .prod-all .prod-list .box.active .more {
      margin-top: 15px;
   }
   .index-prod .prod-all .prod-list .num {
      font-size: 36px;
   }
   .index-prod .prod-all .prod-list .box {
      min-height: 340px;
   }
   .index-prod .prod-all .prod-list .box>div {
      padding: 35px 20px;
   }
   .index-prod {
      padding: 40px 0;
   }
   .index-why {
      padding: 40px 0;
   }
   .index-project {
      padding: 40px 0;
   }
   .index-project .slick-prev,
   .index-project .slick-next {
      width: 40px;
      height: 40px;
      top: -50px;
   }
   .index-project .slick-prev {
      right: 70px;
   }
   footer .footer-link3 {
      width: 17%;
   }
   .page-banner .item img {
      width: 130%;
      margin-left: -15%;
   }
   .about {
      padding: 40px 0;
   }
   .about .about-cont {
      padding-top: 0;
      padding-left: 30px;
   }
   .about .about-cont .about-logo {
      height: 55px;
      margin-bottom: 20px;
   }
   .about .about-cont .desc {
      margin-bottom: 20px;
   }
   .about .about-video a:after {
      width: 90px;
      height: 90px;
      background-size: cover;
   }
   .application {
      padding: 40px 0;
   }
   .application .list {
      margin: 25px -15px 0;
   }
   .about-title {
      font-size: 32px;
   }
   .factory {
      padding: 40px 0;
   }
   .factory .factory-slick {
      margin: 25px -15px 0;
   }
   .why {
      padding: 40px 0;
   }
   .why .why-list {
      padding: 25px 0 0;
   }
   .oem .oem-all {
      padding: 0;
   }
   .oem {
      padding: 40px 0;
   }
   .oem .desc {
      margin: 15px 0 20px;
   }
   .project {
      padding: 40px 0;
   }
   .project .list {
      margin-bottom: 30px;
   }
   .project .txt {
      width: calc(100% - 260px);
      padding-left: 30px;
      padding-right: 0;
   }
   .project .more {
      width: 110px;
      height: 38px;
   }
   .details {
      padding: 40px 0;
   }
   .details h1 {
      font-size: 24px;
      margin-bottom: 10px;
   }
   .details .info {
      padding-bottom: 15px;
      margin-bottom: 20px;
   }
   .details .details-date {
      font-size: 16px;
   }
   .details .share-box {
      margin-top: 25px;
   }
   .details .news-page {
      margin-top: 25px;
   }
   .details .news-page .next {
      margin-top: 5px;
   }
   .download {
      padding: 40px 0;
   }
   .download .list {
      margin: 0 -15px 30px;
   }
   .download .box>div {
      padding: 30px 25px;
   }
   .download .cont svg {
      font-size: 36px;
   }
   .download .cont .txt {
      width: calc(100% - 36px);
      padding-left: 20px;
   }
   .download .cont .tit {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 5px;
   }
   .news {
      padding: 40px 0;
   }
   .news .txt {
      padding: 20px 0 0;
   }
   .news .tit {
      padding-left: 20px;
   }
   .contact {
      padding: 40px 0 0;
   }
   .contact .contact-all .contact-txt {
      padding-right: 30px;
   }
   .ol-message {
      padding: 40px 0;
   }
   .ol-message .desc {
      margin: 10px 0;
   }
   .inquiry {
      padding-top: 30px;
      padding-bottom: 30px;
   }
   .inquiry-wrap .inquiry-box {
      padding-top: 10px;
   }
   .inquiry .send-message {
      padding-top: 20px;
   }
   .inquiry .send-message h4 {
      font-size: 18px;
   }
   .site-map {
      padding: 30px 0;
   }
   .site-map h2 {
      font-size: 24px;
      margin-bottom: 15px;
   }
   .header .nav-2 .content ul li a .img {
      display: none;
   }

   .project .img {
      width: 260px;
   }
}
@media screen and (max-width: 991px) {
   .open-suspended {
      right: 0;
      display: block;
   }
   .xs-online {
      display: block !important;
   }
   .suspended-list {
      top: auto;
      bottom: 120px;
      right: -60px;
      transition: all 0.35s;
   }
   .suspended-list ul {
      margin-bottom: 0;
   }
   .suspended-list ul li:hover a:before {
      transition: all 0.5s;
      transform: rotate(0);
   }
   .suspended-list ul li:first-child {
      transition: all 0.5s;
   }
   .suspended-list ul li:nth-child(2) {
      transition: all 0.5s;
   }
   .suspended-list ul li:nth-child(3) {
      transition: all 0.5s;
   }
   .suspended-list ul li:nth-child(4) {
      transition: all 0.5s;
   }
   .suspended-list ul li:nth-child(5) {
      transition: all 0.5s;
   }
   .suspended-list.look {
      right: 0;
      transition: all 0.35s;
   }
   .suspended-list.look ul li:first-child {
      transform: translateY(0);
      transition: all 0.5s;
   }
   .suspended-list.look ul li:nth-child(2) {
      transform: translateY(0);
      transition: all 0.5s;
   }
   .suspended-list.look ul li:nth-child(3) {
      transform: translateY(0);
      transition: all 0.5s;
   }
   .suspended-list.look ul li.plus img {
      transition: all 0.5s;
      transform: rotate(45deg);
   }
   .suspended-list.look li.open:hover a:before {
      transition: all 0.5s;
      transform: rotate(45deg);
   }
   .suspended-list.look li:nth-child(4) {
      transform: translateY(0);
      transition: all 0.5s;
   }
   .suspended-list.look li:nth-child(5) {
      transform: translateY(0);
      transition: all 0.5s;
   }
   .rotate45 {
      transform: rotate(45deg);
      transition: all 0.35s;
   }
   .in-title {
      font-size: 28px;
      line-height: 36px;
   }
   .index-about .btn-group a:last-child {
      margin-left: 20px;
   }
   .big-data .count-top span {
      font-size: 28px;
   }
   .big-data .count-tit {
      font-size: 16px;
      line-height: 16px;
   }
   .big-data .data-box i {
      font-size: 20px;
      margin-right: 10px;
   }
   .big-data .count-desc {
      font-size: 14px;
      line-height: 18px;
   }
   .index-prod .prod-all .prod-list .box {
      width: 33.33333333%;
      min-height: 180px;
   }
   .index-prod .prod-all .prod-imglist div {
      background-size: auto 100%;
   }
   .index-prod .prod-all .prod-list .num {
      font-size: 28px;
   }
   .index-prod .prod-all .prod-list .box.active .more {
      margin-top: 10px;
   }
   .index-prod .prod-all .prod-list .box>div {
      padding: 20px;
   }
   .index-why .box {
      padding: 0 10px;
   }
   .index-why .why-list {
      margin: 50px -10px 0;
   }
   .index-why .box>div,
   .index-why .box a {
      padding: 0 20px 25px;
   }
   .index-why .img:before {
      width: 70px;
      height: 70px;
   }
   .index-why .img:after {
      width: 70px;
      height: 70px;
   }
   .index-why .img {
      width: 28px;
      transform: translateY(-14px);
   }
   .index-why .box:nth-child(n+4) {
      margin-top: 55px;
   }
   .index-why .tit {
      font-size: 18px;
      line-height: 22px;
   }
   .index-project .box {
      padding: 0 10px;
   }
   .index-project .project-slick {
      margin: 30px -10px 0;
   }
   footer {
      padding-bottom: 68px;
      padding-top: 40px;
   }
   footer .am-g .am-u-md-4:first-child {
      display: none;
   }
   footer .am-g>[class*=am-u-] {
      width: 100%;
      margin-bottom: 10px !important;
   }
   footer .am-accordion-gapped .am-accordion-title {
      pointer-events: all;
      margin-bottom: 0;
   }
   footer .am-accordion-gapped .am-accordion-title:after {
      opacity: 1;
   }
   footer .footer-link li {
      float: left;
      margin-right: 15px;
   }
   footer .footer-link h4 {
      font-size: 18px;
   }
   footer .am-accordion-gapped .am-accordion-content:after {
      content: '';
      display: block;
      clear: both;
   }
   footer .footer-form p {
      margin-bottom: 10px;
      margin-top: 10px;
   }
   footer .footer-all {
      flex-wrap: wrap;
   }
   footer .am-accordion-gapped {
      width: 100%;
   }
   footer .footer-link a {
      line-height: 1;
   }
   footer .footer-link li {
      line-height: 28px;
   }
   footer .footer-link2 form {
      height: 40px;
   }
   footer .footer-share {
      margin-top: 10px;
      margin-left: 0;
   }
   footer .footer-share a {
      font-size: 16px;
      margin-right: 10px;
   }
   .am-accordion-bd {
      margin: 0 !important;
   }
   footer .footer-link3 form {
      padding-top: 10px;
   }
   .footer-record .am-container>div {
      font-size: 14px;
      line-height: 16px;
      padding: 10px 0;
   }
   footer .footer-link2 {
      width: 100%;
      margin-bottom: 10px;
   }
   footer .footer-msg {
      width: 100%;
      margin-bottom: 10px;
   }
   footer .footer-msg .footer-desc {
      margin-top: 20px;
   }
   footer .footer-link3 .am-active .am-accordion-title {
      margin-bottom: 0;
   }
   footer .footer-link3 ul {
      width: 100%;
      flex-direction: row;
      height: auto;
   }
   footer .footer-link3 li a {
      font-size: 14px;
      line-height: 24px;
   }
   footer .footer-link3 li {
      padding-right: 0;
   }
   footer .footer-link4 .am-active .am-accordion-title {
      margin-bottom: 0;
   }
   footer .footer-link4 ul {
      display: flex;
      flex-direction: column;
   }
   footer .footer-link4 li {
      font-size: 14px;
      line-height: 22px;
   }
   footer .footer-link4 li a {
      font-size: 14px;
      line-height: 22px;
   }
   footer .footer-all {
      padding-bottom: 30px;
   }
   footer .footer-top .footer-topt {
      flex-wrap: wrap;
      padding-bottom: 10px;
   }
   footer .footer-top .footer-topt .footer-txt {
      width: 100%;
      padding-right: 0;
      padding-bottom: 5px;
   }
   footer .footer-top .footer-topt .footer-form {
      width: 100%;
   }
   footer .footer-top .footer-topt .footer-logo {
      margin-bottom: 5px;
   }
   footer .footer-link1 .am-active .am-accordion-title {
      margin-bottom: 10px;
   }
   footer .footer-link1 form {
      margin-top: 10px;
   }
   footer .footer-link1 form button {
      height: 30px;
   }
   footer .footer-top .footer-topb {
      flex-wrap: wrap;
   }
   footer .am-accordion-gapped {
      margin: 5px 0 !important;
   }
   footer .footer-top {
      padding-bottom: 15px;
   }
   footer .footer-link2 ul {
      display: flex;
      flex-direction: column;
   }
   footer .footer-link li {
      font-size: 14px;
   }
   footer .footer-link2 li i {
      font-size: 16px;
      line-height: 1.8;
      margin-right: 8px;
   }
   footer .footer-link2 li:nth-child(2) i {
      font-size: 14px;
      line-height: 1.8;
      margin-right: 8px;
   }
   footer .footer-link li:nth-child(n+2) {
      margin-top: 0;
   }
   footer .footer-link2 .am-active .am-accordion-title {
      margin-bottom: 10px;
   }
   footer .footer-link3 li i {
      display: none;
   }
   footer .footer-link4 li i {
      margin-top: 0;
   }
   footer .footer-share {
      padding-top: 0;
   }
   footer .footer-link5 .am-active .am-accordion-title h4 {
      padding-bottom: 0;
   }
   footer .footer-share a {
      width: 34px;
      height: 34px;
   }
   footer .footer-share a i {
      font-size: 18px;
   }
   footer .footer-link5 .sitemap-btn {
      font-size: 14px;
      margin-top: 10px;
      width: 90px;
      height: 36px;
      line-height: 14px;
   }
   footer .footer-link h4:after {
      display: none;
   }
   footer .footer-link h4 {
      padding-bottom: 0;
   }
   footer .footer-link3 .am-active .am-accordion-title {
      margin-bottom: 10px;
   }
   footer .footer-link4 .am-active .am-accordion-title {
      margin-bottom: 10px;
   }
   footer .footer-link4 form textarea {
      height: 80px;
      margin-bottom: 20px;
   }
   footer .footer-link4 {
      padding-left: 0;
   }
   footer .footer-mid {
      padding: 20px 0;
   }
   footer .footer-link4 form input {
      font-size: 14px;
      height: 30px;
   }
   footer .footer-link4 form button {
      height: 30px;
      width: 30px;
   }
   footer .footer-link4 form textarea {
      font-size: 14px;
      margin-bottom: 10px;
   }
   footer .footer-record .am-container>div {
      justify-content: center;
      flex-wrap: wrap;
   }
   footer .footer-record .am-container>div {
      font-size: 14px;
      line-height: 22px;
   }
   footer .footer-logo {
      height: 40px;
      margin-bottom: 20px;
   }
   footer .footer-quote {
      margin-bottom: 20px;
   }
   footer .footer-record {
      margin-top: 20px;
   }
   footer .footer-msg .msg-desc {
      font-size: 14px;
   }
   footer .footer-record .am-container>div>div {
      justify-content: center;
   }
   footer .footer-share a {
      font-size: 14px;
      width: 30px;
      height: 30px;
   }
   footer .footer-record .record-link a {
      width: auto;
      height: auto;
      background-color: transparent;
   }
   footer .footer-link4 form {
      margin-top: 10px;
      padding: 5px 15px;
   }
   .about-nav .nav-list a {
      height: 44px;
   }
   .about .about-video {
      width: 690px;
      max-width: 100%;
   }
   .about .about-cont {
      width: 100%;
      padding-left: 0;
      padding-top: 15px;
   }
   .about .about-all {
      flex-wrap: wrap;
   }
   .about-title {
      font-size: 28px;
   }
   .application .box {
      padding: 0 10px;
   }
   .application .list {
      margin: 25px -10px 0;
   }
   .application .box:nth-child(n+4) {
      margin-top: 20px;
   }
   .factory .box {
      padding: 0 10px;
   }
   .factory .factory-slick {
      margin: 25px -10px 0;
   }
   .why .txt i {
      font-size: 26px;
      margin-bottom: 15px;
   }
   .why .tit {
      font-size: 20px;
      line-height: 26px;
      margin-bottom: 5px;
   }
   .oem .box {
      padding: 0 10px;
   }
   .oem .list {
      margin: 0 -10px;
   }
   .oem .tit {
      line-height: 24px;
   }
   .list-l {
      display: none;
   }
   .prod .am-u-md-9 {
      width: 100%;
      padding: 40px 15px;
   }
   .touch-nav {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 15px;
   }
   .touch-nav a {
      width: fit-content;
      line-height: 30px;
      padding-left: 10px;
      position: relative;
      color: #222;
      margin-right: 20px;
      text-transform: capitalize;
   }
   .touch-nav a:before {
      content: '-';
      position: absolute;
      left: 0;
   }
   .touch-nav a.active {
      color: #152F70;
   }
   .prod .prod-box {
      padding: 0 10px;
   }
   .prod .prod-list {
      margin: 0 -10px 20px;
   }
   .prod .prod-box .tit {
      font-size: 16px;
      line-height: 36px;
   }
   .recommend .prod-box .tit {
      font-size: 16px;
      line-height: 36px;
   }
   .prod .prod-box .img .numplus {
      opacity: 1;
      transform: translateX(0);
      left: auto;
      right: 15px;
      bottom: auto;
      top: 15px;
      width: 34px;
      height: 34px;
   }
   .prod .prod-box .img .numplus span {
      display: none;
   }
   .prod .prod-box .img .numplus i {
      margin-right: 0;
   }
   .recommend .prod-box .img .numplus {
      opacity: 1;
      transform: translateX(0);
      left: auto;
      right: 15px;
      bottom: auto;
      top: 15px;
      width: 34px;
      height: 34px;
   }
   .recommend .prod-box .img .numplus span {
      display: none;
   }
   .recommend .prod-box .img .numplus i {
      margin-right: 0;
   }
   .prod-detabox .am-u-md-9 {
      width: 100%;
      padding: 40px 15px;
   }
   .prod-deta .pro-details-msg {
      padding-left: 40px;
   }
   .prod-deta .pro-details-msg h1 {
      font-size: 24px;
   }
   .prod-deta .prod-detaslick {
      width: 50%;
   }
   .prod-deta .pro-details-msg {
      width: 50%;
   }
   .prod-deta .pro-details-msgcont {
      margin-top: 20px;
      margin-bottom: 10px;
   }
   .prod-deta .pro-details-msgcont2 {
      margin-bottom: 20px;
   }
   .prod-deta .pro-details-btn {
      margin-top: 25px;
   }
   .prod-deta .prod-sontitle {
      font-size: 24px;
   }
   .prod-deta .prod-cont .am-nav-tabs>li>a {
      font-size: 16px;
      width: 140px;
      height: 44px;
   }
   .recommend .prod-box {
      padding: 0 10px;
   }
   .recommend .prod-recommendlist {
      margin: 0 -10px;
   }
   .project .box>div {
      padding: 15px;
   }
   .project .img {
      width: 260px;
   }
   .project .txt {
      width: calc(100% - 260px);
   }
   .project .desc {
      margin-bottom: 15px;
      font-size: 14px;
      line-height: 24px;
   }
   .project .tit {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 10px;
   }
   .project .more {
      font-size: 14px;
      width: 120px;
      height: 40px;
   }
   .project .more i {
      margin-top: 0;
   }
   .download .cont .tit {
      font-size: 16px;
      line-height: 22px;
   }
   .download .cont .msg {
      font-size: 14px;
      line-height: 22px;
   }
   .download .download-btn {
      font-size: 14px;
      width: 120px;
      height: 38px;
      margin-top: 10px;
   }
   .download .download-btn i {
      margin-right: 7px;
   }
   .download .cont {
      width: 100%;
   }
   .download .box {
      padding: 0 10px;
   }
   .download .list {
      margin: 0 -10px 30px;
   }
   .download .box:nth-child(n+3) {
      margin-top: 20px;
   }
   .download .cont .txt {
      padding-right: 0;
   }
   .download .box>div {
      padding: 15px;
   }
   .news .box {
      padding: 0 10px;
   }
   .news .list {
      margin: 0 -10px 35px;
   }
   .news .date {
      width: 60px;
      height: 60px;
   }
   .news .date .d {
      font-size: 24px;
   }
   .news .date .m {
      font-size: 14px;
   }
   .news .box:nth-child(n+3) {
      margin-top: 20px;
   }
   .contact .contact-all .about-title {
      padding-bottom: 20px;
   }
   .ol-message .desc {
      line-height: 26px;
   }
   .inquiry-wrap .inquiry-box .list {
      padding: 0;
      margin: 0;
   }
   .project .box {
      width: 100%;
   }
}
@media screen and (max-width: 767px) {
   .in-title {
      font-size: 24px;
      line-height: 28px;
   }
   .index-about .desc {
      font-size: 14px;
      line-height: 24px;
   }
   .index-about .btn-group {
      margin-top: 20px;
   }
   .index-about .btn-group a {
      font-size: 14px;
      width: 120px;
      height: 40px;
   }
   .index-about .btn-group a:last-child {
      margin-left: 10px;
   }
   .big-data .data-box {
      width: 50%;
      justify-content: flex-start;
      padding: 0 5px;
   }
   .big-data .data-box:nth-child(n+3) {
      margin-top: 15px;
   }
   .big-data {
      flex-wrap: wrap;
   }
   .index-prod .prod-all .prod-list .num {
      font-size: 24px;
   }
   .index-prod .prod-all .prod-list .tit {
      font-size: 16px;
      line-height: 24px;
   }
   .index-prod .prod-all .prod-list .more {
      font-size: 14px;
   }
   .index-why .box {
      padding: 0 5px;
   }
   .index-why .why-list {
      margin: 50px -5px 0;
   }
   .index-why .box:nth-child(n+4) {
      margin-top: 50px;
   }
   .index-project .box {
      padding: 0 5px;
   }
   .index-project .project-slick {
      margin: 30px -5px 0;
   }
   .index-project .txt {
      padding: 15px;
   }
   .index-project .tit {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 10px;
   }
   .index-project .more {
      font-size: 14px;
      width: 90px;
      height: 34px;
   }
   .page-banner .item img {
      width: 150%;
      margin-left: -25%;
   }
   .about-nav .nav-list a {
      font-size: 16px;
      line-height: 20px;
      padding: 12px 10px;
      height: auto;
      text-align: center;
   }
   .about-title {
      font-size: 24px;
   }
   .application .box {
      padding: 0 5px;
   }
   .application .box:nth-child(n+4) {
      margin-top: 10px;
   }
   .application .list {
      margin: 25px -5px 0;
   }
   .factory .box {
      padding: 0 5px;
   }
   .factory .factory-slick {
      margin: 25px -5px 0;
   }
   .factory .factory-all {
      padding: 0 40px;
   }
   .why .desc {
      font-size: 14px;
      line-height: 22px;
   }
   .why .tit {
      font-size: 18px;
      line-height: 22px;
   }
   .why .txt {
      padding-left: 30px;
   }
   .why .box:nth-child(2n) .txt {
      padding-right: 30px;
   }
   .oem .box {
      padding: 0 5px;
   }
   .oem .list {
      margin: 0 -5px;
   }
   .oem .desc {
      font-size: 14px;
      line-height: 22px;
      margin: 15px 0 10px;
   }
   .oem .tit {
      font-size: 14px;
      line-height: 20px;
      padding: 10px 15px;
   }
   .prod .prod-box {
      padding: 0 5px;
   }
   .prod .prod-list {
      margin: 0 -5px 20px;
   }
   .prod .prod-box:nth-child(n+4) {
      margin-top: 5px;
   }
   .prod-deta .pro-details-msg {
      padding-left: 30px;
   }
   .prod-deta .pro-details-btn a {
      font-size: 14px;
      width: 120px;
      height: 38px;
   }
   .prod-deta .pro-details-btn .pro-btn-inquire {
      margin-right: 10px;
   }
   .prod-deta .prod-cont {
      padding-top: 25px;
   }
   .prod-deta .inquiry-form {
      padding-top: 25px;
   }
   .prod-deta .inquiry-form .form-desc {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 10px;
   }
   .prod-deta .inquiry-form input {
      margin-bottom: 10px;
      width: calc(50% - 5px);
      margin-right: 10px;
      font-size: 14px;
      height: 42px;
   }
   .prod-deta .inquiry-form input:nth-child(2n+1) {
      margin-right: 0;
   }
   .prod-deta .inquiry-form textarea {
      font-size: 14px;
      margin-bottom: 10px;
   }
   .prod-deta .inquiry-form button {
      font-size: 14px;
      width: 90px;
      height: 38px;
   }
   .prod-deta .inquiry-form .prod-sontitle {
      margin-bottom: 10px;
   }
   .recommend {
      padding-top: 25px;
   }
   .recommend .prod-sontitle {
      margin-bottom: 15px;
   }
   .recommend .prod-box {
      padding: 0 5px;
   }
   .recommend .prod-recommendlist {
      margin: 0 -5px;
   }
   .project .txt {
      padding-left: 20px;
   }
   .project .img {
      width: 210px;
   }
   .project .txt {
      width: calc(100% - 210px);
   }
   .project .desc {
      margin-bottom: 10px;
   }
   .project .tit {
      margin-bottom: 5px;
   }
   .download .box:nth-child(n+3) {
      margin-top: 10px;
   }
   .download .box {
      padding: 0 5px;
   }
   .download .list {
      margin: 0 -5px 30px;
   }
   .news .date {
      width: 50px;
      height: 50px;
   }
   .news .date .m {
      font-size: 12px;
      line-height: 16px;
   }
   .news .box {
      padding: 0 5px;
   }
   .news .list {
      margin: 0 -5px 30px;
   }
   .news .tit {
      font-size: 16px;
      line-height: 24px;
      height: 48px;
      width: calc(100% - 50px);
      padding-left: 15px;
   }
   .news .txt {
      padding: 10px 0 0;
   }
   .news .desc {
      font-size: 14px;
      line-height: 22px;
      height: 44px;
   }
   .contact .contact-all .contact-txt {
      width: 100%;
      padding-right: 0;
   }
   .contact .contact-all .contact-map {
      width: 100%;
      margin-top: 20px;
   }
   .map {
      height: 300px;
   }
   .contact .contact-all .desc {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 20px;
   }
   .contact .contact-all .about-title {
      margin-bottom: 20px;
   }
   .contact .contact-all .box:nth-child(n+2) {
      margin-top: 10px;
   }
   .ol-message input {
      width: calc(50% - 5px);
      margin-right: 10px;
      margin-bottom: 10px;
      height: 42px;
      font-size: 14px;
   }
   .ol-message input:nth-child(2n) {
      margin-right: 0;
   }
   .ol-message textarea {
      font-size: 14px;
      margin-bottom: 10px;
   }
   .ol-message button {
      width: 100px;
      height: 40px;
   }
   .ol-message button span {
      font-size: 14px;
   }
   .ol-message button i {
      margin-right: 7px;
   }
   .ol-message .desc {
      line-height: 22px;
      font-size: 14px;
   }
   .inquiry-wrap .iq-title .del-box {
      display: none;
   }
}
@media screen and (max-width: 641px) {
   .am-container2 {
      padding: 0 10px;
   }
   .index-why .box {
      width: 100%;
   }
   .index-why .box:nth-child(n+3) {
      margin-top: 40px;
   }
   .index-why .tit {
      font-size: 16px;
      line-height: 18px;
   }
   .index-why .desc {
      font-size: 14px;
      line-height: 20px;
   }
   .index-why .img {
      width: 22px;
      transform: translateY(-11px);
      margin: 0 auto 15px;
   }
   .index-why .img:before {
      width: 56px;
      height: 56px;
   }
   .index-why .img:after {
      width: 56px;
      height: 56px;
   }
   .index-why .why-list {
      margin: 35px -5px 0;
   }
   .index-project .slick-next {
      right: 5px;
   }
   .index-project .slick-prev,
   .index-project .slick-next {
      width: 30px;
      height: 30px;
   }
   .index-project .slick-prev:before,
   .index-project .slick-next:before {
      font-size: 14px;
   }
   .index-project .slick-prev {
      right: 45px;
   }
   .about .about-cont .about-logo {
      height: 45px;
      margin-bottom: 15px;
   }
   .about .about-cont .desc {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 15px;
   }
   .about .about-video a:after {
      width: 60px;
      height: 60px;
   }
   .factory .factory-all {
      padding: 0 10px;
   }
   .why .box {
      width: 100%;
      padding: 0 5px;
      display: block;
   }
   .why .img {
      width: 100%;
   }
   .why .txt {
      padding-left: 0;
      padding-top: 10px;
      width: 100%;
   }
   .why .why-list {
      margin: 0 -5px;
   }
   .why .box:nth-child(n+2) {
      margin-top: 0;
   }
   .why .box:nth-child(n+3) {
      margin-top: 15px;
   }
   .why .img:before {
      display: none;
   }
   .why .img:after {
      display: none;
   }
   .why .txt i {
      margin-bottom: 8px;
   }
   .why .box:nth-child(2n) .txt {
      padding-right: 0;
   }
   .pagenum a {
      width: 36px;
      height: 36px;
      font-size: 14px;
      margin-left: 10px;
   }
   .pagenum a:last-child {
      margin-left: 10px;
   }
   .pagenum a:nth-child(2) {
      margin-left: 10px;
   }
   .prod .am-u-md-9 {
      padding: 40px 10px;
   }
   .prod-deta .prod-detaslick {
      width: 450px;
      max-width: 100%;
   }
   .prod-deta .pro-details-msg {
      width: 100%;
      padding-left: 0;
   }
   .prod-deta .prod-detaimg {
      flex-wrap: wrap;
   }
   .prod-deta .pro-details-msgcont p {
      font-size: 14px;
      line-height: 24px;
   }
   .prod-deta .pro-details-msgcont2 p {
      font-size: 14px;
      line-height: 24px;
   }
   .prod-deta .pro-details-msgcont {
      margin-top: 15px;
      margin-bottom: 5px;
   }
   .prod-deta .pro-details-msgcont2 {
      margin-bottom: 15px;
   }
   .prod-deta .pro-details-btn {
      margin-top: 20px;
   }
   .prod-detabox .am-u-md-9 {
      padding: 40px 10px;
   }
   .details .txt p {
      font-size: 14px;
      line-height: 24px;
   }
   .details h1 {
      font-size: 20px;
      line-height: 26px;
   }
   .details .news-page p {
      font-size: 14px;
   }
   .inquiry .send-message input[type="submit"] {
      font-size: 14px;
      margin-top: 10px;
   }
   .inquiry .send-message {
      padding-left: 0;
      padding-right: 0;
   }
   .inquiry .send-message input[type="text"] {
      padding: 5px 10px;
   }
   .inquiry .send-message input[type="text"] {
      margin-bottom: 10px;
   }
   .inquiry .send-message .am-u-lg-3 {
      width: calc(25% - 7.5px);
      margin-right: 10px;
   }
   .site-map h2 {
      font-size: 20px;
   }
   .site-map .site-list1>li>a {
      height: 40px;
      line-height: 40px;
   }
   .site-map .site-list2 {
      padding-bottom: 0;
   }
}
@media screen and (max-width: 550px) {
   .search-wrap {
      right: -100px;
   }
   .banner .banner-button-prev,
   .banner .banner-button-next {
      width: 30px;
      height: 30px;
   }
   .banner .banner-button-prev:before,
   .banner .banner-button-next:before {
      font-size: 12px;
   }
   .banner .banner-button-prev {
      left: 15px;
   }
   .banner .banner-button-next {
      right: 15px;
   }
   .project .list {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -5px 30px;
   }
   .project .box:last-child {
      border: none;
   }
   .project .box {
      width: 50%;
      border: none;
      padding: 0 5px;
   }
   .project .box:nth-child(n+3) {
      margin-top: 10px;
   }
   .project .box>div {
      flex-wrap: wrap;
      padding: 0;
   }
   .project .img {
      width: 100%;
   }
   .project .txt {
      width: 100%;
      padding-left: 0;
      padding-top: 5px;
   }
   .project .tit {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0;
   }
   .project .desc {
      line-height: 22px;
      margin-bottom: 5px;
   }
   .project .box:first-child {
      border: none;
   }
   .project .box:nth-child(2) {
      border: none;
   }
}
@media screen and (max-width: 480px) {
   .header-search a {
      margin-right: 5px;
   }
   header .header-inquiry {
      margin-right: 5px;
   }
   header .header-btn {
      margin-right: 30px;
   }
   .index-prod .prod-all .prod-list .box {
      width: 50%;
   }
   .page-banner .item img {
      width: 200%;
      margin-left: -50%;
   }
   .about-nav .nav-list a {
      padding: 8px 10px;
   }
   .application .box {
      width: 50%;
   }
   .application .box:nth-child(n+3) {
      margin-top: 10px;
   }
   .prod .prod-box {
      width: 50%;
   }
   .prod .prod-box:nth-child(n+3) {
      margin-top: 5px;
   }
   .download .box {
      width: 100%;
   }
   .download .box:nth-child(n+2) {
      margin-top: 10px;
   }
   .news .date .d {
      font-size: 16px;
   }
   .news .date {
      width: 40px;
      height: 40px;
   }
   .news .tit {
      line-height: 20px;
      height: 40px;
      width: calc(100% - 40px);
      padding-left: 10px;
   }
   .news .desc {
      line-height: 20px;
      height: 40px;
   }
   .news .box:nth-child(n+3) {
      margin-top: 10px;
   }
   .inquiry .send-message .am-u-lg-3 {
      width: calc(50% - 5px);
   }
   .inquiry .send-message .am-u-lg-3:nth-child(2n+1) {
      margin-right: 0;
   }
}
@media screen and (max-width: 380px) {
   .search-wrap {
      right: -165px;
   }
   .big-data .data-box {
      width: 100%;
   }
   .big-data .data-box:nth-child(n+2) {
      margin-top: 15px;
   }
   .index-why .box {
      width: 100%;
   }
   .index-why .box:nth-child(n+2) {
      margin-top: 35px;
   }
}