﻿.banner{/* height: 400px; */position: relative;}
.bannerPC{display:block}
.bannerM{display:none}
.banner .swiper-container,.banner .swiper-slide{width: 100%;height: 100%;}
.banner .swiper-slide .Text{position:absolute;top:0;margin-top: 180px;right: 100px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 22px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;box-sizing: border-box;border: 1px solid #fff;opacity: 1;background: transparent;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullet-active{background: #202389;border: 1px solid #202389;}
.banner>.content{position: absolute;top: 0;width: 1200px;left:50%;margin-left:-600px;height:350px;z-index: 11;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:40px;height:40px;left: 56px;}
.banner .swiper-button-next{left:auto;right:56px}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{opacity:1}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{background:url(../img/button.png) 0 0 no-repeat}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background:url(../img/button.png) right 0 no-repeat}

.row1{padding-top: 33px;display: flex;justify-content: space-between;}
.iAbout{width:600px;height:228px;display:flex;position:relative;overflow:hidden}
.iAbout .Img{width:300px}
.iAbout .Img img{width:100%}
.iAbout .Text{width:300px;padding:10px 20px 16px;box-sizing:border-box;background: #eff4f7;color: #202389;position: relative;}
.iAbout .Text>p{line-height:38px;margin-bottom:15px;font-size:20px;}
.iAbout .Text .summary{color: #202389;font-size:14px;line-height:26px;line-height: 20px;}
.iAbout a.more{width:89px;height:25px;line-height:25px;color: #202389;border-radius:20px;border:1px solid #888ac0;text-align:center;font-size:12px;display:block;position:absolute;bottom:8px;}
a.more span{font-family:"宋体"}

.iNews{background:#eff4f7;width: 595px;padding: 16px 30px 16px 24px;box-sizing:border-box;}
.iNews .title{font-size:20px;color:#202389;position:relative;margin-bottom:17px}
.iNews .title a{position:absolute;display:block;width:26px;height:26px;background:url(../img/arrow.png) center center no-repeat;right:0;top:0}
.iNews ul li{width: 100%;position: relative;}
.iNews ul li:after{position: absolute;content: "";width: 3px;height: 3px;background: #202389;top: calc(50% - 2px);left: 0;border-radius:50%;}
.iNews ul li a{font-family: "思源黑体 CN";display:flex;justify-content: space-between;}
.iNews ul li p{line-height: 30px;font-size: 14px;color: #686868;padding-left:18px;width: calc(100% - 120px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.iNews ul li span{font-size: 14px;color: #a9a9a9;line-height: 30px;font-family: Arial;display: block;}
.iNews ul li:hover p{color: #202389;}

.iCase{margin-top:36px;background:#f9f9f9;padding-top:10px;position:relative;}
.iCase:after{content:"";position:absolute;width:100%;height:129px;background:#e3e3ee;bottom:0;z-index:0;left: 0;}
.iCase .content{position:relative;z-index:1}
.iCase p.title{line-height:50px;font-size:20px;margin-bottom:24px;color:#202389;position:relative}
.iCase p.title:after{content:"";position:absolute;width:35px;height:1px;background:#202389;bottom:0;left:0}
.iCase ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
.iCase ul li{width:367px;height:238px;overflow:hidden;position:relative;margin: 20px 0;}
.iCase ul li img{width:100%}
.iCase ul li .mb{position:absolute;width:100%;height:100%;background:rgba(51,51,51,0.55);top:100%;left:0;transition:all .5s ease-in-out}
.iCase ul li .mb span{height:40px;display:block;margin-top:77px;background:url(../img/jia.png) center center no-repeat}
.iCase ul li .mb p{line-height:52px;text-align:center;font-size:24px;color:#fff}
.iCase ul li:hover .mb{top:0}
.iCase .moreBox{text-align:center}
.iCase .more{margin:25px 0;display:inline-block;width:112px;height:28px;text-align:center;line-height:28px;border:1px solid #8789be;border-radius:20px;color:#202389;font-size:12px;/* font-family:"arail"; */}
.iCase .more:hover{color:#fff;background:#202389}

.iService{padding-top:40px;}
.iService p.title{line-height:42px;font-size:20px;color:#202389;position:relative;text-align:center;margin-bottom:35px}
.iService p.title:after{position:absolute;content:"";width:36px;height:1px;background:#202389;left:calc(50% - 18px);bottom:0}
.iService ul{display:flex;flex-wrap: wrap;/* justify-content: center; */margin: 68px 0 30px;}
.iService ul li{position:relative;display: flex;margin-right: 118px;margin-bottom:75px;}
.iService ul li:nth-child(5n){margin-right:0;}
.iService ul li:nth-child(9){/* margin-right:0; */}
.iService ul li>span{width:84px;height:84px;display:block;width: 67px;height: 67px;}
.iService ul li p{line-height: 67px;font-size: 15px;color: #585858;margin-left: 18px;}
.iService ul li .summary{line-height:26px;font-size:12px;color:#767676;text-align:center;padding: 0 35px;height:78px;overflow:hidden}
.iService a.more{width:138px;height:34px;line-height:34px;border-radius:20px;text-align:center;display:block;border:1px solid #e8e8e8;color:#7f7f7f;font-size:12px;position:absolute;bottom:-17px;background:#fff;left:calc(50% - 69px);display: none;}
.iService a.more span{font-family:"微软雅黑";}
.iService ul li:hover>span{background-position-y:bottom}
.iService ul li:hover a.more{border:1px solid #202389;color:#202389}

@media screen and (max-width:880px){
    .banner{margin-top:15vw}
    .bannerPC{display:none}
    .bannerM{display:block}
    .banner .swiper-pagination-bullet{width:8px;height:8px}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5vw}
    .banner .swiper-button-next{right:4vw}
    .banner .swiper-button-prev{left:4vw}
    .banner .swiper-button-next, .banner .swiper-button-prev{width:30px;height:30px;background-size: 60px!important;}


    .row1{display: block;padding:4vw 4vw;box-sizing:border-box}
    .iAbout{width:100%;/* display:block; */height:auto;flex-direction: column-reverse;}
    .iAbout .Img{width:100%;}
    .iAbout .Text{width:100%;padding: 4vw 5vw 17vw;}
    .iAbout .Text>p{line-height: 8vw;font-size: 18px;margin-bottom: 3vw;}
    .iAbout .Text .summary{font-size:12px;line-height: 20px;}
    .iNews{width:100%;margin:4vw 0 0;padding: 4vw 5vw;}
    .iNews .title{font-size:18px;margin-bottom: 3vw;line-height: 24px;}
    .iNews .title a{width:24px;height:24px;background-size:100%}
    .iNews ul li p{line-height:24px}
    .iNews ul li span{line-height:24px;font-size:12px}
    .iCase{margin-top:0;padding: 0 4vw;box-sizing: border-box;}
    .iCase p.title{font-size:18px;margin-bottom: 4vw;padding-top: 4vw;line-height: 40px;}
    .iCase ul{display:block}
    .iCase ul li{width:100%;margin-bottom:4vw;height: auto;}
    .iCase ul li .mb{top:0}
    .iCase ul li .mb p{font-size:18px}
    .iCase .more{margin:4vw 0 8vw}
    .iService{padding-top:4vw}
    .iService p.title{line-height:50px;font-size: 18px;margin-bottom: 0;}
    .iService ul{/* display:block; */padding:0 4vw;box-sizing:border-box;/* margin-top: 20vw; */margin: 10vw 0;justify-content: left;justify-content: space-between;padding: 0 10vw;}
    .iService ul li{width:100%;height: auto;padding-bottom: 10vw;width: 45%;margin-right: 0;margin-bottom: 0;}
    .iService ul li>span{width:45px;height:45px}
    .iService ul li p{margin-bottom:0;margin-left: 3vw;line-height: 45px;font-size: 14px;}
    .iService ul li .summary{line-height:20px;height:60px}
}

