.AutoTitle{ text-align:center; padding:65px 0 40px; }
.AutoTitle .en{ text-transform:uppercase; line-height:22px; font-size: 14px; color:#d4d4d4; }
.AutoTitle .h3{ margin:5px 0 17px; font-weight:normal; line-height: 40px; font-size: 34px; color:#333333; }
.AutoTitle .words{ line-height: 20px; font-size: 16px; color:#999999; margin:-4px 0 22px; }
.AutoTitle .line{ display: block; height: 3px; background:url(../images/icon_icon10.png) no-repeat center; }
.AutoTitle2{ padding:75px 5% 50px; background: #014099 url(../images/alog.png) no-repeat right center/auto 100%; }
.AutoTitle2 .en{ margin-bottom: 10px;font-family: 'helev'; text-transform:uppercase; line-height: 40px; font-weight: bold; font-size: 66px; color:#fff; }
.AutoTitle2 .h3{ line-height: 32px; font-weight: normal; font-size: 32px; color:#fff; }
.MoreBox{ text-align: center; color: #fff;}
.MoreBox a,
.MoreBox .a{ font-size:16px; color:#ffffff; line-height:46px; padding:0 50px; display:inline-block; transition:all .3s; background:#123c8a; border: 2px solid #123c8a; }

.MoreBox .a1:hover{
    background: #0454af !important;
    border: 2px solid #0454af !important;
    color: #fff !important;
}

@media only screen and (min-width: 1200px){
    .MoreBox:hover{ color: #123c8a;}
    .MoreBox a:hover,
    .MoreBox .a:hover{ background-color:#f9f9f9; border: 2px solid #123c8a; color: #123c8a; }
}
@media only screen and (max-width: 1200px){
    .AutoTitle{ padding:30px 0 25px; }
    .AutoTitle .h3{ margin:0px 0 10px; line-height: 30px; font-size: 24px; }
    .AutoTitle .words{ font-size: 15px; margin:-2px 0 15px }
    .AutoTitle2{ padding:30px 0 25px; }
    .AutoTitle2 .en{ margin-bottom: 5px; line-height: 34px; font-size: 34px; }
    .AutoTitle2 .h3{ line-height:30px; font-size: 24px; }

    .MoreBox a,
    .MoreBox .a{ line-height:40px; }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
    .AutoTitle{ padding:25px 0 20px; }
    .AutoTitle .h3{ margin:0px 0 4px; font-size: 20px; }
    .AutoTitle .words{ font-size: 14px; margin:-2px 0 10px }
    .AutoTitle2{ padding:45px 0 30px; }
    .AutoTitle2 .en{ margin-bottom: 0; line-height: 30px; font-size: 40px; }
    .AutoTitle2 .h3{ font-size: 22px; line-height: 10px; }
}
@media only screen and (max-width: 425px){
    .AutoTitle2 .en{ margin-bottom: 0; line-height: 20px; font-size: 30px; }
    .AutoTitle2 .h3{ font-size: 20px;}
}

/*about*/

/*infw*/


/*news*/
.btns .btn{
    padding: 0 !important;
}

/*产品内容*/
.ProductInfoA-A{ padding-top: 32px; 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: 40%; float: left; }
.ProductInfoA-A .imgBox{ border: 1px solid #e4e4e4; transition: all .3s; }
/*.ProductInfoA-A .imgBox::before{ content: ""; display: block; width: 100%; padding-top: 100%; }*/
.ProductInfoA-A .imgBox{ border: 1px solid #e4e4e4; transition: all .3s; }
/*
.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; }
.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: 55%; padding-top: 1%; 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: 20px; 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: 15px; }
.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%; }

.price{
    padding: 20px 15px;
    background: #efefef;
    font-size: 16px;
    color: #444;
}
.price .cla1{
    padding:5px;
   
    font-size: 20px;
    color: #fb0404;
}
.price .cla2{
    padding: 0 10px;
    color: #888;
    font-size: 14px;
}
.price hr{
    margin: .6rem 0 .2rem;
}
.gug{
    padding: 15px;
    font-size: 15px;
    color: #555;
}
.gug .gg{
    padding: 3px 35px;
    margin: 0 10px;
    font-size: 15px;
    border: 1px solid #123c8a;
}
.gug .gg:hover{
    color: #fff !important;
    background: #123c8a;
}
.num{
    padding: 5px 15px;
    font-size: 15px;
    color: #555;
}
.num span{
    font-size: 14px;
    color: #fc5e5e;
}


@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; }
}
/*相关产品*/
.RelatedProductList .ProductList{ padding-top:0; padding-bottom: 85px; }
@media only screen and (max-width: 1200px){
    .Solution{ padding-bottom: 30px; }
    .Solution .cont{ margin:-10px 0 20px; }
    .RelatedProductList .ProductList{ padding-bottom: 30px; }
}