/*navigation*/

.inside-header {
  background: #fff;
}

.inside-header .inside-nav {
  padding: 15px 0;
  color: #999999;
}

.inside-header .inside-nav > a {
  font-size: 14px;
  color: #999999;
}

.inside-header .inside-nav > a > img {
  float: left;
  margin-right: 10px;
}

/*page common*/

.page-content {
  background: #f8f8f8;
  padding: 40px 0;
}

.page-content .content-box {
  display: flex;
  flex-direction: row-reverse;
}

.page-content .content-box .list-content {
  width: 75%;
}

.inside-pagination {
  margin: 2rem auto;
  padding: 5rem 0;
  text-align: center;
  background: #fff;
}

.inside-pagination ul li a {
  color: #333333;
  padding: 5px 10px;
}

.inside-pagination ul li a:hover,
.inside-pagination ul li a.active {
  background: #e6212a;
  color: #fff;
}

.inside-pagination ul li {
  display: inline-block;
  margin: 0 3px;
  font-size: 18px;
}

.inside-pagination ul li.dump {
  background: #e6212a;
  padding: 1px;
}

.inside-pagination ul li.dump #dumppage {
  width: 30px;
  border: none;
}

.inside-pagination ul li.dump span {
  color: #fff;
  font-size: 14px;
  padding: 2px 5px;
  cursor: pointer;
  font-weight: bold;
}

.inside-pagination ul li.pre-page > a > img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transform: rotate(180deg);
}

.inside-pagination ul li:hover > a > img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) brightness(10000%);
}

.page-content .content-box .list-content .lastbox {
  visibility: hidden;
  height: 1px;
}

/*page sidebar*/

.page-content .content-box .sidebar-box {
  width: 25%;
  padding-right: 2%;
  color: 333333;
}

.page-content .content-box .sidebar-box .category-box {
}

.page-content .content-box .sidebar-box .category-box .category-item {
  margin-bottom: 10px;
  background: #fff;
  font-size: 16px;
}

.page-content .content-box .sidebar-box .category-box .category-item p {
  padding: 30px;
  position: relative;
}

.page-content .content-box .sidebar-box .category-box .category-item p a {
  font-weight: bold;
  color: #333333;
}

.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  p
  > i.child-button::before {
  position: absolute;
  top: 0;
  bottom: 5px;
  right: 30px;
  margin: auto;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg);
}

.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item:hover
  p
  > i.child-button::before,
.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  p.active
  > i.child-button::before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(225deg);
}

.page-content .content-box .sidebar-box .category-box .category-item p:hover,
.page-content .content-box .sidebar-box .category-box .category-item p.active {
  background: #e6212a;
}

.page-content .content-box .sidebar-box .category-box .category-item p:hover a,
.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  p.active
  a {
  color: #fff;
}

.page-content .content-box .sidebar-box .category-box .category-item .childbox {
 
}

.page-content .content-box .sidebar-box .category-box .category-item ul {
  padding: 20px 30px;
  /*padding-bottom: 20px;*/
}

.page-content .content-box .sidebar-box .category-box .category-item ul li {
  list-style: disc;
  line-height: 42px;
  font-size: 16px;
  margin-left: 15px;
  padding-left: 5px;
}

.page-content .content-box .sidebar-box .category-box .category-item ul li a {
  color: #333333;
}

.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  ul
  li:hover
  a,
.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  ul
  li:hover,
.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  ul
  li.active,
.page-content
  .content-box
  .sidebar-box
  .category-box
  .category-item
  ul
  li.active
  a {
  color: #e6212a;
}

.page-content .content-box .sidebar-box .likebox {
  background: #fff;
  margin-bottom: 10px;
}

.page-content .content-box .sidebar-box .likebox > p {
  padding: 30px;
  background: #e6212a;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.page-content .content-box .sidebar-box .likebox .like-swiper {
  padding: 10px;
}

.page-content .content-box .sidebar-box .likebox .like-swiper .imgbox {
  border: 1px solid #eeeeee;
}

.page-content .content-box .sidebar-box .likebox .like-swiper div > img {
  width: 100%;
}

.page-content .content-box .sidebar-box .likebox .like-swiper div h4 {
  font-size: 16px;
  padding: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #000;
}

.page-content .content-box .sidebar-box .likebox .like-swiper div > a > h4 {
  font-size: 18px;
  padding: 0 20px;
}

.page-content
  .content-box
  .sidebar-box
  .likebox
  .like-swiper
  div
  > a
  > h4:hover {
  color: #e6212a;
}

.page-content .content-box .sidebar-box .likebox .like-swiper .post-item {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  padding: 20px;
}

.page-content .content-box .sidebar-box .likebox .like-swiper .post-item div {
  color: #666666;
}

.page-content
  .content-box
  .sidebar-box
  .likebox
  .like-swiper
  .post-item
  div
  img {
  width: 19px;
  height: auto;
  margin-right: 10px;
}

.page-content .content-box .sidebar-box .contactbox {
  /*margin: 15px auto;*/
  background: #fff;
}

.page-content .content-box .sidebar-box .contactbox .contactinfo {
  padding: 30px;
}

.page-content .content-box .sidebar-box .contactbox .contactinfo p {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
}

.page-content .content-box .sidebar-box .contactbox .contactinfo p > img {
  margin-right: 10px;
  float: left;
}

.page-content .content-box .sidebar-box .contactbox .contactinfo p.textbox {
  font-size: 16px;
  font-weight: unset;
  margin-bottom: 10px;
  padding-left: 35px;
}

.page-content .content-box .sidebar-box .contactbox .businessbox {
  padding: 0 30px;
}

.page-content .content-box .sidebar-box .contactbox .business-swiper {
  height: 250px;
}

.page-content .content-box .sidebar-box .contactbox .business-swiper .row {
  padding-top: 25px;
  padding-bottom: 10px;
  border-top: 1px solid #eeeeee;
}

.page-content
  .content-box
  .sidebar-box
  .contactbox
  .business-swiper
  .row
  div
  img.business-logo {
  width: 100%;
  border-radius: 50%;
  margin-bottom: 5px;
  margin-right: 5px;
}

.page-content
  .content-box
  .sidebar-box
  .contactbox
  .business-swiper
  .row
  div
  h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.page-content
  .content-box
  .sidebar-box
  .contactbox
  .business-swiper
  .row
  div
  a {
  color: #333333;
  padding: 10px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.page-content
  .content-box
  .sidebar-box
  .contactbox
  .business-swiper
  .row
  div
  a
  span
  img {
  width: 27px;
  height: auto;
}

/*list news*/

.page-content .content-box .list-content .list-box {
  display: flex;
  flex-wrap: wrap;
}

.page-content .content-box .list-content .newpage {
  padding: 0;
  background: unset;
}

.page-content .content-box .list-content .list-box .item-box {
 width: 31.5%;
    margin-bottom: 15px;
    margin-right: 1%;
}

.page-content .content-box .list-content .list-box .item-box .imgbox img {
  width: 100%;
}

.page-content .content-box .list-content .list-box .item-box .textbox {
  background: #fff;
  padding: 10px 30px;
  font-size: 16px;
  color: #666666;
}

.page-content .content-box .list-content .list-box .item-box .textbox h3 {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

.page-content .content-box .list-content .list-box .item-box:hover .textbox h3 {
  color: #e6212a;
}

.page-content .content-box .list-content .list-box .item-box .textbox .remark {
  margin: 15px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.page-content .content-box .list-content .list-box .item-box .textbox .other {
  font-size: 14px;
  color: #999999;
}

.page-content
  .content-box
  .list-content
  .list-box
  .item-box
  .textbox
  .other
  img {
  margin-right: 10px;
}

/*show*/

.page-content .content-box .post-info {
  background: #fff;
  color: #333333;
  padding: 30px;
  font-size: 16px;
  width: 75%;
}

.page-content .content-box .post-info .header {
  margin-bottom: 40px;
}

.page-content .content-box .post-info .header > h1 {
  font-size: 26px;
  font-weight: bold;
}

.page-content .content-box .post-info .header > p {
  margin: 20px auto;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
}

.page-content .content-box .post-info .header > p > span {
  margin-right: 30px;
  font-size: 14px;
}

.page-content .content-box .post-info .header > p > span > img {
  margin-right: 5px;
}

.page-content .content-box .post-info ul,
.page-content .content-box .post-info li {
  list-style: disc;
  padding-left: 10px;
  line-height: 1.6;
}

.page-content .content-box .post-info .content {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  line-height: 1.6;
}

.page-content .content-box .post-info .content p {
  margin: 0;
  margin-bottom: 10px;
}

.page-content .content-box .post-info .post-pagination {
}

.page-content .content-box .post-info .post-pagination p {
  margin: 15px 0;
}

.page-content .content-box .post-info .post-pagination p a {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}

.page-content .content-box .post-info .post-pagination p a img {
  float: left;
  margin-right: 10px;
  filter: grayscale(100%);
}

.page-content .content-box .post-info .post-pagination p a.prev-page img {
  transform: rotate(180deg);
}

.page-content .content-box .post-info .post-pagination p a:hover {
  color: #e6212a;
}

.page-content .content-box .post-info .post-pagination p a:hover img {
  filter: unset;
}

/*list product*/

.page-content .content-box .list-content .product-page {
  padding: 0;
  background: unset;
}

.page-content .content-box .list-content .list-box .product-item {
  width: 32.5%;
  background: #fff;
  margin-bottom: 15px;
}

.page-content .content-box .list-content .list-box .product-item .imgbox {
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

.page-content
  .content-box
  .list-content
  .list-box
  .product-item
  .imgbox
  .quote-button {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 30;
  font-size: 16px;
  color: #fff;
  background: #e6212a;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
}

.page-content .content-box .list-content .list-box .product-item .imgbox img {
  width: 100%;
}

.page-content .content-box .list-content .list-box .product-item .text {
  text-align: center;
  padding: 20px 15px;
  color: #999999;
}

.page-content .content-box .list-content .list-box .product-item .text h3 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin: 10px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-content .content-box .list-content .list-box .product-item .text .remark {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-content .content-box .list-content .list-box .product-item .text .row {
  background: #f8f8f8;
  width: 90%;
  margin: 0 auto;
  padding: 15px 20px;
  border-radius: 30px;
}

.page-content
  .content-box
  .list-content
  .list-box
  .product-item
  .text
  .row
  span
  img {
  cursor: pointer;
}

/*list faq*/

.page-content .content-box .list-content .faq-item {
  background: #fff;
  margin-bottom: 15px;
  font-size: 20px;
  color: #333333;
  padding: 0;
}

.page-content .content-box .list-content .faq-item .wen {
  display: flex;
  cursor: pointer;
  /*border-bottom: 1px solid #eeeeee;*/
}

.page-content .content-box .list-content .faq-item .wen div {
  padding: 15px 0;
}

.page-content .content-box .list-content .faq-item .wen .icon {
  width: 7%;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #cccccc;
}

.page-content .content-box .list-content .faq-item .active,
.page-content .content-box .list-content .faq-item .active .icon,
.page-content .content-box .list-content .faq-item .wen:hover,
.page-content .content-box .list-content .faq-item .wen:hover .icon {
  color: #e6212a;
}

.page-content .content-box .list-content .faq-item .wen .title {
  width: 93%;
  border-left: 1px solid #eeeeee;
  padding-left: 25px;
  padding-top: 25px;
}

.page-content .content-box .list-content .faq-item .da {
  display: none;
  padding: 20px 0;
  padding-left: 80px;
  border-top: 1px solid #eeeeee;
  font-size: 16px;
  line-height: 1.6;
}

/*list video*/

.page-content .content-box .list-content .row {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  background: unset;
}

.page-content .content-box .list-content .row > div {
  padding: 0 8px;
}

/*.page-content .content-box .list-content .video-page div{*/

/*    padding: 0;*/

/*}*/

.page-content .content-box .list-content .row .video-item .imgbox {
  position: relative;
}

.page-content .content-box .list-content .row .video-item .imgbox img.cover {
  width: 100%;
}

.page-content .content-box .list-content .row .video-item .imgbox::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.page-content
  .content-box
  .list-content
  .row
  .video-item
  .imgbox
  img.video_play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 4;
  opacity: 0;
  width: 50px;
  height: auto;
  cursor: pointer;
}

.page-content .content-box .list-content .row .video-item .imgbox:hover::after,
.page-content
  .content-box
  .list-content
  .row
  .video-item
  .imgbox:hover
  .video_play {
  opacity: 1;
}

.page-content .content-box .list-content .row .video-item .textbox {
  padding: 20px 0;
}

.page-content .content-box .list-content .row .video-item .textbox h4 {
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}

.page-content .content-box .list-content .row .video-item .textbox div {
  color: #999999;
  font-size: 14px;
}

.page-content .content-box .list-content .row .video-item .textbox div img {
  margin-right: 5px;
}

/*list case*/

.page-content .content-box .list-content .case-box {
  margin-bottom: 0;
  padding: 0;
  background: unset;
}

.page-content .content-box .list-content .list-box .index-item {
  width: 66.4%;
  position: relative;
}

.page-content .content-box .list-content .list-box .index-item a {
  color: #fff;
}

.page-content .content-box .list-content .list-box .index-item a .text {
  position: absolute;
  bottom: 20px;
  z-index: 10;
  left: 20px;
  font-size: 16px;
}

.page-content .content-box .list-content .list-box .index-item .text h4 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.page-content .content-box .list-content .list-box .index-item a .text p {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-content .content-box .list-content .list-box .index-item a img,
.page-content .content-box .list-content .list-box .right-item .item a img {
  width: 100%;
}

.page-content .content-box .list-content .list-box .right-item .item a img {
  height: 100%;
}

.page-content .content-box .list-content .list-box .right-item {
  width: 32.5%;
  position: relative;
}

.page-content .content-box .list-content .list-box .right-item .item {
  position: absolute;
  height: 49%;
}

.page-content
  .content-box
  .list-content
  .list-box
  .right-item
  .item:nth-child(2) {
  bottom: 0;
}

.page-content .content-box .list-content .list-box .right-item .item a h4 {
  position: absolute;
  bottom: 10px;
  z-index: 10;
  color: #fff;
  left: 20px;
  font-size: 18px;
  font-weight: bold;
}

.page-content .content-box .list-content .list-box .case-box {
  margin-top: 10px;
  width: 32.5%;
}

.page-content .content-box .list-content .list-box .case-box .imgbox img {
  width: 100%;
}

.page-content .content-box .list-content .list-box .case-box .textbox {
  background: #fff;
  padding: 20px;
}

.page-content .content-box .list-content .list-box .case-box .textbox h4 {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*list certificate*/

.page-content .content-box .list-content .certifcate-list {
  background: #fff;
  padding: 5%;
}

.page-content .content-box .list-content .certifcate-list .header {
  margin-bottom: 50px;
  width: 100%;
}

.page-content .content-box .list-content .certifcate-list .certifcate-item {
  text-align: center;
}

.page-content .content-box .list-content .certifcate-list .none-item {
  display: none;
}

.page-content
  .content-box
  .list-content
  .certifcate-list
  .certifcate-item
  .imgbox
  img {
  width: 100%;
  padding: 0 20px;
}

.page-content .content-box .list-content .certifcate-list .certifcate-item p {
  margin: 20px auto;
  font-size: 18px;
  color: #333333;
}

.page-content .content-box .list-content .certifcate-list .more {
  text-align: center;
  font-size: 18px;
  color: #999999;
  cursor: pointer;
  position: relative;
}

.page-content .content-box .list-content .certifcate-list .more span::after {
  position: absolute;
  top: 5px;
  bottom: 5px;
  /*right: 30px;*/
  margin: auto;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  transform: rotate(45deg);
  margin-left: 30px;
}

/*list factory*/

.page-content .content-box .list-content .factory-box .header {
  margin-bottom: 30px;
}

.page-content .content-box .list-content .factory-box .big-img {
  margin-bottom: 20px;
}

.page-content .content-box .list-content .factory-box .big-img img {
  width: 100%;
}

.page-content .content-box .list-content .factory-box .factory-swiper {
  width: 90%;
  margin: 0 auto;
}

.page-content
  .content-box
  .list-content
  .factory-box
  .factory-swiper
  .swiper-wrapper
  div
  img {
  width: 100%;
  cursor: pointer;
}

.page-content .content-box .list-content .factory-box .swiper {
  position: relative;
}

.page-content .content-box .list-content .factory-box .swiper .factory-button {
  position: absolute;
  top: 0;
  z-index: 99;
  background: #d9d9d9;
  width: 4%;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.page-content
  .content-box
  .list-content
  .factory-box
  .swiper
  .factory-button
  img {
  margin-top: 110%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.page-content
  .content-box
  .list-content
  .factory-box
  .swiper
  .factory-prev
  img {
  transform: rotate(180deg);
}

.page-content .content-box .list-content .factory-box .swiper .factory-prev {
  left: 0;
}

.page-content .content-box .list-content .factory-box .swiper .factory-next {
  right: 0;
}

/*list download*/

.page-content .content-box .list-content .download-item {
  background: #fff;
  padding: 30px;
}

.page-content .content-box .list-content .download-item a {
  color: #333333;
}

.page-content .content-box .list-content .download-item:hover .title a {
  color: #e6212a;
}

.page-content .content-box .list-content .download-item .title img {
  float: left;
  margin-right: 20px;
}

.page-content .content-box .list-content .download-item .title a {
  font-size: 20px;
}

.page-content .content-box .list-content .download-item .textbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-content .content-box .list-content .download-item .textbox > div {
  font-size: 16px;
  color: #999999;
  width: 33%;
  text-align: center;
}

.page-content .content-box .list-content .download-item .textbox > div img {
  margin-top: -5px;
  margin-right: 5px;
}

.page-content .content-box .list-content .textbox .downloadbutton a {
  border: 1px solid #333333;
  padding: 15px;
  border-radius: 5px;
}

.page-content .content-box .list-content .textbox .downloadbutton a:hover {
  border: 1px solid #e6212a;
  background: #e6212a;
  color: #fff;
}

.page-content .content-box .list-content .textbox .downloadbutton a:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) brightness(10000%);
}

/*page*/

.page-content .content-box .list-content .about-info {
  font-size: 18px;
  color: #333333;
  line-height: 1.6;
}

.page-content .content-box .list-content .about-info p {
  margin-bottom: 10px;
}

.page-content .content-box .list-content > div {
  padding: 30px;
  background: #fff;
  margin-bottom: 15px;
}

.page-content .content-box .list-content > div .header {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
}

.page-content .content-box .list-content > div .header > span {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  position: relative;
}

.page-content .content-box .list-content > div .header > span::after {
  content: " ";
  position: absolute;
  bottom: -21.5px;
  border: 1px solid #e6212a;
  width: 100%;
  left: 0;
}

.page-content .content-box .list-content .company-culture .content {
  padding-top: 50px;
  color: #333333;
  font-size: 18px;
}

.page-content .content-box .list-content .development .swiper {
  /*display: flex;*/
  margin-top: 30px;
}

.page-content .content-box .list-content .development .swiper .swiper-time {
  height: 340px;
  position: relative;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-pagination {
  width: 15%;
  position: absolute;
  left: 0;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-pagination
  .swiper-pagination-bullet {
  margin: 0;
  opacity: 1;
  background: unset;
  width: auto;
  height: auto;
  text-align: center;
  position: relative;
  border-right: 1px solid #eeeeee;
  border-radius: 0;
  padding: 15px 0;
  width: 50%;
  position: relative;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-pagination
  .swiper-pagination-bullet
  span {
  color: #666666;
  font-size: 18px;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-pagination
  .swiper-pagination-bullet
  img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  position: absolute;
  right: -12px;
  margin-top: 2px;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-pagination
  .swiper-pagination-bullet-active
  span {
  color: #e6212a;
  font-weight: bold;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-pagination
  .swiper-pagination-bullet-active
  img {
  -webkit-filter: unset;
  filter: unset;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .time-click {
  position: absolute;
  cursor: pointer;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .swiper-button-disabled
  img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .swiper-time-prev {
  left: 6.3%;
  top: 0;
  transform: rotate(-90deg);
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .swiper-time-next {
  left: 6.5%;
  bottom: 0;
  transform: rotate(90deg);
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .swiper-wrapper {
  position: absolute;
  width: 85%;
  right: 0;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .imgbox
  img {
  width: 100%;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .textbox {
  color: #333333;
  font-size: 16px;
  padding: 0px 30px;
}

.page-content
  .content-box
  .list-content
  .development
  .swiper
  .swiper-time
  .textbox
  h4 {
  font-size: 50px;
  margin-bottom: 30px;
}

/*contact*/

.page-content .content-box .list-content .contactbox {
  background: unset;
  padding: 0;
}

.page-content .content-box .list-content .contactbox .contact-us {
  background: #fff;
  padding: 30px;
}

.page-content .content-box .list-content .contactbox .contact-us .row {
  margin-top: 40px;
  margin-bottom: 0;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-us
  .row
  .contact-item {
  display: flex;
  padding: 0;
  margin-bottom: 30px;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-us
  .row
  .contact-item
  .imgbox {
  margin-right: 20px;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-us
  .row
  .contact-item
  div {
  font-size: 16px;
  color: #666666;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-us
  .row
  .contact-item
  div
  b {
  font-size: 18px;
  color: #333333;
}

.page-content .content-box .list-content .contactbox .contact-business {
  margin-top: 20px;
}

.page-content .content-box .list-content .contactbox .contact-business .b-item {
  background: #fff;
  text-align: center;
  padding: 30px 0px;
  font-size: 16px;
  color: #666666;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-business
  .b-item
  > img {
  max-width: 110px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-business
  .b-item
  > p {
  margin: 10px auto;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-business
  .b-item
  > p
  > b {
  color: #333333;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-business
  .b-item
  > a {
  color: #333333;
  padding: 10px 20px;
  border: 1px solid #eeeeee;
  border-radius: 30px;
  margin-top: 20px;
}

.page-content
  .content-box
  .list-content
  .contactbox
  .contact-business
  .b-item
  > a
  > span
  > img {
  width: 27px;
  height: auto;
}

.page-content .message-box {
  margin: 20px auto;
  background: #fff;
  padding: 30px;
}

.page-content .message-box .from {
  margin-top: 30px;
}

.page-content .message-box .from .input {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.page-content .message-box .from .input > div {
  width: 32.5%;
}

.page-content .message-box .from .input input {
  width: 100%;
  padding: 15px 20px;
}

.page-content .message-box .from textarea {
  width: 100%;
  height: 150px;
  padding: 15px 20px;
  margin-bottom: 20px;
}

.page-content .message-box .from .input input,
.page-content .message-box .from textarea {
  background: #f8f8f8;
  border: 0;
  resize: none;
  font-size: 16px;
}

.page-content .message-box .from .submit input {
  padding: 5px 30px;
  color: #fff;
  background: #e6212a;
  border: 0;
  font-size: 20px;
  border-radius: 30px;
}

/*show product*/

.page-content .product-info {
  /*background: #fff;*/
  /*padding-bottom: 30px;*/
}

.page-content .product-info .auto-container .row {
  margin: 0;
}

.page-content .product-info .auto-container .row .imgbox {
  padding: 0;
  padding-right: 5%;
}

.page-content .product-info .auto-container .row .imgbox .jqzoom img {
  width: 100%;
}

.page-content .product-info .auto-container .row .imgbox .imagesbox {
  position: relative;
  margin: 10px auto;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-button {
  position: absolute;
  top: 0;
  z-index: 99;
  background: #d9d9d9;
  width: 8%;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-button
  img {
  margin-top: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-prev {
  left: 0;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-prev
  img {
  transform: rotate(180deg);
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-next {
  right: 0;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-thumb {
  width: 80%;
  margin: 0 auto;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-thumb
  div
  img {
  width: 100%;
  border: 1px solid #eeeeee;
  cursor: pointer;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-thumb
  .swiper-wrapper
  .active
  .cover {
  position: absolute;
  background: #e6212a;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-thumb
  .swiper-wrapper
  .swiper-slide {
  position: relative;
}

.page-content
  .product-info
  .auto-container
  .row
  .imgbox
  .imagesbox
  .product-thumb
  div
  img.active
  + {
  /*background: #e6212a;*/
  /*opacity: 0.8;*/
}

.page-content .product-info .auto-container .row .textbox {
  font-size: 16px;
  padding: 30px 0;
}

.page-content .product-info .auto-container .row .textbox > h1 {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
}

.page-content .product-info .auto-container .row .textbox .other {
  margin-top: 30px;
}

.page-content .product-info .auto-container .row .textbox .other span.enshrine {
  color: #ef9b29;
  margin-left: 30px;
}

.page-content
  .product-info
  .auto-container
  .row
  .textbox
  .other
  span.enshrine
  img {
  margin-right: 5px;
  width: 20px;
  cursor: pointer;
}

.page-content .product-info .auto-container .row .textbox .remark {
  margin: 20px auto;
  color: #999999;
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}

.page-content .product-info .auto-container .row .textbox .attribute {
  color: #666666;
  margin-bottom: 20px;
  line-height: 2;
}

.page-content .product-info .auto-container .row .textbox > a {
  color: #fff;
}

.page-content .product-info .auto-container .row .textbox > a > button {
  border: 0;
  background: #e6212a;
  padding: 5px 72px;
}

.page-content .content-box .list-content .details-box .header span {
  margin-right: 30px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.page-content .content-box .list-content .details-box .header span::after {
  content: unset;
}

.page-content .content-box .list-content .details-box .header span.active {
  color: #e6212a;
}

.page-content
  .content-box
  .list-content
  .details-box
  .header
  span.active::after {
  content: " ";
}

.page-content .content-box .list-content .details-box .product-content-box div {
  display: none;
  font-size: 16px;
  color: #333333;
  padding: 30px 0;
  line-height: 1.6;
}

.page-content
  .content-box
  .list-content
  .details-box
  .product-content-box
  div
  p {
  margin-bottom: 10px;
}

.page-content
  .content-box
  .list-content
  .details-box
  .product-content-box
  div
  ul,
.page-content
  .content-box
  .list-content
  .details-box
  .product-content-box
  div
  ol,
.page-content
  .content-box
  .list-content
  .details-box
  .product-content-box
  div
  dl {
  list-style-type: disc;
  padding: 0 40px;
}

.page-content
  .content-box
  .list-content
  .details-box
  .product-content-box
  div
  ul
  li {
  list-style-type: disc;
  margin-left: 10px;
}

/*Quotation*/

.page-content .quotatio {
  color: #333333;
  font-size: 16px;
}

.page-content .quotatio > h1 {
  font-size: 26px;
  font-weight: bold;
}

.page-content .quotatio > p {
  color: #666666;
  margin-top: 20px;
}

.page-content .quotatio .row {
  background: #fff;
  margin: 20px 0;
}

.page-content .quotatio .quotation-box > div {
  padding: 0;
}

.page-content .quotatio .quotation-box .qpl {
  border: 1.5px solid #e2e2e2;
}

.page-content .quotatio .quotation-box div .product-header {
  display: flex;
  background: #e2e2e2;
  padding: 25px 0;
  color: #666666;
}

.page-content .quotatio .quotation-box div .action {
  width: 15%;
  text-align: center;
}

.page-content .quotatio .quotation-box div .product-item {
  width: 70%;
  display: flex;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox {
  width: 30%;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img {
  width: 100%;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .text {
  width: 70%;
  margin: 40px 20px;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .action {
  margin-top: 50px;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .action img {
  cursor: pointer;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .text p {
  margin-top: 10px;
  color: #999999;
}

.page-content .quotatio .quotation-box > div .message-box {
  margin: 0;
  padding-top: 20px;
}

.page-content .quotatio .quotation-box > div .message-box .header span {
  font-size: 26px;
  font-weight: bold;
}

.page-content .quotatio .quotation-box > div .message-box .checktext {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.page-content
  .quotatio
  .quotation-box
  > div
  .message-box
  .checktext
  .buttom
  span#clear {
  cursor: pointer;
}

.page-content
  .quotatio
  .quotation-box
  > div
  .message-box
  .checktext
  .buttom
  input[type="checkbox"] {
  margin-right: 10px;
}

.page-content .quotatio .quotation-box > div .message-box .checktext .text {
  margin-top: -15px;
}

.page-content
  .quotatio
  .quotation-box
  > div
  .message-box
  .checktext
  .text
  span {
  color: #e6212a;
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
}

.page-content .quotatio .quotation-box > div .message-box .from textarea {
  height: 320px;
}

.page-content .quotatio .quotation-box > div .message-box .from .submit {
  text-align: right;
}

.page-content
  .quotatio
  .quotation-box
  > div
  .message-box
  .from
  .submit
  input[type="button"] {
  background: unset;
  color: #e6212a;
  border: 1px solid #e6212a;
  margin-right: 10px;
}