#banner{
    max-width: 1240px;
    margin: 0 auto;
}
#middle{
    max-width: 1240px;
    margin: 0 auto 70px auto;
    padding: 20px 0 20px 0;
    border-bottom: solid 3px #054995;
}
.item-font{position: relative;height: 359px;background-color: #9ddafc;}
.triangle{
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.triangle2{
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.item-content{padding: 0 60px;line-height: 30px;position: absolute;top: 50%;transform: translateY(-50%);}

.banner2{
    position: relative;
    padding-top: 30px;
    /*border-bottom: solid 3px #054995;*/
}
.banner2:after{
    content: "";
    clear: both;
    display: block;
}
.banner2-font{
    position: absolute;
    height: 60%;
    width: 50%;
    background-color: rgba(78, 141, 219, 0.9);
    top: 50%;
    transform: translateY(-50%);
}
.m-b{margin-top: 30px;}
.font-div{
    padding: 50px 40px;
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner2-img{
    width: 97%;
    float: right;
}
.banner2-title{
    font-size: 20px;
    font-weight: bold;
}
.banner2-content{
    line-height: 30px;
    margin-top: 20px;
    font-size: 16px;
}

.item-font .title1{text-align: right; font-weight: bold;font-size: 18px;}
.item-font .title2{font-weight: bold;font-size: 15px;line-height: 50px;}
.img-btm{padding: 30px 0px 0 0px;}
.img-btm .li-1{float: left;line-height: 30px;}
.img-btm .li-1 li{position: relative;}
.start{position: absolute;left: -25px;color: #9ddafc;}
.img-btm .ul-1{display: flex;justify-content: space-between;}
.img-btm .li-2{float: left;width: 25%;text-align: center;}
.box-img{width: 100%;}
.box-img>img{width: 100%;}


.top-nav{
    border-bottom: 3px solid #0d4f97;
    max-width: 1240px;
    margin: 20px auto;
}
.top-nav::after{
    content: "";
    display: block;
    clear: both;
}
.top-nav .nav-left{
    float: left;
}

.top-nav .nav-right{
    float: right;
    margin-bottom: 0;
}
.top-nav .nav-right>li{
    float: right;
}
.top-nav .nav-right>li>a{
    display: inline-block;
    padding: 10px 40px;
    background-color: #e6e4e4;
    margin-right: 10px;
    border-radius: 10px 10px 0 0;
    color: black;
    /*font-weight: bold;*/
}

/*主要业务开始*/
.m-b .plate-title{
    font-weight: bold;
    font-size: 18px;
    color: #054994;
    text-align: center;
    margin: 60px 0;
    border-bottom: 3px solid #054994;
    line-height: 50px;
    box-shadow: 0 10px 6px -5px #bbbbbb;
}
.m-b .top-list::after, .item-list::after{
    content: "";
    display: block;
    clear: both;
}
.m-b .list-item{
    width: 31%;
    margin: 0 1%;
    float: left;
    position: relative;
    background-color: rgba(245, 193, 124, 0.91);
    color: white;
    transition: 0.3s all;
    box-shadow: 3px 8px 15px #908f8f;
}
.m-b .list-item:hover{
    background-color: rgba(78, 141, 219, 0.9);
    transform: scale(1.1);
    transition: 0.3s all;
}
.m-b .list-item .item-top{
    width: 90%;
    margin: 0 auto;
    height: 320px;
    border-bottom: 3px solid white;
}
.m-b .list-item .item-top-text{
    padding: 40px 0;
}
.m-b .list-item .gyl-title{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
}
.m-b .list-item .gyl-content{
    line-height: 30px;
}
.m-b .list-item .circle{
    position: absolute;
    width: 50px;
    height: 25px;
    border-radius: 0 0 25px 25px;
    background-color: white;
    left: 50%;
    transform: translate(-50%, -2%);
}
.m-b .list-item .item-bottom{
    padding: 20px 10% 60px 10%;
    height: 210px;
}
.m-b .list-item .bottom-title{
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}
/*主要业务结束*/

/*联系方式开始*/
.m-b::after{
    content: "";
    clear: both;
    display: block;
}
.plate-left{
    width: 40%;
}
.plate-right{
    width: 60%;
}
.plate-left, .plate-right{float: left;}

.bottom-title1{
    border-bottom: 1px solid #f2f2f2;padding: 5px; margin-bottom: 10px;font-size: 18px;
}
.bottom-list{
    height: 672px;
}
.bottom-list::after{
    content: "";
    display: block;
    clear: both;
}
.bottom-list li{
    width: 47%;
    margin-top: 2%;
    margin-bottom: 2%;

    float: left;
    padding: 20px 30px;
    line-height: 30px;
    color: #054994;
    background-image: linear-gradient(45deg, #e0e0e0, #ffffff , #e0e0e0);
    box-shadow: 5px 5px 15px -5px #808080;
}
#div1 li:nth-child(odd){
    margin-right: 2%;
}
#div1 li:nth-child(even){
    margin-left: 2%;
}


.list-group{
    width: 100%;
    margin-bottom: 0;
    transition: 0.3s all ease-in-out;
}
.item-list li{
    width: 31.3%;
    float: left;
    margin: 0 1% 2%;
}
.item-list .bottom-list-top{
    border-bottom: 1px solid #f2f2f2;padding: 5px; margin-bottom: 10px;font-size: 18px;
}
.item-list .bottom-list-bottom{
    padding: 20px 30px;
    margin-top: 8%;
    line-height: 30px;
    color: #054994;
    background-image: linear-gradient(45deg, #e0e0e0, #ffffff , #e0e0e0);
    box-shadow: 5px 5px 15px -5px #808080;
}
/*联系方式结束*/
@media screen and (max-width: 769px) {
    .plate-left{width: 100%;}
    .banner2-content{display: none;}
    .m-b .list-item{width: 48%;margin-bottom: 30px;}
    .plate-right{width: 100%;}
    .item-list li{width: 30.3%;}
    .bottom-list li{width: 46%;}
}
@media screen and (max-width: 500px) {
    .item-list li{width: 47%;}
    .item-list .bottom-list-bottom{font-size: 12px;padding: 20px;}
    .m-b .list-item{width: 100%;}
}