@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
  /*-----banner-----*/
  #banner .swiper-slide {
    height: 725px;
  }
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
  .container {
    max-width: 1320px;
  }
  /*-----banner-----*/
  #banner .swiper-slide {
    height: 625px;
  }
  #page-banner .flex {
    height: 340px;
  }
  #page-banner .flex > h1, #content h1 {
    font-size: 2.8rem;
  }
  /*-------段落行间距-------*/
  main > section {
    padding: 5.5rem 0;
  }
  main > section hgroup > h2 {
    font-size: 2.5rem;
  }
  main > section hgroup > h3::before, main > section hgroup > h3::after {
    width: 38%;
  }
  main > section .title {
    margin: 0 auto 2.75rem;
  }
  /*-------菜单------*/
  nav.main-menu > ul > li {
    margin: 0 1.5rem;
  }
  nav.main-menu > ul > li > a {
    line-height: 90px;
  }
  #container {
    padding-top: 134px;
  }
  .navbar-right {
    margin-left: 1.5rem;
  }
  /*-------内页部分------*/
  main #content {
    padding: 3.75rem 0;
  }
  main .column > .flex > ul > li:not(:first-child) {
    margin-left: 2.75rem;
  }
  /*----侧边栏----*/
  #content .container-left {
    width: 27rem;
  }
  #content .container-right {
    width: calc(100% - 30rem);
  }
  /*-----公司简介-----*/
  main .about .right {
    padding: 4.5rem;
  }
  /*-----联系我们-----*/
  .map {
    height: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
  .container {
    max-width: 1140px;
  }
  .row {
    margin: 0 -1.25rem;
  }
  .row > li, footer .footer-area .widget {
    padding: 0 1.25rem;
  }
  /*-----banner-----*/
  #banner .swiper-slide {
    height: 550px;
  }
  #banner .swiper-slide .container {
    top: 26%;
  }
  #banner .swiper-slide h3 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  #page-banner .flex {
    height: 300px;
  }
  #page-banner .flex > h1, #content h1 {
    font-size: 2.6rem;
  }
  /*-------段落行间距-------*/
  main > section {
    padding: 5rem 0;
  }
  main > section hgroup > h2 {
    font-size: 2.4rem;
  }
  main > section hgroup > h3::before, main > section hgroup > h3::after {
    width: 37%;
  }
  main > section .title {
    margin: 0 auto 2.5rem;
  }
  /*-------菜单------*/
  nav.main-menu > ul > li {
    margin: 0 1.25rem;
  }
  nav.main-menu > ul > li:last-child > ul {
    right: 0;
    left: auto;
  }
  #container {
    padding-top: 124px;
  }
  .navbar-right {
    margin-left: 1.25rem;
  }
  .navbar-right .search-toggler {
    display: block;
  }
  .navbar-right .search {
    display: none;
  }
  .navbar-right .contact-info {
    display: none;
  }
  /*------公司简介-----*/
  #wrapper3 .about .about-left {
    margin-right: 3.5rem;
  }
  #wrapper3 .about .about-right {
    width: calc(50% - 3.5rem);
  }
  #wrapper3 .about .content .swiper-container .swiper-slide {
    padding-right: 2.5rem;
  }
  #wrapper3 a.button {
    padding: 1.25rem 3.5rem;
    margin-bottom: 2rem;
  }
  #wrapper3 .about #content .swiper-container {
    height: 250px;
  }
  #wrapper3 .about-right .about-list.flex li h3 {
    font-size: 4rem;
  }
  /*-------内页部分------*/
  main #content {
    padding: 3.5rem 0;
  }
  main .column > .flex > ul > li:not(:first-child) {
    margin-left: 2.5rem;
  }
  main .column > .flex > ul > li > a {
    font-size: 1.9rem;
    padding: 1.75rem 0;
  }
  /*----侧边栏----*/
  #content .container-left {
    width: 26rem;
  }
  #content .container-right {
    margin-left: 2.5rem;
    width: calc(100% - 28.5rem);
  }
  #content .container-right h3.page-title {
    font-size: 2.2rem;
  }
  /*-----公司简介-----*/
  main .about .right {
    padding: 4rem;
  }
  /* 新闻列表页 */
  #content ul.news-list li {
    padding-bottom: 1.75rem;
  }
  #content ul.news-list li + li {
    padding: 1.75rem 0;
  }
  #content ul.news-list li .thumb {
    width: 22.5%;
    margin-right: 1.75rem;
  }
  /*-----联系我们-----*/
  .map {
    height: 400px;
  }
  footer .footer-area .pro-list p {
    min-width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
  .container {
    max-width: 960px;
  }
  .row {
    margin: 0 -1rem;
  }
  .row > li, footer .footer-area .widget {
    padding: 0 1rem;
  }
  /*-----头部logo----*/
  #header .logo img {
    max-height: 55px;
  }
  .navbar-right .search-toggler {
    display: block;
  }
  .navbar-right .search {
    display: none;
  }
  .navbar-right .contact-info {
    display: none;
  }
  /*-----banner-----*/
  #banner .swiper-slide {
    height: 475px;
  }
  #banner .swiper-slide .container {
    top: 24%;
  }
  #banner .swiper-slide h3 {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
  #banner .swiper-slide p {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  #page-banner .flex {
    height: 260px;
  }
  #page-banner .flex > h1, #content h1 {
    font-size: 2.4rem;
  }
  /*-------段落行间距-------*/
  main > section {
    padding: 4.5rem 0;
  }
  main > section hgroup > h2 {
    font-size: 2.3rem;
  }
  main > section hgroup > h3::before, main > section hgroup > h3::after {
    width: 35%;
  }
  main > section .title {
    margin: 0 auto 2.25rem;
  }
  /*-------菜单------*/
  nav.main-menu > ul > li {
    margin: 0 1.25rem;
  }
  /*------一级目录-------*/
  nav.main-menu > ul > li:last-child > ul {
    right: 0;
    left: auto;
  }
  nav.main-menu > ul > li > a {
    line-height: 80px;
  }
  #container {
    padding-top: 124px;
  }
  .navbar-right {
    margin-left: 1.25rem;
  }
  /*-----列表-----*/
  ul.product-box > li, #content ul.case > li {
    margin-bottom: 2.5rem;
  }
  ul.product-box > li h3, #content ul.case > li h3 {
    font-size: 1.7rem;
  }
  /*------公司简介-----*/
  #wrapper3 .about .about-left {
    margin-right: 3rem;
  }
  #wrapper3 .about .about-right {
    width: calc(50% - 3rem);
  }
  #wrapper3 a.button {
    padding: 1.25rem 3.25rem;
    margin-bottom: 2rem;
  }
  #wrapper3 .about .content .swiper-container {
    height: 275px;
  }
  #wrapper3 .about .content .swiper-container .swiper-slide {
    padding-right: 2rem;
  }
  #wrapper3 hgroup {
    margin: 1rem auto 1.5rem;
  }
  #wrapper3 .about-right .about-list {
    display: none;
  }
  /*------新闻-----*/
  #wrapper4 section h3 {
    font-size: 2rem;
  }
  /*-----底部-----*/
  footer .footer-area .scan img {
    max-width: 140px;
  }
  footer .footer-area .left {
    width: 100%;
  }
  footer .footer-area .right {
    display: none;
  }
  /*-------内页部分------*/
  main #content {
    padding: 3.25rem 0;
  }
  main .column > .flex > ul > li:not(:first-child) {
    margin-left: 2.25rem;
  }
  main .column > .flex > ul > li > a {
    font-size: 1.8rem;
    padding: 1.5rem 0;
  }
  /*----侧边栏----*/
  #content .container-left {
    width: 24rem;
  }
  #content .container-right {
    margin-left: 2rem;
    width: calc(100% - 26rem);
  }
  #content .container-right h3.page-title {
    font-size: 2rem;
  }
  /*-----公司简介-----*/
  main .about .right {
    padding: 3.5rem;
  }
  /* 新闻列表页 */
  #content ul.news-list li {
    padding-bottom: 1.6rem;
  }
  #content ul.news-list li + li {
    padding: 1.6rem 0;
  }
  #content ul.news-list li .thumb {
    width: 25%;
    margin-right: 1.6rem;
  }
  /*-----联系我们-----*/
  .contact-info-wrap > ul > li h4 {
    font-size: 2.2rem;
  }
  .contact-info-wrap > ul > li .text {
    font-size: 1.7rem;
  }
  .contact-info-wrap > ul > li {
    margin-bottom: 3.75rem;
    padding: 0 1.25rem;
  }
  .map {
    height: 350px;
  }
}
@media only screen and (max-width:991px) {
  .container {
    max-width: 720px;
  }
  .row {
    margin: 0 -.75rem;
  }
  .row > li, footer .footer-area .widget {
    padding: 0 .75rem;
  }
  /*-----banner-----*/
  #banner .swiper-slide {
    height: 375px;
  }
  #banner .swiper-slide .container {
    top: 22%;
  }
  #banner .swiper-slide h3 {
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }
  #banner .swiper-slide p {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #page-banner .flex {
    height: 220px;
  }
  #page-banner .flex > h1, #content h1 {
    font-size: 2.2rem;
  }
  /*-------段落行间距-------*/
  main > section {
    padding: 4rem 0;
  }
  main > section hgroup > h2 {
    font-size: 2.2rem;
  }
  main > section hgroup > h3::before, main > section hgroup > h3::after {
    width: 30%;
  }
  main > section .title {
    margin: 0 auto 2rem;
    border-bottom: 0 none;
  }
  main > section hgroup {
    text-align: center;
    width: 100%;
  }
  main > section .item-list {
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
  }
  main > section .item-list > li {
    margin-bottom: 1rem;
  }
  main > section hgroup > h2::after {
    margin: 1rem auto;
  }
  /*------菜单-----*/
  #header .header-menu {
    display: none;
  }
  #header .top-header .left {
    display: none;
  }
  #header .top-menu {
    display: block;
  }
  #header .navbar .navbar-brand {
    line-height: 60px;
  }
  #header .navbar .navbar-brand img, #header.stuck .navbar .navbar-brand img {
    max-height: 40px;
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    border: none;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  }
  #container {
    padding-top: 104px;
  }
  #container.stuck {
    padding-top: 60px;
  }
  /*-----列表-----*/
  ul.product-box > li, #content ul.case > li {
    margin-bottom: 2.25rem;
  }
  ul.product-box > li h3, #content ul.case > li h3 {
    font-size: 1.6rem;
  }
  /*-----选项卡切换---*/
  main > section .item-list > li .category {
    padding: .5rem 1.25rem;
  }
  /*---公司简介---*/
  #wrapper3 .about .about-left {
    width: 100%;
    margin-right: 0;
  }
  #wrapper3 .about .about-right {
    width: 100%;
    padding-left: 0;
  }
  #wrapper3 a.button {
    font-size: 1.6rem;
    padding: 1rem 2.5rem;
    margin-bottom: 1.5rem;
  }
  #wrapper3 hgroup {
    margin: 1.5rem auto;
  }
  #wrapper3 .about .content .swiper-container {
    height: 250px;
  }
  #wrapper3 .about .content .swiper-container .swiper-slide {
    padding-right: 1.5rem;
  }
  #wrapper3 .about-right .about-list.flex li {
    padding: 0 1rem;
  }
  #wrapper3 .about-right .about-list.flex li h3 {
    font-size: 3.6rem;
  }
  /*------新闻-----*/
  #wrapper4 section h3 {
    font-size: 1.8rem;
  }
  /*------底部------*/
  footer .footer-area .left {
    width: 100%;
  }
  footer .footer-area .right {
    width: 100%;
  }
  /*-------内页部分------*/
  main #content {
    padding: 3rem 0;
  }
  #content .container-left, main .column > .flex > ul, #content .container-right h3.cate-title {
    display: none;
  }
  main nav.crumb {
    padding: 1.25rem 0;
    line-height: 1.5;
  }
  main > .title {
    display: flex;
  }
  .col-3, .col-4 {
    width: 33.3333333333%;
  }
  /*-----公司简介-----*/
  main .about .right {
    padding: 3rem;
  }
  /* 新闻列表页 */
  #content ul.news-list li {
    padding-bottom: 1.5rem;
  }
  #content ul.news-list li + li {
    padding: 1.5rem 0;
  }
  #content ul.news-list li .thumb {
    width: 27.5%;
    margin-right: 1.5rem;
  }
  /* 新闻详情页 */
  #article section.main-body {
    padding: 1.75rem 0;
  }
  /*------产品列表样式--------*/
  ul.product-box > li > a section {
    padding: 1.75rem;
  }
  /*---产品详情页---*/
  #content .proshow .col-left {
    display: none;
  }
  #productSlide {
    display: block;
  }
  #content .container-right {
    margin-left: 0;
    width: 100%;
  }
  #content .container-right h3.page-title {
    font-size: 1.8rem;
    margin-bottom: 1.75rem;
  }
  #content .container-right h3.page-title span {
    margin: 1.25rem 0;
  }
  .tab-box .tab-content {
    padding: 1.75rem;
  }
  /*-----联系我们-----*/
  .contact-info-wrap > ul > li h4 {
    font-size: 2rem;
  }
  .contact-info-wrap > ul > li .text {
    font-size: 1.6rem;
  }
  .contact-info-wrap > ul > li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 3.5rem;
    padding: 0 1rem;
  }
  .contact-info-wrap > ul > li .icon {
    margin-bottom: 3.75rem;
    margin-top: 1.75rem;
  }
  .map {
    height: 300px;
  }
  main .contact .left, main .contact .right {
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  body {
    -webkit-text-size-adjust: 100%
  }
  .container {
    max-width: 540px;
  }
  .row {
    margin: 0 -.5rem;
  }
  .row > li, footer .footer-area .widget {
    padding: 0 .5rem;
  }
  #header .top-header .flex {
    justify-content: center;
  }
  #header .top-header .right span:first-child {
    display: none;
  }
  /*-----banner-----*/
  #banner .swiper-slide {
    height: 275px;
  }
  #banner .swiper-slide .container {
    top: 20%;
  }
  #banner .swiper-slide h3 {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
  #banner .swiper-slide p {
    display: none;
  }
  #page-banner .flex {
    height: 180px;
  }
  #page-banner .flex > h1, #content h1 {
    font-size: 2rem;
  }
  /*-------段落行间距-------*/
  main > section, footer .footer-area {
    padding: 3.5rem 0;
  }
  main > section hgroup > h3::before, main > section hgroup > h3::after {
    width: 28%;
  }
  main > section .title {
    margin: 0 auto 1.75rem;
  }
  /*-----列表-----*/
  ul.product-box > li, #content ul.case > li {
    margin-bottom: 2rem;
  }
  /*------新闻-----*/
  #wrapper4 section {
    padding: 1.5rem;
  }
  #wrapper4 section h3 {
    font-size: 1.6rem;
  }
  /*-------内页部分------*/
  main #content {
    padding: 2.75rem 0;
  }
  main nav.crumb {
    padding: 1rem 0;
  }
  .col-3, .col-4 {
    width: 50%;
  }
  /*-----公司简介-----*/
  main .about .left {
    width: 100%;
  }
  main .about .right {
    padding: 2.5rem;
    width: 100%;
  }
  /* 新闻列表页 */
  #content ul.news-list li section p.desc {
    display: none;
  }
  #content ul.news-list li {
    padding-bottom: 1.25rem;
  }
  #content ul.news-list li + li {
    padding: 1.25rem 0;
  }
  #content ul.news-list li .thumb {
    width: 30%;
    margin-right: 1.25rem;
  }
  #content ul.news-list li section h3 {
    font-size: 1.8rem;
  }
  /*------产品列表样式--------*/
  ul.product-box > li > a section {
    padding: 1.5rem;
  }
  /*---产品详情页---*/
  #content .container-right h3.page-title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  #content .container-right h3.page-title span {
    margin: 1rem 0;
  }
  .tab-box .tab-content {
    padding: 1.5rem;
  }
  /*-----联系我们-----*/
  .contact-info-wrap > ul > li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 3rem;
    padding: 0 .75rem;
  }
  .contact-info-wrap > ul > li .icon {
    margin-bottom: 3.25rem;
    margin-top: 1.25rem;
  }
  .map {
    height: 250px;
  }
  /*---在线订单---*/
  ul.widget-box li label {
    display: none;
  }
  #content ul.widget-box li input:not(.valcode) {
    width: 100%;
  }
  ul.widget-box li span.field {
    margin-left: 0;
  }
}
@media only screen and (max-width:575px) {
  body {
    -webkit-text-size-adjust: 100%
  }
  .container {
    max-width: 100%;
    padding: 0 1rem;
  }
  #container {
    padding-top: 104px;
  }
  #container.stuck {
    padding-top: 60px;
  }
  #header .top-header ul li.requ-btn {
    display: none;
  }
  #banner .swiper-slide {
    height: 200px;
  }
  #banner .swiper-slide h3 {
    font-size: 2.2rem;
  }
  #page-banner .flex {
    height: 140px;
  }
  /*-------段落行间距-------*/
  main > section, footer .footer-area {
    padding: 3rem 0;
  }
  main > section hgroup > h3::before, main > section hgroup > h3::after {
    width: 15%;
  }
  main > section .title {
    margin: 0 auto 1.5rem;
  }
  /*-----底部------*/
  footer .footer-area .left .widget:nth-child(1), footer .footer-area .left .widget:nth-child(2), footer .footer-area .left .widget:nth-child(3) {
    flex: 1 1 100%;
  }
  footer .copyright-area {
    padding: 1.5rem 0 6rem;
  }
  footer .copyright-area .flex {
    justify-content: center;
  }
  footer .footer-area .left .widget:not(:last-child) {
    margin-bottom: 2rem;
  }
  footer .copyright-area .container p + p {
    display: none;
  }
  footer .copyright-area .container {
    width: 100%;
    text-align: center;
  }
  #wap-footer {
    display: block;
  }
  /*-------内页部分------*/
  main #content {
    padding: 2.5rem 0;
  }
  /*-----公司简介-----*/
  main .about .right {
    padding: 2rem;
  }
  /*新闻列表页*/
  #content ul.news-list li {
    padding-bottom: 1rem;
  }
  #content ul.news-list li + li {
    padding: 1rem 0;
  }
  #content ul.news-list li .thumb {
    width: 32.5%;
    margin-right: 1rem;
  }
  #content ul.news-list li section h3 {
    font-size: 1.6rem;
  }
  /* 新闻详情页 */
  #article section.main-body {
    padding: 1.5rem 0;
  }
  #content nav.prevnext .previous, #content nav.prevnext .next {
    width: 100%;
    text-align: left;
  }
  /* 联系我们 */
  .contact-info-wrap > ul > li {
    margin-bottom: 2.5rem;
  }
  .contact-info-wrap > ul > li .icon {
    margin-bottom: 3rem;
    margin-top: 1rem;
  }
  .map {
    height: 200px;
  }
}