.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f8f8f8; }
.bg2{ background-color: #f6f6f6; }
.bg3{ background-color: #f9f9f9; }
.colr_main{ color:#0f96d7 ; }
.colr_main2{ color:#0f96d7; }
.colrf{ color:#fff; }
.colr0{ color:#000; }
.colr3{ color:#333; }
.colr6{ color:#666; }
.colr9{ color:#999; }
.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; }
.MoreBox a,
.MoreBox .a{ font-size:14px; color:#ffffff; line-height:46px; padding:0 50px; display:inline-block; transition:all .3s; background:#0f96d7; }
@media only screen and (min-width: 1200px){
    .MoreBox a:hover,
    .MoreBox .a:hover{ background-color:#0093e5; }
}
@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*/

.IndexBlockB{ padding:10px 0 0; margin: 0 0 50px; background:#f1f1f1 url(../images/aimg.jpg) no-repeat right center/ 100%;     background-size: cover; background-attachment: fixed;}
.IndexBlockB .l_cont{width: 50%;margin-top: -60px; display: inline-block;vertical-align: middle;float: right;background: rgb(255 255 255 / 96%);}

.zhushi{
    font-size: 14px;
    color: #aaa;
    margin-top: 20px;
    letter-spacing: 1px;
}
/*infw*/

.infw{
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 4% 0;
}
.infw h2{
    font-size: 36px;
    font-weight: bold;
}
.infw h2 span{
    margin-left: 5%;
}
.infw p{
    font-size: 16px;
    margin: 30px 0;
    letter-spacing: .6px;
    color: #eee;
}
.infw p:before,
.infw p:after{
    content: "";
    margin: 3px 15px;
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #fff;
    margin-top: -5px;
}
.infw h3{
    font-size: 32px;
    font-weight: bold;
    line-height: 60px;
}


@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
    .infw{
        padding: 50px 0;
    }
.infw h2{
    font-size: 26px;
}
.infw p{
    font-size: 16px;
    margin: 20px 0;
    letter-spacing: 0px;
}
.infw p:before,
.infw p:after{
    width: 20px;
    margin: 5px;
}
.infw h3{
    font-size: 22px;
    line-height: 35px;
}

}

/*news*/



/**产品列表**/
.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:#0f96d7; }
@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: 32px; padding-bottom: 10px; }
.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: #0f96d7; }
.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 .imgBox1{ border: 0px !important; overflow: hidden; box-shadow: 1px 1px 60px #e0e0e0; transition: all .3s; }


.ProductInfoA-A .imgBox1 img{
    transition-duration: 2s;
}
.ProductInfoA-A .imgBox1 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);
}

/*
.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: #0f96d7; }
.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: 58%;padding: 36px 80px; background: #fff; float: right; }
.ProductInfoA-A .cont .h1{ font-weight: bold; font-size: 32px; line-height: 1.5em; color: #333333; margin-bottom: 5px; }
.ProductInfoA-A .cont .des{ font-size: 16px; line-height: 1.4em; color: #999999; }
.ProductInfoA-A .cont h2{ font-weight: bold; font-size: 18px; line-height: 1.5em; color: #333333; margin-bottom: 5px; }
.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:6px 45px; font-size: 16px; }
.ProductInfoA-A .cont .MoreBox .a1{ background:  none; color: #555; font-size: 17px; padding: 6px 30px;}
.ProductInfoA-A .cont .MoreBox .a1:hover{ 
padding-left: 45px;}
.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: #0f96d7; }
.ProductInfoA-B .title .span.on{ color: #0f96d7;}
.ProductInfoA-B .title .span::after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; background: #0f96d7; width: 100%; height: 2px; transition: all .3s ease-in-out; }
.ProductInfoA-B .title .span.on::after{ background: #0f96d7;}

.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: #0f96d7; 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 .imgs{width: 45%;}
  .ProductInfoA-A .cont{padding: 36px 20px; width: 55%; }
  .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: 0; }
  .ProductInfoA-A .cont{ padding-top: 10px; margin-top: 20px; }
  .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: 20px; }
  .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; }
}

/**分页按钮**/
.PageBtns{ text-align:center; font-size:0; line-height:0; padding:60px 10px 85px; }
.PageBtns a{ display:inline-block; vertical-align: middle; font-size:16px; line-height:35px; color:#555555; min-width:50px; padding:0 5px; margin:2px; transition:all .4s; border:1px solid #e5e5e5; }
.PageBtns a:hover,
.PageBtns .page-num-current{ color:#fff; background:#0f96d7; border-color:#0f96d7; }
@media (max-width:1200px) {
    .PageBtns{ padding:45px 10px 60px; }
}
@media (max-width:992px) {
    .PageBtns{ padding:35px 10px 45px; }
    .PageBtns a{ min-width:38px; line-height:36px; }
}
@media (max-width:768px) {
    .PageBtns{  padding:20px 10px 30px; }
}