/**产品列表**/
.ProductList{ padding:50px 0 95px; }
.ProductList .ul{ line-height: 0; font-size: 0; margin:-18px; }
.ProductList .ul li{ display: inline-block; vertical-align: top; width:50%; padding:18px; }
.ProductList .ul .Box{ display: block; background:url(../images/back_product.jpg) no-repeat center/100% 100%; text-align: center; padding:30px; }
.ProductList .ul .imgBox{ position: relative; overflow: hidden; padding: 20px 0; }
.ProductList .ul .imgBox::before{ content:''; display: block; padding-top:53.544%; }
.ProductList .ul .imgBox img{ display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; transform: scale(1); transition: all .3s;}
.ProductList .ul .imgBox:hover img{transform: scale(1.08);}
.ProductList .ul .title{ line-height: 20px; font-weight: bold; font-size: 15px; color:#555; margin-top: 25px; }
.ProductList .ul .Box:hover .title{ color:#3f6cbd; }
@media (max-width:1200px) {
    .ProductList{ padding:35px 0 30px; }
    .ProductList .ul{ margin:-10px; }
    .ProductList .ul li{ padding:10px; }
    .ProductList .ul .Box{ padding:20px 10px; }
}
@media (max-width:992px) {
    .ProductList .ul{ margin:-8px; }
    .ProductList .ul li{ padding:8px; }
    .ProductList .ul .Box{ padding:15px 10px; }
}
@media (max-width:768px) {
    .ProductList{ padding:30px 0; }
    .ProductList .ul{ margin:-5px; }
    .ProductList .ul li{ padding:5px; }
    .ProductList .ul .Box{ padding:10px 10px 5px; }
    .ProductList .ul .title{ font-size: 14px; }
}

/*产品内容*/
.ProductInfoA-A{ padding-top: 0; padding-bottom: 60px; }
.ProductInfoA-A .retrurn{ text-align: right; }
.ProductInfoA-A .retrurn a{ display: inline-block; font-size: 16px; line-height: 22px; color: #999999; }
.ProductInfoA-A .retrurn a:hover{ color: #3f6cbd; }
.ProductInfoA-A .clearBox{ padding-top: 10px; }
.ProductInfoA-A .imgs{ width: 43%; float: left; }
.ProductInfoA-A .imgBox{ border: 1px solid #e4e4e4; transition: all .3s; height:405px; text-align:center; overflow:hidden; }
.ProductInfoA-A .imgBox img{height:100%; width:auto; transition-duration: 2s;}
.ProductInfoA-A .imgBox img:hover {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.pcon{
  background:#0b3fae;
  color:#fff;
  border-radius:50px;
  padding:15px 30px;
  transition:all 0.4s;
}
.pcon:hover{
  color:#fff;
  margin-left:10px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
/*.ProductInfoA-A .imgBox::before{ content: ""; display: block; width: 100%; padding-top: 100%; }*/
/*
.ProductInfoA-A .imgBox::before{ content: ""; display: block; width: 100%; padding-top: 100%; }
*/
.ProductInfoA-A .swiper-box{ margin-top: 20px; position: relative; padding: 0 30px; }
.ProductInfoA-A .swiper-box .imgBox{ display: block; cursor: pointer; height:80px; }
.ProductInfoA-A .swiper-box .on .imgBox,
.ProductInfoA-A .swiper-box .imgBox:hover{ border-color: #1759bb; }
.ProductInfoA-A .swiper-box .btn{ position: absolute; top: 0; height: 100%; width: 20px; cursor: pointer; background: no-repeat center/10px auto; }
.ProductInfoA-A .swiper-box .prev{ left: 0; background-image: url(../images/icon_jt2_1.png); }
.ProductInfoA-A .swiper-box .next{ right: 0; background-image: url(../images/icon_jt2_2.png); }
.ProductInfoA-A .swiper-box .prev:hover{ background-image: url(../images/icon_jt2_1_h.png); }
.ProductInfoA-A .swiper-box .next:hover{ background-image: url(../images/icon_jt2_2_h.png); border: 0; }

.ProductInfoA-A .cont{ width: 52.5%; padding-top: 15px; float: right; }
.ProductInfoA-A .cont .h1{ font-weight: 400; font-size: 32px; line-height: 1.4em; color: #333333; }
.ProductInfoA-A .cont .des{ font-size: 16px; line-height: 1.4em; color: #999999; }
.ProductInfoA-A .cont .text{ margin-top: 25px; margin-bottom: 50px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 8px; padding-bottom: 8px; font-size: 15px; line-height: 2em; color: #777777; }
.ProductInfoA-A .cont .text .p{ position: relative; margin-top: 14px; margin-bottom: 14px; padding-left: 20px; }
.ProductInfoA-A .cont .text .p::before{ content: ""; display: block; position: absolute; left: 5px; top: 11px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #e3e3e3; }
.ProductInfoA-A .cont .MoreBox .a{ border-radius: 3px; padding:0 45px; font-size: 16px; }
.ProductInfoA-B{ background: #f1f1f1 url(../images/product/bg.jpg) no-repeat top center/100% auto; padding: 70px 0 100px; }
.ProductInfoA-B .pad{ padding: 35px 30px; }
.ProductInfoA-B .title{ border-bottom: 1px solid #dfdfdf; font-size: 0; line-height: 0; }
.ProductInfoA-B .title .span{ display: inline-block; position: relative; padding: 15px 0; font-size: 18px; font-weight: 700; color: #777777; line-height: 1.4em; color: #777777; cursor: pointer; }
.ProductInfoA-B .title .span+.span{ margin-left: 48px; }
.ProductInfoA-B .title .span:hover{ color: #3f6cbd; }
.ProductInfoA-B .title .span.on{ color: #3f6cbd;}
.ProductInfoA-B .title .span::after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; background: #3f6cbd; width: 100%; height: 2px; transition: all .3s ease-in-out; }
.ProductInfoA-B .title .span.on::after{ background: #3f6cbd;}

.ProductInfoA-B .cont-block{ padding-top: 22px; overflow: hidden; }
.ProductInfoA-B .cont-block .protab{ width: 100%; background: #f9f9f9; }
.ProductInfoA-B .cont-block .protab tr:first-child{ background: #3f6cbd; color:#fff }
.ProductInfoA-B .cont-block .protab tr td{ line-height: 38px; font-size: 15px; border: 1px solid #ebebeb; padding: 0 8px 0 12px; }
.ProductInfoA-B .cont-block .procont{ width: 100%; margin-bottom: 25px; overflow: hidden; display:inline-flex; line-height:30px }
.ProductInfoA-B .cont-block .procont1{ width: 39%; float: left; margin-right: 2%; }
.ProductInfoA-B .cont-block .procont1 img{ width: 100%;  }
.ProductInfoA-B .cont-block .procont1:nth-child(2){ width: 59%; margin-right: 0%; display: inherit;    align-items: center;}
.ProductInfoA-B .cont-block .procont2{ width: 100%; overflow: hidden; margin-bottom: 20px; line-height:30px }
.ProductInfoA-B .cont-block .procont3{ width: 49%; float: left; margin-right: 2%; margin-bottom:2%}
.ProductInfoA-B .cont-block .procont3:nth-child(2),.ProductInfoA-B .cont-block .procont3:nth-child(4){ margin-right: 0%; }
.ProductInfoA-B .cont-block .procont4{ width: 100%; overflow: hidden; margin-bottom: 20px; }
.ProductInfoA-B .cont-block .procont5{ width: 30%; float: left; margin-right: 2%; }
.ProductInfoA-B .cont-block .procont5 p{ margin-top:10px;text-align:center; }
.ProductInfoA-B .cont-block .procont5:nth-child(3){ margin-right: 0%; }
.ProductInfoA-B .cont-block .procon-img ul{ width: 100%;}
.ProductInfoA-B .cont-block .procon-img ul{ overflow: hidden; margin-bottom: 20px; }
.ProductInfoA-B .cont-block .procon-img li{ width: 25%; float: left; text-align: center; }
.ProductInfoA-B .cont-block .procon-img li img{ width: 80%; }

@media (max-width:1200px) {
  .ProductInfoA-A{ padding-top: 25px; padding-bottom: 40px; }
  .ProductInfoA-A .cont{ padding-top: 20px; }
  .ProductInfoA-A .cont .h1{font-size: 26px; }
  .ProductInfoA-A .cont .text{ margin-top: 10px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; line-height: 1.8em; }
  .ProductInfoA-A .cont .text .p{ margin-top: 12px; margin-bottom: 12px; }
  .ProductInfoA-A .cont .text .p::before{ top: 9px; }
  .ProductInfoA-B{ padding: 40px 0 50px; }
  .ProductInfoA-B .pad{ padding: 15px 25px 25px; }
  .ProductInfoA-B .title .span{ padding: 10px 0; font-size: 16px; }
  .ProductInfoA-B .title .span+.span{ margin-left: 25px; }
  .ProductInfoA-B .cont-block{ padding-top: 20px; }
}
@media (max-width:992px) {
  .ProductInfoA-A{ padding-top: 20px; padding-bottom: 30px; }
  .ProductInfoA-A .cont{ padding-top: 10px; }
  .ProductInfoA-A .cont .h1{ font-size: 20px; }
  .ProductInfoA-A .cont .text{ margin-top: 8px; }
  .ProductInfoA-A .cont .text .p{ margin-top: 8px; margin-bottom: 8px; }
  .ProductInfoA-A .cont .text .p::before{ top: 7px; }
  .ProductInfoA-B{ padding: 30px 0; }
  .ProductInfoA-B .cont-block .procont{ display:inline-block; }
  .ProductInfoA-B .cont-block .procont1{ width: 100%; float: none; margin-right: 0%; }
  .ProductInfoA-B .cont-block .procont1:nth-child(2){width: 100%;}
  .ProductInfoA-B .cont-block .procont3{ width: 100%; float: none; margin-right: 0%; margin-bottom: 20px; }
  .ProductInfoA-B .cont-block .procont3:nth-child(2){width: 100%;}
}
@media (max-width:768px) {
  .ProductInfoA-A{ padding-top: 15px; }
  .ProductInfoA-A .retrurn a{ font-size: 14px; }
  .ProductInfoA-A .imgs{ width: 100%; }
  .ProductInfoA-A .cont{ width: 100%; padding-top: 20px; }
  .ProductInfoA-A .cont .h1{ margin-bottom: 5px; font-size: 18px; }
  .ProductInfoA-B .pad{ padding-left: 15px; padding-right: 15px; }
  .ProductInfoA-B .title{ display: flex; justify-content: space-between; }
  .ProductInfoA-B .title .span{ padding: 10px 0; font-size: 14px; }
  .ProductInfoA-B .title .span+.span{ margin-left: 0; }
  .ProductInfoA-B .cont-block{ padding-top: 15px; margin: 0; }
.ProductInfoA-B .cont-block .procon-img li{ width: 50%; margin-bottom: 20px; }
.ProductInfoA-A .imgBox{height:350px}
.ProductInfoA-A .swiper-box .imgBox{
  height:50px !important;
}
}