.banner{width:100%;}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet{width:13px;height:13px;margin:0px 7px!important;opacity:1;background:#d0d5d3}
.banner .swiper-pagination-bullet-active{background:#0859af}
.banner .swiper-pagination{bottom: 32px;}

.Right .center{width:70%;margin:15px auto;min-width: 900px;}
.Right .center .news1{width:128px;float:left;}
.Right .center .news1 img{margin:0px 5px 0px 0px;}
.Right .center .news2{width:calc(100% - 130px);float:left;position: relative;}
.Right .center .NewsHot {height:90px;width: 92%;margin: 0;}
.NewsHot a span{color:#252323;font-size:16px;}
.NewsHot a span.hotSpan{font-size:14px;color:#939393;margin:0px 0px 0px 20px;}
.NewsHot a:hover span{color:#0859af;}
.NewsHot .swiper-wrapper{width: 100%;}
.news2 .swiper-button-prev{width:25px;height:21px;background:url(../images/icon-left.png) #838688 center center no-repeat;left:auto;right: 32px;top: 0px;margin: 0px;}
.news2 .swiper-button-next{width:25px;height:21px;background:url(../images/icon-right.png) #838688 center center no-repeat;right: 0px;top: 0px;margin: 0px;}
.news2 .swiper-button-next:hover{background:url(../images/icon-right.png) #0859af center center no-repeat;}
.news2 .swiper-button-prev:hover{background:url(../images/icon-left.png) #0859af center center no-repeat;}
.P-middleMiddle1 h3{text-align: center;padding-top: 2.6vw;font-size: 22px;font-weight: normal;}
.P-middleMiddle1 .product{text-align: center;display: block;margin-top:10px;color:#9a9999;font-size: 14px;text-transform: uppercase;}
.HotProduct .swiper-container{width: 91%;min-width:900px;}
.HotProduct{position:relative;margin: 2.6vw auto 0px;min-width: 970px;max-width: 1310px;}
.HotProduct .swiper-button-prev{background:url(../images/icon-left1.png) center center no-repeat;left: 0px;}
.HotProduct .swiper-button-next{background:url(../images/icon-right1.png) center center no-repeat;right: 0px;}
.HotProduct .swiper-button-prev:hover{background:url(../images/icon-left2.png) center center no-repeat;}
.HotProduct .swiper-button-next:hover{background:url(../images/icon-right2.png) center center no-repeat;}
.HotProduct .swiper-slide{text-align:center;background: #f2f2f2;}
.HotProduct .swiper-slide .span_img{height:160px;line-height:157px;margin: 33px 0px 15px 0px;}
.HotProduct .swiper-slide .span_img img{max-width: 90%;max-height:100%;vertical-align:middle;}
.HotProduct .s1{color:#474747;font-size:16px;height: 20px;overflow: hidden;}
.HotProduct li .mask{width:100%;background:rgba(8,89,175,0.7);position: absolute;height:100%;top: 0px;transition:1s all ease;overflow:hidden;transform:scale(0);}
.HotProduct li .mask img{width: auto;margin-top: -35px;opacity:1;position:relative;top: 50%;height: auto; padding: 0px;}
.HotProduct li .words{padding: 0px 10px 30px 10px;}
.HotProduct li:hover .mask{transform:scale(1.0);}
.HotProduct .s2{color:#979797;font-size:12px;margin:10px 0px 0px 0px;line-height:20px;max-height: 40px;overflow: hidden;}
.Product{background:#f5f5f5;margin: 3.6vw 0px 0px 0px;padding: 0px 0px 40px 0px;}
.P-middleMiddle1 .ProductImg1{width:70%;margin:2.6vw auto 0px;min-width: 900px;}
.P-middleMiddle1 .ProductImg1 .img{width:100%;height: 12.5vw;position:relative;transition:1s all ease;overflow:hidden;}
.P-middleMiddle1 .ProductImg1 img{width:100%;/* height:100%; */transition:1s all ease;}
.P-middleMiddle1 .ProductImg1 li{width: 32%;background:white;float:left;margin-right: 1.5%;overflow: hidden;cursor: pointer;position: relative;transition:1s all ease;}
.P-middleMiddle1 .ProductImg1 li a{ display:block; overflow:Hidden;}
.P-middleMiddle1 .ProductImg1 li:last-child{margin-right:0px;}
.P-middleMiddle1 .ProductImg1 li:hover .span1{color:#0859af;}
.P-middleMiddle1 .ProductImg1 li:hover .summary{color:#0859af;}
.P-middleMiddle1 .ProductImg1 li:hover img{transform:scale(1.2);}
.P-middleMiddle1 .ProductImg1 li .words{padding: 15px 7% 20px 7%;}
.P-middleMiddle1 .ProductImg1 li .span1{font-size:16px;color:#494f55;display: block;margin: 0px 0px 5px 0px;height: 21px;overflow: hidden;}
.P-middleMiddle1 .ProductImg1 li .summary{font-size:12px;color:#717070;line-height: 22px;height: 44px;overflow: hidden;width: 85%;}
.P-middleMiddle1 .ProductImg1 li .img1{background:url(../images/icon-arrow2.png) #0859af center center no-repeat; width:47px; height:26px;cursor:pointer;position: absolute;transition-duration:1s;transition: 0.5s all ease;right: 3%;bottom: -10%;border-radius:50px;}
.ProductImg1 li:hover .img1{display:block;bottom: 7%;}
a.index_more{width:115px;height:27px;display: block;background:#0859af;color:white;border-radius: 30px;text-align: center;line-height: 27px;font-size:14px;margin: 35px auto 0px;}

.About{width:70%;min-width:900px;margin:0 auto;}
.index_main3 {margin:2.6vw auto 3.5vw;}
.index_main3 .main3_left{float:left;overflow: hidden;width: 27%;}
.index_main3 .main3_zhong{float: left;width: 52%;margin-left: 1%;position: relative;}
.solutionW1 img{width:100%;height: 100%;}
.index_main3 .main3_right{float:right;width: 19%;margin-left: 1%;}
.index_main3 .solutionW2{width: 100%;}
.solutionW2 ul li{background:#77797b;border-bottom:1px solid white;cursor:pointer;width: 100%;height: 3.3vw;line-height: 3.3vw;transition: 1s all ease;overflow: hidden;}
.solutionW2 ul li a{text-decoration: none;color:white;height:100%;display: block;background: url(../images/icon-arrow4.png) 15px center no-repeat;padding: 0px 0px 0px 40px;font-size: 16px;}
.About .solutionW{background:#0859af;height: 20vw;display:none;position: relative;overflow: Hidden;padding: 1.8vw 1.5vw 1.5vw 1.5vw;color: #fff;box-sizing: border-box;}
.About .solutionW.active{display:block;}
.About .solutionW .title{font-size: 18px;margin:0px 0px 20px 0px;line-height: 1.45vw;max-height: 2.9vw;overflow: hidden;}
.About .solutionW .summary{font-size:14px;line-height: 24px;max-height: 10vw;overflow: hidden;}
.About .solutionW a{color:white;text-decoration: none;width:125px;height:28px;border:1px solid white;border-radius:15px;text-align: center;line-height: 28px;display: block;margin: 1vw auto;}
.About .solutionW a:hover{font-weight:bold;}
.About a.index_more{background:#77797b;border-bottom:1px solid white;cursor:pointer;width: 100%;height: 3.3vw;line-height: 3.3vw;border-radius:0;margin:0px;text-align: left;text-indent: 40px;font-size: 16px;}
.solutionW1{width: 100%;height:20vw;opacity: 0;transition: 0.5s all ease;top:0px;position:absolute;}
.solutionW1.active{opacity:1;}
.solutionW2 ul li:hover{background:#0859af;}
.solutionW2 ul li.active{background:#0859af;}

@media(max-width: 1500px){
    .About .solutionW .title{font-size:14px;line-height: 22px;max-height: 42px;margin: 0px 0px 15px 0px;}
    .About .solutionW .summary{max-height: 110px;font-size:12px;line-height: 22px;}
    .About .solutionW a{margin:15px auto;font-size:12px;width:100px;}
    .About a.index_more{font-size:14px;}
    .solutionW2 ul li a{font-size:14px;background: url(../images/icon-arrow4.png) 12px center no-repeat;padding: 0px 0px 0px 30px;background-size: 8px;}


}

@media(max-width:1024px){
    .Right .center{width: 95%;min-width: auto;}
    .Right .center .news1{float:none;width: auto;}
    .Right .center .NewsHot{height: 70px;width: 100%;}
    .Right .center .news2{width:100%;float: none;margin: 10px 0px 0px 0px;}
    .Right .center .news2 .swiper-slide{overflow:hidden;line-height:30px;}
    .NewsHot a span{font-size:14px;display: inline-block;width: calc(100% - 100px);}
    .NewsHot a span.hotSpan{font-size:12px;width: 92px;float: right;margin: 0px;}
    .NewsHot .swiper-button-prev{top:0px;}
    .news2 .swiper-button-prev{top:-30px;}
    .news2 .swiper-button-next{top:-30px;}

    .HotProduct{min-width: auto;max-width: 93%;}
    .HotProduct .swiper-container{width: 95%;min-width:auto;}
    .HotProduct .swiper-button-prev{width:20px;height:30px;left: -3.5%;}
    .HotProduct .swiper-button-next{width:20px;height:30px;right: -3.5%;}
    .HotProduct .swiper-slide .span_img{height: 35vw;line-height: 34vw;margin: 10px 0px 15px 0px;}
    .HotProduct .s2{font-size:10px;height: 40px;overflow: hidden;padding: 0px 5px;}
    .HotProduct li .words{padding:0px 0px 10px 0px;}
    
    .Product{margin:20px 0px 0px 0px;}
    .P-middleMiddle1 h3{font-size:18px;padding: 20px 0px 0px 0px;}
    .P-middleMiddle1 .product{font-size:12px;margin: 5px 0px 0px 0px;}
    .P-middleMiddle1 .ProductImg1{width: 94%;min-width: auto;margin: 20px auto 0px;}
    .P-middleMiddle1 .ProductImg1 li{width:100%;margin: 0px 0px 20px 0px;}
    .P-middleMiddle1 .ProductImg1 .img{height: 60vw;line-height: 60vw;}
    .P-middleMiddle1 .ProductImg1 li .words{padding: 15px 10px;}
    .P-middleMiddle1 .ProductImg1 li .span1{font-size: 14px;font-weight:bold;color:#0859af;}
    .P-middleMiddle1 .ProductImg1 li .summary{font-size: 12px;line-height: 20px;height: 40px;}
    a.index_more{margin: 10px auto 0px;width: 150px;height: 30px;line-height: 30px;border-radius: 10px;}

    .About{width: 94%;min-width:auto;margin:0 auto;}
    .index_main3 {margin:20px auto 30px;}
    .index_main3 .main3_right{float:none;width: 100%;margin: 0px 0px 10px 0px;}
    .solutionW2 ul li{height: 40px;line-height: 40px;}
    .About a.index_more{height: 40px;line-height: 40px;}
    .index_main3 .main3_left{float:none;width: 100%;margin: 0px 0px 11px 0px;}
    .About .solutionW{height:auto;padding: 20px 15px;}
    .About .solutionW a{width:120px;border-radius:10px;}
    .About .solutionW .title{font-size:16px;height: 54px;line-height: 26px;}
    .About .solutionW .summary{font-size:14px;line-height:22px;height: 180px;color: #e7e7e7;}
    .index_main3 .main3_zhong{width:100%;float:none;height: 70vw;margin: 0;overflow: hidden;}
    .solutionW1{height: 100%;}
    .solutionW1 img{height:auto;}

    .banner .swiper-pagination{bottom: 12px;}
    .HotProduct .s1{height: 22px;overflow: hidden;padding: 0px 5px;}

    .banner .swiper-pagination-bullet{width:10px;height: 10px;}







}