@charset "utf-8";
/* Css Document */

/* 产品名称与图片介绍 */
.pruduct-1 {
  padding-bottom: 0.24rem;
}

/* 业务板块图片 */
.product-img {
  width: 100%;
  margin-bottom: 0.156rem;
}
.product-img img {
  display: block;
  width: 100%;
}

/* 业务板块简介 */
.product-text {
  width: 100%;
  line-height: 2;
  font-size: 0.104rem;
  color: #000;
  text-align: justify;
}

/* 主要产品 */
.product-zycp {
  background: #f7f7f7;
  position: relative;
}
.product-zycp .bus-left {
  margin-top: 0.302rem;
}
.bus-mainproducts,
.bus-categorys {
  height: 5.156rem;
}
.bus-mainproducts {
  float: left;
  width: 55.49%;
}
.left-tabcontent-box {
  padding-top: 0.302rem;
  height: 3.711rem;
  padding-bottom: 0.76rem;
}
.lt-content {
  width: 100%;
  height: 100%;
}
.product-sortimg {
  width: 100%;
  margin-bottom: 0.112rem;
}
.sort-cont {
  width: 100%;
  height: 1.844rem;
}
.sort-cont .swiper-slide {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.sc-img {
  width: 100%;
  height: 100%;
}
.sort-cont img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.sort-pagination .swiper-pagination-bullet {
  width: 0.193rem;
  height: 1px;
  background: #fff;
  border-radius: 0;
}
.sort-pagination .swiper-pagination-bullet-active {
  height: 0.021rem;
}
.psortbot-box {
  width: 100%;
  height: 1.755rem;
  box-sizing: border-box;
}
.psort-text {
  line-height: 1.27;
  font-size: 0.135rem;
  margin-bottom: 0.078rem;
}
.psort-introduce {
  width: 100%;
  line-height: 2;
  font-size: 0.104rem;
  color: #000;
  margin-bottom: 0.208rem;
  text-align: justify;
}
.mob-product-more {
  display: none;
}
.psort-enterprise-title {
  width: 100%;
  line-height: 1.25;
  font-size: 0.104rem;
  font-weight: bold;
  margin-bottom: 0.078rem;
}
.psort-enterprise {
  width: 100%;
}
.psort-enterprise a {
  float: left;
  display: block;
  margin: 0.0656rem 0.1rem 0.065rem 0;
  height: 0.11rem;
  line-height: 0.11rem;
  font-size: 0.104rem;
  color: #000;
}
.mob-search-btn {
  display: none;
}
.bus-categorys {
  float: right;
  width: 33.1%;
  position: relative;
}
.bus-categorys:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #2f5597;
  position: absolute;
  left: 0.065rem;
  top: 0;
}
.right-tabtitle-box {
  padding-top: 0.255rem;
  width: 100%;
  height: 3.875rem;
  margin-bottom: 0.422rem;
}
.rt-content {
  padding-left: 0.13rem;
  height: 100%;
  margin-bottom: 0.115rem;
}
.rt-content .swiper-slide {
  width: 100%;
  height: 0.68rem !important;
  margin-bottom: 0.084rem;
  padding-top: .01rem;
}
.psort-content {
  width: 100%;
  height: 100%;
}
.psort-title,
.product-link {
  padding-left: 0.13rem;
}
.psort-title {
  line-height: 1.25;
  font-size: 0.104rem;
  margin-bottom: 0.063rem;
  position: relative;
}
.psort-title:hover {
  cursor: pointer;
}
.psort-title:before {
  content: "";
  display: block;
  width: 0.047rem;
  height: 0.047rem;
  border-radius: 50%;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.085rem;
  z-index: 3;
}
.psort-active-title:before {
  width: 0.078rem;
  height: 0.078rem;
  left: -0.10rem;
}
.psort-active-title:after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 0.125rem;
  margin: auto 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: #f7f7f7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.13rem;
  z-index: 2;
}
.product-link {
  height: 0.505rem;
}
.product-link>a {
  display: none;
  width: 36%;
  height: 0.141rem;
  line-height: 0.141rem;
  font-size: 0.104rem;
  color: #000;
  margin-bottom: 0.042rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.product-link a:nth-child(even) {
  margin-right: 0;
}
.product-link>a:nth-child(2),
.product-link>a:nth-child(4),
.product-link>a:nth-child(6),
.product-link>a:nth-child(8),
.product-link>a:nth-child(10),
.product-link>a:last-child {
  display: inline-block;
}

/* 链接显示盒子 */
.showmore-box {
  width: 100%;
  height: 5.208rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
.showmore-inbox{
  width: 5.13rem;
  height: 2.174rem;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.showmore-content {
  width: 100%;
  height: 1.516rem;
}
.cp-cpmc {
  display: inline-block;
  width: auto;
  height: 0.172rem;
  line-height: 0.172rem;
  margin: 0 0.156rem 0.057rem 0;
}
.cp-cpmc a {
  font-size: 0.135rem;
  color: #fff;
}
.close {
  width: 0.227rem;
  height: 0.227rem;
  margin: 0 auto;
  background: url(../images/close.png) no-repeat center center / cover;
}
.zyfw-tit {
  padding-top: 0.266rem;
}
.pruduct-zyfw {
  padding: 0.359rem 0 0.406rem;
  position: relative;
}
.service-content {
  width: 100%;
}
.service-img {
  width: 1.75rem;
  height: 0.984375rem;
overflow: hidden;
  margin-bottom: 0.094rem;
}
.service-img img {
  display: block;
  width: 100%;
  height: 100%;
transition-duration: .6s;
}
.service-content .swiper-slide:hover .service-img img{

    transform: scale(1.1);
}
.service-text-content{
  float: left;
  line-height: 1.25;
  padding-right: 0.182rem;
  background: url(../images/jt-black.png) no-repeat right center / 0.135rem auto;
  transition-duration: .8s;
}
.service-text-content a {
  font-size: 0.104rem;
  color: #000;
  transition-duration: .8s;
}
.service-content .swiper-slide:hover .service-text-content {
  background: url(../images/jt-blue.png) no-repeat right center / 0.135rem auto;
}
.service-content .swiper-slide:hover .service-text-content a {
  color: #2F5597;
}
.service-next,
.service-prev {
  width: 0.173rem;
  height: 0.243rem;
  position: absolute;
  top: 45%;
}
.service-next {
  right: -0.59rem;
}
.service-prev {
  left: -0.59rem;
}

/* 右侧swiper按钮 */
.rt-prev,
.rt-next {
  display: none;
}

/* 生命科学颜色 */
.smkx-color .psort-text,
.smkx-color .psort-enterprise-title,
.smkx-color .psort-enterprise a:hover,
.smkx-color .psort-title,
.smkx-color .product-link-more {
  color: #00a36b;
}
.smkx-color .showmore-box {
  background: rgba(0, 163, 107, .9);
}
.smkx-color .psort-title:before,
.smkx-color .bus-categorys:before {
  background: #00a36b;
}
.smkx-color .psort-active-title:after {
  border-color: #00a36b;
}
.smkx-color .service-next {
  background: url(../images/yw-smkx-next.png) no-repeat center center / cover;
}
.smkx-color .service-prev {
  background: url(../images/yw-smkx-prev.png) no-repeat center center / cover;
}
.smkx-color .product-link {
  display: none;
}

/* 材料科学颜色 */
.clkx-color .psort-text,
.clkx-color .psort-enterprise-title,
.clkx-color .psort-enterprise a:hover,
.clkx-color .psort-title,
.clkx-color .product-link-more {
  color: #acacac;
}
.clkx-color .showmore-box {
  background: rgba(172, 172, 172, .9);
}
.clkx-color .psort-title:before,
.clkx-color .bus-categorys:before {
  background: #acacac;
}
.clkx-color .psort-active-title:after {
  border-color: #acacac;
}
.clkx-color .service-next {
  background: url(../images/yw-clkx-next.png) no-repeat center center / cover;
}
.clkx-color .service-prev {
  background: url(../images/yw-clkx-prev.png) no-repeat center center / cover;
}

/* 基础化工颜色 */
.jchg-color .psort-text,
.jchg-color .psort-enterprise-title,
.jchg-color .psort-enterprise a:hover,
.jchg-color .psort-title,
.jchg-color .product-link-more {
  color: #227fdd;
}
.jchg-color .showmore-box {
  background: rgba(34, 127, 221, .9);
}
.jchg-color .psort-title:before,
.jchg-color .bus-categorys:before {
  background: #227fdd;
}
.jchg-color .psort-active-title:after {
  border-color: #227fdd;
}
.jchg-color .service-next {
  background: url(../images/yw-jchg-next.png) no-repeat center center / cover;
}
.jchg-color .service-prev {
  background: url(../images/yw-jchg-prev.png) no-repeat center center / cover;
}

/* 环境科学颜色 */
.hjkx-color .psort-text,
.hjkx-color .psort-enterprise-title,
.hjkx-color .psort-enterprise a:hover,
.hjkx-color .psort-title,
.hjkx-color .product-link-more {
  color: #16b79e;
}
.hjkx-color .showmore-box {
  background: rgba(22, 183, 158, .9);
}
.hjkx-color .psort-title:before,
.hjkx-color .bus-categorys:before {
  background: #16b79e;
}
.hjkx-color .psort-active-title:after {
  border-color: #16b79e;
}
.hjkx-color .service-next {
  background: url(../images/yw-hjkx-next.png) no-repeat center center / cover;
}
.hjkx-color .service-prev {
  background: url(../images/yw-hjkx-prev.png) no-repeat center center / cover;
}

/* 轮胎橡胶颜色 */
.ltxj-color .psort-text,
.ltxj-color .psort-enterprise-title,
.ltxj-color .psort-enterprise a:hover,
.ltxj-color .psort-title,
.ltxj-color .product-link-more {
  color: #de211b;
}
.ltxj-color .showmore-box {
  background: rgba(222, 33, 27, .9);
}
.ltxj-color .psort-title:before,
.ltxj-color .bus-categorys:before {
  background: #de211b;
}
.ltxj-color .psort-active-title:after {
  border-color: #de211b;
}
.ltxj-color .service-next {
  background: url(../images/yw-ltxj-next.png) no-repeat center center / cover;
}
.ltxj-color .service-prev {
  background: url(../images/yw-ltxj-prev.png) no-repeat center center / cover;
}

/* 机械装备颜色 */
.jxzb-color .psort-text,
.jxzb-color .psort-enterprise-title,
.jxzb-color .psort-enterprise a:hover,
.jxzb-color .psort-title,
.jxzb-color .product-link-more {
  color: #6a6a6a;
}
.jxzb-color .showmore-box {
  background: rgba(106, 106, 106, .9);
}
.jxzb-color .psort-title:before,
.jxzb-color .bus-categorys:before {
  background: #6a6a6a;
}
.jxzb-color .psort-active-title:after {
  border-color: #6a6a6a;
}
.jxzb-color .service-next {
  background: url(../images/yw-jxzb-next.png) no-repeat center center / cover;
}
.jxzb-color .service-prev {
  background: url(../images/yw-jxzb-prev.png) no-repeat center center / cover;
}
@media screen and (max-width:1280px) {
  .product-link>a{
    width: 34%;
  }
}
@media screen and (max-width:1028px) {
  .psort-title:before {
    left: -0.08rem;
  }
  .psort-active-title:before {
    left: -0.0963rem;
  }
  .product-link>a:nth-child(2),
  .product-link>a:nth-child(4),
  .product-link>a:nth-child(6),
  .product-link>a:nth-child(8),
  .product-link>a:nth-child(10),
  .product-link>a:last-child {
    display: block;
    float: left;
  }
  .product-link>a:nth-child(2),
  .product-link>a:nth-child(6),
  .product-link>a:nth-child(10) {
    margin-right: 2%;
  }
  .product-link>a:last-child {
    margin-right: 0;
  }
  .product-search-btn {
    line-height: 0.26rem;
  }
  .product-search-btn a {
    display: block;
  }
}

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

  /* 图片与介绍 */
  .pruduct-1 {
    padding-bottom: 0.507rem;
  }
  .pruduct-1 .bus-right {
    padding-top: 1.12rem;
  }
  .product-img {
    margin-bottom: 0.653rem;
  }
  .product-text {
    font-size: 0.347rem;
  }

  /* 主要产品 */
  .product-zycp {
    padding-top: 0.787rem;
    position: static;
  }
  .product-zycp .bus-left {
    margin-top: unset;
    margin-bottom: 1.013rem;
  }

  /* 主要产品下方内容 */
  .bus-mainproducts,
  .bus-categorys {
    float: none;
    width: 100%;
    height: auto;
  }
  .bus-categorys:before {
    display: none;
  }
  .right-tabtitle-box {
    padding-top: unset;
    height: auto;
    margin-bottom: unset;
    border-bottom: 1px solid transparent;
    position: relative;
  }
  .rt-content {
    width: 92%;
    margin: 0 auto;
    padding: unset;
  }
  .rt-content .swiper-slide {
    width: auto !important;
    height: auto !important;
    margin: 0;
    padding: 0;
  }
  .psort-content {
    width: auto;
    height: auto;
  }
  .psort-title {
    line-height: 1.27;
    font-size: 0.4rem;
    padding-bottom: 0.35rem;
    border-bottom: 0.053rem solid transparent;
    margin-bottom: unset;
    padding-left: unset;
  }
  .psort-title:before,
  .psort-active-title:after {
    display: none;
  }
  .product-link {
    display: none;
  }

  /* 右侧swiper按钮 */
  .rt-prev,
  .rt-next {
    display: block;
    width: 0.3rem;
    height: 0.6rem;
    margin: auto 0;
    position: absolute;
    top: 0;
  }
  .rt-prev {
    background: url();
    left: 0;
  }
  .rt-next {
    background: url();
    right: 0;
  }
  .right-tabtitle-box .swiper-button-disabled {
    opacity: 1;
  }
  .product-search-btn {
    display: none;
  }

  /* 被切换内容 */
  .bus-mainproducts {
    padding-top: 0.427rem;
  }
  .left-tabcontent-box {
    padding-top: unset;
    height: auto;
  }
  .lt-content {
    height: auto;
    margin-bottom: 1.173rem;
  }
  .product-sortimg {
    margin-bottom: 0.533rem;
  }

  /* 下方图片轮播高度 */
  .sort-cont {
    height: 5.027rem;
  }
  .psortbot-box {
    /*height: unset;*/
  min-height:16rem;
    box-sizing: unset;
  }
  .sort-pagination .swiper-pagination-bullet{
    width: .545rem;
    height: 1px;
  }
  .sort-pagination .swiper-pagination-bullet-active{
    height: 0.053rem;
  }

  /* 文字 */
  .psort-text {
    font-size: 0.4rem;
    font-weight: bold;
    margin-bottom: 0.213rem;
  }
  .psort-introduce {
    font-size: 0.347rem;
    margin-bottom: 0.267rem;
  }
  .mob-product-more {
    display: block;
    margin: 0px auto 0.573rem;
    padding: 0.173rem 0px 0.16rem;
    width: 3.44rem;
    line-height: 1.27;
    text-align: center;
    font-size: 0.347rem;
    color: rgb(47, 85, 151);
    border: 1px solid rgb(47, 85, 151);
    border-radius: 0.507rem;
  }

  /* 经营企业 */
  .psort-enterprise-title {
    line-height: 1.27;
    font-size: 0.347rem;
    margin-bottom: 0.307rem;
  }
  .psort-enterprise a {
    margin: 0px 13.9% 0.28rem 0px;
    height: unset;
    line-height: 1.27;
    font-size: 0.347rem;
  }
  .mob-search-btn {
    display: block;
    margin: 0 auto;
    width: 3.44rem;
    padding: 0.173rem 0;
    line-height: 1.27;
    border: 1px solid transparent;
    border-radius: 0.4rem;
    text-align: center;
    font-size: 0.347rem;
  }
  .mob-search-btn a {
    display: block;
    color: #2f5597;
  }
  .showmore-box {
    height: 100%;
    position: fixed;
    z-index: 25;
  }
  .showmore-inbox {
    width: 86.98%;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
  }
  .showmore-title {
    text-align: center;
    line-height: 1.275;
    font-size: 0.533rem;
    color: #fff;
    margin-bottom: 0.788rem;
  }
  .showmore-content {
    width: 100%;
    /*height: 6.693rem;*/
height:auto;
    margin: 0 0 2.833rem;
  }
  .close {
    width: 0.582rem;
    height: 0.582rem;
  }

  /* 主要服务 */
  .zyfw-tit {
    padding-top: 1.04rem;
  }
  .pruduct-zyfw {
    padding: 1.12rem 0 0.533rem;
  }
  .service-content {
    padding-right: 7%;
  }
  
  .service-img {
    width: 4.013rem !important;
    height: 2.253rem;
  }
  .service-text a{
    font-size: .4rem;
  }
  .service-next,
  .service-prev {
    display: none;
  }

  /* 生命科学颜色 */
  .smkx-color .psort-active-title,.smkx-color .right-tabtitle-box{
    border-bottom-color: #00a36b;
  }
  .smkx-color .mob-product-more,
  .smkx-color .mob-search-btn a,
  .smkx-color .mob-search-btn {
    color: #00a36b;
    border-color: #00a36b;
    display:none;
  }
  .smkx-color .rt-prev {
    background: url(../images/yw-smkx-prev.png) no-repeat center center / 0.173rem auto;
  }
  .smkx-color .rt-next {
    background: url(../images/yw-smkx-next.png) no-repeat center center / 0.173rem auto, #f7f7f7;
  }

  /* 材料科学颜色 */
  .clkx-color .psort-active-title,.clkx-color .right-tabtitle-box{
    border-bottom-color: #acacac;
  }
  .clkx-color .mob-product-more,
  .clkx-color .mob-search-btn a,
  .clkx-color .mob-search-btn {
    color: #acacac;
    border-color: #acacac;
  }
  .clkx-color .rt-prev {
    background: url(../images/yw-clkx-prev.png) no-repeat center center / 0.173rem auto;
  }
  .clkx-color .rt-next {
    background: url(../images/yw-clkx-next.png) no-repeat center center / 0.173rem auto, #f7f7f7;
  }

  /* 基础化工颜色 */
  .jchg-color .psort-active-title,.jchg-color .right-tabtitle-box{
    border-bottom-color: #227fdd;
  }
  .jchg-color .mob-product-more,
  .jchg-color .mob-search-btn a,
  .jchg-color .mob-search-btn {
    color: #227fdd;
    border-color: #227fdd;
  }
  .jchg-color .rt-prev {
    background: url(../images/yw-jchg-prev.png) no-repeat center center / 0.173rem auto;
  }
  .jchg-color .rt-next {
    background: url(../images/yw-jchg-next.png) no-repeat center center / 0.173rem auto, #f7f7f7;
  }

  /* 环境科学颜色 */
  .hjkx-color .psort-active-title,.hjkx-color .right-tabtitle-box{
    border-bottom-color: #16b79e;
  }
  .hjkx-color .mob-product-more,
  .hjkx-color .mob-search-btn a,
  .hjkx-color .mob-search-btn {
    color: #16b79e;
    border-color: #16b79e;
  }
  .hjkx-color .rt-prev {
    background: url(../images/yw-hjkx-prev.png) no-repeat center center / 0.173rem auto;
  }
  .hjkx-color .rt-next {
    background: url(../images/yw-hjkx-next.png) no-repeat center center / 0.173rem auto, #f7f7f7;
  }

  /* 轮胎橡胶颜色 */
  .ltxj-color .psort-active-title,.ltxj-color .right-tabtitle-box{
    border-bottom-color: #de211b;
  }
  .ltxj-color .mob-product-more,
  .ltxj-color .mob-search-btn a,
  .ltxj-color .mob-search-btn {
    color: #de211b;
    border-color: #de211b;
  }
  .ltxj-color .rt-prev {
    background: url(../images/yw-ltxj-prev.png) no-repeat center center / 0.173rem auto;
  }
  .ltxj-color .rt-next {
    background: url(../images/yw-ltxj-next.png) no-repeat center center / 0.173rem auto, #f7f7f7;
  }

  /* 机械装备颜色 */
  .jxzb-color .psort-active-title,.jxzb-color .right-tabtitle-box{
    border-bottom-color: #6a6a6a;
  }
  .jxzb-color .mob-product-more,
  .jxzb-color .mob-search-btn a,
  .jxzb-color .mob-search-btn {
    color: #6a6a6a;
    border-color: #6a6a6a;
  }
  .jxzb-color .rt-prev {
    background: url(../images/yw-jxzb-prev.png) no-repeat center center / 0.173rem auto;
  }
  .jxzb-color .rt-next {
    background: url(../images/yw-jxzb-next.png) no-repeat center center / 0.173rem auto, #f7f7f7;
  }

}