/* solution */
.solution .container{text-align: center; padding-top: 4rem;}
.solution span{font-size: 1.1rem;}
.solution h2{font-size: 1.5rem; margin: 1rem 0 2rem;}
.solution .flex div{width: 49%;background: url(../img/solution1.jpg) no-repeat; padding: 2.5rem 0 2.5rem 2rem; box-sizing: border-box;}
.solution .flex div:last-of-type{background: url(../img/solution2.jpg) no-repeat;}
.solution dl{background-color: #fff;width: 290px;padding: 1rem; box-sizing: border-box;text-align: left;}
.solution dl h3{color: #0a4e97; font-size: 1.2rem; line-height: 1.7rem; margin-bottom: 1rem;}
.solution dd a{padding: 10px; display: inline-block; border:1px solid #0a4e97; color: #0a4e97;font-size: 1rem; border-radius: 5px;}
@media (max-width:1090px) {
    .pro .item li{height: auto;justify-content: space-around;}
}
@media (max-width:945px) {
    .pro .item .txt{height: auto;}
}
@media (max-width:768px) {
    .ban .txt h1{font-size: 1.5rem;}
    .pro{background: none;}
    .pro .title h2{font-size: 12px;}
    .pro .title li.on{background-color: #0a4e97;}
    .pro .title li.on h2{color: #fff;}
    .pro .title {position: sticky;width: 100%;left: 0;top: 5rem;z-index: 999;}
    .pro .item{width: 100%;}
    .solution .flex div{width:100%;margin-bottom: 2rem;}
    .pro .item .l{min-width: 280px;}
    .pro .item li{width:98%;margin:2.5rem auto 0; box-shadow:0 0 5px #333;}
    .pro .item li:hover{box-shadow:0 0 5px #333;}
}