p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}
img {vertical-align: middle;max-width:100%; height:auto !important;width:auto !important;}

/* 通用样式 */
.mbw {width: 100%;overflow: hidden;}
.mw1488 {max-width: 1488px;width: 100%;margin: 0 auto;}
.mp {padding: 0 4.0625vw;padding-bottom:3vw;}
.bw {width: 100%;}

.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.fl {float: left;}
.fr {float: right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

.ibw, .miw, .imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100% !important;height: auto !important; }
.miw img {max-width: 100%;height: auto;}

.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}

.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 头部 */
.ph1-box {padding: .8rem 0 .85rem;}
.ph1{padding-bottom:0 !important;}

.ph1a {width: 31.5%;}
.ph1a img {max-height: 2.7rem;}

.ph1b {width: 30%;}

.ph1b1 {width: 28%;}

.ph1b1a {position: relative;}
.ph1b1a1 {max-width: 1.1rem;max-height: 1.05rem;cursor: pointer;}
.ph1b1a2 {position: absolute;right: 100%;top: 50%;transform: translate(-1rem, -50%);width: 12rem;height: 2rem;display: none;}

.ph1b1a2a {width: 9.3rem;box-sizing: border-box;padding: 0 .3rem;font-size: .6rem;height: 100%;color: #000;border: 1px solid #057fc8;}
.ph1b1a2b {width: 2.5rem;height: 100%;font-size: .6rem;background-color: #057fc8;color: #fff;}

.ph1b1b a {display: block;padding-left: 1.5rem;min-height: 1rem;font-size: .7rem;color: #666;line-height: 1.428571428571429;background-image: url(../images/ph1b1b.png);background-repeat: no-repeat;background-size: 1rem auto;background-position: left center;}

.ph1b2 {background-repeat: no-repeat;background-position: left center;padding-left: 3.5rem;min-height: 2.6rem;background-size: 2.6rem auto;}
.ph1b2 p {font-size: .7rem;color: #333;font-weight: lighter;line-height: 1.428571428571429;}
.ph1b2 p strong {font-size: 1.4rem;color: #057fc8;font-weight: lighter;line-height: 1;}

.ph2 {background-color: #057fc8;border-bottom: 1px solid #015c9b;padding: 0 4.0625vw;}
.ph2-box {padding: .4rem 0 .3rem;}

/* 导航栏 */
.nav1 {border-left: 1px solid rgba(255, 255, 255, .5);border-right: 1px solid rgba(255, 255, 255, .5);}
.nav-li {position: relative;z-index: 999;flex: 1;box-sizing: border-box;}
.nav-li+.nav-li {border-left: 1px solid rgba(255, 255, 255, .5);}
.nav-li .nav-a {display: block;line-height: 2.444444444444444;font-size: .9rem;color: #fff;width: 100%;text-align: center;}
.nav-ul {position: absolute;left: 50%;top: 100%;background-color: #057fc8;z-index: 999;min-width: 100%;transform: translate(-50%, 20px);opacity: 0;visibility: hidden;transition: all .5s ease;padding: .5rem 0;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 2.5;text-align: center;display: block;color: #fff;white-space: nowrap;padding: 0 .25rem;font-size: .7rem;}

.nav-li:hover .nav-a {}
.nav-li:hover .nav-ul {opacity: 1;visibility: visible;transform: translate(-50%, 0);}
.nav-ul li a:hover {}

/* banner */
.x-banner .owl-carousel .banner-item a {position: relative;}
.banner_btn {position: absolute;left: 11.5625%;bottom: 35.6%;z-index: 999;width: 8.15rem;height: 2.85rem;border: 1px solid #fff;padding-left: 2.35rem;box-sizing: border-box;font-size: .7rem;color: #fff;line-height: calc(2.85rem - 2px);text-transform: uppercase;background-image: url(../images/banner_btn.png);background-repeat: no-repeat;background-position: 1.1rem center;background-size: .65rem auto;display:none;}

/* 板块更多通用样式 */
.p_more a {display: block;padding-left: 1.6rem;font-size: .7rem;color: #329c3a;background-image: url(../images/p_more.png);background-repeat: no-repeat;background-size: .65rem auto;background-position: .35rem center;line-height: 2;text-transform: uppercase;}


/* 关于我们 */
.p1-box {padding: 3.35rem 0 3.95rem;align-items: flex-start;}

.p1a {width: 50%;box-sizing: border-box;padding-right: 2.8rem;}
.p1a1 {width: 10rem;border-top: 2px solid #057fc8;font-size: 1.2rem;color: #333;line-height: 2;padding-top: .5rem;padding-left: .15rem;box-sizing: border-box;margin-left: -0.2rem;font-weight: lighter;}

.p1a2 {font-size: 1.5rem;color: #333;font-weight: lighter;line-height: 1.4;margin-top: 1.3rem;}

.p1a3 {margin-top: 1rem;}
.p1a3 p {font-size: .7rem;color: #666;font-weight: lighter;line-height: 2.142857142857143;}

.p1a4 {margin-top: 3.45rem;}

.p1b {width: 50%;}
.p1b p {display: flex;justify-content: space-between;}
.p1b p a {display: block;/*width: 49%;*/}
.p1b p a img {width: 100% !important;height: auto !important;}

/* 产品中心 */
.p2 {background-color: #ebebec;}

.p2-box {padding: 3.45rem 0 3.7rem;}

.p2a {align-items: flex-start;}
.p2a1 {width: 14.1%;padding: 0 1rem 1.45rem 1rem;border-left: 1px solid #057fc8;box-sizing: border-box;}
.p2a1 h3 {font-size: .9rem;color: #666;font-weight: lighter;text-transform: uppercase;line-height: 1.333333333333333;}
.p2a1 h4 {font-size: 1.5rem;color: #333;font-weight: lighter;line-height: 1.4;}

.p2a2 {width: 85.9%;align-items: flex-start;}

.p2a2a {width: 79.2%;justify-content: flex-start;flex-wrap: wrap;}
.p2a2a li {width: 15%;margin-right: 2%;}
.p2a2a li:nth-child(6n) {margin-right: 0;}
.p2a2a li a {display: block;border-bottom: 1px solid #999;padding-bottom: 1px;position: relative;font-size: .8rem;color: #333;font-weight: lighter;line-height: 2.25;padding-top: 2px;}
.p2a2a li a::before {content: "";display: none;width: 1.4rem;height: 2px;background-color: #329c3a;position: absolute;left: 0;bottom: -1px;}

.p2a2a li a:hover {color: #057fc8;font-weight: bold;}
.p2a2a li a:hover::before {display: block;}

.p2a2b {width: 9.7%;}
.p2a2b a {padding-left: 1.25rem;background-position: left center;}

.p2b {margin-top: 1.4rem;}

.p2b1 {width: 54%;position: relative;box-sizing: border-box;border: 1px solid #cccccd;}

.p2b1a-item a {display: block;position: relative;}
.p2b1a-item a h3 {position: absolute;left: 0;bottom: 0;right: 0;text-align: center;font-size: .9rem;color: #333;font-weight: lighter;line-height: 2;padding-bottom: 1.85rem;}

.p2b1b {position: absolute;bottom: -.6rem;right: 1.05rem;z-index: 9;}

.p2b1b1, .p2b1b2 {width: 2.45rem;height: 2.45rem;text-align: center;border: 1px solid #ccc;background-color: #fff;line-height: calc(2.45rem - 2px);font-size: 1.5rem;color: #333;font-weight: lighter;outline: none;}

.p2b1b2 {margin-left: .4rem;}

.p2b2 {width: 45.5%;flex-wrap: wrap;align-items: flex-start;}
.p2b2 li {width: 48.7%;}
.p2b2 li:nth-child(n+3) {margin-top: .9rem;}

.p2b2 li a {display: block;position: relative;border: 1px solid #cccccd;}
.p2b2 li a h3 {position: absolute;left: 0;bottom: 0;right: 0;text-align: center;font-size: .8rem;color: #333;font-weight: lighter;line-height: 2;padding-bottom: 1.2rem;}

/* 公司环境 */
.p3 {background-image: url(../images/p3.jpg);}

.p3-box {padding-top: 4rem;}

.p3a {padding-top: calc(2px + .65rem);position: relative;font-size: 1.8rem;color: #fff;font-weight: lighter;line-height: 2;}
.p3a span {font-size: 1.4rem;margin-left: 4.5rem;}
.p3a::before {content: "";display: block;width: 10rem;height: 2px;background-color: rgba(255, 255, 255, .5);position: absolute;left: -3px;top: 0;}

.p3b {margin-top: 3.3rem;position: relative;}

.p3b1-item a {display: block;}
.p3b1-item a h3 {display: block;text-align: center;background-color: #fff;font-size: .8rem;color: #333;font-weight: lighter;line-height: 4;}

.p3b2 {position: absolute;right: -4.3rem;width: 2.85rem;z-index: 9;top: 5.25rem;outline: none;}

/* 新闻中心 */
.p4-box {padding: 6.15rem 0 4.3rem;}
.p4a {border-bottom: 1px solid #e3e3e3;padding-bottom: .95rem;}
.p4a h3 {font-size: 1.8rem;color: #333;font-weight: lighter;line-height: 2;position: relative;}
.p4a h3::before {content: "";display: block;width: 2px;height: 2px;background-color: #cd5a48;position: absolute;top: -0.35rem;left: -0.2rem;}
.p4a h3 span {font-size: 1.4rem;}

.p4b {margin-top: 2.8rem;padding-bottom: 3.2rem;border-bottom: 1px solid #e3e3e3;}
.p4b1 {width: 63.2%;}
.p4b1 h3 {font-size: .9rem;color: #999;font-weight: normal;line-height: 2;}
.p4b1 h4 {font-size: 1.2rem;color: #333;font-weight: normal;line-height: 2;margin-top: 2.15rem;}
.p4b1 p {font-size: .7rem;color: #333;font-weight: lighter;line-height: 1.714285714285714;margin-top: .5rem;}
.p4b1 div {margin-top: 3.15rem;}

.p4b2 {width: 30.8%;}

.p4c {border-bottom: 1px solid #e3e3e3;padding: 1rem 0;}
.p4c li {width: 43%;padding: .7rem 0;}
.p4c li a h3 {font-size: .9rem;color: #333;font-weight: lighter;line-height: 2;box-sizing: border-box;padding-left: 1.2rem;width: 60%;position: relative;}
.p4c li a h3::before {content: "";display: block;width: .3rem;height: .3rem;background-color: #329c3a;position: absolute;left: .1rem;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.p4c li a p {font-size: .9rem;color: #333;font-weight: lighter;line-height: 2;}

/* 荣誉资质 */
.p5 {background-color: #f3f3f3;}
.p5-box {padding: 3rem 0 4.8rem;}

.p5a {padding-top: calc(2px + .2rem);position: relative;}
.p5a::before {content: "";display: block;width: 10rem;height: 2px;background-color: #057fc8;position: absolute;left: -0.2rem;top: 0;}
.p5a h3 {font-size: 1.8rem;color: #333;font-weight: lighter;line-height: 2;}

.p5b {margin-top: 1.7rem;position: relative;}

.p5b1-item a {display: block;background-color: #fff;padding: 4.5rem 0 1.8rem;}
.p5b1-item a div {text-align: center;padding: 0 .5rem;}
.p5b1-item a h3 {display: block;text-align: center;font-size: .9rem;color: #333;font-weight: lighter;line-height: 2;margin-top: 3.7rem;}

.p5b2 {position: absolute;right: -4.3rem;width: 2.85rem;z-index: 9;top: 8.3rem;outline: none;}

/* 友情链接 */
.p6 {background-color: #333;}
.p6-box {/*padding: 1.5rem 0;*/font-size: .7rem;color: #ccc;line-height: 2;}
.p6-box a {color: #ccc;margin: 0 .5rem;}

/* 底部 */
.pf {background-color: #333;}
.pf1-box {padding: 3rem 0 2.5rem;align-items: flex-start;}

.pf1a {width: 58.1%;align-items: flex-start;}
.pf1a dl {width: 15.3%;}
.pf1a dl dt {width: 100%;max-width: 6.6rem;border-bottom: 1px solid rgba(255, 255, 255, .5);padding-bottom: .7rem;}
.pf1a dl dt+dt {margin-top: 1rem;}
.pf1a dl dt a {font-size: .9rem;color: #fff;line-height: 2;font-weight: normal;}
.pf1a dl dd {margin-top: 1rem;}
.pf1a dl dd a {display: block;font-size: .7rem;color: #ccc;line-height: 1.714285714285714;max-width: 5rem;width: 100%;white-space: nowrap;}

.pf1a dl.pf1a1 {width: 23.2%;}
.pf1a dl.pf1a1 dd {align-items: flex-start;}
.pf1a dl.pf1a1 dd div {width: 50%;}

.pf1b {align-items: flex-start;width: 30%;}
.pf1b1 {width: 58.5%;}

.pf1b1 li {padding-bottom: calc(.2rem + 1px);position: relative;}
.pf1b1 li::before {content: "";display: block;width: 9.2rem;height: 1px;background-color: rgba(255, 255, 255, .5);position: absolute;left: 0;bottom: 0;}
.pf1b1 li+li {margin-top: .25rem;}
.pf1b1 li h3 {font-size: .7rem;color: #ccc;font-weight: lighter;line-height: 2;}
.pf1b1 li h4 {font-size: .9rem;color: #fff;font-weight: lighter;line-height: 1.666666666666667;}
.pf1b1 li:last-child h4 {font-size: .7rem;}

.pf1b2 {width: 33.8%;}
.pf1b2 p {text-align: center;font-size: .7rem;color: #ccc;font-weight: lighter;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 2;margin-top: .5rem;}

.pf2-box {border-top: 1px solid rgba(255, 255, 255, .5);padding: 1.4rem 0 0;}
.pf2-box p {font-size: .7rem;color: #ccc;line-height: 2;}
.pf2-box p a {color: #ccc;}

.xymob-yy {position: absolute;z-index: 9;right: 0;top: 0;bottom: 0;width: 14%;text-align: center;line-height: 60px;color: #fff;font-size: 12px;}
.xymob-yy a {color: #fff;}

/* 手机站底部导航 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #434343;
  display: none;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  font-size: 0;
}

.footer ul li.active {
  background: #e4007f;
}

.footer ul li a {
  display: block;
  color: #ffffff;
  line-height: 50px;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
#mobile_share {
  position: fixed;
  right: 0;
  bottom: 90px;
  width: 123px;
  z-index: 99999;
  background: #fff;
  padding: 0;
  overflow: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#mobile_share h2.title {
  text-align: center;
  line-height: 30px;
  height: 30px;
  background: #717577;
  color: #fff;
  font-size: 14px;
}

#mobile_share .share_item {
  padding: 8px;
  background: #fff;
  border: 1px solid #f1f1f1;
}

#mobile_share .share_item li {
  display: block;
  overflow: hidden;
  margin: 8px 0;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 8px;
}

#mobile_share.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.share-link {
  display: block;
  margin: 0 auto;
  width: 105px;
  overflow: hidden;
  line-height: 32px;
  font-size: 12px;
  padding-left: inherit;
}

.share-link i {
  background: url(../images/share_icon.png) no-repeat;
  background-size: 200px 32px;
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 20px;
  float: left;
}

.share-link span {
  display: inline-block;
}

.share-weibo i {
  background-position: 0 0;
}

.share-renren i {
  background-position: -42px 0;
}

.share-douban i {
  background-position: -84px 0;
}

.share-qweibo i {
  background-position: -126px 0;
}

.share-qzone i {
  background-position: -168px 0;
}

.share-weixin {
  display: block;
  margin: 0 auto;
  width: 105px;
  overflow: hidden;
  line-height: 32px;
  font-size: 12px;
  padding-left: inherit;
}

.share-weixin i {
  background: url(../images/share_icon2.png) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 20px;
  float: left;
}

.share-weixin span {
  display: inline-block;
}

@media (max-width: 1688px) {
  /* 公司环境 */
  .p3b2 {right: -4.0625vw;}

  /* 荣誉资质 */
  .p5b2 {right: -4.0625vw;}
}

@media (max-width: 990px) {
  body {padding-bottom: 50px;}
  .footer {display: block;}
}

@media (max-width: 768px) {
  /* 关于我们 */
  .p1-box {flex-wrap: wrap;}
  .p1a {width: 100%;padding: 0;}
  .p1b {width: 100%;margin-top: 2rem;}

  /* 产品中心 */
  .p2a {flex-wrap: wrap;}
  .p2a1 {width: 100%;position: relative;}
  .p2a2 {width: 100%;margin-top: 1rem;flex-wrap: wrap;justify-content: flex-end;}
  .p2a2a {width: 100%;}
  .p2a2b {width: auto;margin-top: .5rem;}

  .p2b {flex-wrap: wrap;}
  .p2b1 {width: 100%;}
  .p2b2 {width: 100%;margin-top: 1.5rem;}

  /* 公司环境 */
  .p3a {font-size: 1.6rem;}
  .p3a span {margin-left: 4rem;font-size: 1.2rem;}
  .p3b2 {display: none;}

  /* 新闻中心 */
  .p4b a {flex-wrap: wrap;}
  .p4b1 {width: 100%;}
  .p4b2 {width: 100%;margin-top: 2rem;}

  .p4c {flex-wrap: wrap;}
  .p4c li {width: 100%;}

  /* 荣誉资质 */
  .p5b2 {display: none;}

  /* 底部 */
  .pf1-box {flex-wrap: wrap;}
  .pf1a {width: 100%;}
  .pf1b {width: 100%;margin-top: 1rem;}
  
}