.solution-nav {
    width: 100%;
    background-color: #f5f5f5;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1rem
}

.solution-ul {
    width: 100%;
    height: 3.75rem;
    overflow: hidden
}

.solution-nav ul li {
    display: inline-block;
    margin: 0 2.8125rem;
    float: left
}

.solution-div {
    position: relative
}

.solution-next, .solution-prev {
    position: absolute;
    top: 50%;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 100%;
    display: block;
    background-color: #cdcdcd;
    transform: translateY(-50%)
}

.solution-next {
    right: -1.875rem
}

.solution-ul li a {
    color: #333;
    padding: 5px 15px;
    border-radius: 15px
}

.solution-ul li a:hover, .solution-ul li.active a {
    background-color: var(--text-red);
    color: #fff;
    text-align: center
}

.solution-prev {
    left: -1.875rem
}

.solution-next::after, .solution-prev::after {
    content: '';
    width: .625rem;
    height: .625rem;
    border-top: .125rem solid;
    border-left: .125rem solid;
    border-color: #fff;
    display: block;
    margin-top: .375rem
}

.solution-prev::after {
    margin-left: .5rem;
    transform: rotate(-45deg)
}

.solution-next::after {
    margin-left: .3125rem;
    transform: rotate(135deg)
}

span.solution-next:hover, span.solution-prev:hover {
    background-color: var(--text-red)
}

span.solution-next:hover::after, span.solution-prev:hover::after {
    border-color: #fff
}

.solution-item-ul {
    margin-bottom: 1.25rem
}

.solution-item {
    margin: .75rem;
    display: inline-block;
    float: left;
    width: 376px;
    height: 250px;
    position: relative;
    background: no-repeat;
    background-size: 100%
}

.solution-content ul li {
    padding: .625rem;
    border: .0625rem solid #e2e2e2;
    border-radius: .9375rem;
    margin: 1.25rem auto
}

.imt {
    display: inline-block
}

.imt img {
    border-radius: .3125rem
}

.text {
    width: 65%;
    float: right;
    font-size: .875rem
}

.text h2 {
    color: #333;
    margin-bottom: 2.5rem;
    font-weight: 400
}

.text p {
    color: #999;
    line-height: 1.75rem;
    text-indent: 2em;
    padding-right: 1.25rem
}

.text .consult {
    padding: .5rem .9375rem;
    border: .0625rem solid var(--text-red);
    text-align: center;
    display: inline-block;
    color: var(--text-red);
    border-radius: .3125rem;
    float: right;
    margin-right: 1.25rem;
    margin-top: 2.5rem
}

.solution-content ul li:hover {
    border-color: var(--text-red);
    box-shadow: .3125rem .3125rem .3125rem #fbe6e6
}

.solution-content ul li:hover .text h2 {
    color: var(--text-red)
}

.solution-content ul li:hover .text p {
    color: #333
}

.paging-fenye {
    width: 63.125rem;
    margin: 0 auto
}

.solution-border {
    border-radius: .3125rem;
    border: .0625rem solid #e2e2e2;
    padding: 2.1875rem 4.375rem
}

.solution-border h1 {
    font-size: 1.625rem;
    text-align: center
}

.solution-text {
    text-align: center;
    color: #999;
    margin: 1.875rem auto
}

.solution-text span {
    display: inline-block;
    margin: 0 .9375rem
}

.solution-text i {
    font-size: 1rem;
    color: #999;
    margin-right: .375rem
}

.solution-border p {
    line-height: 1.75rem;
    font-size: .875rem;
    color: #666;
    margin-bottom: 1.25rem;
}

.border-dzj {
    width: 4.0625rem;
    height: 4.0625rem;
    border: .0625rem #999 solid;
    border-radius: 100%;
    margin: 0 auto
}

.border-dzj i.dzj {
    font-size: 2.1875rem;
    color: #999;
    margin: .9375rem
}

.border-dzj:hover {
    border-color: var(--text-red)
}

.border-dzj:hover i.dzj {
    color: var(--text-red)
}

.page-prev {
    margin: 1.875rem auto
}

.prev-page {
    width: 50%
}

.link-art {
    font-size: .875rem;
    color: #999
}

.link-art-img {
    display: inline-block;
    float: left;
    margin-right: 1.25rem
}

.link-art-img img {
    border-radius: 5px
}

.link-art-bot {
    float: right
}

.link-ss {
    margin-top: 1.25rem;
    font-size: .875rem
}

.link-art-bot {
    float: left;
    color: #999
}

.link-he {
    margin-bottom: .9375rem;
    color: #666
}

.link-span span {
    margin: 0 .9375rem
}

.link-span span i {
    margin: 0 .3125rem
}

.link-span span:first-child {
    margin-left: 0
}

.right-rr .link-art {
    text-align: right
}

.right-rr .link-art-bot {
    float: right;
    text-align: right
}

.right-rr .link-art-img {
    float: right;
    margin-right: 0;
    margin-left: 1.25rem
}

.prev-page:hover .link-art, .prev-page:hover .link-art-bot, .prev-page:hover .link-he {
    color: var(--text-red)
}

.icons {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.item1 {
    background-image: url(../img/Z_77.png)
}

.item2 {
    background-image: url(../img/Z_80.png)
}

.item3 {
    background-image: url(../img/Z_78.png)
}

.item4 {
    background-image: url(../img/Z_79.png)
}

.item5 {
    background-image: url(../img/Z_81.png)
}

.item6 {
    background-image: url(../img/Z_82.png)
}

.item7 {
    background-image: url(../img/Z_83.png)
}

.item8 {
    background-image: url(../img/Z_84.png)
}

.item9 {
    background-image: url(../img/Z_85.png)
}

.item10 {
    background-image: url(../img/Z_86.png)
}

.item11 {
    background-image: url(../img/Z_87.png)
}

.item12 {
    background-image: url(../img/Z_88.png)
}

.solution-m {
    width: 6.125rem;
    height: 6.125rem;
    border-radius: 100%;
    border: .0625rem solid #fff;
    background-color: rgb(166, 171, 175, .58);
    display: block;
    margin: 70px auto 0;
    text-align: center
}

.solution-img {
    font-size: 50px;
    vertical-align: middle;
    color: #fff;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    margin: 20px auto
}

.solution-tits-s {
    margin: 45px auto 10px;
    font-size: 20px;
    text-align: center;
    color: #fff
}

.solution-p {
    text-align: center;
    font-size: 16px;
    transition-duration: .5s;
    color: #fff;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0
}

a.solution-href {
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 120px;
    display: block;
    padding: 5px 15px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 20px auto 0;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0
}

.solution-item:hover:before {
    content: '';
    width: 100%;
    background-color: rgb(25, 67, 107, .58);
    height: 100%;
    display: block;
    border-radius: 5px
}

.solution-item:hover .solution-m {
    margin: -230px auto 0;
    border: none;
    background-color: transparent
}

.solution-item:hover .solution-tits-s {
    margin: -10px auto 10px;
    opacity: 1
}

.solution-item:hover .solution-tits-s:after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #fff;
    margin: 5px auto;
    display: block
}

.solution-item:hover .solution-href, .solution-item:hover .solution-p {
    opacity: 1
}