.main{/* margin-bottom: 90px; */background: url(../img/bk.jpg) center bottom no-repeat;}

.banner{width: 100%;position: relative;height: auto;}
.banner .content{line-height:700px}
.banner .Txt{/* padding:40px 30px 30px; *//* background:rgba(66,152,204,0.9); */display:inline-block;line-height: 30px;width: 100%;}
.banner img{width: 100%;height: auto;}
.bannerPC{display: block}
.bannerM{display: none}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{width: 100%;height: 100%;}
.banner .swiper-pagination span{background:#fff}
.banner .swiper-pagination-bullet{opacity:1}
.banner .swiper-pagination-bullet-active{background:url(../img/article.png)!important;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{margin-bottom:20px}
.banner .swiper-slide{background-size:cover!important}

.Img{overflow:hidden;display: block;height: 100%;}
.Img img{width:100%;transition:all .45s ease-in-out;height: 100%;}

.box1{display: flex;justify-content: space-between;margin-top: 50px;margin-bottom: 48px;}
.box1 .head{width: 450px;text-align: right;position: relative;}
.box1 .head:after{content:"";position:absolute;width:30px;height:4px;background:#000;top:0;left:0}
.box1 .head p{font-size:24px;color:#363636;font-family: 黑体;}
.box1 .head em{font-size:24px;color:#202020;font-style:normal;margin-top:10px;display:block;font-family: Book Antiqua;}
.box1 .summary{width: 700px;color:#515151;font-size:14px;line-height: 24px;}

.box2{display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom: 34px;}
.box2_1{width:898px;display:flex;flex-wrap:wrap;}
.box2_1 .iAbout{width:292px;margin-right:10px;height:450px;margin-bottom:10px;position:relative}
.box2_1 .iAbout .Txt{position:absolute;top: 0px;left: 0px;color:#fff;font-size:18px;padding-top: 20px;padding-left: 25px;width: 100%;height: 100%;box-sizing: border-box;}
.box2_1 .iAbout:hover img{transform:scale(1.1)}
.box2_1 .iPro{width:596px;height:450px;margin-bottom:10px;position:relative}
.box2_1 .iPro .LB{height:100%;}
.box2_1 .iPro .swiper-slide{width:596px;height:450px;background-size: cover!important;}
.box2_1 .iPro .swiper-button-next,.box2_1 .iPro .swiper-button-prev{width:34px;height:100px;}
.box2_1 .iPro .swiper-button-prev{background:rgba(70,70,70,0.8) url(../img/arrow.png) left center no-repeat!important}
.box2_1 .iPro .swiper-button-next{background:rgba(70,70,70,0.8) url(../img/arrow.png) right center no-repeat!important}
.box2_1 .iPro .Txt{position:absolute;padding-top: 20px;padding-left: 29px;color:#fff;font-size:18px;z-index:10;width: 100%;height: 100%;background: rgba(0,0,0,0.1);box-sizing: border-box;top: 0px;}
.box2_1 .iPro .Txt p{font-size:18px}
.box2_1 .iPro .Txt .summary{padding-top: 13px;margin-top: 7px;position:relative;font-size: 16px;}
.box2_1 .iPro .Txt .summary:after{content:"";width:23px;height:2px;background:#fff;position:absolute;top:0;left:0}
.box2_1 .iSolution{width:454px;height:297px;position:relative;margin-right: 8px;}
.box2_1 .iSolution .Txt{position:absolute;top: 0px;left: 0px;color:#fff;font-size:18px;width: 100%;height: 100%;box-sizing: border-box;padding-top: 20px;padding-left: 25px;}
.box2_1 .iSolution .Txt .summary{padding-top: 13px;margin-top: 7px;position:relative;font-size: 16px;}
.box2_1 .iSolution .Txt .summary:after{content:"";width:23px;height:2px;background:#fff;position:absolute;top:0;left: 0;}
.box2_1 .iSolution:hover img{transform:scale(1.1)}
.box2_1 .iTechnology{width: 436px;padding: 20px 34px 12px 28px;border: 1px solid #eaeaea;box-sizing: border-box;}
.box2_1 .iTechnology>a{font-size:18px;color: #e67e22;line-height: 18px;}
.box2_1 .iTechnology ul li{display:flex;justify-content:space-between;line-height:25px}
.box2_1 .iTechnology ul li p{font-size:12px;color:#444444;padding-left:5px;position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;/* width: calc(94vw - 80px); */}
.box2_1 .iTechnology ul li p:after{content:"";width:2px;height:2px;background:#c8c8c8;position:absolute;top:calc(50% - 1px);left:0}
.box2_1 .iTechnology ul li .time{font-size:12px;color:#828282}
.box2_1 .iTechnology ul li .summary,.box2_1 .iTechnology ul li .more{display:none}
.box2_1 .iTechnology ul li:first-child{margin-bottom:15px;border-bottom: 1px dashed #d7d7d7;padding-bottom: 15px;display:block}
.box2_1 .iTechnology ul li:first-child p{font-size:15px;color:#444444;padding-left:0;margin: 10px 0;width: 100%;}
.box2_1 .iTechnology ul li:first-child p:after{display:none}
.box2_1 .iTechnology ul li:first-child .summary{overflow: hidden;display:block;font-size:12px;line-height:20px;color:#6d6d6d;height: 40px;}
.box2_1 .iTechnology ul li:first-child .more{display:block;width:114px;height:29px;font-size:12px;color:#717171;border:1px solid #b0b0b0;text-align:center;line-height:30px;margin-top:18px}
.box2_1 .iTechnology ul li:first-child .time{display:none}
.box2_1 .iTechnology ul li:hover p{color:#da7837;}
.box2_1 .iTechnology ul li .more:hover{color:#fff;background:#da7837;border-color:transparent}
.box2_2{width:293px}
.box2_2>a{display:block;position:relative;overflow:hidden}
.box2_2 .Img{height:100%;transition:all .5s ease-in-out}
.box2_2 .iDownload{height:296px;margin-bottom: 9px;}
.box2_2 .iNews{height:223px;margin-bottom: 9px;}
.box2_2 .iContact{height:223px;}
.box2_2 .Txt{position:absolute;padding-top: 20px;padding-left: 25px;color:#fff;background: rgba(0,0,0,.2);width: 100%;height: 100%;top: 0;left: 0;box-sizing: border-box;}
.box2_2 .Txt:after{position:absolute;width:284px;height:calc(100% - 8px);border: 1px solid rgb(255 255 255 / 0.5);box-sizing:border-box;/* content:""; */top:4px;left:4px;}
.box2_2 .Txt p{font-size:18px;line-height:18px}
.box2_2 .Txt span{font-size:12px;line-height:35px;font-family:arail}
.box2_2 .Txt i{position:absolute;width:100%;height:100%;/* background: url(../img/zi.png) 93px 92px no-repeat; */top:0;left:0;/* opacity:0.1; */display: none;}
.box2_2 a:nth-child(2) .Txt i{background: url(../img/zi.png) 87px no-repeat;}
.box2_2 a:nth-child(3) .Txt i{background: url(../img/zi.png) 78px -440px no-repeat;}
.box2_2>a:after{content:"";position:absolute;width:22px;height:22px;background:url(../img/more.png) center center no-repeat;right:20px;top:24px}
.box2_2>a:hover .Img{transform:scale(1.1)}
.box2_2>a:hover .Txt{background:rgba(218,120,55,0.85)}


.iAbout>a:after{content:"";position:absolute;width:22px;height:22px;background:url(../img/more.png) center center no-repeat;right:20px;top:24px}
.iAbout>a:hover .Img{transform:scale(1.1)}
.iAbout>a:hover .Txt{background:rgba(218,120,55,0.85)}
.iPro .LB>a:after{content:"";position:absolute;width:22px;height:22px;background:url(../img/more.png) center center no-repeat;right:20px;top:24px}
.iPro .LB>a:hover .Img{transform:scale(1.1)}
.iPro .LB>a:hover .Txt{background:rgba(218,120,55,0.85)}

.iSolution>a:after{content:"";position:absolute;width:22px;height:22px;background:url(../img/more.png) center center no-repeat;right:20px;top:24px}
.iSolution>a:hover .Img{transform:scale(1.1)}
.iSolution>a:hover .Txt{background:rgba(218,120,55,0.85)}



@media only screen and (max-width:880px){
    .main{margin-top:15.3vw}
    .banner{height:67vw}
    .bannerPC{display: none}
    .bannerM{display: block}
    .banner .content{line-height:67vw}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{margin-bottom: 2vw;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2vw}
    .banner .Txt{line-height: 26px;}

    .box1{padding:0 3vw;box-sizing:border-box;display: block;margin: 6vw 0 5vw;}
    .box1 .head{width:100%;text-align:center;}
    .box1 .head p{font-size:16px}
    .box1 .head em{font-size:16px;margin-top:3px}
    .box1 .head:after{display:none}
    .box1 .summary{width:100%;margin:4vw 0 6vw;font-size:12px;}

    
    .box2{display:block;padding: 0 3vw;box-sizing: border-box;}
    .box2_1{width:100%}
    .box2_1 .iAbout{width:100%;height: 70vw;overflow: hidden;margin-right: 0;}
    .box2 .box2_1 .Txt{/* left:4vw; */line-height: 7vw;}
    .box2_1 .iAbout .Img{text-align:center;line-height:70vw}
    .box2_1 .iAbout .Img img{transform: translate(-50%,-50%);margin-left: 47vw;margin-top: 35vw;}
    .box2_1 .iPro{width:100%;height:71vw;overflow:hidden}
    .box2_1 .iPro .Txt .summary{font-size:13px}
    .box2_1 .iPro .swiper-slide{width:100%;height:71vw;background-size: cover!important;}
    .box2_1 .iPro .swiper-button-next, .box2_1 .iPro .swiper-button-prev{width:5.5vw;height:15.6vw;background-size: 200%!important;}
    .box2_1 .iPro .swiper-button-prev{left:0}
    .box2_1 .iPro .swiper-button-next{right:0}
    .box2_1 .iSolution{width:100%;height: 62vw;margin-right: 0;overflow: hidden;margin-bottom: 10px;}
    .box2_1 .iSolution .Txt .summary{font-size:13px}
    .box2_1 .iTechnology{width:100%;padding: 4vw 2vw;margin-bottom: 10px;}
    .box2_1 .iTechnology ul li p{width: calc(94vw - 100px);}
    .box2_2{width:100%}
    .box2_2 .iDownload{height: 95vw;}
    .box2_2 .iNews{height: 72vw;}
    .box2_2 .iContact{height: 72vw;}
    .box2_2 .Txt{/* left: 4vw; */}
    .box2_2 .Txt:after{width: calc(100% - 8px);border: 0;}
    .box2_2 .Txt i{background-size: 47vw!important;background-position-x: center!important;}
    .box2_2 a:nth-child(2) .Txt i{background-position-y: -70vw!important;}
    .box2_2 a:nth-child(3) .Txt i{background-position-y: -150vw!important;}
    
    
}