.container { max-width: 1370px; margin: 0 auto;}
.header-wrapper { width: 100%; height: auto; position:relative; z-index: 12; background: #fff; }
.header-wrapper .pc { background: #ffffff; color: #333333; padding: 23px 0 13px;}
.header-wrapper .pc .logo { height: 65px;}
.header-wrapper .pc .logo img { width: auto; height: 100%; }
.header-wrapper .pc .menu { flex: 1; margin-left: 6%; margin-right: 3%; }
.header-wrapper .pc .menu ul li { position: relative; }
.header-wrapper .pc .menu ul li .sub-menu { display:none; padding: 0 1rem; }
.header-wrapper .pc .menu ul li a { color: #333333; font-size: 1.6rem; font-weight:bold;  }
.header-wrapper .pc .menu ul li a .xiala{ background: url('../images/xiala.png') no-repeat; background-size: cover; display: inline-block; width:10px; height: 6px; margin-bottom: 2px; }
.header-wrapper .pc .menu ul li a:hover { color: #FF9900; }
.header-wrapper .pc .menu ul li a.active { color: #FF9900;}
.header-wrapper .pc .menu ul li .sub-menu { position:absolute; top: 35px; background: #fff; border-radius: .6rem; z-index:99; -webkit-box-shadow:1px 1px 10px #ccc;-moz-box-shadow:1px 1px 10px #ccc;-ms-box-shadow:1px 1px 10px #ccc;-o-box-shadow:1px 1px 10px #ccc;box-shadow:1px 1px 10px #ccc; }
.header-wrapper .pc .menu ul li .sub-menu.sub-menu-1 { width: 480px; left: -200px; }
.header-wrapper .pc .menu ul li .sub-menu.sub-menu-2 { width: 120px; left: -20px;}
.header-wrapper .pc .menu ul li .sub-menu dl { padding: 20px 0; text-align: center;}
.header-wrapper .pc .menu ul li .sub-menu dl dt { color: #333333; font-size: 1.5rem; font-weight: bold; line-height: 25px; }
.header-wrapper .pc .menu ul li .sub-menu dl dd a{ color: #333333; font-size: 1.4rem; padding: 10px; display:block; font-weight: normal; cursor: pointer;  }

/*.header-wrapper .pc .menu ul li .sub-menu dl dt:hover,*/
.header-wrapper .pc .menu ul li .sub-menu dl dd:hover {background:#FF9900; cursor: pointer;}

.header-wrapper .pc .right-tool { width: 142px; height: 43px; line-height: 43px;background: #18478b; color: #fff; font-size: 1.6rem; text-align: center; border-radius: 3rem; }
/* 移动端 */
.header-wrapper .mobile { display: none; background: #fff; padding: 15px 20px; }
.header-wrapper .mobile .logo { width: 32.5%; height: 40px; }
.header-wrapper .mobile .logo img { width: 100%; height: 100%; object-fit: scale-down; }
.header-wrapper .mobile .menu-button {box-sizing: border-box; border: 1px solid #18478b; padding: 7px 0; border-radius: 6px; background: #18478b; }
.header-wrapper .mobile .menu-button .bar { position: relative; display: block; width: 14px; height: 2.5px; margin: 1px 10px; background-color: #FFFFFF; border-radius: 2px; -webkit-transition: 0.3s; transition: 0.3s; transition-property: transform; transition-duration: 1s; transition-timing-function: ease;  }

.header-wrapper .mobile .menu-button.open .bar:nth-of-type(1) { -webkit-transform: translateY(1.5px) rotate(-4.5deg); -ms-transform: translateY(1.5px) rotate(-4.5deg); transform: translateY(1.5px) rotate(-4.5deg); }
.header-wrapper .mobile .menu-button.open .bar:nth-of-type(2) { opacity: 0.9; }
.header-wrapper .mobile .menu-button.open .bar:nth-of-type(3) { -webkit-transform: translateY(-1.5px) rotate(4.5deg); -ms-transform: translateY(-1.5px) rotate(4.5deg); transform: translateY(-1.5px) rotate(4.5deg); }
/* 右侧 */
.header-wrapper .sidebar { display: none; transform: translateX(-999px); width: 70%; height: 100vh; position: fixed; top: 0px; left: 0; background: #fff; z-index: 999; transition-property: transform; transition-duration: 1s; transition-timing-function: ease;}
.header-wrapper .sidebar.active { transform: translateX(0);}
.header-wrapper .sidebar .menu { width: 84%; box-sizing: border-box; padding: 8% 0 0 0; margin: 0 8%; }
.header-wrapper .sidebar .menu > a { display: block; padding: 10px; font-size: 16px;  }
.header-wrapper .sidebar .menu > a.active { background: #172987; color: #fff;}


/* banner */
.banner { width:100%; height: 840px; position:relative; z-index: 6; }
.banner .swiper { width: 100%; height: 100%; }
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main-wrapper { position:relative; z-index: 2; padding-bottom: 25%; }
.main-wrapper .common-title { color: #FD553A; font-size: 2.4rem; line-height: 1;font-weight:bold; font-family: Helvetica, Poppins, SourceHanSansCN, Verdana, Helvetica, sans-serif; }

/* 公司简介 */
.main-wrapper .intro-box { padding: 100px 0 160px 0; background: #fff; }
/* .main-wrapper .intro-box .common-title { margin-bottom: 25px;} */
.main-wrapper .intro-box .title {font-size: 5.6rem; position: relative; line-height:  2; font-weight: bold;}
.main-wrapper .intro-box .title:after { position: absolute; left: 0; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.main-wrapper .intro-box .content { margin-top: 45px; font-size:16px; line-height: 25px; color: #666666; margin-right: 65px; }
.main-wrapper .intro-box .show-images { width: 680px; overflow: hidden; }
.main-wrapper .intro-box .show-images .swiper-wrapper { width: 100%;  }
.main-wrapper .intro-box .show-images .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; width: 634px; height: 400px; }
.main-wrapper .intro-box .show-images .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: fill; }

/* 四格图片 */
.main-wrapper .pic-box { height: auto; width: 100%; background: #fff; }
.main-wrapper .pic-box .item { height: 100%; position: relative; }
.main-wrapper .pic-box .item .img-box { width: 100%; padding-top:95%;position: relative;}
.main-wrapper .pic-box .item .img-box img { width: 100%; height: 100%; object-fit: cover; position: absolute;left:0;top:0;}
.main-wrapper .pic-box .item .info { position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.main-wrapper .pic-box .item .info img { width: 14%; height: auto; }
.main-wrapper .pic-box .item .info p { width: 80%; margin: 5% auto 0 auto; color: #fff; font-size: 4rem;font-weight: bold }


/* 热门产品TAB列表 */
.main-wrapper .hot-product { padding: 74px 0; background:#F3F3F3; }
.main-wrapper .hot-product .hot-product-title { font-size:5.6rem; position: relative; line-height:  2; font-weight: bold; }
.main-wrapper .hot-product .hot-product-title:after { position: absolute; left: 50%; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }

.main-wrapper .hot-product .hot-product-tabs { width:100%; overflow: hidden; margin-top:130px; }
.main-wrapper .hot-product .hot-product-tabs .left-box { flex: 1; padding: 40px 80px; margin-right: 40px; background: #fff;  }
.main-wrapper .hot-product .hot-product-tabs .left-box .title { font-size:3rem; margin-bottom: 40px; font-weight: bold}
.main-wrapper .hot-product .hot-product-tabs .left-box .list-container { width: 100%; }
.main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab { font-size:1.8rem; height: 46px; line-height: 46px; overflow: hidden; color: #666666; position: relative; padding-left: 20px; }
.main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab a { color: #666666;}
.main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab:before { position:absolute; left: 0; top: 40%; content: ''; display:inline-block; width: 7px; height: 7px; border-radius: 50%; background: #666666; }
.main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab.active a{ color: #FD553A; }
.main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab.active:before { background: #FD553A; }

.main-wrapper .hot-product .hot-product-tabs .right-box { width:780px; height: 372px; overflow:hidden; }
.main-wrapper .hot-product .hot-product-tabs .right-box .swiper-slide { }
.main-wrapper .hot-product .hot-product-tabs .right-box .swiper-slide img { display: block; width: 100%; height: 100%;object-fit: contain; }

/* 热门产品的文字列表 */
.main-wrapper .hot-product-list { background: #F3F3F3; padding-bottom: 90px; }
.main-wrapper .hot-product-list .container { display: flex; flex-direction: row; flex-wrap: wrap; }
.main-wrapper .hot-product-list .product-item { background: #fff; width: 31%; margin: 24px 1% 0 1%; box-sizing: border-box; padding: 36px 36px 0 36px; height: 435px; position: relative; border-radius:6px; }
.main-wrapper .hot-product-list .product-item .title { font-size: 3rem; font-weight: bold; color: #333333; line-height: 40px; text-align: center; }
.main-wrapper .hot-product-list .product-item .list-container { width: 100%; position: relative; z-index: 2; margin-top:10px;}
.main-wrapper .hot-product-list .product-item .list-container .tab { font-size:1.8rem; line-height: 25px; height:25px;color: #666666; position: relative; padding-left: 20px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.main-wrapper .hot-product-list .product-item .list-container .tab:before { position:absolute; left: 0; top: 40%; content: ''; display:inline-block; width: 7px; height: 7px; border-radius: 50%; background: #666666; }
.main-wrapper .hot-product-list .product-item .list-container .tab.active a {color: #FD553A;}
.main-wrapper .hot-product-list .product-item .list-container .tab.active:before { background: #FD553A; }

.main-wrapper .hot-product-list .product-item .bg { position: absolute; left: 0; bottom: 2%; z-index: 1; width: 100%; max-height: 80%; display: flex; flex-direction: row; justify-content: center; }
.main-wrapper .hot-product-list .product-item .bg img{ max-width: 80%; object-fit: contain; }

/* 公司新闻 */
.main-wrapper .company-news { padding: 84px 0 50px 0; background: #fff; }
.main-wrapper .company-news .common-title,
.main-wrapper .company-news .title { padding: 0 1%; }
/*.main-wrapper .company-news .title { margin-top: 30px; }*/
.main-wrapper .company-news .title .text {font-size: 5.6rem; position: relative; line-height:  2; font-weight: bold;}
.main-wrapper .company-news .title .text:after { position: absolute; left: 0; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.main-wrapper .company-news .title .more {font-size: 2.4rem;font-weight: bold;color: #FD553A;}
.main-wrapper .company-news .news-list { margin-top: 80px; }
.main-wrapper .company-news .news-list .news-item {width: 32%; box-sizing: border-box; position: relative;}
.main-wrapper .company-news .news-list .news-item img { width: 100%; height: 300px; object-fit: fill;}
.main-wrapper .company-news .news-list .news-item .t1 {font-size: 2.4rem; color: #333333; margin-top: 35px; height:50px;line-height: 50px;overflow: hidden;text-overflow: ellipsis}
.main-wrapper .company-news .news-list .news-item .t2 {font-size: 1.2rem; color: #666666; margin: 23px 0;}
.main-wrapper .company-news .news-list .news-item .t3 {font-size: 1.6rem; color: #666666; line-height: 1.5; word-wrap: break-word;  word-break:break-all; overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

/* 联系我们 */
.main-wrapper .contact { }
.main-wrapper .contact .container{ background:linear-gradient(to bottom, #F6F6F6, #FFF);border-radius: 10px; padding: 50px 72px; box-sizing: border-box; }
.main-wrapper .contact .pic { max-width: 40%; }
.main-wrapper .contact .pic img { width: 100%; height: auto; object-fit: fill; }
.main-wrapper .contact .right-box { margin-left: 45px; flex: 1 }
.main-wrapper .contact .right-box .title {font-size: 5.6rem; position: relative; line-height:  2; font-weight: bold;}
.main-wrapper .contact .right-box .title:after { position: absolute; left: 0; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.main-wrapper .contact .right-box .desc { margin: 40px 0 55px 0; font-size: 1.5rem; color: #666666; }
.main-wrapper .contact .right-box .row { margin-bottom: 20px; }
.main-wrapper .contact .right-box input,
.main-wrapper .contact .right-box textarea { width: 100%; background: #EEEEEE; color: #666666; font-size: 1.8rem; padding: 25px 16px; line-height: 1;box-sizing: border-box; border: none; border-radius: 4px; outline: none; }
.main-wrapper .contact .right-box input:first-child { margin-right: 10px;}
.main-wrapper .contact .right-box textarea { margin-bottom: 20px; }
.main-wrapper .contact .right-box .submit-button { width: 100%;background: #18478b; color: #fff; text-align: center; line-height: 3; font-size: 2.4rem;border: 0 none; }

/* 底部上面的广告 */
.main-wrapper .ad { padding: 0; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1; font-size: 0;}
.main-wrapper .ad img {width: 100%; height: auto;}
.main-wrapper .ad div { position: absolute; width: 100%; height: 100%; box-sizing: border-box; left: 0; top: 0; padding-top: 15%;}
.main-wrapper .ad p { text-align: center; color: #fff; font-size: 5.6rem }

/*footer*/
.footer-wrapper { background: #21579F; color: #fff; position:relative; z-index: 2; padding-top: 49px; }
.footer-wrapper .container{ }
.footer-wrapper .top-box{ padding-bottom: 80px; border-bottom: 1px solid #fff; }
.footer-wrapper .bottom-box{ padding: 36px 0; line-height: 1; font-size: 1.4rem}
.footer-wrapper .title{ font-size: 1.6rem; font-weight: bold; }
.footer-wrapper .submit-button{ display: inline-block; color: #18478b; font-size: 1.6rem; background:#fff; border-radius: 18px; padding: 12px 19px; }
.footer-wrapper .part2 .title,
.footer-wrapper .part3 .title,
.footer-wrapper .part4 .title { margin-bottom: 40px; }

.footer-wrapper .part1 { width: 290px; }
.footer-wrapper .desc { font-size: 1.6rem;line-height: 2; }
.footer-wrapper .part1 .title { margin: 45px 0 33px 0; }
.footer-wrapper .part1 input { width: 100%; background: transparent; color: #FFFFFF; font-size: 1.4rem; padding: 17px 13px; line-height: 1; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 2px; outline: none; margin-bottom: 10px; }
.footer-wrapper .part1 input:first-child { margin-right: 5%; }
.footer-wrapper .part1 input::placeholder { color: #FFFFFF;}
.footer-wrapper .part1 .submit-button { margin-top: 10px; border: 0 none;}
.footer-wrapper .part2 {width: 276px;}
.footer-wrapper .part2 img { width: 15px; height: auto; margin-top: 10px; }
.footer-wrapper .part2 .desc { margin-left: 5%; }
.footer-wrapper .part3 a { color: #fff; }
.footer-wrapper .part4 img { width: 120px; height: auto; }

/* 通用分页 */
/* .pagination { padding: 60px 0; } */
.pagination a{ display: inline-block; padding: 8px 15px; line-height: 1; color: #5F697E; border: 1px solid #EEEEEE; margin: 0 5px; font-size: 2rem;}
.pagination .active a{ background: #18478b; color: #fff; }


.son-banner { position: relative; font-size: 0; }
.son-banner img{ width: 100%; height: auto;}
.son-banner .info{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; }
.son-banner .container { height: 100%; line-height: 1; box-sizing: border-box; padding: 0 10%; }
.son-banner .t1 { font-size: 9rem; margin-bottom: 3%; font-weight: bold; }
.son-banner .t2 { font-size: 2.4rem; line-height: 2 }

/* 产品列表页 */
.product-list-wrapper { background: #F3F3F3; padding: 8% 0; }
.product-list-wrapper .container {}
.product-list-wrapper .left-box { margin-right: 2%; width: 28%; }
.product-list-wrapper .left-box .title,
.product-list-wrapper .left-box .search-title { color: #333333; font-size: 2rem; border-bottom: 1px solid #CCCCCC; padding: 17px 0; font-weight: bold; }
/*.product-list-wrapper .left-box .title.active { color: #FD553A; }*/
.product-list-wrapper .left-box .title .icon { display: inline-block; background: url('../images/product-right-icon.png') no-repeat; width: 5px; height: 10px; transform: none; }
.product-list-wrapper .left-box .title.active .icon { transform: rotate(90deg)}
.product-list-wrapper .left-box .title:first-child{border-bottom: 0;}
.product-list-wrapper .left-box .show-content {display:none;}
.product-list-wrapper .left-box .show-content.active {display:block;}
.product-list-wrapper .left-box .search-box { height: 32px; line-height: 32px; margin: 0 0 2% 0;  }
.product-list-wrapper .left-box .search-box input{ border: none; height: 30px; line-height: 30px; background: transparent; border: 1px solid #CCCCCC; }
.product-list-wrapper .left-box .search-box .search-button{ background: #333333; height: 32px; line-height: 32px; padding: 0 8px; }
.product-list-wrapper .left-box .search-box .search-button img{ width: 15px; height: auto; }
.product-list-wrapper .left-box .list{ padding: 3% 0 3% 2%; }
.product-list-wrapper .left-box .list p{ height: 30px; line-height: 30px; overflow: hidden; font-size: 1.6rem; }
.product-list-wrapper .left-box .list p.active a{ color: #FD553A }

.product-list-wrapper .right-box .item { display: block; float: left; width: 32%; margin-right: 1%; margin-bottom: 2%; }
.product-list-wrapper .right-box .item:nth-child(3n) { margin-right: 0; }
.product-list-wrapper .right-box .item .pic { width: 100%; height: 300px; background: #fff; border: 1px solid #EEEEEE; }
.product-list-wrapper .right-box .item img { width: 100%; height: 100%; object-fit: scale-down; }
.product-list-wrapper .right-box .item p { margin-top:10px;text-align: center; font-size: 1.6rem; font-weight: bold; height: 50px; line-height: 25px; overflow:hidden; text-overflow: ellipsis}

/* 产品详情页 */
.product-content-wrapper { background: #FBFBFB; padding: 3% 0; }
.product-content-wrapper .left-box { width: 43%; }
.product-content-wrapper .left-box .title {font-size: 3rem; position: relative; line-height: 1.5; font-weight: bold;}
.product-content-wrapper .left-box .title:after { position: absolute; left: 0; bottom: -25px; content: ' '; background: #18478b; width: 76px; height: 7px; }
.product-content-wrapper .left-box .content { padding: 70px 0; }
.product-content-wrapper .left-box .content p { margin-top:20px; font-size:2rem; color: #333333;  }
.product-content-wrapper .left-box .button1 { background:#18478b; color: #fff; border-radius: 16px; font-size: 1.8rem; padding: 22px 0; width: 60%; text-align: center;  }
.product-content-wrapper .left-box .button2 { border: 2px solid #18478b; color: #87949E; border-radius: 16px; font-size: 1.6rem; padding: 22px 0; width: 60%; margin: 8% 0; box-sizing: border-box;}
.product-content-wrapper .left-box img { width: auto; height: 30px; margin-right: 10px; }
.product-content-wrapper .right-box { background: url('../images/product-content-bg.png') no-repeat; background-size: cover; height: 810px; width: 55%; }

.product-content-wrapper .right-box .swiper { width: 100%; height: 100%; }
.product-content-wrapper .right-box .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.product-content-wrapper .right-box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: scale-down;}
.product-content-wrapper .right-box .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.product-content-wrapper .right-box .mySwiper2 { height: 80%; width: 100%; }
.product-content-wrapper .right-box .mySwiper { height: 20%; box-sizing: border-box; padding: 10px; }
.product-content-wrapper .right-box .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.product-content-wrapper .right-box .mySwiper .swiper-slide-thumb-active { opacity: 1; }
.product-content-wrapper .divider { background: #18478b; margin: 30px 0; }
.product-content-wrapper .divider .item{ color: #fff; line-height:1; padding: 34px 0; font-size: 1.6rem; border-right: 1px solid #fff; }
.product-content-wrapper .divider .item.active{ background:#FD553A; position:relative; z-index: 0; }
.product-content-wrapper .divider .item.active:after{ position:absolute; content: ''; background: url('../images/product-content-down-icon.png') no-repeat; background-size: cover; width: 57px; height: 17px; left: 42%; bottom: -15px; z-index: -1;}
.product-content-wrapper .divider .item:last-child {border: none; }
.product-content-wrapper .content .title { font-size: 1.6rem; border-bottom: 1px solid #87949E; padding: 35px 0; }
.product-content-wrapper .content .text { padding: 2%; font-size: 1.4rem; line-height: 2; }

/* 关联产品 */
.product-content-wrapper .related-products { margin-top: 90px; }
.product-content-wrapper .related-products .title {font-size: 5.6rem; position: relative; line-height: 1; font-weight: bold;}
.product-content-wrapper .related-products .title:after { position: absolute; left: 45%; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.product-content-wrapper .related-products .list { margin-top: 100px; }
.product-content-wrapper .related-products .list .item { display: block; width: 24%; margin-right: 1%; margin-bottom: 4%; }
/* .product-content-wrapper .related-products .item:nth-child(3n) { margin-right: 0; } */
.product-content-wrapper .related-products .list .item .pic { width: 100%; height: 300px; background: #fff; border: 1px solid #EEEEEE; }
.product-content-wrapper .related-products .list .item img { width: 100%; height: 100%; object-fit: scale-down; }
.product-content-wrapper .related-products .list .item p { text-align: center; font-size: 1.6rem; font-weight: bold; height: 45px; line-height: 45px; overflow:hidden; }

.product-content-wrapper .company-news { padding: 80px 0; background: #fff; }
.product-content-wrapper .company-news .title {font-size: 5.6rem; position: relative; line-height: 1; font-weight: bold;}
.product-content-wrapper .company-news .title:after { position: absolute; left: 45%; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.product-content-wrapper .company-news .list { margin-top: 80px; }
.product-content-wrapper .company-news .list .news-item {width: 32%; box-sizing: border-box; position: relative;}
.product-content-wrapper .company-news .list .news-item img { width: 100%; height: 300px; object-fit: fill;}
.product-content-wrapper .company-news .list .news-item .t1 {font-size: 2.4rem; color: #333333; margin-top: 35px; }
.product-content-wrapper .company-news .list .news-item .t2 {font-size: 1.2rem; color: #666666; margin: 23px 0;}


/* 新闻列表页 */
.news-list-wrapper { padding-bottom: 8%; }
.news-list-wrapper .company-news { padding: 0}
.news-list-wrapper .company-news .news-list .news-item{ margin-bottom: 8%;}
/* .news-list-wrapper .pagination { margin-bottom: 8%;} */

/* 新闻详情页 */
.content-wrapper {}
.content-wrapper .title { font-size: 3rem; margin-top: 8%; }
.content-wrapper .date { color: #FD553A; margin-top: 3%; font-size: 1.6rem; }
.content-wrapper .content { padding: 8% 2%; font-size: 1.4rem; }
.content-wrapper .previous { padding: 2% 0; margin: 4% 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }
.content-wrapper .previous .base-flex1:nth-child(2){margin-left: 20%}
.content-wrapper .previous img { width: 40px; height: auto; margin-right: 5%; }
.content-wrapper .previous .t1 { color: #000033; font-size: 1.6rem; }
.content-wrapper .previous .t2 { color: #999999; font-size: 1.4rem; line-height: 2; margin-top: 2%; }

/* 联系我们单页面 */
.main-wrapper .contact-info { padding: 105px 0 100px 0; }
.main-wrapper .contact-info .title {font-size: 5.6rem; position: relative; line-height: 1;}
.main-wrapper .contact-info .title:after { position: absolute; left: 0; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.main-wrapper .contact-info .desc { margin: 120px 0; font-size: 1.8rem; line-height: 2; color: #666666; }
.main-wrapper .contact-info .info { border-bottom: 1px solid #87949E; }
.main-wrapper .contact-info .item { padding: 40px 0; border-top: 1px solid #87949E; }
.main-wrapper .contact-info .item img { width: 36px; height: auto; margin-right: 40px;  }
.main-wrapper .contact-info .item span { font-size: 1.8rem; color: #666666;}

/* 关于我们单页面 */
.about-wrapper { padding: 80px 0; }
.about-wrapper .title { font-size:5.6rem; position: relative; line-height: 1; font-weight: bold; }
.about-wrapper .title:after { position: absolute; left: 50%; bottom: -25px; content: ' '; background: #FD553A; width: 76px; height: 7px; }
.about-wrapper .desc { padding:100px 2%; font-size: 1.8rem; line-height: 2; color: #666666;}

.about-wrapper .box1 { margin-bottom: 60px;}
.about-wrapper .box1 .left-box { height: 650px; width: 48%; }
.about-wrapper .box1 .left-box .swiper { width: 100%; height: 100%; }
.about-wrapper .box1 .left-box .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.about-wrapper .box1 .left-box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.about-wrapper .box1 .left-box .swiper {width: 100%;height: 500px;margin-left: auto;margin-right: auto;}
.about-wrapper .box1 .left-box .mySwiper2 { height: 80%; width: 100%; }
.about-wrapper .box1 .left-box .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }
.about-wrapper .box1 .left-box .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.about-wrapper .box1 .left-box .mySwiper .swiper-slide-thumb-active { opacity: 1; }

.about-wrapper .box1 .right-box { width: 49%; }
.about-wrapper .box1 .right-box .title { font-size: 3.9rem; }
.about-wrapper .box1 .right-box .title:after { left:0 }
.about-wrapper .box1 .right-box .content { font-size: 1.6rem; line-height: 1.5; color: #666666; margin-top: 50px;}
.about-wrapper .box1 .right-box .bottom { margin-top: 50px;}
.about-wrapper .box1 .right-box .bottom p { font-size: 3.9rem; color:#FD553A; font-weight: bold; }
.about-wrapper .box1 .right-box .bottom p i{ font-size: 40%; font-style: normal; }
.about-wrapper .box1 .right-box .bottom span { font-size: 1.8rem; color: #020202; margin-top: 20px;}

.about-wrapper .product-list { margin-top: 130px; }
.about-wrapper .product-list .item{ display: block; font-size:0; width: 33%; margin-bottom: 5px; }
.about-wrapper .product-list .item div{ display:block;width: 100%; padding-top:70%;position: relative;}
.about-wrapper .product-list .item img{ position:absolute;left:0;top:0;width: 100%; height: 100%; object-fit: fill;border-radius: 20px;}

.about-wrapper .factory-list { margin-top: 10px; }
.about-wrapper .factory-list .item{ display: block; font-size:0; width: 32.6%; margin-bottom: 1%; }
.about-wrapper .factory-list .item img{ width: 100%; height: auto; object-fit: fill; border-radius: 20px;}


.about-wrapper .box2 { padding: 135px 0 120px 0; }
.about-wrapper .box2 .box1 { height: auto; margin-bottom: 0; }
.about-wrapper .box2 .item { display: block; float: left; width: 49.5%; margin-bottom: 0.5% }
.about-wrapper .box2 .item:nth-child(2n) { margin-left:0.5%;  }
.about-wrapper .box2 .item div {width: 100%; padding-top:100%; position: relative;}
.about-wrapper .box2 .item img {width: 100%; height: 100%; border-radius: 10px;position: absolute;left:0;top:0;}
.about-wrapper .box2 .right-box .content { line-height: 2.5 }

/* 台式机常用宽度 */
@media only screen and (max-width:1330px) {
    /* .header-wrapper .pc .right-tool {
        display: none;
    } */
    .banner {
        height: 580px;
    }
    /* 公司简介 */
    .main-wrapper .intro-box { padding: 90px 2% 110px 2%; }
    .main-wrapper .intro-box .title { font-size: 3.9rem; }
    .main-wrapper .intro-box .content { margin-top: 45px; margin-right: 45px; }
    .main-wrapper .intro-box .show-images { width: 580px; }
    .main-wrapper .intro-box .show-images .swiper-slide { width: 534px; height: 349px; }

    /* 四格图片 */
    .main-wrapper .pic-box { height: 420px; }
    .main-wrapper .pic-box .item .info p { font-size: 3rem }

    /* 热门产品TAB列表 */
    .main-wrapper .hot-product { padding: 78px 2% 98px 2%; }
    .main-wrapper .hot-product .hot-product-tabs .left-box { padding: 40px 2%; }
    .main-wrapper .hot-product .hot-product-tabs .left-box .title { font-size: 2.6rem; }

    /* 热门产品的文字列表 */
    .main-wrapper .hot-product-list .product-item { padding: 25px 25px 0 25px; margin: 17px 1% 0 1%; height: 300px; }
    .main-wrapper .hot-product-list .product-item .title { font-size: 2.1rem; line-height: 35px;position: relative; z-index: 2; }
    .main-wrapper .hot-product-list .product-item .list-container .tab { font-size: 1.3rem; }

    /* 公司新闻 */
    .main-wrapper .company-news { padding: 58px 2% 35px 2%; }
    .main-wrapper .company-news .common-title { font-size: 1.6rem }
    .main-wrapper .company-news .title { margin-top: 20px; }
    .main-wrapper .company-news .title .text {font-size: 3.8rem; }
    .main-wrapper .company-news .title .text:after { bottom: -17px; }
    .main-wrapper .company-news .title .more {font-size: 1.6rem;}
    .main-wrapper .company-news .news-list { margin-top: 54px; }
    .main-wrapper .company-news .news-list .news-item img { height: 200px;}
    .main-wrapper .company-news .news-list .news-item .t1 { font-size: 1.6rem; margin-top: 24px; }
    .main-wrapper .company-news .news-list .news-item .t2 { margin: 16px 0; }
    .main-wrapper .company-news .news-list .news-item .t3 { font-size: 1.3rem; }
    /* 联系我们 */
    .main-wrapper .contact .container{ padding: 35px 50px; }
    .main-wrapper .contact .right-box { margin-left: 33px; }
    .main-wrapper .contact .right-box .title {font-size: 3.8rem; }
    /* .main-wrapper .contact .right-box .title:after { width: 76px; height: 7px; } */
    .main-wrapper .contact .right-box .desc { margin: 50px 0 38px 0;}
    .main-wrapper .contact .right-box .row { margin-bottom: 14px; }
    .main-wrapper .contact .right-box input,
    .main-wrapper .contact .right-box textarea { font-size: 1.6rem; padding: 17px 10px;}
    /* .main-wrapper .contact .right-box input:first-child { margin-right: 10px;} */

    /* 关于我们单页面 */
    /* .about-wrapper .product-list { margin-top: 130px; } */
    .about-wrapper .box2 { padding: 93px 2% 80px 2%; }
    .about-wrapper .box2 .right-box .content { line-height: 2.5 }
}

/* 大屏笔记本 */
@media only screen and (max-width:1200px) {
    /* 热门产品TAB列表 */
    .main-wrapper .hot-product { padding: 60px 2%; }
    .main-wrapper .hot-product .hot-product-title { font-size: 4.5rem; }
    .main-wrapper .hot-product .hot-product-tabs .right-box { width: 600px; height: 360px; }
    /* 热门产品的文字列表 */

    /* 产品列表页 */
    .product-list-wrapper .container { padding: 0 2%; }
    .product-list-wrapper .left-box { margin-right: 2%; width: 40%; }
    .product-list-wrapper .left-box .title,
    .product-list-wrapper .left-box .search-title { font-size: 1.5rem; padding: 15px 0; }
    .product-list-wrapper .left-box .list p{ font-size: 1.3rem; }

    /* 产品详情页 */
    .product-content-wrapper { padding: 3% 0;  }
    .product-content-wrapper .top-box,
    .product-content-wrapper .content,
    .product-content-wrapper .related-products { padding: 0 2%;  }
    .product-content-wrapper .left-box .title {font-size: 2.2rem; position: relative; line-height: 1.5; font-weight: bold;}
    .product-content-wrapper .left-box .content { padding: 50px 0; }
    .product-content-wrapper .left-box .content p { font-size: 1.6rem; }
    .product-content-wrapper .left-box .button1,
    .product-content-wrapper .left-box .button2 {width: 80%; }
    .product-content-wrapper .left-box .button1 {font-size: 1.6rem}
    .product-content-wrapper .left-box .button2 {font-size: 1.4rem}
    .product-content-wrapper .right-box { height: 610px; }
    .product-content-wrapper .company-news { padding: 80px 2%; }
    .product-content-wrapper img {max-width: 100%;}
    .product-content-wrapper table {overflow-x: scroll;}

    /* 联系我们单页面 */
    .main-wrapper .contact-info { padding: 80px 2% 60px 2%; }
    .main-wrapper .contact-info .title {font-size: 2.2rem;}
    .main-wrapper .contact-info .desc { margin: 80px 0 60px 0; font-size: 1.6rem; }
    .main-wrapper .contact-info .item { padding: 20px 0;}
    .main-wrapper .contact-info .item img { width: 25px; margin-right: 30px;  }
    .main-wrapper .contact-info .item span { font-size: 1.6rem; }

    /* 关于我们单页面 */
    .about-wrapper { padding: 50px 2%; }
    .about-wrapper .title { font-size:3.1rem;}
    /* .about-wrapper .title:after {left: 50%; } */
    .about-wrapper .desc { padding:65px 2%; font-size: 1.5rem; line-height: 2; color: #666666;}
    .about-wrapper .box1 .left-box { height: 405px; }
    .about-wrapper .box1 .right-box .title { font-size: 2.4rem; }
    .about-wrapper .box1 .right-box .content { font-size: 1.5rem; line-height: 1.5; margin-top: 35px;}
    .about-wrapper .box1 .right-box .bottom { margin-top: 33px;}
    .about-wrapper .box1 .right-box .bottom p { font-size: 2.4rem; }
    .about-wrapper .box1 .right-box .bottom p i{ font-size: 40%; font-style: normal; }
    .about-wrapper .box1 .right-box .bottom span { font-size: 1.5rem; margin-top: 13px;}
    .about-wrapper .product-list { margin-top: 80px; }
    .about-wrapper .box2 { padding: 84px 2% 74px 2%; }
    .about-wrapper .box2 .right-box .content { line-height: 2.5 }
}

/* 大屏笔记本 */
@media only screen and (max-width:1024px) {
    .header-wrapper .pc  {
        display: none;
    }
    .header-wrapper .mobile {
        display: block;
    }
    .header-wrapper .sidebar {
        display: block;
    }
    .banner {
        height: 327px;
    }
    /* 公司简介 */
    .main-wrapper .intro-box { padding: 70px 2% 85px 2%; }
    .main-wrapper .intro-box .common-title { margin-bottom: 25px;}
    .main-wrapper .intro-box .title { font-size: 3rem; }
    .main-wrapper .intro-box .content { margin-top: 34px; margin-right: 36px; }
    .main-wrapper .intro-box .show-images { width: 480px; }
    .main-wrapper .intro-box .show-images .swiper-slide { width: 440px; height: 285px; }

    /* 四格图片 */
    .main-wrapper .pic-box { height: 324px; }
    .main-wrapper .pic-box .item .info p { font-size: 2.5rem }

    /* 热门产品TAB列表 */
    .main-wrapper .hot-product { padding: 50px 2%; }
    .main-wrapper .hot-product .hot-product-title { font-size: 4rem; }
    .main-wrapper .hot-product .hot-product-tabs { margin-top: 100px; }
    .main-wrapper .hot-product .hot-product-tabs .left-box { padding: 30px 2%; }
    .main-wrapper .hot-product .hot-product-tabs .right-box { width: 500px; height: 345px; }

    /* 热门产品的文字列表 */
    .main-wrapper .hot-product-list .product-item { padding: 18px 18px 0 18px; margin: 13px 1% 0 1%; height: 230px; }
    .main-wrapper .hot-product-list .product-item .title { font-size: 1.6rem; line-height: 32px; }

    /* 公司新闻 */
    .main-wrapper .company-news { padding: 45px 2% 27px 2%; }
    /* .main-wrapper .company-news .common-title { font-size: 1.3rem }
    .main-wrapper .company-news .title { margin-top: 16px; }
    .main-wrapper .company-news .title .text {font-size: 3rem; }
    .main-wrapper .company-news .title .text:after { bottom: -13px; }
    .main-wrapper .company-news .title .more {font-size: 1.3rem;} */
    .main-wrapper .company-news .news-list { margin-top: 43px; }
    .main-wrapper .company-news .news-list .news-item img { height: 160px;}
    .main-wrapper .company-news .news-list .news-item .t1 { font-size: 1.3rem; margin-top: 19px; }
    .main-wrapper .company-news .news-list .news-item .t2 { margin: 12px 0; }

    /* 联系我们 */
    /* .main-wrapper .contact .container{ padding: 27px 38px; } */
    .main-wrapper .contact .right-box { margin-left: 25px; }
    /* .main-wrapper .contact .right-box .title {font-size: 3.8rem; } */
    /* .main-wrapper .contact .right-box .title:after { width: 76px; height: 7px; } */
    .main-wrapper .contact .right-box .desc { margin: 40px 0 30px 0;}
    /* .main-wrapper .contact .right-box .row { margin-bottom: 14px; } */
    /* .main-wrapper .contact .right-box input,
    .main-wrapper .contact .right-box textarea { font-size: 1.6rem; padding: 17px 10px;} */
    /* .main-wrapper .contact .right-box input:first-child { margin-right: 10px;} */
    .main-wrapper .contact .right-box .submit-button { font-size: 1.4rem }

    /* 底部上面的广告 */
    .main-wrapper .ad p {font-size: 3rem}
    /*footer*/
    .footer-wrapper { padding-top: 30px; }
    .footer-wrapper .top-box { padding-bottom: 30px; }
    .footer-wrapper .part1 { display: none; }
    .footer-wrapper .part2 { width: 80%; margin: 0 auto; text-align: center; }
    .footer-wrapper .part3 { display: none; }
    .footer-wrapper .part4 { display: none; }
    .footer-wrapper .bottom-box { padding: 20px 0; }
    .footer-wrapper .bottom-box span{ flex: 1; text-align: center; line-height: 2; }
    .footer-wrapper .bottom-box span:last-child { display: none; }

}

/* 移动端 */
@media only screen and (max-width:768px) {
    /* .banner {
        height: 160px;
    } */
    /* 公司简介 */
    .main-wrapper {padding-bottom:0;}
    .main-wrapper .intro-box { padding: 20px 2%; }
    .main-wrapper .intro-box .base-flex.base-space-between { flex-direction:column; }
    .main-wrapper .intro-box .title { font-size: 2rem; }
    .main-wrapper .intro-box .title:after { height: 4px; }
    .main-wrapper .intro-box .content { margin-top: 34px; margin-right: 0; margin-bottom: 20px; }
    .main-wrapper .intro-box .show-images { width: 100%; display: none; }
    .main-wrapper .intro-box .show-images .swiper-slide { width: 335px; height: 219px; }
    /* 四格图片 */
    .main-wrapper .pic-box {height: auto; flex-direction:column;  }
    /* .main-wrapper .pic-box .item .info p { font-size: 3rem } */

    /* 热门产品TAB列表 */
    .main-wrapper .hot-product { padding: 30px 2%; background: #fff; }
    .main-wrapper .hot-product .hot-product-title { font-size: 2.4rem; font-weight: bold;}
    .main-wrapper .hot-product .hot-product-title:after { left: 40%; height: 4px; }
    .main-wrapper .hot-product .hot-product-tabs { margin-top: 30px; display: block}
    /* .main-wrapper .hot-product .hot-product-tabs .left-box { width: 100%; box-sizing: border-box; padding: 40px 20px; margin: 0 0 20px 0; }
    .main-wrapper .hot-product .hot-product-tabs .left-box .title { font-size: 2.1rem; margin-bottom: 20px; }
    .main-wrapper .hot-product .hot-product-tabs .right-box { width: 100%; height: 260px; } */

    .main-wrapper .hot-product .hot-product-tabs .left-box { box-sizing: border-box; padding: 10px 10px; margin: 20px 10px; box-shadow: 0 0 15px #cccccc;-webkit-box-shadow: 0 0 15px #cccccc;-moz-box-shadow: 0 0 15px #cccccc; }
    .main-wrapper .hot-product .hot-product-tabs .left-box .title { font-size: 1.3rem; margin-bottom: 14px; }
    .main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab { font-size: 1.3rem; padding-left: 10px; height: 25px; line-height: 25px; overflow: hidden; }
    .main-wrapper .hot-product .hot-product-tabs .left-box .list-container .tab:before { width: 4px; height: 4px;}
    .main-wrapper .hot-product .hot-product-tabs .right-box { width: 100%; height: 200px; }
    
    /* 热门产品的文字列表 */
    .main-wrapper .hot-product-list { padding-bottom: 20px; background: #fff; }
    .main-wrapper .hot-product-list .product-item { width: 98%; height: 230px; margin: 18px 1% 0 1%; padding: 6px 6px 0 6px; }
    .main-wrapper .hot-product-list .product-item .title { font-size: 1.6rem; line-height: 32px; }
    .main-wrapper .hot-product-list .product-item .list-container .tab:before { left: 10px; width: 3px; height: 4px; }
    /* 公司新闻 */
    .main-wrapper .company-news { padding: 20px 2% 20px 2%; }
    .main-wrapper .company-news .common-title { display: none; }
    .main-wrapper .company-news .title {justify-content: center; }
    .main-wrapper .company-news .title .text {font-size: 2rem; font-weight: bold; }
    .main-wrapper .company-news .title .text:after { left: 30%; height: 4px }
    .main-wrapper .company-news .title .more {font-size: 1.3rem; display: none;}
    .main-wrapper .company-news .news-list { flex-direction: column; }
    .main-wrapper .company-news .news-list .news-item { width: 100%; margin-bottom: 20px; }
    .main-wrapper .company-news .news-list .news-item img { height: auto;}
    .main-wrapper .company-news .news-list .news-item .t1 { font-size: 1.4rem; margin-top: 10px; }
    .main-wrapper .company-news .news-list .news-item .t2 { background: #FD553A; color: #fff; display: inline-block; border-radius: 5px; padding: 5px; }
    /* 联系我们 */
    .main-wrapper .contact .container{ padding: 27px 2%; border-radius: 0 }
    .main-wrapper .contact .pic { display: none; }
    .main-wrapper .contact .right-box { margin-left: 0; }
    .main-wrapper .contact .right-box .row { flex-direction: column; margin-bottom: 0;}
    .main-wrapper .contact .right-box .row input { margin-bottom: 14px;}
    .main-wrapper .contact .right-box .title {font-size: 2rem; }
    .main-wrapper .contact .right-box .title:after { height: 4px; }
    .main-wrapper .contact .right-box .desc { margin: 40px 0 30px 0;}
    .main-wrapper .contact .right-box input,
    .main-wrapper .contact .right-box textarea { font-size: 1.3rem;}
    /* 底部上面的广告 */
    .main-wrapper .ad {display: none;}

    /* 通用分页 */
    .pagination a{ padding: 4px 10px; margin: 0 5px; font-size: 1.4rem;}
    .pagination a.active{ background: #18478b; color: #fff; }

    
    .son-banner {}
    .son-banner .container { padding: 0 2%; }
    .son-banner .t1 { font-size: 1.8rem;}
    .son-banner .t2 { font-size: 1.3rem; line-height: 1.5 }

    /* 产品列表页 */
    .product-list-wrapper .container {flex-direction: column}
    .product-list-wrapper .left-box { width:100%;}
    .product-list-wrapper .right-box .item { width: 49%; }
    .product-list-wrapper .right-box .item:nth-child(2n-1) { margin-right: 1%; }
    .product-list-wrapper .right-box .item:nth-child(2n) { margin-right: 0; }
    .product-list-wrapper .right-box .item p {font-size: 1.2rem}
    /* .product-list-wrapper .right-box .item:nth-child(3n) { margin-right: 0; } */
    /* .product-list-wrapper .left-box .title,
    .product-list-wrapper .left-box .search-title { font-size: 1.5rem; padding: 15px 0; }
    .product-list-wrapper .left-box .list p{ font-size: 1.3rem; } */
    /* 产品详情页 */
    .product-content-wrapper .container { flex-direction:column;  }
    .product-content-wrapper .left-box { width: 100%; }
    .product-content-wrapper .left-box .button1,
    .product-content-wrapper .left-box .button2 {width: 100%; }
    .product-content-wrapper .right-box { width: 100%; height: auto; } 
    .product-content-wrapper .divider { display: none; } 
    .product-content-wrapper .related-products .title { font-size: 2rem; }
    .product-content-wrapper .related-products .title:after { height: 4px; left: 40%;}
    .product-content-wrapper .related-products .list { margin-top: 50px; }
    .product-content-wrapper .related-products .list .item { width: 48%; }
        
    .product-content-wrapper .company-news .title { font-size: 2rem; }
    .product-content-wrapper .company-news .title:after { height: 4px; left: 40%;}
    .product-content-wrapper .company-news .list { margin-top: 50px; }
    .product-content-wrapper .company-news .list .news-item { width: 100%; margin-bottom: 20px; }
    .product-content-wrapper .company-news .list .news-item img { height: auto;}
    .product-content-wrapper .company-news .list .news-item .t1 { font-size: 1.4rem; margin-top: 10px; }

    /* .product-content-wrapper .top-box,
    .product-content-wrapper .content,
    .product-content-wrapper .related-products { padding: 0 2%;  }
    .product-content-wrapper .left-box .title {font-size: 2.2rem; position: relative; line-height: 1.5; font-weight: bold;}
    .product-content-wrapper .left-box .content { padding: 50px 0; }
    .product-content-wrapper .left-box .content p { font-size: 1.6rem; }
    .product-content-wrapper .left-box .button1,
    .product-content-wrapper .left-box .button2 {width: 80%; }
    .product-content-wrapper .left-box .button1 {font-size: 1.6rem}
    .product-content-wrapper .left-box .button2 {font-size: 1.4rem}
    .product-content-wrapper .right-box { height: 610px; }
    .product-content-wrapper .company-news { padding: 80px 2%; } */
    .product-content-wrapper table { overflow-x: auto;display: block }


    /* 新闻列表页 */
    .news-list-wrapper { padding: 10% 2%}
    .news-list-wrapper .company-news { padding: 0}
    .news-list-wrapper .company-news .news-list { margin-top: 0}
    /* .news-list-wrapper .company-news .news-list .news-item{ margin-bottom: 8%;} */

    /* 新闻详情页 */
    .content-wrapper { padding: 8% 2%; }
    .content-wrapper .title { font-size: 2rem; }
    .content-wrapper .previous { flex-direction: column; }
    .content-wrapper .previous .base-flex1:nth-child(2){margin-left: 0; margin-top: 10%;}

    /* 联系我们单页面 */
    .main-wrapper .contact-info { padding: 60px 2% 30px 2%; }
    .main-wrapper .contact-info .title {font-size: 2rem;}
    .main-wrapper .contact-info .desc { margin: 60px 0 40px 0; font-size: 1.4rem; }
    .main-wrapper .contact-info .item img { width: 15px; margin-right: 20px;  }
    .main-wrapper .contact-info .item span { font-size: 1.4rem; } 

    /* 关于我们单页面 */
    .about-wrapper { padding: 50px 2%; }
    .about-wrapper .title:after {left: 40%; }
    .about-wrapper .desc { padding: 35px 2%;}
    .about-wrapper .box1 { flex-direction: column; }
    .about-wrapper .box1 .left-box { width: 100%; }
    .about-wrapper .box1 .right-box { width: 100%; margin-top: 35px; }
    .about-wrapper .product-list { margin-top: 45px; }
    .about-wrapper .box2 { margin: 26px 0 23px 0; }
}