body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
div {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font: "微软雅黑", "Arial Narrow", HELVETICA;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  color: #333;
}
a {
  color: #2d374b;
  text-decoration: none;
  /*font-size: 0;*/
}
a:hover {
  text-decoration: none;
}
em {
  font-style: normal;
}
li {
  list-style: none;
}
img {
    max-width: 100%;
  border: 0;
  vertical-align: middle;
  /* 图片失真的问题 */
    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    /* IE (non-standard property) */
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  word-wrap: break-word;
}
html {
  font-size: 16px;
}
#swiperSon1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale3d(1, 1, 1);
}
@-webkit-keyframes imgS {
  0% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes imgS {
  0% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    -ms-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.imgS {
  -webkit-animation-name: imgS;
  animation-name: imgS;
}
#swiperSon1 {
  margin-top: 0.8rem;
}
header {
  width: 100%;
  height: 0.8rem;
  background: #219345;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
header .nav_icon {
  width: 0.32rem;
  height: 0.36rem;
  background: url(../icon/san.png) no-repeat;
  background-size: cover;
}
.media_mask {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  position: absolute;
  top: 0.8rem;
  left: 0;
  z-index: 10;
  display: none;
}
header ol {
  background: #f7f7f7;
  /*width: 80%;*/
  height: 100%;
}
header ol li {
  font-size: 0;
  padding-top: 0.8rem;
  text-align: center;
}
header ol a {
  font-size: 0.3rem;
}
header section {
  max-width: 28rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.3rem;
}
header img {
  width: 4rem;
  height: auto;
}
header ul {
  display: none;
}
header ul > li a {
  display: inline-block;
  height: 1.6rem;
  line-height: 1.6rem;
  padding: 0 0.6rem;
  color: #4c4c4c;
  font-size: 0.32rem;
  transition: background 0.3s, color 0.3s;
}
header ul > li a:hover {
  background: #46a2e3;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}
.common_worp {
  width: 28rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.common_title {
  font-size: 0.4rem;
  color: #46a2e3;
  font-weight: 500;
}
.swiper-about {
  position: relative;
  background: url(../img/index_about_bkg.png) no-repeat;
  background-size: cover;
  padding: 0.94rem 0.3rem 0.6rem 0.3rem;
}
.swiper-about .p1 {
  font-size: 0.28rem;
  color: #666;
  line-height: 1.8;
  margin-top: 0.3rem;
}
.swiper-about .p1 img{
    margin-left: -2em;
    max-width: 100%;
}
.swiper-about .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 0.52rem;
}
.swiper-about .bottom .list {
  width: 2rem;
  height: 1.2rem;
  border-radius: 10px;
  background-size: 34%!important;
  background-position: 50% 25%!important;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.12rem;
}
.swiper-about .bottom .p2 {
  font-size: 0.24rem;
  color: #333;
}
.swiper-about a {
  display: block;
  width: 2.6rem;
  height: 0.8rem;
  border: 1px solid #46a2e3;
  font-size: 0.28rem;
  color: #46a2e3;
  line-height: 0.8rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.8rem;
}
.swiper-product {
  padding: 0.92rem 0.3rem 0.72rem 0.3rem;
  background: url(../img/index_priduct_bkg.png) no-repeat;
  background-size: cover;
}
.swiper-product .title {
  font-size: 0.36rem;
  color: #999999;
  margin: 1rem 0;
}
.swiper-product .p-title {
  font-size: 0.28rem;
  color: #46a2e3;
  line-height: 1.8;
  margin-top: 0.3rem;
}
.swiper-product .product-box {
  width: 100%;
  height: 4rem;
  position: relative;
  display: block;
  margin: 0.56rem 0;
}
.swiper-product .product-list1 .product-text-box {
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.76rem;
  padding: 0.4rem;
}
.swiper-product .product-list1 .product-text-box h4 {
  font-size: 0.32rem;
  font-weight: normal;
}
.swiper-product .product-list1 .product-text-box .h4-en {
  font-size: 0.2rem;
  color: #b2b2b2;
  margin: 0.32rem 0;
}
.swiper-product .product-list1 .product-text-box .product-name {
  font-size: 0.28rem;
  color: #666;
}
.swiper-product .product-list1 .product-img-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  width: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  box-shadow: -4px 4px 10px #eee;
}
.swiper-product .product-list1 .product-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-product .product-list2 .product-text-box {
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5.76rem;
  padding: 0.4rem;
}
.swiper-product .product-list2 .product-text-box h4 {
  font-size: 0.32rem;
  font-weight: normal;
  text-align: right;
}
.swiper-product .product-list2 .product-text-box .h4-en {
  font-size: 0.2rem;
  color: #b2b2b2;
  margin: 0.32rem 0;
  text-align: right;
}
.swiper-product .product-list2 .product-text-box .product-name {
  font-size: 0.28rem;
  color: #666;
  text-align: right;
}
.swiper-product .product-list2 .product-img-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  box-shadow: 4px 4px 10px #eee;
}
.swiper-product .product-list2 .product-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-news {
  background: url(../img/index_news_bkg.png) no-repeat;
  background-size: cover;
  padding: 0.92rem 0.3rem 0.72rem 0.3rem;
}
.swiper-news ul li {
  padding: 0.2rem 0;
}
.swiper-news ul img {
  width: 100%;
  height: 4.72rem;
  object-fit: cover;
  margin: 0.24rem 0;
}
.swiper-news ul .news-title {
  font-size: 0.32rem;
  color: #4c4c4c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.swiper-news ul .date {
  font-size: 0.24rem;
  color: #999999;
  margin: 0.24rem 0;
}
.swiper-news ul .p-text {
  font-size: 0.28rem;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  line-height: 1.8;
}
.swiper-news .news-more {
  display: block;
  width: 2.6rem;
  height: 0.8rem;
  border: 1px solid #46a2e3;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.28rem;
  color: #46a2e3;
  margin: 0 auto;
  margin-top: 0.36rem;
}
.swiper-case {
  background: url(../img/index_case_bkg.png) no-repeat;
  background-size: 100% auto!important;
  padding: 0.92rem 0.3rem 0.72rem 0.3rem;
}
.swiper-case .title {
  font-size: 0.4rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.4rem;
}
.swiper-case ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.swiper-case ul li {
  width: 3.3rem;
  height: 1rem;
  position: relative;
  margin-bottom: 0.36rem;
}
.swiper-case ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-case ul li .case-title-box {
  position: absolute;
  width: 100%;
  height: 0.6rem;
  font-size: 0.28rem;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  bottom: 0;
  left: 0;
  background: rgba(70, 162, 227, 0.6);
}
.swiper-case .case-more {
  display: block;
  width: 2.6rem;
  height: 0.8rem;
  border: 1px solid #46a2e3;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.28rem;
  color: #46a2e3;
  margin: 0 auto;
  margin-top: 0.36rem;
}
.common_banner {
  position: relative;
  width: 100%;
  height: 4rem;
  overflow: hidden;
  margin-top: 0.8rem;
}
.common_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner_title {
  position: absolute;
  left: 50%;
  bottom: 45%;
  transform: translateX(-50%);
  text-align: center;
}
.common_banner p:first-child {
  font-size: 0.48rem;
  color: #fff;
}
.common_banner p:last-child {
  font-size: 0.28rem;
  color: #fff;
  text-transform: uppercase;
  margin-top: 5px;
}
.about_1 {
  /*background: url(../img/JINGSONG.png) no-repeat;*/
  background-position: 90% 20%;
  background-size: 40%;
}
.about_1 .title {
  width: 100%;
  margin: 0 auto;
  padding: 0 0.6rem;
  margin-bottom: 0.4rem;
}
.about_1 .title span:first-child {
  font-size: 0.4rem;
  color: #46a2e3;
}
.about_1 .title span:last-child {
  font-size: 0.28rem;
  color: #666;
  text-transform: uppercase;
}
.about_1 .worp {
  width: 100%;
  margin: 0 auto;
  padding: 0 0.3rem;
  position: relative;
  padding-bottom: 0.4rem;
}
.about_1 .worp .about-p {
  font-size: 0.28rem;
  color: #666666;
  line-height: 1.8;
  padding: 0.5rem 0;
  text-indent: 2em;
}
.about_1 .worp .about-p img{
    margin-left: -2em;
}
.about_1 .img_box {
  width: 100%;
  height: 4.2rem;
  overflow: hidden;
}
.about_1 .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_1 .text_box {
    padding: 0.5rem 0;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 46%;*/
  /*transform: translateY(-50%);*/
  /*background: #fff;*/
  /*width: 15rem;*/
  /*height: 7.2rem;*/
  /*box-shadow: 0px 20px 20px #ebebeb;*/
  /*padding: 0.6rem 0.8rem 0 0.8rem;*/
}
.about_1 .text_box strong{
    font-size: 0.28rem;
}
.about_1 h4 {
  font-size: 0.4rem;
  position: relative;
  padding-bottom: 0.68rem;
}
.about_1 h4::after {
  content: '';
  display: inline-block;
  width: 0.76rem;
  height: 1px;
  background: #333;
  position: absolute;
  bottom: 0;
  left: 0;
}
.about_1 p {
  font-size: 0.28rem;
  color: #666;
}
.about_2 {
  background: #f7f7f7;
  padding: 0.6rem 0;
}
.about_2 .worp {
  margin: 0 auto;
  width: 100%;
  padding: 0 0.3rem;
}
.about_2 h3 {
  font-size: 0.4rem;
  color: #46a2e3;
  font-weight: normal;
}
.about_2 p {
  font-size: 0.4rem;
  color: #666;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  padding: 0.6rem 0;
}
.about_2 p::after {
  content: '';
  width: 0.4rem;
  height: 2px;
  background: #666;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.about_2 .list_box {
  display: flex;
  justify-content: space-between;
  margin-top: 0.48rem;
  flex-wrap: wrap;
}
.about_2 .list {
  width: 100%;
  height: 4.4rem;
  border: 1px solid #bfbfbf;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.4rem;
}
.about_2 .list span:nth-child(2) {
  font-size: 0.48rem;
  margin-bottom: 0.52rem;
  margin-top: 0.48rem;
}
.about_2 .list span:last-child {
  font-size: 0.36rem;
  color: #999999;
}
.about_3 {
  padding: 2rem 0;
}
.about_3 .worp {
  margin: 0 auto;
  width: 28rem;
  padding: 0 0.6rem;
}
.about_3 p span:first-child {
  font-size: 1.875rem;
  color: #46a2e3;
}
.about_3 p span:last-child {
  font-size: 1.25rem;
  color: #666;
  text-transform: uppercase;
}
#about-swiper {
  margin-top: 0.5rem;
  /*padding: calc(50rem / 16);*/
  /*border-radius: 10px;*/
  /*background: #f0f0f0;*/
  display: flex;
  flex-wrap: wrap;
}
#about-swiper .img_list {
  display: flex;
  flex-direction: column;
}
#about-swiper .img_box {
    width: calc(100% / 2 - calc(1 / 2 * 15px));
  margin: 0 15px 15px 0;
  /*width: 100%;*/
  /*height: 4.3rem;*/
  position: relative;
  text-align: center;
  overflow: hidden;
  border: 0.1rem solid #e8d8a8;
    border-radius: 5px;
}
#about-swiper .img_box:nth-child(2n){
    margin-right: 0;
}
#about-swiper .img_box:first-child {
  margin-bottom: 0.36rem;
}
#about-swiper .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
#about-swiper .mask p {
  font-size: 0.36rem;
  color: #fff;
}
#about-swiper .img_box img {
  max-width: 100%;
  max-height: 100%;
  /*position: absolute;*/
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  right: 0;
  /*object-fit: cover;*/
}
#about-swiper .swiper-button-prev {
  background: url(../icon/about_4.png) no-repeat;
  background-size: cover;
  width: 1rem;
  height: 1rem;
}
#about-swiper .swiper-button-next {
  background: url(../icon/about_5.png) no-repeat;
  background-size: cover;
  width: 1rem;
  height: 1rem;
}
.product .tab {
  width: 100%;
  /*height: 0.8rem;*/
  background: #fafafa;
  display: flex;
  justify-content: space-around;
  align-items: center;
  line-height: 0.6rem;
  /*margin-bottom: 0.6rem;*/
  /*visibility: hidden;*/
}
.product .tab a{
    font-size: 14px;
}
.product .tab .tt{
    display: none;
}
.product .tab p {
  font-size: 0.24rem;
}
.product .material {
  padding: 0 0.64rem;
  background: url(../icon/product1_click.png) no-repeat;
  background-size: 10%;
  background-position: 18%;
  cursor: pointer;
  color: #46a2e3;
}
.product .coating {
  padding: 0 0.64rem;
  background: url(../icon/product2.png) no-repeat;
  background-size: 10%;
  background-position: 18%;
  cursor: pointer;
}
.product .worp {
  width: 100%;
  padding: 0 0.3rem;
  margin: 0 auto;
}
.product h3 {
  font-size: 0.4rem;
  color: #46a2e3;
}
.product .worp p {
  font-size: 0.28rem;
  color: #666;
  position: relative;
  /*text-transform: uppercase;*/
  /*padding: 0.6rem 0;*/
}
.product .worp p::after {
  content: '';
  width: 0.4rem;
  height: 2px;
  background: #666;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: none;
}
.product ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.6rem;
}
.product ul li {
  cursor: pointer;
  background: #f7f7f7;
  width: 50%;
  max-width: 48%;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.24rem;
  color: #666;
  text-align: center;
  margin-bottom: 0.4rem;
}
.product ul .active {
  background: #46a2e3;
  color: #fff;
}
.product ol {
  overflow: hidden;
  padding-top: 0.4rem;
  /*padding-bottom: 2rem;*/
  position: relative;
  display: none;
}
.product ol li {
  float: left;
  /*width: 49%;*/
  /*margin-right: 2%;*/
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  margin-bottom: 0.2rem;
  transition: box-shadow 0.5s;
}
.product ol li:nth-child(2n) {
  margin-right: 0;
}
.product ol li:hover {
  box-shadow: 3px 3px 8px #dcdcdc;
  transition: box-shadow 0.5s;
}
.product ol .img_box {
  width: 100%;
  /*padding-top: 90%;*/
  position: relative;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
}
.product ol .img_box img {
    width: 100%;
  /*max-width: 100%;*/
  /*max-height: 100%;*/
  /* vertical-align: middle; */
  /*position: absolute;*/
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  right: 0;
  object-fit: cover;
}
.product ol .text_box {
  padding: 0.1rem;
  display: none;
}
.product ol h4 {
  font-size: 0.28rem;
  color: #1d79bf;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product ol span {
  display: inline-block;
  font-size: 0.32rem;
  color: #999;
  line-height: 1.5;
  min-height: 0.92rem;
  padding-right: 1rem;
  background: url(../icon/p_jiantou.png) no-repeat;
  background-position: 100%;
  background-size: 8%;
  margin-top: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
}
.product ol .page {
  width: 100%;
  position: absolute;
  bottom: 0.8rem;
  display: flex;
  justify-content: center;
}
.product ol .page a {
  font-size: 0.28rem;
  color: #666;
  padding: 0.1rem;
  margin: 0 0.1rem;
}
.product ol .page .active {
  background: #0068b7;
  color: #fff;
}
.product ol .page .pre:hover {
  color: #0068b7;
  border: 1px solid #0068b7;
}
.product ol .page .next:hover {
  color: #0068b7;
  border: 1px solid #0068b7;
}
.p_details {
  width: 100%;
  margin: 0 auto;
  padding: 1rem 0.3rem;
}
.p_details .top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.p_details .left {
  width: 100%;
  height: 5rem;
  border: 1px solid #dcdcdc;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0.3rem;
}
.p_details .left img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  right: 0;
  object-fit: cover;
}
.p_details .right {
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 0.3rem;
}
.p_details .right h3 {
  font-size: 0.4rem;
  color: #4c4c4c;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 0.32rem;
  margin-bottom: 0.4rem;
}
.p_details .right p {
  font-size: 0.32rem;
  color: #666;
  line-height: 1.8;
}
.p_details .title {
  font-size: 0.28rem;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 0.32rem;
  margin: 0.6rem 0;
}
.p_details .list {
  margin: 0.3rem 0;
}
.p_details .list h4 {
  font-size: 0.28rem;
  color: #46a2e3;
  margin-bottom: 10px;
}
.p_details .list p {
  font-size: 0.28rem;
  color: #808080;
  line-height: 1.8;
}
.news .tab {
  width: 100%;
  height: 0.8rem;
  background: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.6rem;
  display: none;
}
.news .company {
  font-size: 0.24rem;
  color: #46a2e3;
  padding: 0 0.8rem;
  cursor: pointer;
  background: url(../icon/news1_click.png) no-repeat;
  background-size: 8%;
  background-position: 20%;
}
.news .industry {
  font-size: 0.24rem;
  color: #4c4c4c;
  padding: 0 0.8rem;
  cursor: pointer;
  background: url(../icon/news2.png) no-repeat;
  background-size: 8%;
  background-position: 20%;
}
.news h3 {
  font-size: 0.4rem;
  color: #46a2e3;
  display: none;
}
.news .worp {
  width: 100%;
  margin: 0 auto;
  padding: 0 0.3rem;
  position: relative;
  padding-bottom: 1.2rem;
}
.news .worp .p {
  font-size: 0.4rem;
  color: #666;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  padding: 0.6rem 0;
}
.news .worp .p::after {
  content: '';
  width: 0.4rem;
  height: 2px;
  background: #666;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.news ul {
  margin-top: 0.6rem;
}
.news ul li {
  width: 100%;
  padding: 0.2rem;
  border: 1px solid #dcdcdc;
  margin-bottom: 0.4rem;
  box-sizing: border-box;
}
.news ul li:hover {
  box-shadow: 4px 4px 10px #dcdcdc;
}
.news ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news ul .img_box {
  width: 3.1rem;
  height: 2.16rem;
  overflow: hidden;
}
.news ul img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news ul .text_box {
  width: 48%;
}
.news ul h4 {
  font-size: 0.28rem;
  color: #4C4C4C;
  /*width: 90%;*/
  margin-bottom: 0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news ul .date {
  font-size: 0.28rem;
  color: #666;
  padding: 0.2rem 0 0;
}
.news ul p {
  font-size: 0.28rem;
  color: #999;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
}
.news ul .more {
  width: 3rem;
  height: 1rem;
  background: #46a2e3;
  text-align: center;
  line-height: 1rem;
  color: #fff;
  font-size: 0.32rem;
}
.news .page {
  /*position: absolute;*/
  bottom: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  /*left: 50%;
  transform: translateX(-50%);*/
}
.news .page a {
  font-size: 0.28rem;
  color: #666;
  padding: 0.16rem;
  margin: 0 3px;
}
.news .page .active {
  background: #0068b7;
  color: #fff;
}
.news .page .pre:hover {
  color: #0068b7;
  border: 1px solid #0068b7;
}
.news .page .next:hover {
  color: #0068b7;
  border: 1px solid #0068b7;
}
.news_details {
  width: 100%;
  margin: 0 auto;
  padding: 0.6rem 0.3rem;
}
.news_details h3 {
  font-size: 0.36rem;
  color: #4c4c4c;
}
.news_details .date {
  font-size: 0.24rem;
  color: #ccc;
  text-align: center;
  margin: 0.3rem 0;
}
.news_details .img_box {
  width: 100%;
  height: 5rem;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.4rem;
}
.news_details .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_details p {
  font-size: 0.28rem;
  color: #808080;
  line-height: 2;
}
.c_float {
  width: 95%;
  position: absolute;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0.4rem 0;
  box-shadow: 5px 5px 15px #dcdcdc;
}
.c_float .list {
  width: 100%;
  padding: 0.4rem 0;
  padding-left: 2.2rem;
  padding-right: 0.6rem;
}
.c_float .list:nth-child(1) {
  background: url(../icon/call1.png) no-repeat;
  background-size: 14%;
  background-position: 8%;
}
.c_float .list:nth-child(2) {
  background: url(../icon/call2.png) no-repeat;
  background-size: 14%;
  background-position: 8%;
}
.c_float .list:nth-child(3) {
  background: url(../icon/call3.png) no-repeat;
  background-size: 14%;
  background-position: 8%;
}
.c_float .list:nth-child(4) {
  background: url(../icon/call4.png) no-repeat;
  background-size: 14%;
  background-position: 8%;
}
.c_float .list span {
  display: block;
  font-size: 0.32rem;
}
.contact {
  width: 100%;
  margin: 0 auto;
  padding: 7.6rem 0.3rem;
  padding-bottom: 0.4rem;
}
.contact .title {
  display: flex;
  align-items: center;
}
.contact .title h3 {
  font-size: 0.4rem;
  color: #46a2e3;
}
.contact .title p {
  font-size: 0.4rem;
  color: #666666;
}
#callForm {
  margin-top: 0.4rem;
}
#callForm textarea {
  resize: none;
  width: 100%;
  height: 2rem;
  font-size: 0.4rem;
  padding: 0.2rem;
  margin-bottom: 0.3rem;
}
#callForm .inpit_list {
  font-size: 0;
}
#callForm input {
  width: 100%;
  height: 0.6rem;
  margin-bottom: 0.3rem;
  padding-left: 0.2rem;
  box-sizing: border-box;
  font-size: 0.28rem;
}
#callForm button {
  width: 2.6rem;
  height: 0.8rem;
  background: #90c7ee;
  color: #fff;
  border: none;
  font-size: 0.28rem;
  transform: translateY(-0.4rem);
}
.map {
  width: 100%;
  /*height: 5rem;*/
  overflow: hidden;
}
.map #container1, .map #container2{
    width: 100%;
    height: 3rem;
    margin-bottom: 0.3rem;
}
.map .info{
    font-size: 0.28rem;
    line-height: normal;
}
.map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #313131;
}
#foot {
  position: inherit;
}
#foot .f_logo_box {
  display: none;
}
footer .foot {
  width: 28rem;
  margin: 0 auto;
  height: 2.6rem;
  border-bottom: 1px solid #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
footer .f_nav {
  display: none;
}
footer .f_nav a {
  color: #fff;
  font-size: 0.28rem;
}
footer table {
  color: #fff;
  font-size: 0.28rem;
  border: none;
  display: none;
}
footer .ts_td {
  padding-right: 1.8rem;
}
footer .gzh {
  display: none;
}
footer .suffix {
  width: 100%;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.24rem 0.3rem;
  text-align: center;
}
footer .suffix a {
  color: #fff;
}
.m-hide {
  display: none!important;
}
.case-banner {
  position: relative;
  width: 100%;
  height: 4rem;
  margin-top: 0.8rem;
}
.case-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-banner .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.case-banner .title span {
  font-size: 0.48rem;
}
.case-banner .title p {
  font-size: 0.28rem;
  margin-top: 0.1rem;
  text-transform: uppercase;
}
.case-lists {
  position: relative;
  padding: 0 0.3rem;
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
.case-lists > b{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 0.6rem;
    background: #e4f8ee;
}
.case-lists ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.case-lists ul li {
  width: 100%;
  border: 1px solid #eeeeee;
  margin-bottom: -1px;
}
.case-lists ul li:nth-child(even){
    background: #e4f8ee;
}
.case-lists ul li:hover .case-img-box img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.case-lists ul li .case-img-box {
  width: 100%;
  padding-top: 67%;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.case-lists ul li .case-img-box img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  right: 0;
  transition: all 0.5s;
}
.case-lists ul li .title .case-name {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.6rem;
}
.case-lists ul li .title .case-name span {
  text-align: center;
  display: block;
  width: 100%;
  color: #4c4c4c;
  font-size: 14px;
}
.page {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 0.3rem;
}
.page button {
  background-color: #fff;
  border: 0px;
  margin: 0 0.16rem;
  width: 0.5rem;
  height: 0.5rem;
  outline: none;
}
.page .page-num:hover {
  color: #fff;
}
.case-show {
  margin-top: 0.6rem;
  padding: 0 0.3rem;
}
.case-show .name span {
  font-size: 0.4rem;
}
.case-show .name sub {
  font-size: 1.25rem;
  margin-left: 1.125rem;
  color: #666;
}
.case-show .content {
  margin-top: 0.6rem;
}
.case-show .content .big-img {
  width: 100%;
  height: 5rem;
  overflow: hidden;
}
.case-show .content .big-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-show .content .small-img {
  width: 100%;
  margin-top: 0.4rem;
  overflow: hidden;
  position: relative;
}
.case-show .content .small-img .show-img-container {
  width: 86%;
  margin: 0 auto;
  overflow: hidden;
}
.case-show .content .small-img .show-prev {
  left: 0px;
  background: url(../images/prev.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.56rem;
  height: 0.86rem;
}
.case-show .content .small-img .show-next {
  right: 0px;
  background: url(../images/next.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.56rem;
  height: 0.86rem;
}
.case-show .content .small-img .show-img-box {
  width: 100%;
  padding-top: 67.5%;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.case-show .content .small-img .show-img-box img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  right: 0;
}
.pre-next {
  margin: 3.75rem 0;
}
.pre-next a:last-child {
  float: right;
}
.s-type {
  height: 0.8rem;
  background-color: #FAFAFA;
}
.s-type ul {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.s-type ul li {
  width: 20%;
  text-align: center;
  color: #4c4c4c;
  cursor: pointer;
  font-size: 0.24rem;
}
.s-type ul .divide-line {
  width: 1px;
  height: 0.8rem;
  background-color: #cccccc;
}
.service-lists {
  margin: 0.4rem 0;
  display: none;
  font-size: 0;
  padding: 0 0.3rem;
}
.service-lists .title span {
  font-size: 0.4rem;
}
.service-lists .title p {
  text-transform: uppercase;
  color: #666;
  font-size: 1.25rem;
  margin: 2.125rem 0 1.875rem;
}
.service-lists .service-box {
  margin-top: 0.4rem;
}
.service-lists .service-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service-lists .service-box ul li {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eee;
  padding: 0.2rem;
  margin-bottom: 0.4rem;
}
.service-lists .service-box ul li:hover {
  box-shadow: 1px 1px 10px 1px #E5E5E5;
}
.service-lists .service-box ul li .s-name {
  color: #333333;
  font-size: 0.32rem;
}
.service-lists .service-box ul li .service-img {
  margin: 0.2rem 0px;
  width: 100%;
  height: 3.56rem;
  overflow: hidden;
}
.service-lists .service-box ul li .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-lists .service-box ul li .s-desc {
  font-size: 0.28rem;
  color: #999;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.service-lists .service-box ul li .s-look-more {
  width: 2.12rem;
  height: 0.64rem;
  background-color: #bfbfbf;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 0.64rem;
  border-radius: 1.25rem;
  float: right;
  margin-top: 0.4rem;
  font-size: 14px;
}
.service-show {
  width: 100%;
  padding: 0 0.3rem;
}
.service-show .service-descript {
  margin-top: 0.6rem;
}
.service-show .service-descript .s-title {
  font-size: 0.4rem;
  margin-bottom: 0.4rem;
}
.service-show .service-descript .small-title {
  color: #808080;
  text-align: center;
  margin-top: 0.4rem;
  font-size: ;
  display: none;
}
.service-show .service-descript .content {
  margin-top: 0.4rem;
  font-size: 0;
}
.service-show .service-descript .content p {
  font-size: 0.28rem;
  line-height: 1.8;
  color: #808080;
}
.service-show .service-descript .content .s-img {
  text-align: center;
  width: 100%;
  height: 4rem;
  overflow: hidden;
  margin: 0.3rem 0;
}
.service-show .service-descript .content .s-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*产品中心*/
.a1{color: rgb(70, 162, 227);font-size: 14px;}
.a2{color: rgb(51, 51, 51);font-size: 14px;}
.product ol{display: block;}
.product .material2{padding: 0 0.64rem;background: url(/guanwang/icon/product1.png) no-repeat;background-size: 10%;background-position: 18%;cursor: pointer;}
.product .coating{background: url(/guanwang/icon/product2_click.png) no-repeat;background-size: 10%;background-position: 18%;}
.product .coating2{padding: 0 0.64rem;background: url(/guanwang/icon/product2.png) no-repeat;background-size: 10%;background-position: 18%;cursor: pointer;}
.product .material_box #ul li a{font-size: 14px;display: block;width: 100%;height: 100%;}
/*工程服务*/
.s-type ul li{width: 25%;}
.s-type .box-width li a{font-size: 14px;}
.s-type .box-width li .a1{color: rgb(0, 104, 183);}
.content img{max-width: 100%;}
/*新闻中心*/
.news .industry {background: url(/guanwang/icon/news2_click.png) no-repeat;background-size: 8%;background-position: 20%;}
.news .industry2{font-size: 0.24rem;color: #4c4c4c;padding: 0 0.8rem;cursor: pointer;background: url(/guanwang/icon/news2.png) no-repeat;background-size: 8%;background-position: 20%;}
.news .company2{font-size: 0.24rem;color: #46a2e3;padding: 0 0.8rem;cursor: pointer;background: url(/guanwang/icon/news1.png) no-repeat;background-size: 8%;background-position: 20%;}

/*分页*/
.news .page a{margin: 0;padding: 0;}
.page .pagination{display: flex;justify-content: center;margin-bottom: 1rem;}
.page .pagination li{border: none;background: none;font-size: 14px;padding: 5px;width: auto;height: 14px;line-height: 14px;}
.news .page .pagination li{height:24px;}
.page .pagination li a{font-size: 14px;}
.page .pagination li.active{background: #0068b7;color: #fff;}
.page .pagination li:hover{background: #0068b7;}
.page .pagination li:hover a{color: #fff;}
.page .pagination .disabled:hover{background:none;}
.page .disabled{cursor: no-drop;}