.iabout{height: 520px;background: url(../img/aboutbk.png) right bottom no-repeat;}
.iabout .content{height: 100%;}
.iabout .left{background: url(../img/aboutLbk1.png) center center no-repeat;color: #fff;width: 555px;height: 100%;background-position: 20px 30px;position: relative;}
.iabout .left a{display: block;position: absolute;top: 32px;left: 243px;cursor:initial;}
.iabout .left a.a2{top: 147px;left: 20px;/* left: 3vw; */}
.iabout .left a.a3{top: 275px;left: 240px;}
.iabout .left a span{width: 100px;height: 100px;display: inline-block;border-radius: 50%;cursor: pointer;}
.iabout .left a>div{display: inline-block;vertical-align: top;margin-top: 12px;margin-left: 15px;}
.iabout .left a>div i{font-style: normal;font-size: 34px;color: #2d2d2d;font-weight: bold;}
.iabout .left a>div p{font-size: 14px;color: #2d2d2d;}
.iabout .left a.a2>div{display: block;margin-top: 0;}
.iabout .left a.a3>div{margin-top: 2vw;}
.iabout .left a:hover span{background-position:center bottom!important;background-color: #4072ca!important;}
.iabout .right{width: 645px;height: 100%;padding-top: 105px;box-sizing: border-box;color: #2d2d2d;}
.iabout .right .head{font-size: 0;}
.iabout .right .head i{font-size: 28px;font-weight: bold;font-style: normal;line-height: 22px;}
.iabout .right .head em{font-size: 24px;font-style: normal;line-height: 22px;margin-left: 10px;vertical-align: top;}
.iabout .right .summary{margin-top: 25px;font-size: 14px;line-height: 23px;}
.iabout a.btn{margin-top: 30px;width: 104px;height: 30px;line-height:30px;border-radius: 30px;border:1px solid #4072ca;font-size: 12px;color: #4072ca;text-align: center;display: block;}
.iabout a.btn:hover{background: #4072ca;color: #fff;}

.ibusiness{height: 576px;position: relative;}
.ibusiness .headBox{position: absolute;width: 100%;height: 130px;top: -80px;left: 0;}
.ibusiness .headBox .head{font-size: 0;text-align: center;text-transform:uppercase;line-height: 22px;}
.ibusiness .headBox .head i{font-size: 28px;font-weight: bold;font-style: normal;line-height: 22px;}
.ibusiness .headBox .head em{font-size: 24px;font-style: normal;line-height: 22px;margin-left: 10px;vertical-align: top;}
.ibusiness .headBox ul li{width: 228px;height: 60px;line-height: 60px;text-align: center;float: left;margin-right: 14px;margin-top: 35px;background: #fff;color: #000;box-shadow:0px -1px 5px #efefef;cursor: pointer;font-size: 18px;}
.ibusiness .headBox ul li:last-child{margin-right: 0;}
.ibusiness .headBox ul li .Img{display: inline-block;width: 30px;height: 30px;overflow: hidden;vertical-align: middle;position: relative;}
.ibusiness .headBox ul li .Img img{width: 100%;position: absolute;top: 0;left: 0;}
.ibusiness .headBox ul li span{padding-left: 10px;}
.ibusiness .headBox ul li:hover{background: #4072ca;color: #fff;}
.ibusiness .headBox ul li:hover img{top: auto;bottom: 0;}
.ibusiness .headBox ul li.active{background: #4072ca;color: #fff;}
.ibusiness .headBox ul li.active img{top: auto;bottom: 0;}
.ibusiness .con{height: 100%;width: 100%;padding-top: 170px;box-sizing: border-box;}
.ibusiness .con em{font-style: normal;font-size: 44px;line-height: 56px;color: #4072ca;font-weight: bold;}
.ibusiness .con p{font-size: 22px;line-height: 34px;color: #4072ca;}
.ibusiness .con .summary{font-size: 20px;color: #2d2d2d;line-height: 30px;width: 457px;margin-top: 5px;}
.ibusiness .con .btn{width: 160px;height: 44px;line-height:44px;border-radius: 30px;border:1px solid #4072ca;font-size: 14px;color: #4072ca;text-align: center;display: block;margin-top: 30px;}
.ibusiness .con .btn:hover{color: #fff;background: #4072ca;}

.inews{height: 524px;text-align: center;}
.inews .head{font-size: 0;text-align: center;text-transform:uppercase;line-height: 22px;margin-top: 54px;margin-bottom: 38px;}
.inews .head i{font-size: 28px;font-weight: bold;font-style: normal;line-height: 22px;}
.inews .head em{font-size: 24px;font-style: normal;line-height: 22px;margin-left: 10px;vertical-align: top;}
.inews ul{border-bottom: 1px solid #c9c9c9;margin-top: 20px;}
.inews ul li{width: 704px;height: 74px;border-top: 1px solid #c9c9c9;}
.inews ul li a{color: #0b1718;text-align:left;display: block;height: 60px;width: 100%;margin-top: 7px;box-sizing: border-box;padding-top: 7px;background: url(../img/inewIcon.png) calc(100% - 7px) center  no-repeat;}
.inews ul li a span{font-size: 12px;display: block;margin-left: 12px;padding-left: 23px;background: url(../img/inewMsg.png) left top no-repeat;}
.inews ul li a p{font-size: 18px;line-height: 35px;margin-left:35px;width: calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.inews ul li:hover a{color: #4072ca;background:#f5f7fb url(../img/inewIconA.png) calc(100% - 7px) center  no-repeat;}
.inews ul li:hover a span{background:url(../img/inewMsgA.png) left top no-repeat;}
.inews .btn{width: 104px;height: 28px;line-height:28px;border-radius: 30px;border:1px solid #4072ca;font-size: 12px;color: #4072ca;text-align: center;display: inline-block;margin-top: 30px;}
.inews .btn:hover{color: #fff;background: #4072ca;}
.inews .right{width: 430px;height: 340px;background: url(../img/inewRbk.png) center center no-repeat;position: relative;}
.inews .right i{position: absolute;font-style: normal;font-size: 21px;color: #fff;font-weight: bold;top: calc(50% - 10px);left: calc(50% - 22px);}
.inews .right a{position: absolute;top:20px;box-sizing: border-box;width: 100px;height: 100px;display: block;border: 5px solid #eef1f8;border-radius: 50%;right: 68px;background: #fff;}
.inews .right a.a2{top: 140px;left: 37px;}
.inews .right a.a3{bottom:0;right: 85px;top: auto;}
.inews .right a span{display: block;width: 52px;height: 47px;margin: 10px auto 0;}
.inews .right a p{font-size: 16px;color: #4072ca;line-height: 18px;}
.inews .right a:hover{background: #4072CA;border: 0;}
.inews .right a:hover p{color: #fff;}
.inews .right a:hover span{background-position: center bottom!important;}
.inews .right a.active{background: #4072CA;border: 0;}
.inews .right a.active p{color: #fff;}
.inews .right a.active span{background-position: center bottom!important;}

@media only screen and (max-width: 880px) {
    .iabout{padding:0 4vw;height: auto;background-size: 144%;}
    .iabout .right{width:100%;padding-top:5vw;float: none;}
    .iabout .right .head i{font-size:20px}
    .iabout .right .head em{font-size:18px}
    .iabout .right .summary{margin-top:2vw;color:#666666}
    .iabout a.btn{margin-top:3vw}
    .iabout .left{float:none;height: 100vw;background-size: 70%;width: 100%;background-position: 3vw center;}
    .iabout .left a{top: 30px;left: 171px;top: 19vw;left: 43vw;}
    .iabout .left a.a2{top: 110px;top: 40vw;}
    .iabout .left a.a2{left:3vw}
    .iabout .left a.a3{top: 196px;left:171px;top: 63vw;left: 43vw;}
    .iabout .left a span{background-size: 100%!important;width: 65px;height: 65px;width: 18vw;height: 18vw;}
    .iabout .left a>div{width: 25vw;margin-top: 2vw;margin-left: 10px;}
    .iabout .left a>div i{font-size:24px}
    .iabout .left a>div p{font-size:12px}

    .ibusiness{height: 140vw;}
    .ibusiness .headBox{padding:0 4vw;box-sizing: border-box;top: -4vw;}
    .ibusiness .headBox .head{text-align:left}
    .ibusiness .headBox .head i{font-size:20px}
    .ibusiness .headBox .head em{font-size:18px}
    .ibusiness .headBox ul li{width:48%;margin-right:4%;margin-top: 3vw;line-height: 11.2vw;height: 11.2vw;text-align: left;}
    .ibusiness .headBox ul li:nth-child(2n){margin-right:0}
    .ibusiness .headBox ul li .Img{margin-left:2vw}
    .ibusiness .headBox ul li span{padding-left:0;font-size: 16px;}
    .ibusiness .con{background-position:bottom center!important;/* background:url(../img/ibusinessMb.png) center bottom no-repeat!important; */background-size: 100%!important;padding-top: 55vw;}
    .ibusiness .con .content{padding:0 4vw;box-sizing:border-box}
    .ibusiness .con em{font-size:30px;line-height: 35px;}
    .ibusiness .con p{font-size:18px}
    .ibusiness .con .summary{width:100%;margin: 0;font-size: 14px;line-height: 24px;}
    .ibusiness .con .btn{width:30vw;height:8vw;line-height:8vw;margin-top: 5vw;font-size: 12px;}

    .inews{height:auto;padding-bottom: 20vw;}
    .inews .head{text-align:left;padding: 0 4vw;margin: 10vw 0 4vw;}
    .inews .head i{font-size:20px}
    .inews .head em{font-size:18px}
    .inews ul{margin-top:0}
    .inews ul li{width:100%}
    .inews ul li a p{font-size:15px}
    .inews .left{width:100%;padding:0 4vw;box-sizing:border-box}
    .inews .right{width:100%;margin-top: 10vw;}
    .inews .right a{top: 12px;right: 50px;}
    .inews .right a.a2{top: 144px;left: 13px;}
    .inews .right a.a3{right:50px}
}