﻿.banner{width:100%;height: calc(100vh - 78px);margin-top: 78px;}
.banner img{width: 100%;}
.banner .swiper-slide{background-size: cover!important;}
.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:120px;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;}
.NewsHot a span{color:#252323;font-size:16px;}
.NewsHot a span.hotSpan{font-size:14px;color:#939393;margin:0px 0px 0px 20px;}
.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;}
.HotProduct .swiper-container{width: 91%;min-width:900px;width: 1200px;}
.HotProduct{position:relative;margin: 2.5vw 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: 24px 0px -1px 0px;height: 210px;position: relative;}
.HotProduct .swiper-slide .span_img img{max-width: 90%;max-height:100%;vertical-align:middle;}
.HotProduct .s1{color:#474747;font-size:16px;line-height: 30px;position: absolute;bottom: 0;display: block;text-align: center;width: 100%;}
.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: 3px 0px 25px 0px;}
.HotProduct li:hover .mask{transform:scale(1.0);}
.HotProduct .s2{color:#979797;font-size:12px;/* margin:10px 0px 0px 0px; */line-height:20px;height: 40px;overflow: hidden;}
.Product{background:#f5f5f5;margin: 3.6vw 0px 0px 0px;padding: 0px 0px 40px 0px;margin-top: 83px;}
.P-middleMiddle1 .ProductImg1{width:70%;margin:2.6vw auto 0px;min-width: 900px;display: flex;width: 1200px;}
.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: 33%;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%;text-align: center;}
.P-middleMiddle1 .ProductImg1 li .span1{font-size:16px;color:#494f55;display: block;margin: 0px 0px 5px 0px;font-weight: bold;}
.P-middleMiddle1 .ProductImg1 li .summary{font-size:12px;color:#717070;line-height: 22px;}
.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;width: 1200px;}
.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: 50%;margin-left: 1.4%;position: relative;}
.solutionW1 img{width:100%;height: 100%;}
.index_main3 .main3_right{float:right;width: 20%;margin-left: 1.4%;}
.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;}
.solutionW2 ul li a{text-decoration: none;color:white;height:100%;display: block;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 15px 0px;line-height: 1.45vw;/* height: 2.9vw; */overflow: hidden;padding-bottom: 15px;position:relative}
.About .solutionW .title:after{position:absolute;width:26px;height:1px;background:#fff;content:"";left:0;bottom:0}
.About .solutionW .summary{font-size:14px;line-height: 28px;height: 10vw;height: 196px;overflow: hidden;color: #e7e7e7;}
.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: 2vw auto 0;}
.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 url(../images/icon-arrow4.png) 15px center no-repeat;}
.solutionW2 ul li.active{background:#0859af url(../images/icon-arrow4.png) 15px center no-repeat;}

@media(max-width:1400px){
    .About .solutionW .title{font-size:14px;}
    .About .solutionW .summary{height:99px;font-size:12px;line-height:20px;}
    .About .solutionW a{margin:15px auto;font-size:12px;width:100px;}


}

@media(max-width:1024px){
    .banner{height:auto;margin-top:50px;height: 50vw;}
    .banner .swiper-pagination{bottom:10px}
    .banner .swiper-pagination-bullet{width:8px;height:8px}





    .Right .center{width: 95%;min-width: auto;}
    .Right .center .news1{float:none;width: auto;}
    .Right .center .NewsHot{height: 70px;}
    .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:25vw;line-height:25vw;margin-top: 1vw;padding-bottom: 30px;}
    .HotProduct .s1{font-size:14px}
    .HotProduct .s2{font-size:10px;height: 40px;overflow: hidden;}
    .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: 90%;min-width: auto;margin: 20px auto 0px;flex-wrap: wrap;}
    .P-middleMiddle1 .ProductImg1 li{width:100%;margin: 0px 0px 20px 0px;}
    .P-middleMiddle1 .ProductImg1 .img{height:50vw;line-height:50vw;}
    .P-middleMiddle1 .ProductImg1 li .words{padding: 20px 16px;}
    .P-middleMiddle1 .ProductImg1 li .span1{font-size: 14px;font-weight:bold;color:#0859af;}
    .P-middleMiddle1 .ProductImg1 li .summary{font-size: 12px;line-height: 18px;width: 80%;}
    a.index_more{margin: 10px auto 0px;width: 150px;height: 30px;line-height: 30px;border-radius: 10px;}

    .About{width: 90%;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;height: auto;}
    .index_main3 .main3_zhong{width:100%;float:none;height: 52vw;margin: 0;line-height: 52vw;}
    .solutionW1{height: 52vw;height: auto;text-align:center}
    .solutionW1 img{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align: middle;}











}


