@media screen and (max-width: 1480px) {

           .main .about-brief,
           .main .goods-recommend,
           .main .products,
           .main .video .video-content,
           .footer,
           .header-container {
                  max-width: 1200px;
           }

           .main .products .products-list .list-item {
                  height: 309px;
           }

           /* 关于 */
           .about-menu,
           .main.speech .wrap .section-1 .container,
           .main.speech .wrap .section-2 .container,
           .main.about .section-1 .container,
           .main.about .section-3 .container,
           .main.about .section-4 .container,
           .main.culture .section-1 .container,
           .main.culture .section-2 .container,
           .main.culture .section-3 .container,
           .main.history .container>.content,
           .main.concept .wrap {
                  max-width: 1200px;
           }

           /* 联系我们 */
           .main.contact .section-4 .container .content .feedback,
           .main.contact .section-1 .container,
           .main.contact .section-5 .container .content,
           .main.recruit .section .container,
           .contact-menu {
                  max-width: 1200px;
           }

           .main.contact .section-4 .container .content .feedback form {
                  display: flex;
                  justify-content: space-between;
                  flex-wrap: wrap;
           }

           form .form-feedback {
                  width: calc(50% - 20px);
           }

           .item-seat,
           .main.contact .section-4 .container .content .feedback .form-item .server-select,
           .main.contact .section-4 .container .content .feedback .form-item .enclosure-input,
           .main.contact .section-4 .container .content .feedback .form-item .province-select,
           .main.contact .section-4 .container .content .feedback .form-item .city-select {
                  width: calc(50% - 75px);
           }

           .enclosure-item {
                  display: flex;
           }

           .enclosure-box,
           .main.contact .section-4 .container .content .feedback .form-item .item-input {
                  width: calc(100% - 150px);
           }

           .enclosure-box-text,
           .main.contact .section-4 .container .content .feedback .form-item .enclosure-input,
           .enclosure-box .item-seat {
                  width: 50%;
           }

           .main.contact .section-4 .container .content .feedback .form-btn {
                  width: 100%;
           }

           /* 新闻 */
           .main.news-center>.container,
           .main.videos .container,
           .news-menu {
                  max-width: 1200px;
           }

           .main.news-center>.container>.news-page>.news-item>.info {
                  width: calc(100% - 400px);
           }

           /* 产品中心 */
           .main.products .products-list,
           .main.products .catalogue-list,
           .main.products .product-detail .container,
           .main.products .product-detail .title>p,
           .main.products .product-info .content,
           .main.inner .sub-menu {
                  max-width: 1200px;
           }
           .img.catalogue-img{
              width: 100%;
                  height: 310px;
           }
           .main.products .catalogue-list .catalogue-item .content .img .catalogue-cover img{
              width: 100%;
              height: 100%;
              object-fit: cover;
           }
    }

    @media screen and (max-width: 1280px) {

           .main .about-brief,
           .main .goods-recommend,
           .main .products,
           .main .video .video-content,
           .footer,
           .header-container {
                  max-width: 1000px;
           }

           .main .about-brief .brief-top .brief-top-left img {
                  width: 700px;
                  height: auto;
           }

           .main .video .products-title,
           .main .products .products-title,
           .main .goods-recommend .recommend-top .recommend-top-left .left-title .title-text,
           .main .about-brief .brief-top .brief-top-right .right-title .text {
                  font-size: 38px;
           }

           .main .video .products-subtitle,
           .main .products .products-subtitle,
           .main .goods-recommend .recommend-top .recommend-top-left .left-title .subtitle-text,
           .main .about-brief .brief-top .brief-top-right .right-title .sub-text {
                  font-size: 18px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief {
                  height: 330px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief .section.red {
                  margin-top: 20px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief {
                  font-size: 30px;
           }

           .main .about-brief .brief-bottom {
                  margin-top: 70px;
                  font-size: 14px;
           }

           .main .goods-recommend .recommend-top .recommend-top-left {
                  width: 35%;
           }

           .main .goods-recommend .recommend-top .recommend-top-right {
                  width: 63%;
                  height: 400px;
           }

           .main .goods-recommend .recommend-top .recommend-top-left .left-img,
           .main .goods-recommend .recommend-bottom {
                  height: 281px;
           }

           .main .goods-recommend .recommend-bottom {
                  margin-top: 20px;
           }

           .main .products .products-list .list-item {
                  height: 257px;
           }

           .main .products .products-more .more-icon {
                  width: 40px;
                  height: 40px;
                  font-size: 30px;
           }

           .main .video .video-content .video-text {
                  width: 25%;
           }

           .main .video .video-content .video-form {
                  width: 74%;
           }

           .main .video .video-content .video-text .video-text-content .text-title a {
                  font-size: 16px;
           }

           .main .video .video-content .video-text .video-text-content .text-desc {
                  font-size: 14px;
           }

           .main .video .video-content .video-text .video-text-content.active .text-title a {
                  font-size: 17px;
           }

           .main .video .video-content .video-text .video-tabs .video-tabs-item {
                  padding: 0 4px 10px;
           }

           .main .video .video-content .video-text .video-tabs .video-tabs-item .video-tab {
                  font-size: 16px;
           }

           .menu {
                  width: 550px;
                  margin-left: 60px;
           }

           .footer .content .left .list-link .list-link-item a {
                  font-size: 14px;
           }

           .footer .right .qr-code-item .qr-code-follow {
                  font-size: 16px;
           }

           .footer .title {
                  font-size: 28px;
           }

           .footer .title p:nth-child(2) span {
                  font-size: 14px;
           }

           .main .video {
                  margin-top: 30px;
           }

           .main .products .products-more .more-text {
                  font-size: 36px;
           }

           .footer .content .left .list-link .list-link-item:not(:last-child):after {
                  margin: 0 6px;
                  font-size: 14px;
           }

           body {
                  min-width: auto;
           }

           /* 关于 */
           .about-menu,
           .main.speech .wrap .section-1 .container,
           .main.speech .wrap .section-3 .signature,
           .main.speech .wrap .section-2 .container,
           .main.about .section-1 .container,
           .main.about .section-3 .container,
           .main.about .section-4 .container,
           .main.culture .section-1 .container,
           .main.culture .section-2 .container,
           .main.culture .section-3 .container,
           .main.history .container>.content,
           .main.concept .wrap {
                  max-width: 1000px;
           }

           .main.speech .wrap .section-3 .signature {
                  width: 100%;
           }

           .contact-menu>.contact-menu-list>.contact-menu-item>a,
           .news-menu>.news-menu-list>.news-menu-item>a,
           .news-menu>.news-menu-list>.news-menu-item>a,
           .main.inner .sub-menu .sub-menu-list .sub-menu-item a,
           .about-menu .about-menu-list .about-menu-item a {
                  font-size: 14px;
                  line-height: 45px;
           }

           .main.speech .wrap .section-1 .container .img-add-on {
                  top: 36px;
                  width: 520px;
                  height: 230px;
           }

           .main.speech .wrap .section-1 .container .img-add-on p {
                  font-size: 26px;
                  line-height: 42px;
           }

           .main.speech .wrap .section-1 .container .img .ceo-image {
                  height: 303px;
                  width: 600px;
           }

           .main.about .section-1 .container {
                  padding: 0px 0 40px;
           }

           .main.about .section-1 .container .left .title,
           .main.products .title .content,
           .main.about .section-2 .container .title,
           .main.about .section-3 .container .title,
           .main.about .section-4 .container .title,
           .main.culture .section-2 .container .title,
           .main.culture .section-3 .container .title,
           .main.culture .section-1 .title {
                  font-size: 36px;
                  letter-spacing: 1px;
                  line-height: 30px;
           }

           .main.culture .section-1 .sub-title {
                  font-size: 28px;
           }

           .main.culture .section-2 .container .content,
           .main.culture .section-3 .container .content {
                  font-size: 18px;
           }

           .main.about .section-3 .container {
                  padding: 60px 0 40px;
           }

           .main.about .section-3 .container .content .honor-list-container .honor-list .honor-item .honor-content {
                  line-height: 30px;
           }

           .main.about .section-3 .container .content .honor-list-container .honor-list .honor-item {
                  padding: 0 5px;
           }

           .main.culture .section-1 .title {
                  margin-bottom: 40px;
           }

           .main.history .container>.content>.txt {
                  width: 50%;
           }

           .main.history .container>.content>.txt>.title .topic {
                  font-size: 26px;
                  line-height: 40px;
           }

           .main.history .container>.content>.txt>.title .year {
                  font-size: 14px;
           }

           .main.history .container>.divide {
                  top: 166px;
           }

           .main.history .container>.content>.img {
                  padding-top: 166px;
           }

           .main.history .container>.content>.txt>.history-list>.history-item>.history-year {
                  font-size: 16px;
           }

           .main.history .container>.content>.txt>.history-list>.history-item>.history-event {
                  font-size: 14px;
                  line-height: 24px;
           }

           /* 联系我们 */
           .main.contact .section-4 .container .content .feedback,
           .main.contact .section-1 .container,
           .main.recruit .section .container,
           .main.contact .section-5 .container .content,
           .contact-menu {
                  max-width: 1000px;
           }

           .main.contact .section-1 .container .left .title,
           .main.contact .section-2 .container .left .title,
           .main.contact .section-2 .container .right .title {
                  font-size: 24px;
           }

           .main.contact .section-1 .container .left .divide,
           .main.contact .section-2 .container .divide {
                  margin: 15px 0 20px;
           }

           .main.contact .section-1 .container .left .media-link .media-name,
           .main.contact .section-1 .container .left .content,
           .main.contact .section-2 .container .left .content,
           .main.contact .section-2 .container .right .content {
                  line-height: 24px;
                  font-size: 14px;
           }

           .main.contact .section-1 .container .left .media-link {
                  margin: 16px 40px 0 0;
           }

           .main.contact .section-1 .container {
                  margin-top: 60px;
           }

           /* 新闻 */
           .main.news-center>.container,
           .main.videos .container,
           .news-menu {
                  max-width: 1000px;
           }

           .news-title {
                  font-size: 26px;
                  height: auto;
           }

           .news-time {
                  font-size: 24px;
           }

           .main.news-center>.container>.news-page>.news-item>.cover {
                  width: 260px;
           }

           .main.news-center>.container>.news-page>.news-item>.info {
                  width: calc(100% - 260px);
           }

           .main.videos .container>.video-page>.video-item>.title {
                  font-size: 14px;
           }

           .products-mask .video-form {
                  max-width: 60%;
           }

           /* 产品中心 */
           .main.products .products-list,
           .main.products .catalogue-list,
           .main.products .product-detail .title>p,
           .main.products .product-info .content,
           .main.products .product-detail .container,
           .main.inner .sub-menu {
                  max-width: 1000px;
           }
           .main.products .catalogue-list .catalogue-item,
           .main.products .products-list .product-item {
    width: 23.8%;
}
.main.products .catalogue-list .catalogue-item:nth-child(5n),
.main.products .products-list .product-item:nth-child(5n) {
    margin-right: 1.5%;
}
.main.products .catalogue-list .catalogue-item:nth-child(4n),
.main.products .products-list .product-item:nth-child(4n) {
    margin-right: 0;
}
    .img.catalogue-img {
        height: 340px;
    }
    .main.products .product-info .content .gallery .pic-thumbnail,
    .main.products .product-info .content .gallery .pic-origin {
    width: 100%;
    }
    .main.products .product-info .content .info {
    margin-left: 3%;
    min-width: 40%;
    }
    }

    @media screen and (max-width: 1080px) {
           body {
                  min-width: auto;
           }

           .main .about-brief,
           .main .goods-recommend,
           .main .products,
           .main .video .video-content,
           .footer,
           .header-container {
                  max-width: 900px;
           }

           .menu {
                  width: 500px;
           }

           .header .cate-submenu .cate-container {
                  width: 600px;
           }

           .main .about-brief {
                  padding: 66px 0 40px;
           }

           .main .about-brief .brief-top .brief-top-left .left-border {
                  width: 130px;
                  height: 130px;
           }

           .main .about-brief .brief-top .brief-top-left img {
                  width: 550px;
           }

           .main .video .products-title,
           .main .products .products-title,
           .main .goods-recommend .recommend-top .recommend-top-left .left-title .title-text,
           .main .about-brief .brief-top .brief-top-right .right-title .text {
                  font-size: 28px;
           }

           .main .video .products-subtitle,
           .main .products .products-subtitle,
           .main .goods-recommend .recommend-top .recommend-top-left .left-title .subtitle-text,
           .main .about-brief .brief-top .brief-top-right .right-title .sub-text {
                  font-size: 14px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief {
                  font-size: 24px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief .section.red {
                  margin-top: 10px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief {
                  height: 261px;
           }

           .hwtitle h2 {
                  font-size: 36px;
           }

           .hwtitle1 h3 {
                  font-size: 24px;
           }

           .main .products .products-list {
                  margin-top: 40px;
           }

           .main .products .products-list .list-item {
                  height: 230px;
           }

           .hwtitle1 {
                  margin-top: 60px;
           }

           .main .products .products-more .more-icon {
                  width: 30px;
                  height: 30px;
                  font-size: 18px;
           }

           .main .products .products-more .more-text {
                  margin-left: 15px;
                  font-size: 24px;
           }

           .main .video .video-content .video-text {
                  width: 30%;
           }

           .main .video .video-content .video-form {
                  width: 69%;
           }

           .video-form .video-mask .video-play {
                  width: 80px;
                  height: 80px
           }

           .header .cate-submenu .cate-container .cate-title a {
                  font-size: 22px;
           }

           .main .banner .banner-pagination {
                  bottom: 20px;
           }

           .main .banner .banner-prev,
           .main .banner .banner-next {
                  width: 40px;
                  height: 40px;
                  font-size: 20px !important;
           }

           .main .banner .banner-next.swiper-button-next:after,
           .main .banner .banner-prev.swiper-button-prev:after {
                  font-size: 16px !important;
           }

           .main .banner .banner-prev {
                  left: 30px;
           }

           .main .banner .banner-next {
                  right: 30px;
           }

           .main .video .video-content .video-form {
                  height: 472px;
           }

           .main .video .video-content .swiper-container {
                  height: 400px;
           }

           .menu-list .menu-item>a {
                  font-size: 16px;
           }

           li.cate-item {
                  margin-left: 30px;
           }

           /* 关于 */
           .about-menu,
           .main.speech .wrap .section-1 .container,
           .main.speech .wrap .section-3 .signature,
           .main.speech .wrap .section-2 .container,
           .main.about .section-1 .container,
           .main.about .section-3 .container,
           .main.about .section-4 .container,
           .main.culture .section-1 .container,
           .main.culture .section-2 .container,
           .main.culture .section-3 .container,
           .main.history .container>.content,
           .main.concept .wrap {
                  max-width: 900px;
           }

           .main.about .section-1 .container .right .logo {
                  width: 250px;
                  height: 250px;
                  margin: 0 0 0 160px;
           }

           .main.about .section-1 .container .left .divide,
           .main.products .title .divide,
           .main.about .section-2 .container .divide,
           .main.about .section-3 .container .divide,
           .main.about .section-4 .container .divide,
           .main.culture .section-2 .container .divide,
           .main.culture .section-3 .container .divide {
                  margin: 15px 0 26px;
                  width: 83px;
                  height: 5px;
           }
             .main.products .title .divide{
              margin: 15px auto 26px;
             }
           .main.about .section-1 .container .left .title,
           .main.products .title .content,
           .main.about .section-2 .container .title,
           .main.about .section-3 .container .title,
           .main.about .section-4 .container .title,
           .main.culture .section-2 .container .title,
           .main.culture .section-3 .container .title,
           .main.culture .section-1 .title {
                  font-size: 30px;
           }

           .main.culture .section-1 .sub-title {
                  font-size: 25px;
           }

           .main.culture .section-2 .container .content,
           .main.culture .section-3 .container .content {
                  font-size: 16px;
           }

           .main.concept .container.up-down .content .title,
           .main.concept .container.left-right .title,
           .main.concept .info .title .text {
                  font-size: 28px;
           }

           .main.concept .container.up-down .content .text {
                  font-size: 16px;
                  line-height: 30px;
           }

           /* 联系我们 */
           .main.contact .section-4 .container .content .feedback,
           .main.contact .section-1 .container,
           .main.recruit .section .container,
           .main.contact .section-5 .container .content,
           .contact-menu {
                  max-width: 900px;
           }

           .main.contact .section-1 .container {
                  display: block;
           }

           .main.contact .section-1 .container .left {
                  width: 100%;
           }

           .main.contact .section-1 .container .right {
                  width: 100%;
           }

           .main.contact .section-5 .container .content .phone p {
                  font-size: 24px;
           }

           .main.contact .section-5 .container .content .phone img {
                  width: 30px;
                  height: 30px;
                  margin-right: 15px;
           }

           .main.recruit .section .container .left {
                  padding-right: 30px;
           }

           .main.recruit .section .container .right {
                  padding-left: 30px;
           }

           .main.recruit .section .container .title {
                  color: #4E4E4E;
                  letter-spacing: 1.28px;
                  line-height: 33px;
                  font-weight: 600;
                  font-size: 22px;
           }

           .recruitT span {
                  font-size: 14px;
           }

           .main.recruit .section .container .divide {
                  margin: 5px 0 20px;
                  width: 50px;
                  height: 3px;
                  background: #E50045;
           }

           /* 新闻 */
           .main.news-center>.container,
           .main.videos .container,
           .news-menu {
                  max-width: 900px;
           }

           .main.news-center>.container>.news-page>.news-item>.cover {
                  padding-right: 30px;
           }

           .news-title {
                  font-size: 24px;
           }

           .news-time {
                  font-size: 22px;
                  margin: 24px 0 30px;
           }

           .news-con img {
                  max-width: 80%;
           }

           /* 产品中心 */
           .main.products .products-list,
           .main.products .catalogue-listm,
           .main.products .product-detail .container,
           .main.products .product-info .content,
           .main.products .product-detail .title>p,
           .main.inner .sub-menu {
                  max-width: 900px;
           }
           .main.products .product-detail .title{
                  padding: 28px 10px 27px
           }
    }

    @media screen and (max-width: 980px) {

           .main .about-brief,
           .main .goods-recommend,
           .main .products,
           .main .video .video-content,
           .footer,
           .header-container {
                  max-width: 800px;
           }

           .main .goods-recommend .recommend-top .recommend-top-left .left-img,
           .main .goods-recommend .recommend-bottom {
                  height: 230px;
           }

           .menu {
                  width: 450px;
                  margin-left: 80px;
           }

           .menu-list .menu-item .child-menu-list .child-menu-item a {
                  font-size: 13px;
                  margin: 0 5px;
           }

           .main .goods-recommend .recommend-top .recommend-top-right {
                  height: 330px;
           }

           .main .goods-recommend .recommend-top .recommend-top-left .left-img,
           .main .goods-recommend .recommend-bottom {
                  height: 230px;
           }

           .main .products .products-list .list-item {
                  height: 206px;
           }

           .main .video {
                  margin-top: 0px;
           }

           .main .products {
                  margin: 30px auto 0;
           }

           .footer .content,
           .footer .title {
                  display: block;
           }

           .footer .title {
                  font-size: 30px;
           }

           .footer .content .right {
                  justify-content: flex-start;
                  margin-top: 20px;
           }

           .footer .right .qr-code-item {
                  margin-right: 20px;
           }

           .footer .right .qr-code-item .qr-code-img {
                  margin-left: 0px;
           }

           /* 关于 */
           .about-menu,
           .main.speech .wrap .section-1 .container,
           .main.speech .wrap .section-3 .signature,
           .main.speech .wrap .section-2 .container,
           .main.about .section-1 .container,
           .main.about .section-3 .container,
           .main.about .section-4 .container,
           .main.culture .section-1 .container,
           .main.culture .section-2 .container,
           .main.culture .section-3 .container,
           .main.history .container>.content,
           .main.concept .wrap {
                  max-width: 800px;
           }

           .main.speech .wrap .section-1 .container .img .ceo-image {
                  width: 100%;
                  height: auto;
           }

           .main.speech .wrap .section-1 .container .img-add-on {
                  display: none;
           }

           .main.speech .wrap .section-2 .container .left {
                  margin-top: 50px;
                  width: calc(50% - 25px);
           }

           .main.speech .wrap .section-2 .container .right {
                  margin-left: 50px;
                  width: calc(50% - 25px);
           }

           .main.about .section-1 .container .left .content {
                  font-size: 14px;
           }

           .main.about .section-1 .container .right .logo {
                  width: 220px;
                  height: 220px;
                  margin: 0 0 0 70px;
           }

           .main.about .section-3 .container .content {
                  padding-top: 20px;
           }

           .main.about .section-3 .container .content .honor-list-container .honor-list .honor-item {
                  width: 205px;
           }

           .main.about .section-3 .container .content .honor-list-container .honor-list .honor-item .border-outer {
                  margin-bottom: 10px;
           }

           .main.about .section-3 .container .content .honor-list-container .honor-list .honor-item .honor-content {
                  font-size: 14px;
                  line-height: 24px;
           }

           .main.history .container>.content>.txt>.title .topic {
                  font-size: 20px;
           }

           .main.history .container>.content>.txt>.history-list,
           .main.history .container>.content>.txt>.title,
           .main.history .container.reverse>.content>.img {
                  padding-left: 30px;
           }

           .main.history .container>.content>.img,
           .main.history .container.reverse>.content>.txt>.history-list,
           .main.history .container.reverse>.content>.txt>.title {
                  padding-right: 30px;
           }

           .main.history .container>.content>.txt>.title .year {
                  margin: 0 15px 0 10px;
           }

           /* 联系我们 */
           .main.contact .section-4 .container .content .feedback,
           .main.contact .section-1 .container,
           .main.recruit .section .container,
           .main.contact .section-5 .container .content,
           .contact-menu {
                  max-width: 800px;
           }

           form .form-feedback {
                  width: 100%;
           }

           .main.contact .section-4 .container .content .feedback .form-item:first-child {
                  margin-top: 22px;
           }

           /* 新闻 */
           .main.news-center>.container,
           .main.videos .container,
           .news-menu {
                  max-width: 800px;
           }

           .main.videos .container>.video-page>.video-item {
                  width: 31.33%;
           }

           .main.videos .container>.video-page>.video-item:nth-child(4n) {
                  margin-right: 2%;
           }

           .main.videos .container>.video-page>.video-item:nth-child(3n) {
                  margin-right: 0%;
           }

           .products-mask .video-form .btn-close {
                  top: -40px;
                  right: -40px;
                  width: 50px;
                  height: 50px;
           }

           /* 产品中心 */
           .main.products .products-list,
           .main.products .catalogue-list,
           .main.products .product-info .content,
           .main.products .product-detail .container,
           .main.products .product-detail .title>p,
           .main.inner .sub-menu {
                  max-width: 800px;
           }
           .main.products .catalogue-list .catalogue-item,
      .main.products .products-list .product-item {
        width: 31.8%;
    }
    .main.products .catalogue-list .catalogue-item:nth-child(4n),
    .main.products .catalogue-list .catalogue-item:nth-child(5n),
.main.products .products-list .product-item:nth-child(4n),
.main.products .products-list .product-item:nth-child(5n) {
    margin-right: 1.5%;
}
.main.products .catalogue-list .catalogue-item:nth-child(3n)
.main.products .products-list .product-item:nth-child(3n) {
    margin-right: 0;
}
    .img.catalogue-img {
        height: 310px;
    }
    .main.products .product-info .content{
       display: block;
    }
    .main.products .product-info .content .info{
       margin-top: 30px;
    }
    .main.products .product-info .content .gallery .pic-origin .origin-list li img{
           height: 460px;
    }
    .main.products .product-info .content .gallery .pic-origin{
       height: 480px;
    }
    .main.products .product-info {
    margin-top: 50px
    }
    }

    @media screen and (max-width: 880px) {
           .header .cate-submenu .cate-container .cate-title a {
                  font-size: 20px;
           }

           .main .about-brief,
           .main .goods-recommend,
           .main .products,
           .main .video .video-content,
           .footer,
           .header-container {
                  max-width: 700px;
           }

           .menu {
                  margin-left: 30px;
                  width: 430px;
           }

           .main .video .video-content .video-text .video-tabs .video-tabs-item {
                  margin-right: 10px;
           }

           .main .video .video-content .video-text {
                  padding: 15px 10px;
           }

           .main .video .video-content .video-form {
                  height: 468px;
           }

           .main .products .products-list .list-item {
                  height: 180px;
           }

           .hwtitle1 {
                  margin-top: 40px;
           }

           img.hwmore {
                  width: 40px !important;
           }

           .hwtitle1 h3 {
                  font-size: 20px;
           }

           .main .goods-recommend .recommend-top .recommend-top-left .left-img,
           .main .goods-recommend .recommend-bottom {
                  height: 190px;
           }

           .hwtitle h3 {
                  font-size: 22px;
           }

           .main .goods-recommend .recommend-top .recommend-top-right {
                  height: 285px;
           }

           .hwtitle h2 {
                  font-size: 30px;
           }

           .main .about-brief .brief-bottom {
                  margin-top: 40px
           }

           .header .cate-submenu .cate-container .cate-title a {
                  font-size: 16px;
                  margin: 4px 0px;
                  line-height: 24px;
           }

           /* 关于 */
           .about-menu,
           .main.speech .wrap .section-1 .container,
           .main.speech .wrap .section-3 .signature,
           .main.speech .wrap .section-2 .container,
           .main.about .section-1 .container,
           .main.about .section-3 .container,
           .main.about .section-4 .container,
           .main.culture .section-1 .container,
           .main.culture .section-2 .container,
           .main.culture .section-3 .container,
           .main.history .container>.content,
           .main.concept .wrap {
                  max-width: 700px;
           }

           .contact-menu,
           .news-menu,
           .main.inner .sub-menu,
           .about-menu {
                  margin: -34px auto 60px;
           }

           /* 联系我们 */
           .main.contact .section-4 .container .content .feedback,
           .main.contact .section-1 .container,
           .main.recruit .section .container,
           .main.contact .section-5 .container .content,
           .contact-menu {
                  max-width: 700px;
           }

           /* 新闻 */
           .main.news-center>.container,
           .main.videos .container,
           .news-menu {
                  max-width: 700px;
           }

           .main.news-center>.container>.news-page>.news-item>.info>.title {
                  font-size: 16px;
           }

           .main.news-center>.container>.news-page>.news-item>.cover {
                  width: 200px;
           }

           .main.news-center>.container>.news-page>.news-item>.info>.add-on>.view,
           .main.news-center>.container>.news-page>.news-item>.info>.add-on>.date {
                  font-size: 14px;
           }

           .func-menu {
                  display: none;
           }

           .news-title {
                  font-size: 24px;
           }

           .news-time {
                  font-size: 22px;
           }

           .main.news-center>.container>.news-page>.news-item>.info {
                  width: calc(100% - 200px);
           }

           .news-con img {
                  max-width: 90%;
           }

           /* 产品中心 */
           .main.products .products-list,
           .main.products .catalogue-list,
           .main.products .product-detail .container,
           .main.products .product-info .content,
           .main.products .product-detail .title>p,
           .main.inner .sub-menu {
                  max-width: 700px;
           }
           .main.inner .sub-menu .sub-menu-list{
       flex-wrap: wrap;
}
.main.inner .sub-menu .sub-menu-list .sub-menu-item {
    width: 25%;
}
    }

    @media screen and (max-width: 780px) {

           .main .about-brief,
           .main .goods-recommend,
           .main .products,
           .main .video .video-content,
           .footer,
           .header-container {
                  padding-left: 20px;
                  padding-right: 20px;
           }

           .header-container .right {
                  display: none;
           }

           .header-container .menuRight {
                  visibility: visible;
                  width: auto;
                  display: block;
           }

           .header .menu {
                  display: none;
           }

           .main .products .products-list .list-item {
                  height: 170px;
           }

           .main .video .video-content {
                  display: block;
           }

           .main .video .video-content .video-text {
                  width: 100%;
           }

           .main .video .video-content .swiper-container {
                  height: 250px;
           }

           .main .video .video-content .video-form {
                  width: 100%;
           }

           .main .video {
                  padding: 0px;
                  padding-top: 30px;
           }

           .main .video .video-content {
                  max-width: 100%;
           }

           .video-form .video-mask .video-play {
                  width: 60px;
                  height: 60px;
           }

           /* 关于 */
           .about-menu,
           .main.speech .wrap .section-1 .container,
           .main.speech .wrap .section-3 .signature,
           .main.speech .wrap .section-2 .container,
           .main.about .section-1 .container,
           .main.about .section-3 .container,
           .main.about .section-4 .container,
           .main.culture .section-1 .container,
           .main.culture .section-2 .container,
           .main.culture .section-3 .container,
           .main.history .container,
           .main.concept .wrap {
                  max-width: 100%;
                  padding-left: 20px;
                  padding-right: 20px;
           }

           .main.history .container>.content {
                  max-width: 100%;
           }

           .main.speech .wrap .section-2 .container {
                  display: block;
           }

           .main.speech .wrap .section-2 .container .left {
                  width: 100%;
           }

           .main.speech .wrap .section-2 .container .right {
                  width: 100%;
                  margin-top: 50px;
                  margin-left: 0px;
           }

           .about-menu .about-menu-list {
                  flex-wrap: wrap;
           }
            
           .about-menu .about-menu-list .about-menu-item {
                  height: 100%;
                  width: 33.33%;
           }

           .main.inner .banner>p {
                  font-size: 36px;
           }

           .main.about .section-1 .container {
                  display: block;
           }

           .main.about .section-1 .container .right .logo {
                  margin-left: 0px;
                  margin-top: 10px;
           }

           .main.about .section-1 .container .left .title,
           .main.products .title .content,
           .main.about .section-2 .container .title,
           .main.about .section-3 .container .title,
           .main.about .section-4 .container .title,
           .main.culture .section-2 .container .title,
           .main.culture .section-3 .container .title,
           .main.culture .section-1 .title {
                  font-size: 26px;
           }

           .main.about .section-1 .container,
           .main.about .section-3 .container {
                  padding-bottom: 0px;
           }

           .main.culture .section-2 .container .content,
           .main.culture .section-3 .container .content {
                  font-size: 14px;
                  line-height: 30px;
           }

           .main.culture .section-1 {
                  padding-top: 0px;
           }

           .main.history .container>.content>.divide.medium,
           .main.history .container>.content>.divide.short,
           .main.history .container>.content>.txt>.square,
           .main.history .container>.content>.divide.long,
           .main.history .container>.divide {
                  display: none;
           }

           .main.history .container>.content {
                  flex-wrap: wrap;
           }

           .main.history .container.reverse>.content {
                  flex-direction: column-reverse;
           }

           .main.history .container>.content>.img,
           .main.history .container.reverse>.content>.txt>.history-list,
           .main.history .container.reverse>.content>.txt>.title {
                  width: 100%;
                  padding-top: 30px;
                  padding-right: 0px;
                  margin-top: 0px;
           }

           .main.history .container.reverse>.content>.txt,
           .main.history .container>.content>.txt {
                  width: 100%;
           }

           .main.history .container>.content>.txt>.history-list,
           .main.history .container>.content>.txt>.title,
           .main.history .container.reverse>.content>.img {
                  padding-left: 0px;

           }

           .main.history .container>.content>.txt>.history-list {
                  margin-top: 0px;
           }

           .main.history .container.reverse>.content>.img {
                  width: 100%;
           }

           .main.history .container>.content>.txt>.title .topic {
                  text-align: left;
           }

           .main.history .container.reverse>.content>.txt>.title .title-down {
                  flex-direction: row-reverse;
                  justify-content: flex-end;
           }

           .main.history .container.reverse>.content>.txt>.history-list>.history-item {
                  text-align: left;
                  flex-direction: row-reverse;
           }

           /* 联系我们 */
           .main.contact .section-4 .container .content .feedback,
           .main.contact .section-1 .container,
           .main.recruit .section .container,
           .main.contact .section-5 .container .content,
           .contact-menu {
                  max-width: 100%;
                  padding-left: 20px;
                  padding-right: 20px;
           }

           .main.contact .section-1 .container .left .title,
           .main.contact .section-2 .container .left .title,
           .main.contact .section-2 .container .right .title {
                  font-size: 22px;
           }

           .main.contact .section-4 .container .content .feedback .form-item .item-title {
                  width: 100px;
                  padding: 18px 0 18px 10px;
           }

           .enclosure-box,
           .main.contact .section-4 .container .content .feedback .form-item .item-input {
                  width: calc(100% - 100px);
           }

           .item-seat,
           .main.contact .section-4 .container .content .feedback .form-item .server-select,
           .main.contact .section-4 .container .content .feedback .form-item .enclosure-input,
           .main.contact .section-4 .container .content .feedback .form-item .province-select,
           .main.contact .section-4 .container .content .feedback .form-item .city-select {
                  width: calc(50% - 50px);
           }

           .main.contact .section-5 .container .content .phone {
                  margin-top: 45px;
           }

           .main.contact .section-5 .container .content .phone p {
                  font-size: 20px;
           }

           .main.contact .section-5 .container .content .phone img {
                  width: 26px;
                  height: 26px;
                  margin-right: 10px;
           }

           .main.recruit .section .container {
                  display: block;
           }

           .main.recruit .section .container .left {
                  padding-right: 0px;
                  width: 100%;
           }

           .main.recruit .section .container .right {
                  width: 100%;
                  padding-top: 30px;
                  padding-left: 0px;
           }

           /* 新闻 */
           .main.news-center>.container,
           .main.videos .container,
           .news-menu {
                  max-width: 100%;
                  padding-left: 20px;
                  padding-right: 20px;
           }

           .news-con img {
                  max-width: 100%;
           }

           .main.videos .container>.video-page>.video-item {
                  width: 48%;
           }

           .main.videos .container>.video-page>.video-item:nth-child(4n) {
                  margin-right: 2%;
           }

           .main.videos .container>.video-page>.video-item:nth-child(3n) {
                  margin-right: 2%;
           }

           .main.videos .container>.video-page>.video-item:nth-child(2n) {
                  margin-right: 0%;
           }

           .products-mask .video-form {
                  max-width: 80%;
           }

           .products-mask .video-form .btn-close {
                  top: -30px;
                  right: -30px;
                  width: 40px;
                  height: 40px;
           }

           /* 产品中心 */
           .main.products .products-list,
           .main.products .catalogue-list,
           .main.products .product-detail .container,
           .main.products .product-info .content,
           .main.products .product-detail .title>p,
           .main.inner .sub-menu {
                  max-width: 100%;
                  padding-left: 20px;
                  padding-right: 20px;
           }
           .main.products .catalogue-list,
           .main.products .products-list{
              justify-content: space-between;
           }
           .main.products .catalogue-list .catalogue-item,
           .main.products .products-list .product-item{
              width:49% !important; 
              margin-right: 0 !important;
           }
.main.products .inner-menu .inner-menu-list .menu-item{
       line-height: 70px;
}
.main.products .product-info .content .gallery .pic-origin .origin-list li img{
       height: 380px;
}
    .main.products .product-info .content .gallery .pic-origin {
        height: 400px;
    }
    .main.products .product-info .content .gallery {
    margin-left: 25px;
}
.main.products .product-info{
       margin-top: 0px;
}
    }

    @media screen and (max-width: 640px) {
           .main .about-brief .brief-top .brief-top-left img {
                  width: 100%;
           }

           .main .about-brief .brief-top .brief-top-right {
                  position: static;
           }

           .main .about-brief .brief-top .brief-top-right .right-title {
                  margin-left: 0px;
                  padding-left: 0px;
                  padding-top: 20px;
           }

           .main .about-brief .brief-top .brief-top-right .right-brief {
                  display: none;
           }

           .main .about-brief .brief-bottom {
                  margin-top: 20px;
                  display: block;
           }

           .main .about-brief .brief-bottom .brief-text {
                  width: 100%;
                  margin-bottom: 20px;
           }

           .main .about-brief {
                  padding-top: 40px;
                  padding-bottom: 0px;
           }

           .main .goods-recommend .recommend-bottom {
                  display: none;
           }

           .main .goods-recommend .recommend-top {
                  display: block;
           }

           .main .goods-recommend .recommend-top .recommend-top-left {
                  width: 100%;
           }

           .main .goods-recommend .recommend-top .recommend-top-left .left-img {

                  height: auto;
                  margin-top: 20px;
           }

           .main .goods-recommend .recommend-top .recommend-top-right {
                  height: auto;
                  width: 100%;
           }

           .main .products .products-list .list-item {
                  width: 50%;
                  height: auto;
           }

           .main .video .video-content .video-form {
                  height: 260px;
           }

           .footer .title {
                  font-size: 22px;
                  line-height: 30px;
           }

           .footer .content .left .list-link {
                  display: none;
           }

           .footer .content .right {
                  display: block;
           }

           .footer .right .qr-code-item {
                  margin-bottom: 10px;
                  margin-right: 0px;
           }

           .footer {
                  padding-top: 40px;
                  padding-bottom: 40px;
           }

           .header {
                  height: 70px;
           }

           .header-white {
                  height: 70px;
           }

           .header-container .logo img {
                  height: 40px;
           }

           .header .cate-submenu .cate-container {
                  width: calc(100% - 40px);
           }

           .header .cate-submenu .cate-container .cate-title a {
                  font-size: 16px;
                  margin: 4px 0px;
                  line-height: 24px;
           }

           .header .cate-submenu .cate-container .cate-list {
                  display: block;
           }

           .header .cate-submenu .cate-container .cate-list .cate-item a {
                  font-size: 15px;
           }

           .main.about .section-1 .container .left .divide,
           .main.products .title .divide,
           .main.about .section-2 .container .divide,
           .main.about .section-3 .container .divide,
           .main.about .section-4 .container .divide,
           .main.culture .section-2 .container .divide,
           .main.culture .section-3 .container .divide {
                  margin: 10px 0 20px;
                  width: 61px;
                  height: 3px;
           }
       .main.products .title .divide{
               margin: 10px auto 20px;
       }
           .main.about .section-1 .container .left .title,
           .main.products .title .content,
           .main.about .section-2 .container .title,
           .main.about .section-3 .container .title,
           .main.about .section-4 .container .title,
           .main.culture .section-2 .container .title,
           .main.culture .section-3 .container .title,
           .main.culture .section-1 .title {
                  font-size: 24px;
           }

           .main.news-center>.container>.news-page>.news-item>.cover {
                  padding-right: 0px;
                  width: 100%;
           }

           .main.news-center>.container>.news-page>.news-item>.info,
           .main.news-center>.container>.news-page>.news-item {
                  display: block;
           }

           .main.news-center>.container>.news-page>.news-item>.info>.title {
                  width: 100%;
           }

           .main.news-center>.container>.news-page>.news-item>.info>.add-on {
                  margin-top: 15px;
           }
           .img.catalogue-img {
        height: 250px;
    }
    .main.products .product-info .content .gallery .pic-thumbnail .thumbnail-list-container .thumbnail-list li{
       width: 44px;
    }
    }