.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f8f8f8; }
.bg2{ background-color: #f6f6f6; }
.bg3{ background-color: #f9f9f9; }
.colr_main{ color:#3f6cbd ; }
.colr_main2{ color:#3f6cbd; }
.colrf{ color:#fff; }
.colr0{ color:#000; }
.colr3{ color:#333; }
.colr6{ color:#666; }
.colr9{ color:#999; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#a1a1a1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#a1a1a1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#a1a1a1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#a1a1a1;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 3px;
    background-color: #dddddd;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
    border-radius: 3px;
    background-color: #dddddd;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #3f6cbd;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{
    border-radius: 3px;
    background-color: #3f6cbd;
}
.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(../image/icon_icon10.png) no-repeat center; }
.AutoTitle2{ padding:75px 5% 50px; background: #014099 url(/template/default/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:#3f6cbd; }
@media only screen and (min-width: 1200px){
    .MoreBox a:hover,
    .MoreBox .a:hover{ background-color:#2b5db7; }
}
@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(../image/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%);}

/*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;
}

.IndexBlockB .des{ line-height: 33px; font-size: 16px; color:#555555; padding: 50px 5% 75px; }
.IndexBlockB .des h3{ color: #333; font-size: 28px; font-weight: bold; line-height: 36px; margin-bottom: 35px; }
.IndexBlockB .content{ padding:50px 0 55px; }
.IndexBlockB .content .wid{ display: inline-block; vertical-align: top; text-align: center; position: relative; }
.IndexBlockB .content .wid+.wid{ margin-left:50px; padding-left: 50px; }
.IndexBlockB .content .wid+.wid::before{ content: ""; position: absolute; left:0; top:10%; height: 80%; width:1px; background:#82858e; }
.IndexBlockB .content .p{ margin-bottom: 10px; line-height: 0; font-size: 0; color:#333333; }
.IndexBlockB .content .num{ line-height: 60px; font-weight: bold; font-size: 59px; }
.IndexBlockB .content .icon{ vertical-align: top; line-height: 24px; font-style: normal; font-size: 23px; }
.IndexBlockB .content .icon2{ font-size: 14px; }
.IndexBlockB .content .txt{ line-height: 20px; font-size: 15px; color:#333333; }
.IndexBlockB .r_cont{ display: inline-block; vertical-align: middle; margin-left: 240px; margin-top: 60px; }
.IndexBlockB .r_cont .VideoPlay{ display: inline-block; height:101px; width:101px; background:url(/template/default/images/icon_play.png) no-repeat center/contain; border-radius: 50%; transition:all .3s; transform: rotate(0deg); opacity: 1; }
.IndexBlockB .r_cont .VideoPlay:hover{ opacity: .8; transform: rotate(45deg); }



.IndexBlockB .anum{ width: 50%; float: left; padding-top: 130px;}
.IndexBlockB .anum ul { overflow: hidden; }
.IndexBlockB .anum ul li{ width: 33.33%; float: left; }
.IndexBlockB .anum li h4{color:#fff;font-family:'helev';font-size:120px;display:inline-block;text-shadow: 1px 2px 6px rgb(0 0 0 / 25%);}
.IndexBlockB .anum li h4 img{display: block;}
.IndexBlockB .anum li .ed{ display:inline-block; margin-left:8px;text-shadow: 1px 2px 6px rgb(0 0 0 / 25%);}
.IndexBlockB .anum li .ed p{ color:#fff; font-size:22px;}
.IndexBlockB .anum li .ed span{ color:#fff; font-size:18px;}
.amore{ background:url(/template/default/images/amore.png) center no-repeat; color: #fff !important; width:139px; height:43px; display:inline-block; text-indent:30px; line-height:43px; color:#fff; margin-top:60px}
.amore:hover{ background:url(/template/default/images/amore1.png) center no-repeat;}

@media only screen and (max-width: 1200px){
    .IndexBlockB{ padding:0 0 0; text-align: center; background-position:center bottom; background-size:100%; }
    .IndexBlockB .l_cont{ width: 100%; margin-top: -45px;}
    .IndexBlockB .des{ margin-top:-15px; }
    .IndexBlockB .content{ padding:15px 0 20px; }
    .IndexBlockB .content .p{ margin-bottom: 5px; }
    .IndexBlockB .content .num{ line-height: 40px; font-size: 36px; }
    .IndexBlockB .r_cont{ margin-left:0; margin-top:90px  }
    .IndexBlockB .r_cont .VideoPlay{ width:50px; height: 50px; }
    .IndexBlockB .anum{ width: 100%; float: left; padding-top: 0;}

}
@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;
}
    .IndexBlockB{ padding:0 0 0; background-size:100% 100%; }
    .IndexBlockB .des{ font-size: 14px; line-height: 24px; padding: 55px 5% 45px;}
    .IndexBlockB .des h3{ font-size: 25px; margin-bottom: 30px; }
    .IndexBlockB .des p{ font-size: 15px; line-height: 28px; }
    .IndexBlockB .content{}
    .IndexBlockB .content .p{ margin-bottom: 0px; }
    .IndexBlockB .content .num{ line-height: 30px; font-size: 24px; }
    .IndexBlockB .content .wid+.wid{ margin-left: 15px; padding-left: 15px; }
    .IndexBlockB .content .txt{ font-size: 14px; }
    .IndexBlockB .r_cont{ margin-top:70px;}
    .IndexBlockB .anum{ width: 100%; float: right; padding-top: 35px;}
    .amore{ margin-top: 30px; text-indent: 0;}
    .IndexBlockB .anum li h4{font-size:100px;}
    .IndexBlockB .anum li h4 img{width: 65px;}
    .IndexBlockB .anum li .ed p{ color:#fff; font-size:20px;}
    .IndexBlockB .anum li .ed span{ color:#fff; font-size:16px;}

}
@media only screen and (max-width: 425px){
    .IndexBlockB .anum li h4{font-size:65px;}
    .IndexBlockB .des h3{ font-size: 20px; line-height: 28px; margin-bottom: 25px; }
    .IndexBlockB .content{ margin:0 -10px; }
    .IndexBlockB .content .wid+.wid{ margin-left:10px; padding-left: 10px; }
    .IndexBlockB .anum li h4 img{width: 55px;}
}
@media only screen and (max-width: 375px){
    .IndexBlockB .content{ margin:0 -15px; }
    .IndexBlockB .content .wid+.wid{ margin-left:10px; padding-left: 10px; }
    .IndexBlockB .content .txt{ font-size: 12px; }
}


/*news*/

.indexNews{ background:#fff; padding-bottom: 85px;    background: url(../image/sy-xw-back.jpg) no-repeat bottom center; }
.indexNews .SBox{ position: relative; }
.indexNews .swiper-container{}
.indexNews .Box{ display: block; position: relative; }
.indexNews .Box::after{ content:""; position: absolute; left:0; bottom:0; width:100%; height: 1px; background:#e7e7e7; }
.indexNews .Box .imgBox{ display:block; position: relative;}
.indexNews .Box .imgBox::before{ content:""; display:block; width:100%;}
.indexNews .Box .imgBox:hover img{ transform:scale(1.02); }
.indexNews .Box .cont{ padding:30px 0; }
.indexNews .Box .title{ line-height: 22px; font-size: 18px; color:#333333; }
.indexNews .Box .date{ line-height: 20px; font-size: 14px; color:#d3d3d3; margin-bottom:20px; }
.indexNews .Box .des{ line-height: 24px; font-size:14px; color:#999999; }
.indexNews .Box:hover .title{ color:#0b3faf; }
.indexNews .Box:hover::after{ background-color:#0b3faf; }
.indexNews .Btns a{ position: absolute; top:50%; margin-top:-30px; width: 42px; height: 60px; background:#cecece no-repeat center; transition:all .3s; z-index: 2; }
.indexNews .Btns .prev{ left:-90px; background-image: url(../image/icon_jt1_1.png); }
.indexNews .Btns .next{ right:-90px; background-image: url(../image/icon_jt1_2.png); }
.indexNews .Btns a:hover{ background-color:#0b3faf; }
@media (max-width: 1450px){
    .indexNews .Btns .prev{ left:0; }
    .indexNews .Btns .next{ right:0; }
}
@media (max-width: 1200px){
    .indexNews{ padding-bottom: 30px; }
    .indexNews .Box .cont{ padding:10px 0 15px; }
    .indexNews .Box .title{ font-size: 16px; }
    .indexNews .Box .date{ margin-bottom: 5px; }
    .indexNews .Box .des{ line-height:22px; }
}
@media (max-width: 992px){
    .indexNews .Box .title{ font-size: 15px; }
    .indexNews .Btns a{ margin-top:-20px; width: 36px; height: 40px; }
}
@media (max-width: 768px){
  .indexNews .Btns a { top: 35%; }
}


/**产品列表**/
.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(../image/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; }
}

/**资质证书**/
.HonorList{ padding-bottom: 75px;  }
.HonorList .swiperBox{ position: relative; margin-bottom: 40px; }
.HonorList .swiperBox .swiper-slide{ background-color:#fff; }
.HonorList .swiperBox .imgBox .list-img{ display: block; margin:15px; overflow:hidden; }
.HonorList .swiperBox .imgBox .list-img img{ display: block; transform: scale(1); transition:all .3s; }
.HonorList .swiperBox .imgBox:hover img{ transform: scale(1.08); }
.HonorList .swiperBox .imgBox p{ font-size:16px; text-align:center; padding:5px 0 20px }
.HonorList .swiperBox .imgBox:hover p{ color:#0b3faf }
.HonorList .swiperBox .Btns a{ display: block; z-index: 2; position: absolute; top:50%; margin-top:-30px; width:40px; height: 60px; cursor: pointer; background:rgba(0,0,0,.16) no-repeat center; transition:all .3s; }
.HonorList .swiperBox .Btns .prev{ left:-90px; background-image:url(../image/icon_jt1_1.png); }
.HonorList .swiperBox .Btns .next{ right:-90px; background-image:url(../image/icon_jt1_2.png); }
.HonorList .swiperBox .Btns a:hover{ background-color:#0b3faf; }
.HonorListBlock .HonorList{ padding:55px 0 0; background: #f5f5f5; }
.HonorListBlock .HonorList .swiperBox{ display: block; font-size: 0; margin-bottom: 0; }
.HonorListBlock .HonorList .swiperBox .swiper-slide{ display: inline-block; vertical-align: top; height: auto; width:23.5%; margin-left: 2%; margin-top: 2.46%; }
.HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(4n+1){ margin-left: 0; }


@media only screen and (max-width: 1400px){
    .HonorList .swiperBox .Btns .prev{ left: 0; }
    .HonorList .swiperBox .Btns .next{ right: 0; }
}
@media only screen and (max-width: 1200px){
    .HonorList{ padding-bottom: 30px; }
    .HonorList .swiperBox{ margin-bottom: 25px; }
    .HonorList .swiperBox .imgBox{ margin:15px; }
    .HonorListBlock .HonorList{ padding:35px 0 0; }
}
@media only screen and (max-width: 992px){
    .HonorList{ padding-bottom: 25px; }
    .HonorListBlock .HonorList .swiperBox{ margin-top: -2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide{ width:32%; margin-left: 2%; margin-top:2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(4n+1){ margin-left: 2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(3n+1){ margin-left: 0; }
}
@media only screen and (max-width: 768px){
    .HonorListBlock .HonorList .swiperBox .swiper-slide{ width:49%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(3n+1){ margin-left: 2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(2n+1){ margin-left: 0; }
}

/*产品内容*/
.ProductInfoA-A{ padding-top: 32px; padding-bottom: 80px; }
.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(../image/icon_jt2_1.png); }
.ProductInfoA-A .swiper-box .next{ right: 0; background-image: url(../image/icon_jt2_2.png); }
.ProductInfoA-A .swiper-box .prev:hover{ background-image: url(../image/icon_jt2_1_h.png); }
.ProductInfoA-A .swiper-box .next:hover{ background-image: url(../image/icon_jt2_2_h.png); border: 0; }

.ProductInfoA-A .cont{ width: 52.5%; padding-top: 0; 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(/template/default/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; }
}
/*相关产品*/
.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:#3f6cbd; border-color:#3f6cbd; }
@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; }
}
/**底部**/
#footer{ color:#82858e; font-size:14px; line-height:20px; background:#293146; }
#footer a{ color:#82858e; }
#footer a:hover{ color:#fff; }
#footer .top{ padding-top: 60px; }
#footer .menu{}
#footer .menu li{ float:left; display:inline-block; width:170px; padding-right: 30px; }
#footer .menu .title{ font-size:16px; color:#ffffff; line-height:24px; margin-bottom:14px; }
#footer .menu .aBox{}
#footer .menu .aBox .div{ padding:5px 0; }
#footer .menu .aBox .div+.div{ margin-top:8px; }
#footer .menu .aBox .div a{ display:inline-block; transform:translateX(0); transition:all .3s; }
#footer .menu .aBox .div a:hover{ transform:translateX(2px); }
#footer .menu .contact{ text-align: right; width:350px; padding-right: 0; border-left: 1px solid #5a5a5a; }
#footer .menu .contact .t-left{ display: inline-block; }
#footer .menu .cont{ color:#666; padding-top:3px; }
#footer .menu .cont .wid{ display: inline-block; text-align: center; }
#footer .menu .cont .wid+.wid{ margin-left: 15px; }
#footer .menu .cont .wid img{ width: 119px; }
#footer .menu .cont .txt{ padding-top: 10px; color:#82858e; }
footer .mid{ display: flex; justify-content: space-between; border-top:1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; margin:30px 0; padding:25px 0; }
footer .mid .logo{ display: inline-block; vertical-align: middle; width: 314px; }
footer .mid .shareBox{ display: inline-block; vertical-align: middle; width:170px; text-align: center; }
footer .mid .address{ display: inline-block; vertical-align: middle; max-width: 50%; }
footer .mid .address .wid{ display: inline-block; }
footer .mid .address .wid1{ width: 210px; }
footer .bot{ padding-bottom:50px; text-align:center; }
footer .bot .server{ margin-left:20px; }
.shareBox{ font-size:0; }
.shareBox a{ height:34px; width:34px; display:inline-block; vertical-align:top; border-radius:50%; position:relative; background:no-repeat center/contain; border:1px solid #82858e; margin:0 8px; }
.shareBox .qq{ background-image:url(../image/icon_icon5_1.png); }
.shareBox .wechat{ background-image:url(../image/icon_icon3_1.png); }
.shareBox .sina{ background-image:url(../image/icon_icon4_1.png); }
.shareBox .codeBox{ padding:3px; width:120px; background:#fff; border-radius:3px; position: absolute; left:50%; bottom:100%; margin-bottom:10px; margin-left:-60px; display:none; }
.shareBox .wechat:hover .codeBox{ display:block; box-shadow:0 0 15px rgba(0,0,0,.1); }
.shareBox .wechat .codeBox img:nth-child(2){ display:none; }
.shareBox a:hover{ background-color:#fff; border-color:#fff; }
@media only screen and (max-width: 1200px){
    /**底部**/
    #footer{ padding-bottom: 69px; }
    #footer .top{ padding-top:35px; }
    #footer .menu .cont .txt{ padding-top: 5px; }
    #footer .menu{ display:block; float:none; }
    #footer .menu li{ display:none; }
    #footer .menu .title{ display:none; }
    #footer .menu .contact{ text-align:center; padding:0; display:block; width:100%; max-width:100%; float:none; border:0 none; }
    #footer .menu .cont .wid img{ width:90px; }
    footer .mid{ padding:15px 0; margin:15px 0; }
    footer .mid .logo{ display:none; }
    footer .mid .shareBox{ display: block; width:100%; }
    footer .mid .address .wid{ display: inline-block; }
    footer .mid .address{ display: none; }
    footer .bot{ text-align: center; padding-bottom:20px; }
}