/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;display: block;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
/***默认让所有浏览器出现右边滚动条****/
html {overflow-y: scroll;font-size: 16px;}
/***默认清除浮动****/
body {font-family: "微软雅黑", "sans-serif", "Arial";}
.conter{max-width: 1200px;margin: 0 auto;}

.head{background: url("index20231108_1.png") center center no-repeat;background-size: 100vw auto;height: 26.25vw;}
.head .tit{padding-top: 2.7604vw;}
.head .tit img{width: 100%;}
.head .tit .logo{width: 12.7083vw;}
.head .tit .title{width: 46.0937vw;padding-top: 3.8542vw;}
.head .login{padding-top: 3.8542vw;}
.head .login a{font-size: 1.5em;line-height: 1;padding: 0.375em 1.3333em;display: inline-block;margin-right: 0.875em;background: #fff;color: #0087e6;border-radius: 5px;}
.head .login a.hover{background: #0087e6;color: #fff;}

.cont{padding: 2.5em 0 3.75em;background: #f2f2f2;}
.cont .turn{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cont .turn span{width: 24%;}
.cont .turn span a{width: 100%;border-radius: 5px;overflow: hidden;}
.cont .turn span img{width: 100%;}

.cont .list{margin-top: 2.5em;padding: 2.5em;box-sizing: border-box;border-radius: 13px;min-height: 46em;background: #fff;}
.cont .list .tis{padding-left: 3.4375em;background: url("index20231108_5.png") top left no-repeat;background-size: 2.125em auto;position: relative;border-bottom: 2px solid #1a7abd;display: flex;align-items: center;}
.cont .list .tis span{font-size: 1.875em;display: inline-block;margin-bottom: -3px;padding: 0 0.2em 0.4em;margin-right: 1.6em;color: #959595;line-height: 1;cursor: pointer;}
.cont .list .tis span.hover{border-bottom: 4px solid #1a7abd;color: #1a7abd;}
.cont .list .tis .more{color: #7c0917;font-size: 1.125em;position: absolute;right: 0;top: 0;}

.cont .list .lis{padding-top: 2.5em;}
.cont .list .lis li{display: flex;align-items: center;margin-bottom: 3em;}
.cont .list .lis .tit{font-size: 1.875em;width: 4em;padding: 0.3333em 0.8em;background: #1a7abd;color: #fff;border-radius: 5px;margin-left: 0.2em;display: inline-block;line-height: 1;margin-right: 1.4em;white-space: nowrap;}
.cont .list .lis a{font-size: 1.125em;width: calc(100% - 28em);}
.cont .list .lis a:hover{color: #E11118;}
.cont .list .lis span{color: #959595;width: 8em;margin-left: 10em;}

@media (max-width: 1200px) {
    html{font-size: 14px;}
    .conter{margin: 0 3%;}
}
@media (max-width: 780px) {
    html{font-size: 12px;}
    .cont .list .tis span{font-size: 1.5em;}
    .cont .list .lis .tit{font-size: 1.5em;}
}
@media (max-width: 580px) {
    .head{background-size: 180vw auto;height: 44vw;}
    .head .tit .logo{width: 35vw;}
    .head .tit .title{width: 80vw;}

    .cont .turn span{width: 100%;margin: 0.75em 0;}

    .cont .list{padding: 1em;}
    .cont .list .tis{padding-left: 0;background: none;padding-right: 5em;}
    .cont .list .tis span{margin-right: 0.2em;font-size: 1.2em;}

    .cont .list .lis li{margin-bottom: 1.5em;flex-direction: column;align-items: flex-start;}
    .cont .list .lis a{width: 100%;padding: 0.5em 0;}
    .cont .list .lis .tit{margin: 0;}
    .cont .list .lis span{text-align: right;width: 100%;margin: 0;}
}