*{padding: 0; margin: 0; box-sizing: border-box;}
html, body{max-width: 100vw; font-size: 16px; font-family: '微软雅黑',system-ui, Arial, Helvetica, sans-serif, 'Microsoft Yahei';}
html{overflow-x: hidden; overflow-y: auto;}
input, select, textarea{font-size: inherit; background: unset;}
a{text-decoration: none; color: inherit; font-size: inherit; transition: 0.3s;}
hr{display: block; width: 100%; height: 2px; background: #ccc; border: none;}
ul, ol, li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
fieldset, img,input,button { border:none; padding:0; margin:0; outline-style:none; }

textarea::-webkit-input-placeholder{color: var(--placeholder-color); font-size: inherit;}
textarea:-moz-placeholder{color: var(--placeholder-color); font-size: inherit;}
textarea::-moz-placeholder{color: var(--placeholder-color); font-size: inherit;}
textarea:-ms-input-placeholder{color: var(--placeholder-color); font-size: inherit;}
input::-webkit-input-placeholder{color: var(--placeholder-color); font-size: inherit;}
input:-moz-placeholder{color: var(--placeholder-color); font-size: inherit;}
input::-moz-placeholder{color: var(--placeholder-color); font-size: inherit;}
input:-ms-input-placeholder {color: var(--placeholder-color); font-size: inherit;}
textarea{resize:none; overflow: auto; border: none;}
select{border: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
select::-ms-expand { display: none; }
select:focus{outline: none;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; font-family: unset;background: none;border: none;padding: 0;margin: 0;color: inherit;}
i,em{font-style:normal;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track:vertical{background-color: #000;}
::-webkit-scrollbar-track-piece{background:#E3E3E3;}
::-webkit-scrollbar-thumb:vertical{background-color:#555; border-radius:30px;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #000;}
::-webkit-scrollbar-corner:vertical{background-color: #333;}
::-webkit-scrollbar-resizer:vertical{background-color: #333;}

body{min-height: 100vh; display: flex; flex-direction: column;}
footer{margin-top: auto;}
dl{
    margin-bottom: 0;
}

.c2 { }

.c2 .list2 {
    margin-top: 4.16vw;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.c2 .list2 li {
    position: relative;
}


.c2 .list2 li .img img {
    width: 100%;
}

.c2 .list2 li .zi {
    width: 100%;
    position: absolute;
    top: 0%;
    text-align: center;
    color: #fff;
    z-index: 11;
    padding: 0 28px;
    height: 100%;
    align-items: center;
    display: flex;
}

.c2 .list2 li .zi .zi1 {
    width: 100%;
}

.c2 .list2 li .zi .tu {
    line-height: 4.1666vw;
}

.c2 .list2 li .zi .tu img {
    max-width: 100%;
    transition-duration: .3s;
   margin:auto; width:auto;
}

.c2 .list2 li .zi h3 {
    font-size: 1.14583vw;
    margin-top: 5.83vw;
    transition-duration: .3s;
}

@media (max-width: 560px) {
    .c2 .list2 li .zi h3 {
        font-size: 18px;
    }
}

.c2 .list2 li .zi h3:after {
    margin: 1.14583vw auto 0;
    display: block;
    background: #fff;
    height: 1px;
    width: 50%;
    content: '';
}

.c2 .list2 li .zi dd {
    margin-top: 1.5625vw;
    font-size: 0.88vw;
    line-height: 1.66vw;
    display: none;
}

.c2 .list2 li .zi .ck {
    margin: 1.04vw auto 0;
    background: #0088F6;
    text-transform: capitalize;
    border-radius: 30px;
    font-size: 15px;
    width: 113px;
    line-height: 38px;
    display: none;
}

@media (min-width: 1025px) {
    .c2 .list2 li:hover .zi {
        background: rgba(0, 136, 246, 0.54);
    }

    .c2 .list2 li:hover .zi h3 {
        margin-top: 44px;
    }

    .c2 .list2 li:hover .zi .tu img {
        transform: scale(1.1);
    }

    .c2 .list2 li:hover .zi dd {
        display: block;
    }

    .c2 .list2 li:hover .zi .ck {
        display: block;
    }
}
.clearfix {
    clear: both;
}

.page-wrap-right img{ max-width:100%;}