.nyBanner {

  position: relative;

  height: 800px;

  margin-bottom: 60px;

}

.nyBanner img {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1;

}

.nyBanner .container {

  height: 100%;

}

.nyBanner .txtBox {

  padding: 0 10%;

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  -o-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  -o-justify-content: center;

  justify-content: center;

}

.nyBanner .txtBox h1 {

  color: rgba(255, 255, 255, 0.6);

  font-size: 40px;

  line-height: 76px;

  letter-spacing: 2px;

  font-weight: 100;

}

.nyBanner .txtBox h1 span {

  color: rgba(255, 255, 255, 0.95);

  font-weight: bold;

}

.nyBanner .txtBox p {

  margin-top: 60px;

  color: rgba(255, 255, 255, 0.8);

  font-size: 18px;

  line-height: 36px;

}

/* 向下滚动 */

.nyBanner .about_line {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

}

.nyBanner .about_line:after {

  content: "";

  width: 15px;

  height: 53px;

  position: absolute;

  left: 50%;

  margin-left: -7px;

  top: 100%;

  background: url(../images/about_ban_jt.png) no-repeat center;

}

.nyBanner .about_line .label {

  display: block;

  letter-spacing: 0.1em;

  font-size: 0.875rem;

  position: relative;

  padding-bottom: 110px;

  color: #fff;

  text-align: center;

}

.nyBanner .about_line .label .line {

  display: block;

  width: 3px;

  height: 100px;

  position: absolute;

  bottom: 0px;

  left: 50%;

  margin-left: -1px;

  overflow: hidden;

}

.nyBanner .about_line .label .line:before {

  height: 100%;

  background: #fff;

  opacity: 0.3;

  left: 0;

  top: 0;

  bottom: 0;

  content: "";

  position: absolute;

  width: 2px;

}

.nyBanner .about_line .label .line:after {

  background: #ff9d24;

  left: 0px;

  top: 0;

  content: "";

  position: absolute;

  width: 2px;

  -webkit-animation: about_scroll-down-line 3s infinite;

  -o-animation: about_scroll-down-line 3s infinite;

  animation: about_scroll-down-line 3s infinite;

}

@-webkit-keyframes about_scroll-down-line {

  0%,

  20% {

    height: 30%;

    top: -45%;

  }

  80%,

  100% {

    height: 30%;

    top: 145%;

  }

}



@keyframes about_scroll-down-line {

  0%,

  20% {

    height: 30%;

    top: -45%;

  }

  80%,

  100% {

    height: 30%;

    top: 145%;

  }

}

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

  .nyBanner {

    height: 500px;

  }

  .nyBanner .txtBox {

    padding: 0;

  }

  .nyBanner .txtBox h1 {

    font-size: 34px;

    line-height: 64px;

  }

  .nyBanner .txtBox p {

    margin-top: 30px;

    font-size: 15px;

    line-height: 26px;

  }

  .nyBanner .about_line .label {

    padding-bottom: 60px;

  }

  .nyBanner .about_line .label .line {

    height: 50px;

  }

}

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

  .nyBanner .txtBox h1 {

    font-size: 24px;

    line-height: 40px;

  }

}

/* 内页关于我们 */

.infoAbout .leftBox {

  width: 100%;

}

.infoAbout .sytitle2 h1 {

  padding: 0 20%;

}

.infoAbout .leftBox .sytitle2 p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 999;

}

.infoAbout .leftBox .row b {

  font-size: 70px;

  font-family: Impact;

  font-weight: bold;

  color: #545f69;

  transition: all 0.5s ease;

}

.infoAbout .leftBox .row li:hover b,

.infoAbout .leftBox .row li:hover p {

  color: #ff9d24;

  transition: all 0.5s ease;

}

.about_center02 {

  padding: 60px 0 0;

}

.about_center02 .rect-5269 {

  position: relative;

}

.about_center02 .rect-5269 img {

  display: block;

  width: 100%;

}

.about_center02 li {

  width: 32%;

  float: left;

  margin-left: 2%;

}

.about_center02 li:first-child {

  margin-left: 0px;

}

.about_center02 li .more {

  padding: 0 20px 0 40px;

  height: 38px;

  line-height: 38px;

  background: #fcb026;

  font-size: 14px;

  color: #343e47;

  font-weight: bold;

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.5s ease;

  opacity: 0;

  visibility: hidden;

}

.about_center02 li .li_box .more span {

  display: inline-block;

  vertical-align: middle;

}

.about_center02 li .li_box .more span.icon {

  margin-left: 46px;

  width: 8px;

  height: 16px;

  background: url(../images/about_center_jt.png) no-repeat center;

}

.about_center02 li .intro {

  background: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}

.about_center02 li .intro .box {

  padding: 30px 46px 30px 33px;

  color: #343e47;

}

.about_center02 li .intro .box .line {

  width: 43px;

  height: 3px;

  background: #fcb32f;

  margin-bottom: 20px;

}



.about_center02 li .intro .box .con {

  font-size: 14px;

  line-height: 22px;

  height: 44px;

  transition: all 0.5s ease;

  font-weight: lighter;

  overflow: hidden;

}

.about_center02 li:hover .li_box .more {

  opacity: 1;

  visibility: visible;

}

.about_center02 li:hover .intro .box .tit {

  font-weight: bold;

}

.about_center02 li:hover .intro .box .con {

  font-weight: bold;

}

.infoAbout .leftBox .row li {

  width: 25%;

}

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

  .infoAbout .sytitle2 h1 {

    padding: 0;

    text-align: left;

  }

  .about_center02 li .intro .box {

    padding: 10px;

  }

  .infoAbout .leftBox .row b {

    font-size: 50px;

  }

  .infoAbout .leftBox .sytitle2 p {

    text-align: left;

  }

  .infoAbout .leftBox .row li {

    width: 50%;

    text-align: left;

    margin-bottom: 20px;

  }

  .about_center02 {

    padding: 30px 0 0;

  }

  .about_center02 li {

    display: block;

    width: 100%;

    margin: 0;

    margin-bottom: 20px;

  }

  /*   .about_center02 li .li_box .more {

    opacity: 1;

    visibility: visible;

  } */

  .about_center02 li .li_box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

  .about_center02 li .li_box .rect-5269 {

    width: 300px;

    height: auto;

  }



  .about_center02 .rect-5269 img {

    height: 100%;

    object-fit: cover;

  }

}

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

  .infoAbout .leftBox .row b {

    font-size: 40px;

  }

}



/* 视频 */

.about_center03 {

  background: url(../images/about_center03_1.jpg) no-repeat center;

  height: 631px;

}

.about_center03 .container {

  position: relative;

  height: 100%;

}

.about_center03 .play_box {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 60px;

  cursor: pointer;

}

.about_center03 .play span {

  display: inline-block;

  vertical-align: middle;

}

.about_center03 .play span.icon {

  width: 100px;

  height: 100px;

  background: url(../images/about_play.png) no-repeat center;

  margin-right: 29px;

}

.about_center03 .play span.txt {

  font-size: 20px;

  color: #fff;

  font-weight: bold;

  line-height: 30px;

}

.about_center03 .cover_box {

  position: relative;

}

.about_center03 .cover {

  position: absolute;

  right: 0;

  top: 0;

  background: #1c268c;

  overflow: hidden;

}

.about_center03 .cover:after {

  content: "";

  width: 308px;

  height: 242px;

  background: url(../images/about_ico.png) no-repeat center;

  background-size: 100% auto;

  position: absolute;

  right: -64px;

  bottom: -23px;

  z-index: 2;

}

.about_center03 .cover .box {

  padding: 70px 49px 170px 40px;

}

.about_center03 .cover .box .smal_t {

  font-size: 20px;

  color: #fff;

  line-height: 30px;

  margin-bottom: 24px;

}

.about_center03 .cover .box .big_t {

  font-size: 42px;

  color: #fff;

  line-height: 44px;

  font-weight: bold;

  margin-bottom: 5px;

}

.about_center03 .cover .box .c {

  font-size: 28px;

  color: #fff;

  font-weight: bold;

  margin-bottom: 40px;

}

.about_center03 .cover .box .more {

  display: inline-block;

  padding: 0 20px;

  height: 38px;

  line-height: 34px;

  text-align: center;

  border: 2px solid #fff;

  font-size: 14px;

  color: #fff;

  font-weight: bold;

  position: relative;

}

.about_center03 .cover .box .more span {

  display: inline-block;

  vertical-align: middle;

  position: relative;

  z-index: 3;

}

.about_center03 .cover .box .more span.icon {

  width: 8px;

  height: 16px;

  background: url(../images/about_center_jtW.png) no-repeat;

  margin-left: 33px;

}



.about_center03 .cover .box .more:after {

  content: "";

  width: 0;

  height: 100%;

  background: #fbaf27;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  transition: all 0.5s ease;

}

.about_center03 .cover .box .more:hover {

  color: #333e46;

  border-color: #fbaf27;

}

.about_center03 .cover .box .more:hover:after {

  width: 100%;

}

.about_center03 .cover .box .more:hover span.icon {

  background: url(../images/about_center_jt.png) no-repeat;

}



/* 弹出层 */

.tj_yy {

  width: 100%;

  height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99999;

  display: none;

}

.tj_yy .b_j {

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.2);

  position: absolute;

  top: 80px;

  left: 0;

}



.tj_yy .close {

  position: absolute;

  top: 16%;

  right: 16%;

  display: block;

  width: 50px;

  height: 50px;

  background-color: #fff;

  border-radius: 50%;

  z-index: 999999999;

}

.tj_yy .close i {

  display: block;

  height: 100%;

  height: 100%;

  background: url(../images/close.png) no-repeat;

  background-size: 100% 100%;

}

.tj_yy video {

  position: absolute;

  display: block;

  width: 60%;

  height: auto;

  left: 50%;

  top: 56%;

  transform: translateX(-50%) translateY(-50%);

}

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

  .about_center03 {

    height: 400px;

  }

  .about_center03 .cover .box {

    padding: 60px 20px 100px 20px;

  }

}

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

  .syAboutBj {

    padding-top: 0;

  }

  .about_center03 .cover .box .big_t {

    font-size: 34px;

  }

  .about_center03 .cover .box .c {

    font-size: 20px;

  }

  .about_center03 .play span.icon {

    width: 60px;

    height: 60px;

    background-size: 100% 100%;

  }

  .about_center03 .play_box {

    bottom: 40px;

  }

}

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

  .about_center03 {

    height: 500px;

  }

}

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

  .about_center03 {

    height: 430px;

  }

  .about_center03 .cover .box .smal_t {

    font-size: 14px;

    line-height: 26px;

    margin: 0;

  }

  .about_center03 .cover .box .big_t {

    font-size: 24px;

  }

  .about_center03 .cover .box .c {

    font-size: 16px;

  }

  .about_center03 .cover .box {

    padding: 40px 40px 60px;

  }

}

/* 人才招聘/社会责任 */

.about_center04 {

  padding: 100px 0 80px;

}

.about_center04 .item {

  width: 49%;

  float: left;

  margin-left: 2%;

}

.about_center04 .item:first-child {

  margin-left: 0px;

}

.about_center04 .item .rect-5518 {

  height: 400px;

}

.about_center04 .item .rect-5518 img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.about_center04 .item .intro {

  width: 76%;

  background: #fff;

  margin-top: -70px;

  position: relative;

  z-index: 2;

}

.about_center04 .item .intro .box {

  padding: 49px 29px 20px 49px;

}

.about_center04 .item .intro .box .tit {

  font-size: 36px;

  line-height: 36px;

  color: #fbaf27;

  font-weight: bold;

  margin-bottom: 13px;

}

.about_center04 .item .intro .box .con {

  font-size: 16px;

  line-height: 25px;

  color: #000;

  font-weight: lighter;

  height: 50px;

  overflow: hidden;

  margin-bottom: 45px;

}

.about_center04 .item .intro .box .more {

  display: inline-block;

  padding: 0 20px;

  height: 38px;

  line-height: 34px;

  text-align: center;

  border: 2px solid #333e46;

  font-size: 14px;

  color: #333f47;

  font-weight: bold;

  position: relative;

}

.about_center04 .item .intro .box .more span {

  display: inline-block;

  vertical-align: middle;

  position: relative;

  z-index: 3;

}

.about_center04 .item .intro .box .more span.icon {

  width: 8px;

  height: 16px;

  background: url(../images/about_center_jt.png) no-repeat;

  margin-left: 33px;

}

.about_center04 .item .intro .box .more:after {

  content: "";

  width: 0;

  height: 100%;

  background: #fcb026;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  transition: all 0.5s ease;

}

.about_center04 .item .intro .box .more:hover {

  border-color: #fcb026;

}

.about_center04 .item .intro .box .more:hover:after {

  width: 100%;

}



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

  .about_center04 {

    padding: 50px 0 30px;

  }

  .about_center04 .item .rect-5518 {

    height: 250px;

  }

  .about_center04 .item .intro .box {

    padding: 15px;

  }

  .about_center04 .item .intro .box .tit {

    font-size: 22px;

    margin: 0;

  }

  .about_center04 .item .intro .box .con {

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 15px;

  }

}

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

  .about_center04 .item {

    float: none;

    width: 100%;

    margin-bottom: 20px;

  }

  .about_center04 .item .intro {

    width: 96%;

    margin-top: -30px;

  }

}



/* 荣誉 */

.rongyu {

  background-color: #f5f5f5;

}

.rongyu .swiper-container {

  position: relative;

  width: 100%;

  height: 100%;

}

.rongyu .swiper-container .bj {

  position: absolute;

  top: 0;

  left: 0;

  width: 11%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.8);

  z-index: 9;

}

.rongyu .swiper-container .bj2 {

  left: auto;

  right: 0;

}

.rongyu .swiper-slide {

  padding: 20px;

  background-color: #fff;

  height: 480px;

}

.rongyu .swiper-slide img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: scale-down;

}

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

  .rongyu .swiper-slide {

    height: 374px;

    padding: 15px;

  }

}

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

  .rongyu .swiper-slide {

    height: 300px;

    padding: 15px;

  }

}

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

  .rongyu .swiper-container .bj {

    display: none;

  }

}



/* 产品列表 */

/* 内页选项卡 */

.pro_list.channel_content {

  padding-bottom: 0;

}

.pro_list01 {

  padding-bottom: 60px;

}

.pro_list01 .hd .item {

  position: relative;

  padding-left: 123px;

  margin-bottom: 17px;

}

.pro_list01 .hd .item .tit {

  font-size: 20px;

  line-height: 38px;

  color: #323232;

  font-weight: bold;

  position: absolute;

  left: 0;

  top: 0;

}

.pro_list01 .hd .item .con {

  font-size: 0;

}



.pro_list01 .hd .item .con .con_a {

  display: inline-block;

  padding: 0 15px;

  height: 38px;

  line-height: 38px;

  font-size: 15px;

  background: #f0f0f0;

  color: #666;

  margin-right: 10px;

  text-align: center;

  margin-bottom: 13px;

}

.pro_list01 .hd .item .con .con_a.cur {

  background: #fcb026;

  color: #323f47;

}

/* 标题 */

.pro_list01 .bd {

  margin-top: 40px;

}

.pro_list01 .bd .bd_infor .tit {

  font-size: 30px;

  font-weight: bold;

  color: #fcb026;

  line-height: 1;

}

/* 列表 */

.pro_list01 .bd .bd_list {

  margin-top: 30px;

}

.pro_list01 .bd .bd_list li {

  width: 23.5%;

  margin-right: 2%;

  margin-bottom: 45px;

  transition: all 0.5s ease;

}

.pro_list01 .bd .bd_list li:nth-child(4n) {

  margin-right: 0;

}

.pro_list01 .bd .bd_list li .li_box {

  border: 1px solid #d6d6d6;

  padding: 40px 20px;

}

.pro_list01 .bd .bd_list li .infor {

  position: relative;

  z-index: 2;

}

.pro_list01 .bd .bd_list li .infor .con {

  font-size: 22px;

  line-height: 34px;

  height: 34px;

  overflow: hidden;

  color: #1b1b1b;

  font-weight: bold;

}

.pro_list01 .bd .bd_list li .infor .icon {

  width: 50px;

  height: 50px;

  background: url(../images/new_pro.png) no-repeat center;

  background-size: 100% 100%;

  position: absolute;

  top: -20px;

  right: 0px;

  opacity: 0;

  visibility: hidden;

}

.pro_list01 .bd .bd_list li.li_new1 .infor .icon {

  opacity: 1;

  visibility: visible;

}

.pro_list01 .bd .bd_list li .img_ {

  width: 100%;

  margin: 20px 0 10px;

}

.pro_list01 .bd .bd_list li .img_ img {

  display: block;

  width: 100%;

  height: auto;

}

.pro_list01 .bd .bd_list li .intro {

  padding: 15px 0px;

}

.pro_list01 .bd .bd_list li .intro p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

}



.pro_list01 .bd .bd_list li:hover {

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}

.pro_list01 .bd .bd_list li .more_box {

  text-align: center;

}

.pro_list01 .bd .bd_list li .more_box .more {

  display: inline-block;

  width: 48%;

  height: 41px;

  line-height: 41px;

  text-align: center;

  border: 1px solid #798186;

  font-size: 16px;

  color: #333f47;

  position: relative;

  margin-left: 14px;

}

.pro_list01 .bd .bd_list li .more_box .more02 {

  margin-left: 2%;

}

.pro_list01 .bd .bd_list li .more_box .more:first-child {

  margin-left: 0px;

}

.pro_list01 .bd .bd_list li .more_box .more span {

  position: relative;

  z-index: 3;

}

.pro_list01 .bd .bd_list li .more_box .more:after {

  content: "";

  width: 0;

  height: 100%;

  background: #fbaf27;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  transition: all 0.5s ease;

}

.pro_list01 .bd .bd_list li .more_box .more:hover {

  color: #000;

  border-color: #fbaf27;

}

.pro_list01 .bd .bd_list li .more_box .more:hover:after {

  width: 100%;

}

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

  .pro_list01 .bd .bd_list li .li_box {

    padding: 15px;

  }

  .pro_list01 .bd .bd_list li .more_box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

  .pro_list01 .hd .item {

    padding-left: 70px;

  }

  .pro_list01 .bd .bd_list li {

    margin-bottom: 20px;

  }

  .pro_list01 .bd .bd_list li .infor .icon {

    top: 0;

    width: 34px;

    height: 34px;

  }

}

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

  .pro_list01 .bd .bd_list li {

    width: 48%;

    margin-right: 2%;

  }

  .pro_list01 .bd .bd_list li:nth-child(2n) {

    margin-right: 0;

  }

}

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

  .pro_list01 .bd .bd_list li .li_box {

    padding: 10px;

  }

  .pro_list01 .bd .bd_list li {

    margin-bottom: 10px;

  }

  .pro_list01 .bd .bd_infor .tit {

    font-size: 24px;

  }

  .pro_list01 .bd .bd_list li .infor .con {

    font-size: 14px;

  }

  .pro_list01 .hd .item {

    padding-left: 0;

  }

  .pro_list01 .hd .item .tit {

    font-size: 14px;

    position: relative;

  }

  .pro_list01 .hd .item .con .con_a {

    padding: 0 9px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    margin-right: 5px;

    margin-bottom: 5px;

  }

  .pro_list01 .bd .bd_list li .more_box .more {

    line-height: 30px;

    height: 32px;

    font-size: 12px;

  }

  .pro_list01 .bd .bd_list li .infor p {

    font-size: 12px;

  }

}



/* 产品详情页-简介*/

.infoProductBox {

  position: relative;

  margin-top: -60px;

  background-color: #fff;

  z-index: 2;

}

.topProductLine {

  position: relative;

  border-bottom: solid 5px #f7b52c;

}

.topProductLine .bg {

  position: absolute;

  top: 0;

  right: 0;

  width: 50%;

  height: 100%;

  background-color: #f8f8f8;

  z-index: -1;

}

.infoProductBox .main {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.infoProductBox .main .leftBox {

  width: 50%;

  padding: 60px 0;

}

.infoProductBox .main .tabList {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.infoProductBox .main .tabList ul {

  width: 140px;

  height: auto;

}

.infoProductBox .main .tabList ul li {

  display: block;

  border: solid 1px #eee;

  margin: 10px 0;

  width: 140px;

  height: 140px;

}

.infoProductBox .main .tabList ul li.on {

  border-color: #f7b52c;

}

.infoProductBox .main .tabList ul li img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: scale-down;

}

.infoProductBox .main .tabList .tabContent {

  margin: 0 60px 0 60px;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.infoProductBox .tabContent .item {

  display: none;

}

.infoProductBox .tabContent .item img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: scale-down;

}

.infoProductBox .leftBox .canshu {

  float: right;

  margin-top: 20px;

  margin-right: 80px;

  width: calc(100% - 270px);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.infoProductBox .leftBox .canshu .cs {

  line-height: 20px;

  font-size: 15px;

  font-weight: bold;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.infoProductBox .leftBox .canshu .cs p:nth-child(2) {

  font-size: 12px;

  font-weight: normal;

  color: #999fa3;

}

.infoProductBox .leftBox .canshu .line {

  border-left: solid 1px #999fa3;

  border-right: solid 1px #999fa3;

}

.infoProductBox .main .rightBox {

  width: 50%;

  padding: 60px 0 60px 60px;

}

.infoProductJJ {

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  -o-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  -o-justify-content: center;

  justify-content: center;

}

.infoProductJJ h1 {

  font-size: 50px;

  font-weight: bold;

  color: #333f47;

  margin-bottom: 40px;

}

.infoProductJJ h1 span {

  font-size: 24px;

  color: #f7b52c;

  margin-left: 20px;

}

.infoProductJJ p {

  font-size: 16px;

  color: #787878;

  line-height: 30px;

}

.infoProductJJ strong {

  margin: 20px 0;

  font-size: 20px;

}

a.productDownload {

  position: relative;

  display: block;

  line-height: 40px;

  border-bottom: solid 1px #ddd;

  padding-left: 40px;

  font-size: 18px;

  font-weight: bold;

}

a.productDownload i {

  float: left;

  display: inline-block;

  width: 16px;

  height: 16px;

  background: url(../images/pro_add.png) no-repeat;

  position: absolute;

  left: 5px;

  top: 13px;

  transition: all 0.5s ease;

}

a.productDownload:hover i {

  background-position: 0 -16px;

}

.infoProductJJ .jg {

  margin-top: 40px;

}

.infoProductJJ .jg a {

  display: inline-block;

  float: left;

  width: auto;

  height: 54px;

  padding: 0 30px;

  line-height: 50px;

  background: #333f47;

  border: solid 2px #333f47;

  text-align: center;

  font-size: 18px;

  font-weight: bold;

  color: #f7b52c;

}

.infoProductJJ .jg a:nth-child(2) {

  margin-left: 30px;

  background-color: transparent;

  color: #f7b52c;

  border-color: #f7b52c;

}

/* 产品详情页-详情 */

.infoProductXq .btBox {

  border-bottom: solid 1px #eee;

}

.infoProductXq .btBox .container {

  height: 102px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

}

.infoProductXq .btBox h1 {

  font-size: 40px;

  font-weight: bold;

  line-height: 102px;

}

.infoProductXq .btBox h1 em {

  font-size: 18px;

  font-weight: normal;

  color: #798186;

  margin-left: 30px;

}

.infoProductXq .btBox .BackList {

  height: 100%;

  width: 160px;

  text-align: center;

  background-color: #f8f8f8;

  line-height: 102px;

  font-weight: bold;

  letter-spacing: 1px;

}

.infoProductXq .btBox .BackList i {

  margin-left: 20px;

  display: inline-block;

  width: 10px;

  height: 12px;

  background: url(../images/about_center_jt.png) no-repeat;

  background-size: 100% 100%;

}

.infoProductNr {



}

.infoProductNr img {

max-width:100%; text-align:center

}

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

  .infoProductBox .main .tabList ul {

    width: 100px;

  }

  .infoProductBox .main .tabList ul li {

    width: 100px;

    height: 100px;

  }

  .infoProductBox .main .tabList .tabContent {

    margin: 0 20px 0 20px;

  }

  .infoProductBox .leftBox .canshu {

    width: 100%;

    margin-right: 0;

  }

}

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

  .infoProductXq .btBox .container {

    height: auto;

  }

  .infoProductJJ h1 {

    font-size: 30px;

    margin-bottom: 20px;

  }

  .infoProductJJ h1 span {

    font-size: 16px;

  }

  .infoProductXq .btBox h1 {

    font-size: 24px;

    line-height: 80px;

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }

  .infoProductXq .btBox .BackList {

    line-height: 80px;

  }

}

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

  .infoProductBox .main {

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

  }

  .topProductLine .bg {

    display: none;

  }

  .infoProductBox .main .leftBox {

    width: 100%;

    padding: 30px 0;

  }

  .infoProductBox .main .tabList {

    -webkit-flex-direction: column-reverse;

    -moz-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    -o-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  .infoProductBox .main .tabList ul {

    margin-top: 20px;

    width: 100%;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

  .infoProductBox .main .tabList ul li {

    margin: 0;

    margin-right: 10px;

  }

  .infoProductBox .main .rightBox {

    width: 100%;

    background-color: #f8f8f8;

    padding: 30px;

    margin-bottom: 30px;

  }

  .infoProductBox .main .tabList .tabContent {

    margin: 0;

  }

}

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

  .infoProductXq .btBox .container {

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .infoProductXq .btBox h1 span {

    display: none;

  }

  .infoProductXq .btBox h1 em {

    margin-left: 0;

    font-size: 16px;

    font-weight: bold;

  }

}

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

  .infoProductJJ h1 {

    font-size: 18px;

  }

  .infoProductJJ h1 span {

    font-size: 12px;

    font-weight: normal;

  }

  .infoProductBox .main .tabList .tabContent {

    border: solid 1px #eee;

  }

  .infoProductJJ p {

    font-size: 15px;

    line-height: 28px;

  }

  .infoProductBox .main .rightBox {

    padding: 30px 15px;

  }

  .infoProductJJ strong {

    font-size: 16px;

    margin: 10px 0;

  }

  a.productDownload {

    font-size: 15px;

  }

  .infoProductJJ .jg {

    margin-top: 20px;

  }

  .infoProductJJ .jg a {

    height: 40px;

    padding: 0px 24px;

    line-height: 38px;

    font-size: 14px;

  }

}



/* 联系页banner */

.infoContactBanner {

  height: 500px;

}

.ContactBanTxtBox {

  height: 100%;

  padding-top: 200px;

  color: rgba(255, 255, 255, 0.95);

}

.ContactBanTxtBox h1 {

  font-weight: bold;

  font-size: 50px;

}

.ContactBanTxtBox .mbx a {

  color: rgba(255, 255, 255, 0.8);

}

.ContactBanTxtBox .mbx a.on {

  color: #f7b52c;

  font-weight: bold;

}

.ContactBanTxtBox .mbx span {

  margin: 0 10px;

  color: rgba(255, 255, 255, 0.6);

}



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

  .infoContactBanner {

    height: 400px;

  }

  .ContactBanTxtBox h1 {

    font-size: 40px;

  }

}

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

  .infoContactBanner {

    height: 340px;

  }

  .ContactBanTxtBox h1 {

    font-size: 24px;

  }

  .ContactBanTxtBox {

    padding-top: 160px;

  }

}



/* 联系我们 */

.contact_us01 {

  padding: 20px 15px 40px;

  overflow: hidden;

}

.contact_us01 .tit {

  font-size: 32px;

  color: #333e46;

  font-weight: bold;

  margin-bottom: 20px;

}

.contact_us01 .left {

  float: left;

  width: 48%;

}

.contact_us01 .left .con {

  font-size: 16px;

  color: #777;

  line-height: 24px;

  margin-bottom: 35px;

  text-align: justify;

}

.contact_us01 .left .con span {

  font-size: 18px;

  font-weight: bold;

  color: #fcb026;

}

.contact_us01 .left ul li {

  float: left;

  width: 45%;

  margin-right: 5%;

  margin-bottom: 35px;

}

.contact_us01 .left ul li .t {

  font-size: 20px;

  color: #333e46;

  font-weight: bold;

  margin-bottom: 5px;

}

.contact_us01 .left ul li .c {

  font-size: 14px;

  color: #727272;

  line-height: 20px;

  height: 40px;

  overflow: hidden;

}

.contact_us01 .left ul li .ewm img {

  display: block;

  width: 100%;

}

.contact_us01 .left .bdsharebuttonbox a {

  background: none;

  padding-left: 0;

  font-size: 20px;

  color: #bebebe;

}

.contact_us01 .left .bdsharebuttonbox a:hover {

  color: #fcb026;

}

.contact_us01 .right {

  float: right;

  width: 46%;

}

.contact_us01 .right ul li {

  overflow: hidden;

  margin-bottom: 20px;

}

.contact_us01 .right ul li input {

  width: 100%;

  font-size: 16px;

  color: #333e46;

  line-height: 40px;

  border: 1px solid #ebebeb;

  text-indent: 20px;

  height: 40px;

  box-sizing: border-box;

}

.contact_us01 .right ul li textarea {

  width: 100%;

  font-size: 16px;

  color: #333e46;

  line-height: 40px;

  border: 1px solid #ebebeb;

  padding-left: 20px;

  height: 130px;

  box-sizing: border-box;

}

.contact_us01 .right button {

  cursor: pointer;

  outline: none;

  background: transparent;

  display: inline-block;

  padding: 0 20px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  border: 2px solid #333e46;

  font-size: 14px;

  color: #333f47;

  font-weight: bold;

  position: relative;

}

.contact_us01 .right button span {

  display: inline-block;

  vertical-align: top;

  line-height: 34px;

  position: relative;

  z-index: 3;

}

.contact_us01 .right button span.icon {

  width: 8px;

  height: 16px;

  position: relative;

  top: 9px;

  background: url(../images/about_center_jt.png) no-repeat;

  margin-left: 33px;

}

.contact_us01 .right button:after {

  content: "";

  width: 0;

  height: 100%;

  background: #fcb026;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  transition: all 0.5s ease;

}

.contact_us01 .right button:hover {

  border-color: #fcb026;

}

.contact_us01 .right button:hover:after {

  width: 100%;

}

.map {

  height: 440px;

  overflow: hidden;

}

.map img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.contact_us02 .map {

  height: 430px;

  width: 100%;

  overflow: hidden;

}

.contact_us02 img {

  max-width: none;

}

.contact_us02 .content {

  background: #1c268c;

  padding: 40px 0;

}

.contact_us02 .content .tit {

  font-size: 32px;

  color: #fff;

  font-weight: bold;

}

.contact_us02 .content .con {

  font-size: 18px;

  color: #fff;

}

.contact_us03 {

  margin-top: 45px;

}

.contact_us03 ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap: wrap;

}

.contact_us03 ul li {

  width: 48%;

  margin-right: 4%;

  margin-bottom: 30px;

}

.contact_us03 ul li:nth-child(2n) {

  margin-right: 0;

}

.contact_us03 ul li .tit {

  font-size: 28px;

  color: #333e46;

  font-weight: bold;

  margin-bottom: 15px;

}

.contact_us03 ul li .box {

  padding: 50px;

  border: 1px solid #e2e2e2;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.contact_us03 ul li .box .left {

  float: left;

  position: relative;

  padding-right: 30px;

  font-size: 26px;

  color: #333e46;

  line-height: 110px;

}

/* .contact_us03 ul li .box .left:after {

  content: "";

  position: absolute;

  right: 0;

  width: 1px;

  height: 110px;

  background: #bcbcbc;

  top: 50%;

  margin-top: -55px;

} */

.contact_us03 ul li .box .right {

  width: 60%;

  position: relative;

  float: left;

  padding-left: 30px;

  min-height: 110px;

}

:root .contact_us03 ul li .box .right dl {

  width: 100%;

  transform: translateY(-50%);

  position: absolute;

  top: 50%;

}

.contact_us03 ul li .box .right dl dd {

  position: relative;

  padding-left: 15px;

  font-size: 16px;

  color: #333e46;

  line-height: 30px;

}

.contact_us03 ul li .box .right dl dd:after {

  content: "";

  position: absolute;

  left: 0;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: #fcb026;

  top: 12px;

}

.contact_us03 ul li.li_img {

  text-align: center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.contact_us03 ul li.li_img .img_box {

  display: inline-block;

  padding: 0 20px;

  margin-top: 75px;

}

.contact_us03 ul li.li_img .img_box .img_ {

  width: 120px;

  height: auto;

  margin: 0 auto;

}

.contact_us03 ul li.li_img .img_box .img_ img {

  display: block;

  width: 100%;

}

.contact_us03 ul li.li_img .img_box .txt {

  font-size: 18px;

  line-height: 30px;

  margin-top: 10px;

}

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

  .contact_us03 {

    padding: 30px 0;

  }

  .contact_us03 ul li .box {

    padding: 20px;

  }

  .contact_us03 ul li .box .left {

    font-size: 20px;

  }

  .contact_us03 ul li.li_img .img_box {

    margin-top: 52px;

  }

  .contact_us03 ul li.li_img .img_box .txt {

    font-size: 16px;

    line-height: 20px;

    margin-top: 5px;

  }

  .contact_us01 .left ul li.li100 {

    width: 95%;

  }

}

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

  .contact_us01 .tit,

  .contact_us03 ul li .tit {

    font-size: 24px;

  }

}

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

  .contact_us01 .left {

    float: none;

    width: 100%;

  }

  .contact_us01 .right {

    width: 100%;

    float: none;

  }

  .contact_us03 ul li {

    width: 100%;

    margin: 0;

    margin-bottom: 20px;

  }

  .contact_us03 ul li.li_img .img_box {

    margin-top: 20px;

  }

}

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

  .contact_us03 {

    padding: 0px 0 20px;

  }

  .map {

    height: 270px;

  }

  .contact_us02 .content .tit {

    font-size: 24px;

  }

  .contact_us03 ul li.li_img .img_box {

    padding: 0 5px;

  }

  .contact_us03 ul li.li_img .img_box .img_ {

    width: 100%;

  }

  .contact_us03 ul li.li_img .img_box .txt {

    font-size: 13px;

  }

}

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

  .contact_us03 ul li .box .left {

    padding-right: 15px;

    line-height: 34px;

  }

  .contact_us03 ul li .box {

    padding: 15px;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

  }

  .contact_us03 ul li .box .right {

    padding-left: 0px;

    height: auto;

    overflow: hidden;

    width: 100%;

  }

}

/* 新闻热点推荐 */

.infoNewsTopBox {

  padding: 60px 0;

  margin-top: -60px;

  background: url(../images/infoNewsBj.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}

.infoNewsTopBox .tltleXxk {

  margin-bottom: 30px;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -o-align-items: center;

  align-items: center;

}

.infoNewsTopBox .tltleXxk h1 {

  font-weight: bold;

  font-size: 48px;

}

.infoNewsTopBox .tltleXxk .xxk a {

  position: relative;

  font-size: 20px;

  font-weight: bold;

  margin: 0 15px;

}

.infoNewsTopBox .tltleXxk .xxk a.on::after {

  content: "";

  position: absolute;

  bottom: -15px;

  left: 0;

  display: block;

  width: 100%;

  height: 4px;

  background-color: #f7b52c;

}

.infoNewsTopBox main .list {

  width: 32%;

  margin-right: 2%;

}

.infoNewsTopBox main .listBg:hover,

.infoNewsTopBox main .list2:hover {

  background-color: #f7b52c;

}

.infoNewsTopBox main .listBg {

  background-color: #fff;

}

.infoNewsTopBox main .listBg .txtBox {

  padding: 30px;

}

.infoNewsTopBox main .list:nth-child(3) {

  margin: 0;

}

.infoNewsTopBox main .imgBox {

  height: 300px;

  overflow: hidden;

}

.infoNewsTopBox main a img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition: transform 0.5s;

}

.infoNewsTopBox main .listBg .txtBox p.time,

.infoNewsTopBox main .list2 p.time {

  color: #333f47;

  line-height: 30px;

}

.infoNewsTopBox main .listBg .txtBox p.bt,

.infoNewsTopBox main .list2 p.bt {

  font-size: 28px;

  line-height: 40px;

  margin: 10px 0 20px;

  white-space: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.infoNewsTopBox main .listBg .txtBox p.nr,

.infoNewsTopBox main .list2 p.nr {

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 10px;

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.infoNewsTopBox main .listBg .txtBox .bq span,

.infoNewsTopBox main .list2 .bq span {

  display: inline-block;

  vertical-align: middle;

  width: auto;

  padding: 0 10px;

  height: 23px;

  line-height: 23px;

  border: 1px solid #a9a9a9;

  text-align: center;

  font-size: 12px;

  color: #7e7e7e;

  margin-right: 8px;

  margin-bottom: 5px;

}

.infoNewsTopBox main .listBg:hover .txtBox .bq span,

.infoNewsTopBox main .list2:hover .bq span {

  border-color: #000;

  color: #000;

}

.infoNewsTopBox main .listRight {

  height: 100%;

}

.infoNewsTopBox main .listRight a {

  display: block;

  background-color: #fff;

  padding: 30px;

}

.infoNewsTopBox main .listRight a:nth-child(1) {

  margin-bottom: 30px;

}

.infoNewsTopBox main .list:hover img {

  transform: scale(1.05);

  transition: transform 0.5s;

}

.infoNewsTopBox main .listBg:hover p,

.infoNewsTopBox main .list2:hover p {

  color: #000 !important;

}



/* 新闻全部列表 */

.infoNewsBottomBox {

  padding-bottom: 80px;

}

.infoNewsBottomBox a {

  display: block;

  background-color: #f8f8f8;

  margin-top: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.infoNewsBottomBox a:hover {

  background-color: #f7b52c;

}

.infoNewsBottomBox a .imgBox {

  width: 400px;

  height: 260px;

  overflow: hidden;

}

.infoNewsBottomBox a .imgBox img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition: transform 0.5s;

}

.infoNewsBottomBox a:hover .imgBox img {

  transform: scale(1.06);

  transition: transform 0.5s;

}

.infoNewsBottomBox a .txtBox {

  position: relative;

  padding: 60px 380px 60px 60px;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.infoNewsBottomBox a .txtBox p.bt {

  font-size: 25px;

  line-height: 32px;

}

.infoNewsBottomBox a .txtBox p.nr {

  margin: 10px 0 15px;

  font-size: 15px;

  line-height: 26px;

  color: #666666;

  margin: 12px 0 35px;

  height: 52px;

}

.infoNewsBottomBox a .txtBox p.bt,

.infoNewsBottomBox a .txtBox p.nr {

  color: #000000;

}

.infoNewsBottomBox a .txtBox em {

  color: #999;

}

.infoNewsBottomBox a .txtBox .time {

  position: absolute;

  top: 60px;

  right: 60px;

  width: 90px;

  height: auto;

}

.infoNewsBottomBox a .txtBox .time strong {

  font-size: 60px;

  line-height: 60px;

  color: #333f47;

  font-family: Impact;

  margin-bottom: 5px;

}

.infoNewsBottomBox a .txtBox .time p {

  font-size: 18px;

  line-height: 32px;

  color: #333f47;

  font-family: Arial;

}

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

  .infoNewsTopBox .tltleXxk h1 {

    font-size: 34px;

  }

  .infoNewsTopBox .tltleXxk .xxk a {

    font-size: 16px;

  }

  .infoNewsTopBox main .imgBox {

    height: 246px;

  }

  .infoNewsTopBox main .listBg .txtBox p.bt,

  .infoNewsTopBox main .list2 p.bt {

    font-size: 18px;

    line-height: 34px;

  }

  .infoNewsTopBox main .listBg .txtBox,

  .infoNewsTopBox main .listRight a {

    padding: 20px;

  }

  .infoNewsBottomBox a .imgBox {

    width: 300px;

    height: 200px;

  }

  .infoNewsBottomBox a .txtBox {

    padding: 34px 200px 34px 40px;

  }

  .infoNewsBottomBox a .txtBox p.bt {

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

  }

  .infoNewsBottomBox a .txtBox p.nr {

    height: auto;

    margin: 12px 0 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

  }

  .infoNewsBottomBox a .txtBox .time {

    right: 30px;

    width: 60px;

  }

  .infoNewsBottomBox a .txtBox .time strong {

    font-size: 50px;

    line-height: 50px;

  }

  .infoNewsBottomBox a .txtBox .time p {

    font-size: 15px;

  }

}

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

  .infoNewsTopBox {

    padding: 50px 0 40px;

  }

  .infoNewsTopBox main .list {

    width: 49%;

    margin-right: 2%;

  }

  .infoNewsTopBox main .list2 {

    margin-right: 0;

  }

  .infoNewsTopBox main .list:nth-child(3) {

    width: 100%;

    margin-top: 10px;

  }

  .infoNewsTopBox main .listRight a:nth-child(1) {

    margin-bottom: 10px;

  }

  .infoNewsTopBox main .imgBox {

    height: 180px;

  }

  .infoNewsBottomBox a .imgBox {

    display: none;

  }

  .infoNewsBottomBox a .txtBox {

    padding: 20px 120px 20px 20px;

  }

}

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

  .infoNewsBottomBox {

    padding-bottom: 40px;

  }

  .infoNewsTopBox .tltleXxk {

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: flex-start;

    -moz-align-items: flex-start;

    -ms-align-items: flex-start;

    -o-align-items: flex-start;

    align-items: flex-start;

  }

  .infoNewsTopBox .tltleXxk h1 {

    font-size: 24px;

  }

  .infoNewsTopBox .tltleXxk .xxk {

    margin-top: 20px;

  }

  .infoNewsTopBox .tltleXxk .xxk .one {

    margin-left: 0;

  }

  .infoNewsTopBox main .imgBox {

    height: 124px;

  }

  .infoNewsTopBox main .listBg .txtBox,

  .infoNewsTopBox main .listRight a {

    padding: 10px;

  }

  .infoNewsTopBox main .listBg .txtBox p.time,

  .infoNewsTopBox main .list2 p.time {

    font-size: 12px;

    line-height: 20px;

  }

  .infoNewsTopBox main .listBg .txtBox p.bt,

  .infoNewsTopBox main .list2 p.bt {

    font-size: 15px;

    line-height: 26px;

    margin: 5px 0 5px;

  }

  .infoNewsTopBox main .listBg .txtBox p.nr,

  .infoNewsTopBox main .list2 p.nr {

    font-size: 12px;

    line-height: 20px;

  }

  .infoNewsBottomBox a .txtBox p.bt {

    font-size: 15px;

  }

  .infoNewsBottomBox a .txtBox p.nr {

    font-size: 12px;

    margin: 0;

    line-height: 20px;

    opacity: 0.6;

  }

  .infoNewsBottomBox a .txtBox .time {

    top: 22px;

    right: 20px;

    width: 48px;

  }

  .infoNewsBottomBox a .txtBox .time strong {

    font-size: 24px;

    line-height: 24px;

  }

  .infoNewsBottomBox a .txtBox .time p {

    font-size: 12px;

  }

  .infoNewsBottomBox a .txtBox {

    padding: 15px 80px 15px 15px;

  }

}

/* 新闻详情标题 */

.infoNewsXq {

  position: relative;

  margin-top: -60px;

  z-index: 2;

}

.NewsXqBt {

  background-color: #f5f5f5;

  padding: 60px 0;

  text-align: center;

}

.NewsXqBt h1 {

  font-size: 34px;

  font-weight: bold;

}

.NewsXqBt p {

  font-size: 13px;

  color: #939393;

  margin-top: 20px;

}

.NewsXqBt p span {

  margin: 0 15px;

}

/* 新闻详情左 */

.infoNewsXq .leftBox {

  padding: 60px 10% 60px 5%;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.infoNewsXq .leftBox p {

  margin: 20px 0;

  color: #666666;

  line-height: 32px;

}

.infoNewsXq .leftBox img {

  display: block;

  width: 100%;

}

.infoNewsXq .rightBox {

  width: 340px;

}

.infoNewsXq .rightBox .nextBox a {

  display: block;

  border: solid 1px #eee;

  padding: 30px;

  margin-top: 20px;

}

.infoNewsXq .rightBox .nextBox .line {

  width: 100%;

  height: 1px;

  background-color: #eee;

  margin: 12px 0 24px;

}

.infoNewsXq .rightBox .nextBox .line span {

  position: relative;

  top: -12px;

  display: block;

  width: 90px;

  height: 18px;

  font-size: 18px;

  background-color: #fff;

}

.infoNewsXq .rightBox .nextBox a p.time {

  color: #aaaaaa;

}

.infoNewsXq .rightBox .nextBox a p.title,

.infoNewsXq .rightBox .tuijian a.xw p.bt {

  font-size: 16px;

  color: #696969;

  line-height: 25px;

  height: 50px;

  margin-top: 20px;

  overflow: hidden;

}

.infoNewsXq .rightBox .nextBox a:hover p.title,

.infoNewsXq .rightBox .tuijian a.xw:hover p.bt {

  color: #f7b52c;

}

.infoNewsXq .rightBox .tuijian {

  border: 10px solid #f5f5f5;

  padding: 20px;

  margin-top: 20px;

}

.infoNewsXq .rightBox .tuijian .title strong {

  float: left;

  font-size: 24px;

  font-weight: bold;

  color: #323f47;

  line-height: 26px;

}

.infoNewsXq .rightBox .tuijian .title a {

  float: right;

  color: #aaaaaa;

}

.infoNewsXq .rightBox .tuijian .title a:hover {

  color: #ff9d24;

}

.infoNewsXq .rightBox .tuijian a.xw {

  display: block;

  padding: 15px 0;

  border-bottom: solid 1px #eee;

}

.infoNewsXq .rightBox .tuijian a.xw p.time {

  font-size: 14px;

  color: #727272;

  margin-top: 20px;

}

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

  .NewsXqBt {

    padding: 40px 0;

  }

  .NewsXqBt h1 {

    font-size: 26px;

  }

  .infoNewsXq .leftBox {

    padding: 40px;

  }

  .infoNewsXq .rightBox {

    width: 280px;

  }

}

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

  .infoNewsXq main {

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

  }

  .infoNewsXq .leftBox {

    padding: 15px 0 0;

  }

  .infoNewsXq .rightBox {

    width: 100%;

    padding-bottom: 30px;

  }

  .infoNewsXq .rightBox .tuijian .title strong {

    font-size: 22;

  }

  .infoNewsXq .rightBox .nextBox a {

    padding: 20px;

  }

}

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

  .NewsXqBt h1 {

    font-size: 18px;

  }

  .infoNewsXq .leftBox p {

    margin: 10px 0;

  }

  .infoNewsXq .rightBox .nextBox .line span {

    font-size: 16px;

  }

  .infoNewsXq .rightBox .tuijian .title strong {

    font-size: 18px;

  }

}



/* 解决方案 */

.infoJjfa {

  padding: 40px 0 80px;

}

.infoJjfa .card-columns {

  -webkit-column-count: 3;

  -moz-column-count: 3;

  column-count: 3;

  -webkit-column-gap: 1.25rem;

  -moz-column-gap: 1.25rem;

  column-gap: 1.25rem;

  orphans: 1;

  widows: 1;

}

.infoJjfa .card h5 {

  font-size: 24px;

  font-weight: bold;

}

.infoJjfa .card .card-text {

  color: #999999;

  line-height: 25px;

  overflow: hidden;

}

.infoJjfa .card .bq {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap: wrap;

}

.infoJjfa .card .bq a {

  margin-right: 10px;

  margin-top: 15px;

  font-size: 13px;

  border: solid 1px #aaa;

  color: #727272;

  line-height: 30px;

  padding: 0 15px;

}

.infoJjfa .card .bq a:hover {

  border-color: #f7b52c;

  color: #f7b52c;

}

.infoJjfa .card a.gd {

  display: block;

  margin-top: 40px;

  color: #a9a9a9;

}

.infoJjfa .card a.gd:hover {

  color: #f7b52c;

}

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

  .infoJjfa .card h5 {

    font-size: 20px;

  }

  .infoJjfa .card .card-text {

    font-size: 14px;

    line-height: 24px;

  }

  .infoJjfa .card .bq a {

    font-size: 12px;

    margin-top: 10px;

    padding: 0 6px;

    line-height: 27px;

  }

}

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

  .infoJjfa .card-columns {

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

    column-gap: 10px;

  }

}

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

  .infoJjfa {

    padding: 20px 0 40px;

  }

  .infoJjfa .card-columns {

    -webkit-column-count: 1;

    -moz-column-count: 1;

    column-count: 1;

  }

}





.xiaocms-page { padding:14px 0 10px; margin-right: 10px;}

.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}

.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }

.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }