﻿.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;}
.banner .tab{width:85px;margin:0 auto;position:absolute;bottom:48px;right: calc((100vw - 1200px)/2);}
.banner .tab .swiper-button-prev,.banner .tab .swiper-button-next{width:31px;height:31px;border-radius:50%;border:1px solid #fff;background: unset;}
.banner .tab .swiper-button-prev:before,.banner .tab .swiper-button-next:before{display:none;}
.banner .tab .swiper-button-next:after{content:'';display: block;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #fff;position:absolute;left: 13px;top: 10px;}
.banner .tab .swiper-button-prev:after{content:'';display: block;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 8px solid #fff;position:absolute;left: 10px;top: 10px;}
.banner .tab .swiper-button-next{right:0px;}
.banner .tab .swiper-button-prev{left:0px;}
.banner .tab .swiper-button-prev:hover{background:#c3d6c7;border:1px solid #c3d6c7;}
.banner .tab .swiper-button-next:hover{background:#c3d6c7;border:1px solid #c3d6c7;}
.banner .tab .swiper-button-prev:hover:after{border-right: 8px solid #f15a26;}
.banner .tab .swiper-button-next:hover:after{border-left: 8px solid #f15a26;}




.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{padding: 0px 0px 10px 0px;}
.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;}



.box1{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;}
.iAbout{margin-top: 45px;width: 573px;line-height: 2;font-size: 16px;color: #3e3a39;font-family: "微软雅黑";}
p.title{line-height: 24px;font-size: 24px;margin-bottom: 25px;color: #2f2725;/*font-family: "思源黑体 CN";*/padding-left: 13px;box-sizing: border-box;position:relative;}
p.title:after{content:"";position:absolute;width: 5px;height:100%;background: #f15b27;left:0;top: 2px;}
.iAbout>a{display: block;margin-top: 30px;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #2f2725;background: #dcdcdc;font-size: 14px;border-radius: 3px;}
.iAbout>a:hover{color: #fff;background: #f15b27;}
.iVideo{margin-top: 85px;width: 583px;}
.iVideo p.title{margin-bottom:27px}
.iVideo video{width: 100%;height: 328px;background: #000;}
.iAbout .summary{text-indent:2em;font-size: 16px;color: #3e3a39;}
.iVideo .swiper-slide{width:100%;height:100%;}
.iVideo img{width:100%;height:100%;}





.iProject{background: #f6f6f6;}
.iProject .content{padding-top: 50px;position: relative;width: 1200px;margin: 50px auto 0px;}
.iProject .content>p{color: #2f2725;font-size: 24px;line-height: 24px;padding-left: 15px;}
.iProject p.title:after{top:1px;}
.iProject .content a.more{position: absolute;font-size: 14px;color: #999999;right: 0;bottom:0;line-height: 1;}
.iProject .content a.more:hover{color: #f05b27;}
.iProject ul{display: flex;flex-wrap: wrap;padding: 15px 0 45px;}
.iProject ul li{transition:all .35s linear;width: 388px;margin-right: 18px;background-color: #fff;margin-bottom: 19px;background-position: bottom right;background-repeat: no-repeat;/* border:1px solid #d8d7d7; */box-sizing:border-box;position:relative}
.iProject ul li:nth-child(3n){margin-right: 0;}
.iProject ul li:after{content:"";position:absolute;width:100%;height:0;background:#f05b27;bottom:0;transition:all .3s ease-in-out}
.iProject ul li a{display: block;width: 100%;height: 100%;box-sizing: border-box;}
.iProject ul li p{font-size: 16px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;}
.iProject ul li .summary{margin-top: 13px;color: #333333;font-size: 16px;line-height: 22px;}
.iProject ul li:hover{box-shadow: 0 0 8px rgba(0,0,0,.15);}
.iProject ul li:hover p{color:#fff}
.iProject ul li:hover .summary{color:#fff}
.iProject ul li:hover{background:#f05b27;}
.iProject ul li .Img{height:200px;width: 100%;overflow:hidden;}
.iProject ul li .words{padding: 25px 20px;text-align: center;}
.iProject ul li .Img img{width:100%;transition:0.5s all ease;height: 100%;}
.iProject ul li:hover .Img img{transform:scale(1.2);}


.Product{background:#fff;}
.Product .content{position: relative;width: 1200px;margin: 50px auto 0px;}
.Product .content>p{color: #2f2725;font-size: 24px;line-height: 24px;padding-left: 15px;margin: 0px 0px 40px 0px;}
.Product p.title:after{top:1px;}
.Product .content a.more{position: absolute;font-size: 14px;color: #999999;right: 0;bottom:0;line-height: 1;}
.Product .content a.more:hover{color: #f05b27;}
.Product ul li .Img{width:335px;height:175px;float:left;overflow:hidden;}
.Product ul li img{transition:0.5s all ease;}
.Product ul{display:block;}
.Product ul li .words{float:right;width:825px;}
.Product ul li .tit{color:#333333;font-size:18px;}
.Product ul li{margin:0px 0px 40px 0px;}
.Product ul li .summary{color:#999999;font-size:14px;line-height:24px;padding: 20px 0px 25px 0px;border-bottom: 1px solid #dcdcdc;margin:0px 0px 25px 0px;}
.Product ul li .time{color:#999999;font-size:16px;}
.Product ul li:hover .tit{color:#f05b27;}
.Product ul li:hover img{transform:scale(1.2);}


.Case{background:#f6f6f6;padding: 0px 0px 60px 0px;}
.Case .content{padding-top: 50px;position: relative;width: 1200px;margin: 0px auto 0px;}
.Case .content>p{color: #2f2725;font-size: 24px;line-height: 24px;padding-left: 15px;margin: 0px 0px 40px 0px;}
.Case p.title:after{top:1px;}
.Case .content a.more{position: absolute;font-size: 14px;color: #999999;right: 0;bottom:0;line-height: 1;}
.Case .content a.more:hover{color: #f05b27;}
.Case ul li{width:219px;height:80px;float:left;background:#FFF;/* margin:0px 25px 25px 0px; */text-align: center;}
.Case ul li:nth-child(5n){margin-right:0px;}
.Case ul li .Img{line-height:78px;height:80px;}
.Case ul li .Img img{vertical-align:middle;max-width:100%;max-height:95%;transition:0.5s all ease;}
.Case ul li:hover img{transform:scale(1.2);}




@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;}


    .box1{width:96%;display: block;}
    .iAbout{width:100%;float:none;margin: 20px 0px 0px 0px;}
    p.title{font-size:16px;margin: 0px 0px 15px 0px;}
    p.title:after{width: 4px;height: 20px;}
    .iAbout .summary{font-size:14px;line-height:22px;}
    .iAbout>a{width: 90px;height:30px;line-height:30px;margin:15px 0px 0px 0px;}
    .iVideo{width:100%;float:none;margin: 30px 0px 0px 0px;}
    .iVideo img{width:100%;}
    .iProject .content{margin: 30px auto 0px;width: 96%;padding: 30px 0px 0px 0px;}
    .iProject .content>p{font-size:16px;}
    .iProject p.title:after{top:2px;}
    .iProject ul{padding: 0px 0px 20px 0px;}
    .iProject ul li{width:48.5%;margin: 0px 0px 13px 0px;}
    .iProject ul li:nth-child(2n){margin-left:3%;}
    .iProject ul li .Img{height: 24vw;}
    .iProject ul li .words{padding:15px 10px;}
    .iProject ul li p{font-size:14px;}
    .iProject ul li .summary{font-size:12px;line-height:20px;}

    .Product .content{margin: 30px auto 0px;width: 96%;}
    .Product .content>p{font-size:16px;margin: 0px 0px 20px 0px;}
    .Product p.title:after{top:2px;}
    .Product ul li{margin:0px 0px 20px 0px;}
    .Product ul li .Img{width:100%;height:auto;float:none;}
    .Product ul li .Img img{width:100%;}
    .Product ul li .words{width:100%;float:none;margin: 15px 0px 0px 0px;}
    .Product ul li .tit{font-size:16px;}
    .Product ul li .summary{font-size:12px;line-height:20px;padding: 10px 0px 15px 0px;margin: 0px 0px 15px 0px;}
    .Product ul li .time{font-size:14px;}

    .Case .content{width:96%;padding: 20px 0px 0px 0px;}
    .Case .content>p{font-size:16px;margin: 0px 0px 0px 0px;}
    .Case p.title:after{top:2px;}
    .Case{padding:0px 0px 20px 0px;}
    .Case ul li{width:48.5%;/* margin:0px 0px 12px 0px; */}
    .Case ul li:nth-child(2n){/* margin:0px 0px 12px 3%; */}
    .banner img{min-height: 110px;}
    
    






}


