.product_container {
  width: 100%;
  background: #f8f8f8;
}

.product_container .container {
  width: 16rem;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

.product_container .container .header {
  position: absolute;
  height: .77rem;
  width: 100%;
  background: #fff;
  left: 0;
  top: -0.77rem;
  display: flex;
  align-items: center;
  padding-left: .25rem;
}

.product_container .container .header .address_icon {
  width: .11rem;
  height: .15rem;
}

.product_container .container .header ul {
  display: flex;
  margin-left: .15rem;
}

.product_container .container .header ul li {
  font-size: .14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-left: .05rem;
}

.product_container .container .header ul li a:last-child {
  color: #114090;
}

.product_container .container .pro_container {
  display: flex;
}

.product_container .container .pro_container .classify {
  width: 2.44rem;
}

.product_container .container .pro_container .classify .title {
  width: 100%;
  height: .51rem;
  background: #114090;
  font-size: .2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: .51rem;
}

.product_container .container .pro_container .classify .submenu {
  width: 100%;
}

.product_container .container .pro_container .classify .submenu .sub_item {
  width: 100%;
  border: 1px solid #E8E8E8;
}

.product_container .container .pro_container .classify .submenu .sub_item .show_box {
  width: 100%;
  display: flex;
  align-items: center;
  margin: .18rem 0;
}

.product_container .container .pro_container .classify .submenu .sub_item .show_box .triangle {
  display: block;
  width: 0px;
  height: 0px;
  border: .05rem solid #114090;
  border-color: transparent transparent transparent #114090;
  border-width: .05rem .09rem .05rem .09rem;
  margin-left: .2rem;
  transition: all .3s ease-in-out;
}

.product_container .container .pro_container .classify .submenu .sub_item .show_box .pro_name {
  font-size: .14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #114090;
  margin-left: .15rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product_container .container .pro_container .classify .submenu .sub_item .sub_child_list {
  width: 100%;
  display: none;
}

.product_container .container .pro_container .classify .submenu .sub_item .sub_child_list .child_li {
  height: .51rem;
  border-top: 1px solid #e8e8e8;
  line-height: .51rem;
  font-size: .14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
}

.product_container .container .pro_container .classify .submenu .sub_item .sub_child_list .child_li .pro_name {
  display: block;
  color: #666666;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.1rem;
  text-align: center;
}

.product_container .container .pro_container .classify .submenu .sub_item .sub_child_list .child_li:hover {
  text-decoration: underline;
}

.product_container .container .pro_container .classify .submenu .sub_item .sub_child_list .child_li:hover .pro_name {
  color: #0d7fff !important;
}

.product_container .container .pro_container .classify .submenu .active .show_box .triangle {
  transform: rotate(90deg);
  margin-top: .1rem;
}

.product_container .container .pro_container .right_container {
  flex: 1;
  /* width: 12rem; */
}

.product_container .container .pro_container .right_container .content_container {
  display: flex;
  padding-bottom: .5rem;
  border-bottom: .03rem dashed #e2e2e2;
}

.product_container .container .pro_container .right_container .content_container .left_swiper {
  display: flex;
  width: 5.01rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-top {
  width: 100%;
  background: #fff;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-top .top_item {
  height: 3.57rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-top .top_item img {
  width: 3.84rem;
  height: 2.83rem;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs {
  width: 5.01rem;
  height: 1.4rem;
  margin-top: .2rem;
  position: relative;
  margin: .2rem auto;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .bottm_item {
  width: 1.07rem;
  height: 1.03rem;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .bottm_item img {
  width: .92rem;
  height: auto;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .swiper-button-next {
  position: absolute;
  top: 19px;
  right: 0;
  width: .125rem;
  height: 1.03rem;
  background: #114090;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .3rem;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .swiper-button-prev {
  position: absolute;
  top: 19px;
  left: 0;
  width: .125rem;
  height: 1.03rem;
  background: #114090;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .3rem;
}

.product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .swiper-button-disabled {
  background: #f8f8f8;
  color: #666666;
}

.product_container .container .pro_container .right_container .content_container .right_info {
  width: 5.5rem;
  margin-left: .75rem;
}

.product_container .container .pro_container .right_container .content_container .right_info .info_name {
  font-size: .3rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #04369a;
}

.product_container .container .pro_container .right_container .content_container .right_info .info_context {
  font-size: .16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: .3rem;
  margin-top: .56rem;
}

.product_container .container .pro_container .right_container .content_container .right_info .phone_box_pro {
  display: flex;
  align-items: center;
  margin-top: .7rem;
}

.product_container .container .pro_container .right_container .content_container .right_info .phone_box_pro .phone_pic {
  width: .51rem;
  height: .52rem;
}

.product_container .container .pro_container .right_container .content_container .right_info .phone_box_pro .phone_num {
  font-size: .33rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-left: .2rem;
}

.product_container .container .pro_container .right_container .content_container .right_info .ask_price {
  display: block;
  width: 2rem;
  height: .6rem;
  background: #114090;
  border-radius: .05rem;
  font-size: .22rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: .6rem;
  margin-top: .45rem;
}

.product_container .container .pro_container .right_container .pro_detail {
  padding-top: .4rem;
}
.product_container .container .pro_container .right_container .pro_detail .table_box {
    width: 100%;
    overflow: auto;
}


.product_container .container .pro_container .right_container .pro_detail .des {
  font-size: .18rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  margin-top: .35rem;
  margin-bottom: .3rem;
}

.product_container .container .pro_container .right_container .pro_detail p {
  font-size: .16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: .3rem;
}

.product_container .container .pro_container .right_container .pro {
  display: flex;
  flex-wrap: wrap;
  padding: 0 .36rem;
}

.product_container .container .pro_container .right_container .pro .pro_item {
  width: 3.84rem;
  border-bottom: 1px solid #003399;
  margin-right: .6rem;
  margin-bottom: .6rem;
}

.product_container .container .pro_container .right_container .pro .pro_item:nth-child(3n) {
  margin-right: 0;
}

.product_container .container .pro_container .right_container .pro .pro_item .pro_pic {
  width: 3.84rem;
  height: 2.83rem;
}

.product_container .container .pro_container .right_container .pro .pro_item .line1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .2rem;
}

.product_container .container .pro_container .right_container .pro .pro_item .line1 .pro_title {
  display: block;
  font-size: .2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_container .container .pro_container .right_container .pro .pro_item .line1 .pro_title:hover {
  color: #114090;
}

.product_container .container .pro_container .right_container .pro .pro_item .line1 .consult {
  width: .7rem;
  height: .3rem;
  background: #003399;
  border-radius: .05rem;
  font-size: .18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: .3rem;
}

.product_container .container .pro_container .right_container .pro .pro_item .line2 {
  font-size: .12rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-top: .2rem;
  margin-bottom: .25rem;
  display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 1;    
overflow: hidden;
}

.product_container .container .pro_container .right_container .pagenation {
  margin-bottom: .6rem;
}

.product_container .container .pro_container .right_container .pagenation ul {
  display: flex;
  justify-content: center;
}

.product_container .container .pro_container .right_container .pagenation ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .45rem;
  height: .45rem;
  color: #666666;
  border: 1px solid #999999;
}

.product_container .container .pro_container .right_container .pagenation ul li a {
  font-size: .14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
}

.product_container .container .pro_container .right_container .pagenation ul li:first-child, .product_container .container .pro_container .right_container .pagenation ul li:last-child {
  width: 1.03rem;
  height: .45rem;
}

.product_container .container .pro_container .right_container .pagenation ul .active {
  background: #114090;
  border-color: #114090;
}

.product_container .container .pro_container .right_container .pagenation ul .active a {
  color: #fff;
}

.product_container .container .pro_container .margin_a {
  margin: 0.5rem .5rem;
  overflow: auto;
}


.page5 {
  width: 100%;
  height: 2.48rem;
  padding-top: 0;
  background: url(../img/about/about_bg4.png) no-repeat center/cover;
  display: flex;
  align-items: center;
}

.page5 .contact {
  width: 16rem;
  margin: 0 auto;
  height: auto;
  padding-left: 1.65rem;
  padding-right: 1.65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page5 .contact .left_bo .contact_us {
  font-size: .36rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}

.page5 .contact .left_bo .contact_des {
  font-size: .22rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-top: .25rem;
}

.page5 .contact .right_box {
  display: block;
  width: 2.5rem;
  height: .6rem;
  background: #114090;
  border-radius: .05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page5 .contact .right_box img {
  width: .34rem;
  height: .34rem;
}

.page5 .contact .right_box .phone_number {
  font-size: .22rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: .1rem;
}

.form_div {
  position: fixed;
  display: none;
  width: 4.5rem;
  height: auto;
  left: 50%;
  top: 40%;
  margin-top: -2.5rem;
  margin-left: -2.25rem;
  background: #fff;
  padding: .2rem;
  box-shadow: 1px 0px 14px 1px #ccc;
  z-index: 9999;
}

.form_div .close_btn {
  position: absolute;
  right: .1rem;
  top: .1rem;
  width: .24rem;
  height: .24rem;
}

.form_div .title {
  font-size: .24rem;
  font-weight: 400;
  color: #000;
  text-align: center;
}

.form_div .title_des {
  font-size: .14rem;
  font-weight: 400;
  color: #999;
  text-align: center;
  margin-top: .1rem;
}

.form_div .form_box {
  display: flex;
  flex-direction: column;
}

.form_div .form_box .input_block {
  width: 4rem;
  height: 0.3rem;
  background: #F2F6FA;
  border: none;
  padding-left: .2rem;
  font-size: .14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  margin-top: .2rem;
}

.form_div .form_box .input_textarea {
  width: 4rem;
  height: .8rem;
  background: #F2F6FA;
  border: none;
  outline: none;
  font-size: .16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding-left: .2rem;
  padding-top: .1rem;
  resize: none;
  color: #999999;
  margin-top: .2rem;
}

.form_div .form_box span {
  color: red;
  display: none;
}

.form_div .form_box .submit {
  width: 4rem;
  height: .3rem;
  text-align: center;
  line-height: .3rem;
  font-size: .16rem;
  color: #fff;
  background: #003399;
  margin-top: .3rem;
  border: none;
  cursor: pointer;
}

@media (max-width: 1081px) {
  .product_container .container {
    width: 100%;
  }
  .product_container .container .header .address_icon {
    width: .22rem;
    height: .3rem;
  }
  .product_container .container .header ul li {
    font-size: .22rem;
  }
  .product_container .container .pro_container {
    flex-direction: column-reverse;
  }
  .product_container .container .pro_container .margin_a {
    margin: .5rem .3rem;
  }
  .product_container .container .pro_container .right_container .pro .pro_item {
    width: 46%;
  }
  .product_container .container .pro_container .right_container .pro .pro_item .line1 {
    flex-direction: column;
    align-items: flex-start;
  }
  .product_container .container .pro_container .right_container .pro .pro_item .line1 .pro_title {
    width: 100%;
    font-size: .26rem;
  }
  .product_container .container .pro_container .right_container .pro .pro_item .line1 .consult {
    width: 1rem;
    height: .4rem;
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .15rem;
  }
  .product_container .container .pro_container .right_container .pro .pro_item .line2 {
    font-size: .22rem;
    line-height: .35rem;
  }
  .product_container .container .pro_container .right_container .pro .pro_item:nth-child(2n) {
    margin-right: 0;
  }
  .product_container .container .pro_container .right_container .pro .pro_item:nth-child(2n+1) {
    margin-right: .3rem;
  }
  .product_container .container .pro_container .right_container .pro .pro_item .pro_pic {
    width: 100%;
    height: auto;
  }
  .product_container .container .pro_container .right_container .pro_detail .des {
    font-size: .26rem;
  }
  .product_container .container .pro_container .right_container .pro_detail img {
    width: 100%;
  }
  .product_container .container .pro_container .right_container .pro_detail p {
    font-size: .22rem;
    line-height: .35rem;
  }
  .product_container .container .pro_container .right_container .content_container {
    flex-direction: column;
    align-items: center;
  }
  .product_container .container .pro_container .right_container .content_container .left_swiper {
    width: 100%;
  }
  .product_container .container .pro_container .right_container .content_container .left_swiper .gallery-top .top_item img {
    width: auto;
    height: 3.2rem;
  }
  .product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .swiper-button-next {
    top: 21px;
  }
  .product_container .container .pro_container .right_container .content_container .left_swiper .gallery-thumbs .swiper-button-prev {
    top: 21px;
  }
  .product_container .container .pro_container .right_container .content_container .right_info {
    margin-left: 0;
  }
  .product_container .container .pro_container .right_container .content_container .right_info .info_name {
    margin-top: .2rem;
    font-size: .35rem;
  }
  .product_container .container .pro_container .right_container .content_container .right_info .info_context {
    font-size: .22rem;
    line-height: .35rem;
  }
  .product_container .container .pro_container .right_container .content_container .right_info .ask_price {
    font-size: .24rem;
  }
  .product_container .container .pro_container .right_container .pagenation {
    margin-top: .3rem;
  }
  .product_container .container .pro_container .right_container .pagenation ul li a {
    font-size: .22rem;
  }
  .product_container .container .pro_container .classify {
    width: 100%;
    padding: .5rem .3rem;
  }
  .product_container .container .pro_container .classify .title {
    height: .7rem;
    line-height: .7rem;
    font-size: .26rem;
  }
  .product_container .container .pro_container .classify .submenu .sub_item .show_box .triangle {
    border-width: 0.08rem 0.14rem 0.08rem 0.14rem;
  }
  .product_container .container .pro_container .classify .submenu .sub_item .show_box .pro_name {
    font-size: .22rem;
  }
  .product_container .container .pro_container .classify .submenu .sub_item .sub_child_list .child_li {
    height: .7rem;
    font-size: .22rem;
    line-height: .7rem;
  }
  .form_div .close_btn {
    width: .5rem;
    height: .5rem;
  }
  .page5 {
    height: auto;
    padding: 1rem 0;
  }
  .page5 .contact {
    width: 100%;
    flex-direction: column;
  }
  .page5 .contact .left_bo {
    text-align: center;
  }
  .page5 .contact .left_bo .contact_des {
    font-size: .24rem;
    line-height: .35rem;
  }
  .page5 .contact .right_box {
    margin-top: .3rem;
  }
}