.pro_show_jianjie {

  line-height: 3em;

  text-indent: 2em;

  margin: 25px 0 40px 0;

}

.pro_show_tit {

  position: relative;

  margin: 0 0 20px 0;

}

.pro_show_tit img {

  width: 100%;

  display: block;

}

.pro_show_tit h2 {

  position: absolute;

  top: 6px;

  font-size: 28px;

  color: #fff;

  font-weight: bold;

}

.pro_show_tit h2 b {

  text-transform: uppercase;

  font-size: 18px;

  position: absolute;

  top: 17px;

  display: block;

  width: 400px;

}

.pro_show_tit p {

  position: absolute;

  left: 180px;

  top: 27px;

  display: block;

  letter-spacing: 0;

  font-weight: normal;

  color: #fff;

  letter-spacing: 15px;

  opacity: 0.8;

}

.pro-ad1 {

  height: 211px;

  margin: 0 0 30px 0;

  background: url(../simages/ad_1.jpg) no-repeat center center;

}

.pro-ad1 .box .text {

  height: 208px;

  padding: 40px  0 0 0;

  width: 695px;

  margin-left: auto;

  text-align: center;

}

.pro-ad1 .box .text p {

  font-size: 22px;

  color: #fff;

  text-align: left;

  line-height: 30px;

}

.pro-ad1 .box .text p b {

  font-weight: bold;

  font-size: 43px;

}

.pro-ad1 .box .text h2 {

  font-size: 24px;

  color: #fff;

  text-align: left;

  line-height: 34px;

  font-weight: bold;

  margin: 0 0 10px 0;

}

.pro-ad1 .box .text h2 b {

  font-weight: bold;

  font-size: 43px;

}

.pro-ad1 .box .text .tel {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  color: #000000;

  margin-top: 13px;

  height: 36px;

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

  padding: 0 0 0 50px;

}

.pro-ad1 .box .text .tel span {

  font-size: 24px;

}

.pro-ad1 .box .text .tel .cd-intro {

  width: auto;

}

.pro-ad1 .box .text .tel .cd-intro .cd-headline {

  font-size: 2rem;

}

.pro-ad1 .box .text .tel b {

  font-size: 32px;

  font-weight: bold;

  color: #fff;

  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;

}

.pro-ad1 .box .text .tel a {

  display: block;

  width: 125px;

  height: 40px;

  line-height: 40px;

  border-radius: 30px;

  background: #fff;

  text-align: center;

  margin: 0px 0 0 25px;

  transition: all 0.2s linear;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  box-shadow: 0 0 8px #085894;

  color: #0d89e8;

  font-size: 18px;

}

.pro-ad1 .box .text .tel a span {

  color: #f9a808;

  display: block;

  font-size: 20px;

}

.pro-ad1 .box .text .tel a:hover {

  background: #f9a808;

  box-shadow: none;

  color: #fff;

}

.pro-ba {

  margin: 0 0 25px 0;

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

}

.pro-ba .t-title {

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

}

.pro-ba .box {

  margin-top: 33px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.pro-ba .box .item {

  width: 222px;

  height: 283px;

  text-align: center;

  cursor: pointer;

  margin-bottom: 12.5px;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

}

.pro-ba .box .item .pic {

  width: 100%;

}

.pro-ba .box .item .pic img {

  width: 100%;

  display: block;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

.pro-ba .box .item .pic h2 {

  color: #fff;

  font-size: 20px;

  line-height: 20px;

  position: absolute;

  top: 116px;

  width: 100%;

  text-align: center;

  font-weight: bold;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

}

.pro-ba .box .item .pic p {

  color: #fff;

  font-size: 16px;

  line-height: 16px;

  position: absolute;

  top: 147px;

  width: 100%;

  text-align: center;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

}

.pro-ba .box .item::before {

  position: absolute;

  content: "";

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

  bottom: 0;

  width: 100%;

  height: 100%;

  left: 0;

}

.pro-ba .box .item:after {

  content: "";

  position: absolute;

  height: 0px;

  width: 100%;

  left: 0;

  background: #0d89e8;

  background-size: auto;

  background-size: 100% 100%;

  bottom: 0%;

  -webkit-transition: height 0.4s;

  transition: height 0.4s;

  color: #fff;

  z-index: 1;

}

.pro-ba .box .item:hover {

  box-shadow: 0 0 20px #a1a1a1;

}

.pro-ba .box .item:hover .pic img {

  transform: scale(1.1);

}

.pro-ba .box .item:hover h2 {

  top: 217px;

  z-index: 2;

}

.pro-ba .box .item:hover p {

  top: 245px;

  z-index: 2;

}

.pro-ba .box .item:hover::before {

  height: 0%;

}

.pro-ba .box .item:hover:after {

  height: 80px;

  z-index: 1;

}

.pro_show_text {

  display: flex;

  justify-content: space-between;

}

.pro_show_text .text_r {

  display: flex;

  align-content: space-between;

  flex-wrap: wrap;

  width: 430px;

  height: 330px;

}

.pro_show_text .text_r h2 {

  font-size: 26px;

  font-weight: bold;

  color: #333333;

  position: relative;

  line-height: 36px;

  padding: 0 0 15px 0;

  border-bottom: 1px solid #dadada;

}

.pro_show_text .text_r h3 {

  font-size: 20px;

  color: #666666;

  font-size: 22px;

  margin: 15px 0 25px;

  font-weight: bold;

}

.pro_show_text .text_r p {

  font-size: 20px;

  color: #666666;

  line-height: 30px;

  margin: 0 0 10px 0;

}

.pro_show_text .text_r a {

  width: 143px;

  line-height: 38px;

  background: #333333;

  border-radius: 30px;

  color: #fff;

  font-size: 18px;

  display: block;

  text-align: center;

}

.pro_show_text .text_r a:hover {

  background: #e1b956;

}

.pro-advan {

  margin: 0 0 30px 0;

}

.pro-advan .ad-content {

  margin: 0px 0 0 0;

  padding-top: 10px;

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

}

.pro-advan .ad-content .box {

  margin: 0 0 40px 0;

}

.pro-advan .ad-content .box .pic {

  position: relative;

}

.pro-advan .ad-content .box .pic img {

  width: auto;

  display: block;

  margin: 0 auto;

}

.pro-advan .ad-content .box .pic p {

  position: absolute;

  color: #fff;

  left: 20px;

  bottom: 69px;

  font-size: 14px;

  font-weight: bold;

  line-height: 28px;

}

.pro-advan .ad-content .box .text .title_ad {

  margin-bottom: 25px;

  height: 50px;

  line-height: 50px;

  padding: 0px 0 0 58px;

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

}

.pro-advan .ad-content .box .text .title_ad h2 {

  font-size: 28px;

  color: #333333;

  font-weight: bold;

  letter-spacing: 1px;

  margin: 0 0 0 8px;

  border-bottom: 1px dashed #848484;

  height: 58px;

  line-height: 47px;

  text-align: left;

}

.pro-advan .ad-content .box .text .title_ad h2 b {

  margin-top: 8px;

  font-size: 28px;

  font-weight: bold;

}

.pro-advan .ad-content .box .text .title_ad p {

  font-size: 11px;

  text-transform: uppercase;

  color: #cdcdcd;

}

.pro-advan .ad-content .box .text .content {

  margin: 0 0 20px 20px;

  padding: 0;

}

.pro-advan .ad-content .box .text .content p {

  margin: 0 0 15px 0px;

  color: #666666;

  font-size: 18px;

  line-height: 30px;

  padding: 0 0 0 42px;

  background: url(../images/four_9.png) no-repeat left 14px;

}

.pro-advan .ad-content .box .text .content p b {

  color: #333333;

  font-weight: bold;

}

.pro-advan .ad-content .box .text .content a {

  display: block;

  width: 140px;

  line-height: 42px;

  border-radius: 30px;

  text-align: center;

  background: #e5c679;

  color: #fff;

  font-size: 18px;

  margin-top: 10px;

  margin: 0 auto 0 0;

  position: relative;

}

.pro-advan .ad-content .box .text .content a:hover {

  color: #fff;

}

.pro-advan .ad-content .box:nth-child(2) {

  margin-bottom: 30px;

}

.pro-advan .ad-content .box:nth-child(2) .text .title_ad {

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

}

.pro-advan .ad-content .box:nth-child(2) .text .title_ad h2 b {

  font-size: 28px;

}

.pro-advan .ad-content .box:nth-child(3) {

  margin: 0 0 20px 0;

}

.pro-advan .ad-content .box:nth-child(3) .text .title_ad {

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

}

.pro-advan .ad-content .box:nth-child(4) {

  margin-bottom: 0;

}

.pro-advan .ad-content .box:nth-child(4) .text .title_ad {

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

}

.pro_content {

  margin: 0 0 30px 0;

}

.pro_show_company {

  margin: 35px 0 40px 0;

}

.pro_show_company h3 {

  color: #adadad;

  font-size: 16px;

  margin: 8px 0 15px;

}

.pro_show_company h2 {

  color: #333333;

  font-weight: bold;

  font-size: 26px;

  margin: 10px 0 10px 0;

}

.pro_show_company .text_com {

  margin: 10px 0 0 0;

}

.pro_show_company .text_com p {

  color: #666666;

  font-size: 20px;

  line-height: 36px !important;

  margin: 0 0 10px 0;

  text-indent: 0em !important;

}

.pro_show_sercive {

  margin: 30px 0 40px;

  position: relative;

}

.pro_show_sercive p {

  position: absolute;

  color: #333333;

  font-size: 22px;

  font-weight: bold;

  text-align: center;

  line-height: 32px !important;

  text-indent: 0em !important;

}

.pro_show_sercive p a {

  color: #fff;

  width: 160px;

  height: 40px;

  line-height: 40px;

  border-radius: 30px;

  background: #0d89e8;

  display: block;

  font-weight: normal;

  font-size: 18px;

  position: absolute;

  left: 40px;

  top: 93px;

}

.pro_show_sercive p a:hover {

  background: #333333;

}

.pro_show_pro {

  padding: 0 0px;

  margin: 30px 0 0;

  position: relative;

}

.pro_show_pro .swiper-container {

  padding: 0 0 40px 0;

}

.pro_show_pro .swiper-container .swiper-pagination {

  position: absolute;

  bottom: 0;

}

.pro_show_pro .swiper-container .swiper-pagination-bullet {

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background: #707070;

  opacity: 1;

}

.pro_show_pro .swiper-container .swiper-pagination-bullet-active {

  background: #e1b956;

}

.pro_show_pro .item {

  border: 1px solid #bbbbbb;

  border-radius: 15px;

  overflow: hidden;

}

.pro_show_pro .item a {

  display: block;

  position: relative;

}

.pro_show_pro .item a .pic {

  width: 100%;

  overflow: hidden;

}

.pro_show_pro .item a .pic img {

  width: 100%;

  display: block;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;

}

.pro_show_pro .item a h2 {

  width: 100%;

  text-align: center;

  font-size: 18px;

  color: #333333;

  line-height: 36px;

}

.pro_show_pro .item:hover a .pic img {

  transform: scale(1.2);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

}

.pro_show_pro .item:hover a h2 {

  color: #0d89e8;

}

.pro_show_pro .next {

  left: 0px;

  position: absolute;

  top: 50%;

  z-index: 999;

  margin-left: -38px;

  cursor: pointer;

  margin-top: -45px;

  width: 26px;

  height: 56px;

  background: url(../simages/left.png) no-repeat center center;

}

.pro_show_pro .next:hover {

  background: url(../simages/left_h.png) no-repeat center center;

}

.pro_show_pro .prev {

  right: 0px;

  position: absolute;

  z-index: 999;

  top: 50%;

  margin-top: -45px;

  margin-right: -38px;

  cursor: pointer;

  width: 26px;

  height: 56px;

  background: url(../simages/right.png) no-repeat center center;

}

.pro_show_pro .prev:hover {

  background: url(../simages/right_h.png) no-repeat center center;

}