* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
ol,
dl,
table,
th,
tr,
td,
input,
textarea,
li,
a,
div,
span,
em,
i,
dd {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  list-style: none;
}

/*全局样式*/

html,
body {
  width: 100%;
  margin: 0 auto;
}

/*= 清除浮动=*/

.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
  display: block;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  font-size: 0px;
}

.sub-lmname {
  text-align: center;
}

.sub-en:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 45px;
}

:focus {
  outline: 0;
}

a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

/* Hides from IE-mac \*/

* html .clearfix {
  height: 0%;
}

/* End hide from IE-mac */

*+html .clearfix {
  min-height: 0%;
}

/* 针对IE7 */

*+html .clearfix {
  min-height: 0%;
}

.w100 {
  width: 100%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*原文件配置*/

body {
  color: #333;
  font: 14px/30px "Microsoft YaHei", arial, sans-serif;
  min-width: 320px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #004898;
}

/*块级转化*/

.di_in {
  display: inline-block;
}

.di_no {
  display: none;
}

.di_bl {
  display: block;
  width: 25px;
  height: 25px;
}

/*原文件配置  end*/

.fB {
  font-weight: bold;
}

/*纵向居中*/

.v_middle {
  vertical-align: middle;
}

/*横向居中*/

.te_c {
  text-align: center;
}

/*相对定位*/

.p_r {
  position: relative;
}

/* 白色背景 */

.bgfff {
  background: #fff;
}

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

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.flex-start {
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: pace-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-warp {
  flex-flow: wrap;
  /*justify-content: left;*/
}

.tit {
  line-height: 1.25;
  min-width: 120px;
}

.flex-column {
  flex-flow: column;
}

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

.flex-1.text-content.flex.flex-warp {
  justify-content: left;
}

.transition {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.img_hover {
  transition: all 0.3s;
}

.img_hover:hover {
  transform: scale(1.05, 1.05);
}

em,
i {
  font-style: normal;
}

.nav,
.mast {
  display: none;
}

@media (min-width: 1200px) {

  /*min-width 1200 */
  .container {
    /* width: 1200px;*/
    margin-left: auto;
    margin-right: auto;
  }

  .pro-details .container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*全局样式 start*/

.header.pc .logo {
  float: left;
  width: 250px;
  height: 85px;
  text-align: center;
  padding: 0 25px;
  padding-top: 26px;
}

.header.pc .sub_nav {
  float: right;
  line-height: 85px;
  height: 85px;
}

.header.pc .sub_nav li {
  float: left;
  font-size: 16px;
  position: relative;
  text-align: center;
  transition: all 500ms;
  min-width: 85px;
}

.header.pc .sub_nav li a:hover,
.header.pc .sub_nav .curr a {
  color: #004899;
  font-weight: 700;
}

.header.pc .sub_nav .curr:after {
  border-bottom: 3px solid #004899;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -38px;
  width: 76px;
  bottom: 0;
}

.header.pc .small_icon {
  float: right;
  width: 140px;
  padding: 25px 0;
  padding-left: 25px;
  padding-right: 10px;
  padding-top: 30px;
  height: 85px;
  overflow: hidden;
}

.small_icon {
  overflow: hidden;
  padding: 25px;
}

.small_icon a {
  display: block;
  float: left;
}

.small_icon .tmall {
  margin-left: 5px;
  position: relative;
  top: 0;
}

.small_icon .icon {
  font-size: 28px;
  margin: auto;
  margin-left: 5px;
  position: relative;
  top: -7px;
  display: block;
}

.small_icon .enl {
  width: 25px;
  height: 25px;
  background: #333;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.small_icon p {
  margin: 0px;
  padding: 0px;
  float: left;
  border-left: 1px solid #333;
  margin-left: 5px;
  height: 25px;
}

.small_icon .enl img {
  position: relative;
  min-width: 35px;
  height: auto;
  display: block;
  margin: auto;
  left: -5px;
  top: -4px;
}

.small_icon .tmall img {
  position: relative;
  top: 0px;
  display: block;
}

.small_icon img {
  width: 30px;
  height: auto;
  max-width: 100%;
}

.header .sub_nav li:last-child {
  position: relative;
  cursor: pointer;
}

.header .sub_nav li:last-child span {
  font-weight: 700;
  font-size: 32px;
  display: inline-block;
  position: relative;
  top: -7px;
}

.header dl {
  position: absolute;
  top: 85px;
  line-height: 45px;
  background: rgba(255, 255, 255, 0.53);
  font-size: 14px;
  padding: 0 15px;
  white-space: nowrap;
  z-index: 9;
  border-radius: 0 0 5px 5px;
  width: 100px;
  display: none;
}

.header dl dd {
  font-size: 14px;
  line-height: 35px;
  margin: 0px;
}

.clearfix {
  clear: both;
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.header .sub_nav li:last-child span em {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.85);
  margin: 0 5px 0 0;
}

.tmall {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #313131;
  border-radius: 50%;
  padding: 4px;
  position: relative;
  top: -3px;
}

.small_icon a {
  display: block;
  float: left;
}

.small_icon .tmall {
  margin-left: 5px;
  position: relative;
  top: 0;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer.pc {
  background: #303133;
  color: #999;
  padding-top: 33px;
}

.footer.pc div img {
  max-width: 100%;
}

.footer.pc .containt {
  margin: auto;
  max-width: 1200px;
  overflow: hidden;
}

.footer.pc .footer-left {
  width: 80%;
  float: left;
  overflow: hidden;
}

.footer.pc .footer-right {
  float: right;
  width: 20%;
}

.footer.pc .footer-left ul li {
  float: left;
  width: 14.28%;
}

.footer.pc .footer-left ul li,
.footer.pc .footer-left ul li a,
.footer.pc .footer-right b {
  font-style: 16px;
  color: #fff;
}

.footer.pc .footer-left ul li dl {
  margin-top: 15px;
}

.footer.pc .footer-left ul li dd a {
  color: #9a9a9a;
  font-size: 14px;
  line-height: 35px;
}

.footer.pc .footer-right .select dl {
  position: absolute;
  top: 37px;
  width: calc(100% + 2px);
  background: rgba(25, 25, 25, 0.83);
  left: -1px;
  display: none;
  z-index: 9;
}

.footer.pc .footer-right .select dl dd a {
  color: #e0e0e0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.33);
  padding: 0 5px;
  padding: 10px;
  line-height: 25px;
  font-size: 14px;
}

.footer.pc .footer-right .select dl dd:last-child a {
  border-bottom: 0;
}

.footer.pc .footer-right .select {
  cursor: pointer;
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
  padding: 0 5px;
  margin-top: 15px;
  line-height: 35px;
  position: relative;
  padding-right: 15px;
}

.footer.pc .footer-right .select dl dd a:hover,
.footer.pc .footer-left dl dd a:hover {
  color: #fff;
}

.footer.pc .footer-right .select:after {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #9a9a9a;
}

.footer.pc .footer-right .share ul li {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  padding: 25px 0;
  float: left;
  cursor: pointer;
}

.footer.pc .footer-right .share ul li img {
  width: 32px;
  height: auto;
}

.footer.pc .footer-right .share ul li dl {
  position: absolute;
  top: 65px;
  left: 0;
  width: 160px;
  display: none;
}

.footer.pc .footer-right .share ul li dl img {
  width: inherit;
}

.footer.pc .copy {
  margin-top: 45px;
  line-height: 40px;
  overflow: hidden;
  background: #2b2c2e;
}

.footer.pc .copy i {
  float: right;
}

.footer.pc .copy i a {
  color: #949494;
  text-decoration: underline;
}

.bsBox {
  box-sizing: content-box;
}

.banner {
  overflow: hidden;
}

.banner .info span {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  margin-top: 15px;
}

.banner .info:after {
  content: "";
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  width: 60px;
  height: 3px;
  background: #004899;
}

.banner .info {
  font-weight: normal;
  position: absolute;
  z-index: 9;
  left: 50%;
  margin-left: -600px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 32px;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.banner img {
  width: 100%;
}

.banner .swiper-pagination-bullet {
  position: relative;
  opacity: 1;
  width: 20px;
  height: 20px;
  background: none;
}

.banner .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.3;
  z-index: 1;
}

.banner .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 1;
  z-index: 9;
  display: inline-block;
}

.banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: none;
}

.banner .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.3;
  z-index: 1;
}

.banner .swiper-pagination-bullet-active::after {
  opacity: 1;
  background-color: #004898;
}

.banner .text-content {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1200px;
  height: 100%;
  z-index: 2;
  color: #fff;
  font-size: 36px;
  line-height: 1.6;
}

.banner .text-content p {
  margin: 0;
}

.banner .text-content p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 5px;
  width: 90px;
  background-color: #004898;
}

.text-shadow {
  text-shadow: 5px 5px 5px #505050;
}

.banner .text-content .txt::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  height: 2px;
  width: 90px;
  background-color: #004898;
  transform: translateX(-50%);
}

.pc {
  display: block;
}

.mb {
  display: none;
}


.search-con {
  width: 705px;
  height: 65px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 50px auto;
  padding: 5px;
}

.search-con input[type="text"] {
  padding: 0 20px;
  font-size: 12px;
  background-color: #fcfcfc;
}

.search-con input[type="submit"] {
  background: #004898 url(../images/search-btn1.png) no-repeat center;
  width: 66px;
  overflow: hidden;
  text-indent: -99px;
  border-radius: 0 5px 5px 0;
}

.bigbox {
  position: relative;
}

.screen .title {
  background-color: #f1f1f1;
  line-height: 50px;
  padding: 0 15px;
}

.screen .title span {
  font-size: 16px;
}

.screen .title a {
  color: #004898;
}

.screen dt a {
  border: 1px #dcdcdc solid;
  padding: 0 24px;
  line-height: 30px;
  margin-right: 14px;
  margin-top: 10px;
  border-radius: 25px;
  background: #dcdcdc;
  color: #999;
}

.screen .flex-pack-center a {
  border-radius: 0;
  line-height: 45px;
  background: none;
}

.screen .flex-pack-center a.cur {
  color: #fff;
}

.screen dt a.cur {
  color: #fff;
  border-color: #004898;
  border-width: 2px;
  background: #004898;
}

.screen dd {
  margin-top: 10px;
  background-color: #f1f1f1;
  margin-left: 0;
  /* padding-left: 144px;
  padding-right: 30px; */
  padding-bottom: 20px;
  overflow: hidden;
}

.screen dd .item {
  margin-top: 30px;
}

.screen dd a {
  margin: 0 5px;
  color: #7a7878;
  margin-right: 10px;
}

.screen dd .cur {
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 0 10px;
  color: #004898;
}

.screen dd .more {
  margin: 20px auto;
  cursor: pointer;
  width: 110px;
  color: #313131;
  border-color: #313131;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  line-height: 40px;
}

.moreicon bb {
  background-color: #f1f1f1;
}

.moreicon bb .more {
  margin: 0px auto;
  cursor: pointer;
  width: 110px;
  color: #313131;
  border-color: #313131;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  line-height: 40px;
}

.list {
  margin-top: 40px;
  margin-bottom: 20px;
  justify-content: left;
  width: 1200px;
  margin: 50px auto;
}

.list .item {
  width: calc(25% - 20px);
  margin-right: 20px;
  margin-top: 30px;
}

.list .item .pic {
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.list .item .pic img {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.list .item .tit {
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}

.list .item:nth-of-type(4n) {
  margin-right: 0;
}

.more-button {
  width: 175px;
  height: 38px;
  /* border-radius: 4px; */
  background: #f8f9fa;
  color: #313131;
  /* border-color: #f8f9fa; */
  box-shadow: 0 0 0 1px #f8f9fa;
  text-align: center;
  line-height: 38px;
  border-color: #313131;
  border-width: 1px;
  border-style: solid;
}

.pro-details {
  background: url(../images/bg.jpg) no-repeat center top;
  background-size: cover;
}

/* .pageNav{width:1200px;margin-top: 20px;justify-content: flex-end;} */

.pageNav {
  margin-top: 20px;
  justify-content: flex-end;
}

.pageNav .menuItem {
  line-height: 1.5;
  padding-left: 15px;
  margin-right: 20px;
}

.pageNav .menuItem:last-child {
  margin-right: 0;
}

.pageNav .menuItem::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #999;
}

.pageNav .menuItem a {
  color: #999;
}

.pageNav.isStuck {
  z-index: 1000;
}

.pageNav .active a {
  font-weight: bold;
  color: #004898;
}

.pageNav .active::after {
  background-color: #004898;
}

.pagePanel {
  margin-bottom: 120px;
}

.pagePanel .banner2 {
  margin: 20px auto 70px;
  width: 1200px;
}

.pagePanel .banner2 .big.swiper-container {
  width: 1200px;
  /* height: 450px; */
}

.pagePanel .banner2 .big .swiper-slide {
  width: 1200px;
  /* height: 450px; */
}

.pagePanel .banner2 .big .wraper {
  width: 1200px;
  /* height: 450px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagePanel .banner2 .big .wraper img {
  max-width: 1200px;
  max-height: 600px;
}

.pagePanel .banner2 .thumbs {
  width: 1200px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 20px;
}

::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}

.pagePanel .banner2 .thumbs .arrow {
  width: 21px;
  height: 21px;
  cursor: pointer;
}

.pagePanel .banner2 .thumbs .wraper2 {
  overflow: hidden;
}

.pagePanel .banner2 .thumbs .center {
  margin: 0 17px;
  display: flex;
  gap: 23px;
  width: 1124px;
  overflow-x: auto;
}

.pagePanel .banner2 .thumbs .center div {
  width: 50px;
  height: 50px;
  border: 1px solid #cfcfcf;
  flex-shrink: 0;
}

.pagePanel .banner2 .thumbs .center div.border {
  border: 1px solid #004898;
}

.pagePanel .title {
  margin-top: 80px;
}

.pagePanel .title img {
  margin-right: 15px;
}

.pagePanel .title .txt {
  font-size: 18px;
  font-weight: bold;
  color: #313131;
}

.pagePanel .title em {
  color: #ff0000;
}

.pagePanel .title .t1 {
  font-size: 12px;
  color: #999;
}

.pagePanel .content {
  padding-left: 41px;
  /* padding-right: 125px; */
}

.pagePanel .content .tit {
  margin-top: 40px;
}

.pagePanel .content .tit>div {
  line-height: 1.2;
  font-weight: bold;
  margin-left: 10px;
}

.pagePanel .content .erwma {
  width: 185px;
  overflow: hidden;
  margin-top: 15px;
}

.pagePanel .proinfo .size {
  display: flex;
  flex-flow: row wrap;
  margin-left: 35px;
}

.pagePanel .proinfo .size div {
  margin-right: 60px;
  margin-bottom: 20px;
  line-height: 22px;
}

.pagePanel .proinfo .size div label {
  line-height: 1.2;
  font-weight: bold;
}

.pagePanel .proinfo .content .bottom {
  display: flex;
  justify-content: flex-start;
}

.pagePanel .proinfo .content .bottom .left {
  width: 100%;
}

.pagePanel .proinfo .content .bottom .con {
  /* min-height: 100px; */
  width: 48%;
}

.pagePanel .proinfo .content .bottom .con:nth-child(n) {
  width: 60%;
}

.pagePanel .proinfo .content .bottom .con:nth-child(2n) {
  padding-left: 60px;
  width: 39%;
}

.pagePanel .proinfo .content .text {
  margin-top: 15px;
  margin-left: 35px;
  word-wrap: break-word;
  word-break: break-all;
}

.pagePanel .proinfo .con:nth-child(1) {
  padding-right: 40px;
}

.pagePanel .proinfo .content h3 {
  font-size: 21px;
  color: #034a9a;
  margin: 25px 0 0 30px;
  font-weight: normal;
}

.pagePanel .proinfo .content .txt {
  margin-left: 30px;
}

.prozs ul,
.procj ul,
.provr ul,
.prosj li,
.proxg li {
  justify-content: flex-start;
}

.proxg ul {
  gap: 34px;
}

.prozs li,
.procj li,
.provr li,
.prosj li {
  width: 31.33%;
  margin-right: 3%;
  margin-top: 30px;
}

.proxg {
  margin-top: 28px;
}

.proxg li {
  min-width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}

.proxg li img {
  width: 70px;
  height: 70px;
  margin-bottom: 19px;
  border-radius: 50%;
}

.proxg li .title2 {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #303030;
  line-height: 20px;
}

.procj .more {
  margin: 10px 25%;
  color: #313131;
  border: 1px solid #313131;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  line-height: 30px;
}

.prosj .more {
  margin: 10px 25%;
  color: #313131;
  border: 1px solid #313131;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  line-height: 30px;
}

.proxg .more {
  margin: 10px 40px;
  width: 261px;
  color: #313131;
  border: 1px solid #313131;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  line-height: 30px;
}

.prozs li {
  width: 23.5%;
  margin-right: 2%;
}

/* .prozs li:last-child,.procj li:last-child,.provr li:last-child{margin-right: 0;} */

.proxg li:nth-child(10n) {
  margin-right: 0;
}

.prozs li:nth-child(4n) {
  margin-right: 0;
}

.procj li:nth-child(3n),
.prosj li:nth-child(3n),
.provr li:nth-child(3n) {
  margin-right: 0;
}

.prozs li .txt {
  color: #4c4a4a;
  line-height: 1.6;
  margin-top: 10px;
}

.prozs li .pic.mb {
  display: none;
}

.prozs li .pic {
  overflow: hidden;
  position: relative;
}

.prozs li .pic img,
.procj li img,
.prosj li img,
.provr li img {
  width: 100%;
}

.prozs li .pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #e0e0e0;
  max-height: 272px;
  image-orientation: from-image;
}

.proxg li,
.procj li,
.prosj li,
.provr li {
  overflow: hidden;
}

.prozs .name {
  font-size: 20px;
  font-weight: bold;
  color: #313131;
  margin-top: 10px;
  margin-left: 42px;
}

/* .provr .marks{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.6) url(../images/vr2.png)no-repeat center 20px;border-radius: 50%;width: 88px;height: 88px;z-index: 2;padding-top: 40px;color: #FFF;font-size: 16px;} */

.provr .marks {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/vr2.png) no-repeat center;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  z-index: 2;
  padding-top: 40px;
  color: #fff;
  font-size: 16px;
  background-size: 100% 100%;
}

.pagePanel .mb .erwma {
  margin-top: 20px;
}

.pagePanel .mb .erwma img {
  margin-left: auto;
  margin-right: auto;
}

.share a {
  margin-left: 10px;
  display: block;
  height: 20px;
}

.share img {
  margin-right: 0 !important;
}

/*全局样式 end*/

.bshare-custom a {
  width: 30px !important;
  height: 30px !important;
}

a.bshareDiv .bsPromo,
div.bshare-custom .bsPromo {
  display: none;
  position: absolute;
  z-index: 100;
}

.bshare-custom.icon-medium .bshare-weixin {
  background: url(http://static.bshare.cn/frame/images/logos/m2/weixin.gif) no-repeat;
  display: inline-block;
}

.bshare-custom.icon-medium .bshare-weixin {
  background: url(http://static.bshare.cn/frame/images/logos/m2/weixin.gif) no-repeat;
  *display: inline;
  display: inline-block;
}

.bshare-custom.icon-medium .bshare-weixin {
  background: url(../images/wechat.png) no-repeat left center !important;
  background-size: 90% !important;
}

.bshare-custom.icon-medium a {
  padding-left: 27px;
  height: 24px;
}

.bshare-custom .bshare-weixin {
  background: url(http://static.bshare.cn/frame/images/logos/s4/weixin.png) no-repeat;
  *display: inline;
  display: inline-block;
}

.bshare-custom .bshare-weixin {
  background: url(http://static.bshare.cn/frame/images/logos/s4/weixin.png) no-repeat;
  display: inline;
  display: inline-block;
}

.bshare-custom a {
  padding-left: 19px;
  height: 16px;
  text-decoration: none;
  display: none;
  zoom: 1;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  margin-right: 3px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.fixedright {
  position: fixed;
  right: 0;
  bottom: 15px;
  transform: translateY(-50%);
  z-index: 999;
}

.fixedright li {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-bottom: 1px;
  background: rgba(0, 0, 0, 0.23) url(../images/shareicon.png) no-repeat center center;
  background-size: 24px;
  position: relative;
  transition: all 500ms;
}

.fixedright li:last-child {
  background: rgba(0, 0, 0, 0.23) url(../images/top.png) no-repeat center center;
  background-size: 24px;
  display: none;
}

.fixedright li .bshare-custom {
  position: absolute;
  left: 100%;
  width: 100px;
}

.fixedright li:hover .bshare-custom {
  left: inherit;
  right: 40px;
}

.bshare-custom.icon-medium .bshare-weixin {
  background: url(../images/wechat.png) no-repeat left center !important;
  background-size: 90% !important;
}

.bshare-custom.icon-medium .bshare-sinaminiblog {
  background: url(../images/weibo.png) no-repeat left center !important;
  background-size: 90% !important;
}

.bshare-custom.icon-medium .bshare-qqim {
  background: url(../images/qq.png) no-repeat left center !important;
  background-size: 90% !important;
}

.saixuan {
  display: inline-block;
  margin: 25px auto;
  margin-top: 10px;
}

.bshare-custom.icon-medium .bshare-qqim {
  background: url(http://static.bshare.cn/frame/images/logos/m2/qqim.gif) no-repeat;
  display: inline-block;
}

.bshare-custom.icon-medium .bshare-sinaminiblog {
  background: url(http://static.bshare.cn/frame/images/logos/m2/sprite/top_logos_sprite.gif) no-repeat 0 -390px;
  display: inline-block;
}

.bsBox {
  display: none;
  z-index: 100000001;
  font-size: 12px;
  background: url(http://static.bshare.cn/frame/images//background-opaque-dark.gif) !important;
  padding: 6px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
  box-sizing: content-box;
}

.bsClose {
  _overflow: hidden;
  cursor: pointer;
  position: absolute;
  z-index: 10000000;
  color: #666;
  font-weight: bold;
  font-family: Helvetica, Arial;
  font-size: 14px;
  line-height: 20px;
}

.bsTop {
  color: #666;
  background: #f2f2f2;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #e8e8e8;
}

.bsFrameDiv,
#bsMorePanel {
  border: none;
  background: #fff;
}

.screen dl dt:nth-child(2) {
  max-width: 738px;
  margin: 20px auto 0;
  justify-content: left;
}


.subCategory.more {
  justify-content: space-between;
}

.subCategory.more a {
  /* width: 17%; */
}


@media (min-width: 1025px) {

  /*所有hover写在这里面 兼容sofari的移动端不支持hover*/
  .footer a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .screen dd a:hover {
    color: #004898;
  }

  .screen dl dt:nth-child(2) {
    /* background: #f2f2f2; */
    margin-top: 20px;
    padding-bottom: 10px;
    /* padding-left: 34%; */
  }

  .screen dd {
    /* padding-left: 33%; */
  }
}

@media (max-width: 11681px) {}

@media (max-width: 1441px) {
  .header .links {
    margin-left: 30px;
  }
}

@media (max-width: 1367px) {}

@media (max-width: 1281px) {
  .header .links {
    display: none;
  }

  .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1199px) {

  /*修改1200以下、小屏显示器*/
  .nav a {
    margin-right: 20px;
  }

  .screen dd {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

  .screen dd .item {
    margin-top: 5px;
  }

  .list .item {
    width: calc(25% - 24px);
    margin-right: 30px;
  }

  .pageNav {
    width: 100%;
  }
}

@media (max-width: 1023px) {

  /*修改1024以下、平板*/
  .pc {
    display: none;
  }

  .flex-pack-center {
    position: relative;
    /* padding-left: 60px; */
  }

  /* .flex-pack-center a:first-child {
    position: absolute;
    left: 0;
    height: 104px;
    line-height: 104px;
  } */

  .more.flex-pack-center {
    padding-left: 0;
  }

  .mb {
    display: block;
  }

  .navbar {
    width: 100%;
    height: calc(100% - 90px);
    position: fixed;
    z-index: 101;
    overflow: auto !important;
    top: 90px;
    left: 0;
    display: none;
    background: #fff;
  }

  .nav {
    flex-flow: column;
  }

  .nav a {
    margin-right: 0;
  }

  .nav .cur::after {
    display: none;
  }

  .header .search-btn,
  .menu-btn {
    display: block;
  }

  .banner .text-content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 32px;
  }

  .pro-details {
    background: none;
  }

  .pageNav.isStuck {
    width: calc(100% - 30px);
    background-color: #fff;
    top: 0;
    overflow: hidden;
    margin-top: 0;
    padding: 10px 0;
  }

  .pagePanel .title .txt {
    font-size: 18px;
    font-weight: normal;
  }

  .r-con,
  .mb-tit,
  .pagePanel .content .tit span,
  .proinfo .title,
  .pageNav .menuItem em {
    display: none;
  }

  .pagePanel .title span {
    display: none;
  }

  .pagePanel .content {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* .con {

        display: flex;

    } */
  .con:nth-child(1) {
    border-bottom: 1px #e3e3e3 solid;
    padding-bottom: 20px;
  }

  .pagePanel .content .tit {
    align-items: flex-start;
    margin-top: 20px;
  }

  .pagePanel .content .tit {
    font-weight: bold;
    font-size: 20px;
    color: #464646;
  }
}

@media (max-width: 767px) {

  /*修改768以下、小屏平板*/
  .header .search-btn {
    width: 30px;
    height: 30px;
  }

  .menu-btn {
    width: 40px;
  }

  .search-con {
    width: 100%;
    margin: 30px 0;
    height: 55px;
  }

  .search-con input[type="text"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .copyright {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
  }
}

@media (max-width: 580px) {

  /*修改768以下、小屏平板*/
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container>.pageNav {
    display: none;
  }

  /* .header {

        height: 85px;

    }

    .header .logo img {

        height: 40px;

    }

    .header .search-btn {

        width: 25px;

        height: 25px;

        margin-right: 20px;

    }

    .navbar,

    .searchBar-m {

        top: 65px;

    } */
  .header .logo {
    float: left;
    height: 32px;
  }

  .header .logo img {
    height: 26px;
    width: auto;
    margin-top: 6px;
  }

  .header .header-right {
    float: right;
  }

  .header .header-right ul li {
    display: inline-block;
    margin-right: 15px;
  }

  .header .header-right ul li img {
    height: 24px;
    margin-top: 4px;
  }

  .header .header-right ul li:last-child {
    margin-right: 0;
    width: 30px;
  }

  .noscroll {
    overflow: hidden;
  }

  .noscroll body {
    position: fixed;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 10px 15px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
  }

  .banner {
    margin-top: 52px;
  }

  .banner .info span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .banner .info:after {
    content: "";
    display: block;
    left: 0;
    bottom: -15px;
    position: absolute;
    width: 30px;
    height: 3px;
    background: #004899;
  }

  .banner .info {
    position: absolute;
    z-index: 9;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 21px;
    white-space: nowrap;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin-left: 10px;
    font-weight: 700;
  }

  .mobile-bar {
    position: fixed;
    right: 15px;
    width: 24px;
    height: 24px;
    top: 10px;
    transition: all 500ms;
    cursor: pointer;
    z-index: 9999;
  }

  .mobile-bar span {
    display: block;
    position: relative;
    top: 15px;
    display: block;
    width: 20px;
    height: 3px;
    background: #034a9a;
    transition: all 500ms;
  }

  .mobile-bar.open span {
    background: rgba(255, 255, 255, 0);
  }

  .mobile-bar span:after,
  .mobile-bar span:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    width: 24px;
    border-bottom: 3px solid #034a9a;
    transition: all 500ms;
  }

  .mobile-bar.open span:before {
    transform: rotate(45deg);
    top: -1px;
    width: 100%;
    border-bottom: 3px solid #fff;
  }

  .mobile-bar.open span:after {
    transform: rotate(-45deg);
    top: -17px;
    width: 100%;
    border-bottom: 3px solid #fff;
  }

  .mobile-bar span:after {
    margin-top: 16px;
    width: 16px;
  }

  .mast {
    position: fixed;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    top: 0px;
    width: 100%;
    z-index: 998;
    display: none;
  }

  .mast.on {
    display: block;
  }

  .nav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #034a9a;
    width: 50%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 999;
    transform: translate3d(-110%, 0, 0);
    transition: 500ms all ease-in-out;
  }

  .nav.on {
    transform: translate3d(0, 0, 0);
  }

  .nav .layui-row .layui-col-sm2 {
    padding: 10px 15px;
    line-height: 35px;
    border-bottom: 1px solid #e0e0e0;
    background: url(../img/rightarrow.png) 95% 21px no-repeat;
    font-size: 15px;
    font-weight: 500;
  }

  .header .logo .pc,
  .righticon,
  .yysub,
  .shownav,
  .nav-right dl {
    display: none;
  }

  .column_banner {
    margin-top: 54px;
    height: 57.3vw;
    position: relative;
  }

  /* .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: 0;

    }

    .swiper-pagination-bullet {

        background: rgba(255, 255, 255, .85);

        border: 3px solid rgba(0, 0, 0, .33);

        width: 10px;

        height: 10px;

        opacity: 1;

    }

    .swiper-pagination-bullet-active {

        background: rgba(0, 7, 153, .9);

        border: 3px solid rgba(255, 255, 255, .33);

        transition: 500ms all;

    } */
  .nav ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.5;
  }

  .nav ul li a {
    color: #fff;
    display: block;
  }

  .nav ul li {
    color: #fff;
    padding-left: 15px;
  }

  .nav ul ul {
    display: none;
  }

  .nav ul li ul li {
    border-bottom: 0;
  }

  .nav ul li ul li a {
    padding-left: 20px;
    color: rgba(255, 255, 255, 0.8);
  }

  .footer {
    background: #3b3b3b;
    color: #dad8d9;
    padding: 15px 0;
    padding-bottom: 0;
    line-height: 1.6;
  }

  .footer-list {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 15px;
    margin-bottom: 15px;
  }

  .footer-list li {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    padding-bottom: 10px;
  }

  .footer-list li a {
    color: #dad8d9;
  }

  .footer-entrance {
    padding: 10px 15px;
  }

  .footer-entrance b {
    font-style: normal;
    font-weight: normal;
    padding: 0;
    margin: 0;
  }

  .entrance-left {
    width: 40%;
    float: left;
  }

  .entrance-right {
    float: right;
    text-align: right;
    width: 60%;
  }

  .entrance-right i {
    display: block;
    font-size: 12px;
    margin-bottom: -5px;
  }

  .entrance-right b {
    font-size: 24px;
  }

  .select {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 10px;
    line-height: 35px;
    position: relative;
    margin-top: 5px;
  }

  .select dl {
    position: absolute;
    width: calc(100% + 2px);
    top: 37px;
    background: rgba(53, 52, 52, 0.8);
    left: -1px;
    padding: 5px;
    display: none;
    z-index: 999;
  }

  .select dl a {
    color: #dad8d9;
  }

  .share {
    padding-left: 15px;
    margin-bottom: 15px;
    text-align: left;
    padding-top: 6px;
  }

  .share a {
    margin: 0;
  }

  .share ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    font-size: 12px;
  }

  .share ul li:last-child {
    display: block;
    margin-right: 0;
    margin-top: 10px;
  }

  .share ul li img {
    width: 25px;
  }

  .share ul li dl {
    display: none;
    position: absolute;
    bottom: 35px;
  }

  .share ul li dl img {
    width: 120px;
    max-width: inherit;
  }

  .copy {
    background: rgba(0, 0, 0, 0.33);
    margin-top: 25px;
    padding: 10px 15px;
  }

  .copy .containt {
    font-size: 12px;
    text-align: center;
  }

  .copy a {
    color: #dad8d9;
    text-decoration: underline;
  }

  .seachbox {
    background: rgba(200, 200, 200, 0.93);
    width: 100%;
    padding: 15px;
    position: absolute;
    top: 54px;
    left: 0;
    z-index: 99;
    display: none;
  }

  .scText {
    width: 100%;
    line-height: 45px;
    height: 45px;
    border: 1px solid #034a9a;
    padding-left: 3px;
    margin-bottom: 10px;
    background: rgba(255, 2255, 255, 0.93);
    border-radius: 0;
  }

  .scBtn {
    background: #034a9a;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    width: 100%;
    border-radius: 0;
  }

  .menu-btn {
    width: 35px;
  }

  .screen .title span {
    font-size: 14px;
  }

  .screen dt {
    /* justify-content: space-between; */
    justify-content: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .screen dt a {
    line-height: 28px;
    margin-top: 10px;
    /* margin-right: 5px;
    margin-left: 5px; */
    margin-right: auto;
    /* 自动填充右侧边距 */
    min-width: 60px;
    text-align: center;
    padding-left: 11px;
    padding-right: 11px;
    color: #666;
    font-size: 12px;
  }

  /* 取消最后一列的右侧边距 */
  .screen dt a:nth-child(每行元素数量n) {
    margin-right: 0;
  }

  .screen dt a.cur {
    background-color: #004898;
    color: #fff;
  }

  .screen dd {
    padding-left: 15px;
    padding-right: 15px;
  }

  .screen dd .tit {
    min-width: 97px;
    font-size: 12px;
    padding-top: 5px;
    line-height: 1.25;
  }


  .screen dd .all {
    width: 60px;
    margin-left: 20px;
    text-align: center;
  }

  /* .item .flex-warp a:first-child {
    margin-right: 70%;
    white-space: nowrap;
    width: inherit !important;
    min-width: inherit !important;
    padding-right: 10px;
  } */

  /* .screen dd .item:nth-child(1) a,
  .screen dd .item:nth-child(2) a {
    min-width: 48%;
  } */

  .screen dd a {
    margin-right: 0px;
    padding: 0;
    font-size: 12px;
    width: 25%;
    text-align: center;
    margin: 0;
    text-align: left;
    padding: 0 5px;
    border: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .screen dd .cur {
    color: #313131;
    background: #fff;
    color: #004898;
  }

  .list {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
  }

  .list .item {
    width: 48.5%;
    margin-right: 3%;
    margin-top: 20px;
  }

  .list .item:nth-of-type(4n) {
    margin-right: 3%;
  }

  .list .item:nth-of-type(2n) {
    margin-right: 0;
  }

  .list .item .tit {
    font-size: 14px;
  }

  .banner .text-content {
    font-size: 24px;
  }

  /* .pageNav .menuItem:nth-child(2),.prozs{display: none;} */
  .pagePanel {
    margin-bottom: 40px;
  }

  .pagePanel .content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .pagePanel .banner2 {
    margin: 0 auto;
    width: 325px;
  }

  .pagePanel .banner2 .big.swiper-container {
    width: 325px;
  }

  .pagePanel .banner2 .big .swiper-slide {
    /* transform: rotate(90deg); */
  }

  .pagePanel .banner2 .big .wraper {
    width: 325px;
    min-height: 380px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pagePanel .banner2 .big .wraper img {
    /* width: 250px; */
    */width: 100%;
    */
  }

  .pagePanel .banner2 .thumbs {
    width: 325px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto 0;
  }

  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0;
  }

  .pagePanel .banner2 .thumbs .arrow {
    width: 21px;
    height: 21px;
    cursor: pointer;
  }

  .pagePanel .banner2 .thumbs .wraper2 {
    overflow: hidden;
  }

  .pagePanel .banner2 .thumbs .center {
    margin: 0 17px;
    display: flex;
    gap: 15px;
    overflow-x: auto;
  }

  .pagePanel .banner2 .thumbs .center div {
    width: 40px;
    height: 40px;
    border: 1px solid #cfcfcf;
    flex-shrink: 0;
  }

  /* .pagePanel .content .con .text {

        margin-left: 25px;

    } */
  .pagePanel .proinfo .con:nth-child(1) {
    padding-right: 0px;
  }

  .prozs .content,
  .procj .content,
  .prosj .content,
  .proxg .content,
  .provr .content {
    padding-left: 30px;
  }

  .prozs li .pic.pc {
    display: none;
  }


  .prozs li .pic.mb {
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  }

  .prozs li .txt {
    font-size: 11px;
  }

  .prozs .name {
    font-size: 20px;
    color: #313131;
    margin-top: 10px;
    margin-left: 32px;
  }

  .procj li {
    width: 45%;
    margin-right: 0;
    margin-top: 20px;
  }

  .procj li:not(:nth-child(2n)) {
    margin-right: 20px;
  }

  .prosj li {
    width: 45%;
    margin-right: 0;
    margin-top: 20px;
  }

  .prosj li:not(:nth-child(2n)) {
    margin-right: 20px;
  }

  .proxg {
    /* margin-top: 28px; */
  }

  .proxg ul {
    margin-top: 28px;
    gap: 8px;

  }


  .proxg li {
    min-width: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
  }

  .proxg li img {
    display: block;
    width: 54px;
    height: 54px;
    margin-bottom: 19px;
    border-radius: 50%;
  }

  .proxg li .title2 {
    font-size: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #303030;
    line-height: 10px;
  }

  /* .prozs li, .procj li{width: 100%;margin-right: 0;margin-top: 20px;} */
  .provr li {
    width: 94%;
    margin-right: 4%;
  }

  .provr li:nth-child(even) {
    margin-right: 0;
  }

  .provr .marks {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/vr2.png) no-repeat center;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    z-index: 2;
    padding-top: 40px;
    color: #fff;
    font-size: 16px;
    background-size: 100% 100%;
  }

  /* .provr li:last-child{display: none;} */
  .pagePanel .proinfo .content .bottom {
    display: none;
  }

  .pagePanel .proinfo .content h3,
  .pagePanel .proinfo .content .txt {
    margin-left: 0;
  }

  .pagePanel .proinfo .content .text {
    margin-top: 16px;
    /* margin-left: 10px; */
    color: #666;
  }

  .pagePanel .content .tit {
    font-size: 18px;
    width: 110px;
    flex-grow: 0;
    min-width: 110px;
  }

  .pagePanel .title {
    margin-top: 50px;
  }

  .pagePanel .title img {
    margin-right: 5px;
  }

  .fixedright {
    display: none;
  }

  .pagePanel .proinfo .text {
    margin-left: 35px;
  }

  .pagePanel .proinfo .size {
    margin-left: 35px;
  }

  .pagePanel .proinfo .size div {
    margin-right: 0px;
    width: 33%;
    font-size: 13px;
  }

  .subCategory.more {
    justify-content: space-between;

  }

  .subCategory.more a {
    /* width: 20%; */
  }

  .pageNav .menuItem {
    line-height: 1.5;
    padding-left: 12px;
    margin-right: 8px;
    font-size: 12px;
  }


  .pageNav .menuItem::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #999;
  }

  .pageNav .active::after {
    background-color: #004898;
  }

}

.sub-lm-title {
  padding: 35px 0;
  text-align: center;
  color: #999;
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}

.sub-lm-title p {
  position: relative;
  font-size: 21px;
  color: #464646;
  letter-spacing: 3px;
}

.sub-lm-title p:before {
  content: "";
  display: block;
  width: 83px;
  border-bottom: 1px solid #e1e1f1;
  position: absolute;
  left: 35%;
  top: 50%;
}

.sub-lm-title p:after {
  content: "";
  display: block;
  width: 83px;
  border-bottom: 1px solid #e1e1f1;
  position: absolute;
  right: 35%;
  top: 50%;
}

@media (max-width: 424px) {

  /*修改425以下、普通的安卓手机屏*/
  .banner .swiper-pagination-bullet,
  .banner .swiper-pagination-bullet::before {
    width: 18px;
    height: 18px;
  }

  .banner .swiper-pagination-bullet::after {
    width: 9px;
    height: 9px;
  }

  .pagePanel .proinfo .content h3 {
    font-size: 20px;
  }
}

@media (max-width: 374px) {

  /*修改375以下、iPhone5，4，等小屏手机*/
  .pageNav .menuItem {
    margin-right: 15px;
    font-size: 13px;
    padding-left: 10px;
  }
}

.bottom .con:nth-child(3),
.bottom .con:nth-child(4) {
  margin-top: 20px;
}