/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}

body {
    background: #f1f4f9;
}
:root {
    --mao-webnav-offset: 0px;
}
/****************************************
    通用样式
***************************************/
a.style-1 {
    color: #8f8f8f;
}
a.style-1:hover {
    color: #1a90ff;
}
.container {
    max-width: 1600px;
}

/****************************************
    搜索
***************************************/

.maomodel-search .maocontent {
    display: flex;
}
.maomodel-search .maocontent .si-logo {
    width: 250px;
}
.maomodel-search .maocontent .si-logo img {
    height: 80px;
}
.maomodel-search .maocontent .si-search-box {
    width: calc(100% - 265px);
    margin-left: 15px;
}
.maomodel-search .maocontent .si-search-box .ji-input {
    position: relative;
}
.maomodel-search .maocontent .si-search-box .ji-input input {
    padding: 13.59px;
    width: 100%;
    outline: none;
    border: 1px solid #fff;
    border-radius: 10px;
}
.maomodel-search .maocontent .si-search-box .ji-input input:focus {
    border: 1px solid #1a90ff;
}
.maomodel-search .maocontent .si-search-box .ji-input button {
    background: linear-gradient(136deg, #286aff, #4e6ef2, #7274f9, #9f66ff);
    position: absolute;
    right: 0;
    height: 100%;
    color: #fff;
    font-size: 1.15rem;
    padding: .5rem 1rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    border: 0;
}
.maomodel-search .maocontent .si-search-box .ji-input button:hover {
    background: linear-gradient(rgba(0,0,0,.09),rgba(0,0,0,.09)),linear-gradient(136deg,#286aff,#4e6ef2,#7274f9,#9f66ff);
}
.maomodel-search .maocontent .si-search-box .ji-list {
    margin-top: .25rem;
}
.maomodel-search .maocontent .si-search-box .ji-list a {
    margin-right: .5rem;
}

@media (max-width: 992px) {
    .maomodel-search .maocontent {
        flex-direction: column;
        align-items: center;
    }
    .maomodel-search .maocontent .si-search-box {
        width: 100%;
        margin-top: 1rem;
        margin-left: 0;
    }
}


.maomodel-webnav {
    margin-top: 1rem;
}
.maomodel-webnav .mao-left {
    float: left;
    width: 8.3333333333%;
    position: sticky;
    top: 15px;
    left: 12px;
}
.maomodel-webnav .mao-right {
    width: 91.6666666667%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.maomodel-webnav .mao-left ul {
    padding: 0;
    margin: 1rem 0 1rem;
    list-style: none;
}
.maomodel-webnav .mao-left ul li {
    padding: 4.4px 0;
    user-select: none;
    color: #5e5d5b;
    letter-spacing: .5px;
    position: relative;
    right: 1px;
}
.maomodel-webnav .mao-left ul li:first-child:before {
    content: "";
    display: inline-block;
    width: 12px;
    background: #000;
    height: 2px;
    position: absolute;
    left: -20px;
    top: 14px;
    transition: all .3s ease-in-out;
    transform: translateY(var(--mao-webnav-offset, 0));
}
.maomodel-webnav .mao-left ul li span {
    cursor: pointer;
    display: block;
}
.maomodel-webnav .mao-left ul li:hover,
.maomodel-webnav .mao-left ul li.active {
    color: #ff5a00;
}

@media (max-width: 992px) {
    .maomodel-webnav .mao-left {
        display: none;
    }
    .maomodel-webnav .mao-right {
        width: 100%;
    }
}

/*************************************************
    webnav 共用
*************************************************/

.maomodel-webnav-style-usually {
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
}
.maomodel-webnav-style-usually .maocontent .si-list > a .ji-hover-qrcode,
.maomodel-webnav-style-usually .maocontent .si-list > a .ji-hover-txt {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: -120px;
    display: flex;
    z-index: 999;
    width: 110px;
    transition: all .15s ease-out .1s;
    box-sizing: border-box;
    left: 50%;
    transform: translate(-50%);
    border-radius: 10px;
}
.maomodel-webnav-style-usually .maocontent .si-list > a .ji-hover-txt {
    width: 100%;
    padding: .7rem;
    text-align: center;
    background: green;
    color: #fff;
}
.maomodel-webnav-style-usually .maocontent .si-list > a:hover .ji-hover-qrcode,
.maomodel-webnav-style-usually .maocontent .si-list > a:hover .ji-hover-txt {
    pointer-events: auto;
    opacity: 1;
    top: -127px;
}
.maomodel-webnav-style-usually .maocontent .si-list > a:hover .ji-hover-txt {
    top: -110px;
}

/*************************************************
    webnav style1
*************************************************/

.maomodel-webnav-style1 .maocontent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.maomodel-webnav-style1 .maocontent .si-list {
    width: calc(100% / 12);
    text-align: center;
}
.maomodel-webnav-style1 .maocontent .si-list > a {
    font-size: 0.875rem;
    min-height: 100px;
    max-height: 100px;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
    position: relative;
}
.maomodel-webnav-style1 .maocontent .si-list > a:hover {
    background: #f4f7fc;
    border-radius: 6px;
    color: #333;
}
.maomodel-webnav-style1 .maocontent .si-list > a > img {
    width: 48px;
    height: 48px;
    margin-bottom: 0.3rem;
}
.maomodel-webnav-style1 .maocontent .si-list > a span {
    display: block;
}
.maomodel-webnav-style1 .maocontent .si-list > a:hover span {
    display: none;
}
.maomodel-webnav-style1 .maocontent .si-list > a .ji-hover-show {
    display: none;
}
.maomodel-webnav-style1 .maocontent .si-list > a:hover .ji-hover-show {
    display: flex;
    position: absolute;
    bottom: 10px;
    background: #fff;
}
.maomodel-webnav-style1 .maocontent .si-list > a .ji-hover-show object {
    padding: 3px 5px;
}
.maomodel-webnav-style1 .maocontent .si-list > a .ji-hover-show span {
    color: #ccc;
    padding: 3px;
}

@media (max-width: 992px) {
    .maomodel-webnav-style1 .maocontent .si-list {
        width: calc(100% / 4);
    }
}

/*************************************************
    webnav style2
*************************************************/

.maomodel-webnav-style2 .maocontent {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 0;
    margin: 0;
    gap: 0.7rem;
}
.maomodel-webnav-style2 .maocontent .mao-list {
    position: relative;
}
.maomodel-webnav-style2 .maocontent .mao-list a {
    position: relative;
    transition: all .25s ease-in-out;
    bottom: 0;
}
.maomodel-webnav-style2 .maocontent .mao-list a:hover {
    bottom: 4px;
}

@media (max-width: 992px) {
    .maomodel-webnav-style2 .maocontent {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/*************************************************
    webnav style3 style4
*************************************************/

.maomodel-webnav-style3 .maocontent {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    padding: 0;
    margin: 0;
    gap: 0.7rem;
}
.maomodel-webnav-style4 .maocontent {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 0;
    margin: 0;
    gap: 0.7rem;
}

.maomodel-webnav-style3 .maocontent .si-list,
.maomodel-webnav-style4 .maocontent .si-list {
    padding: 12px 7px 12px 9px;
    border-radius: 6px;
}
.maomodel-webnav-style3 .maocontent .si-list:hover,
.maomodel-webnav-style4 .maocontent .si-list:hover {
    /*box-shadow: 0 1px 12px #f4f7fc;*/
    background: #f4f7fc;
}
.maomodel-webnav-style3 .maocontent .si-list a,
.maomodel-webnav-style4 .maocontent .si-list a {
    display: flex;
    position: relative;
    width: 100%;
    color: #333;
    align-items: center;
}
.maomodel-webnav-style3 .maocontent .si-list a .ji-left,
.maomodel-webnav-style4 .maocontent .si-list a .ji-left {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.maomodel-webnav-style3 .maocontent .si-list a .ji-left img,
.maomodel-webnav-style4 .maocontent .si-list a .ji-left img {
    width: 28px;
    height: 28px;
}
.maomodel-webnav-style3 .maocontent .si-list a .ji-right,
.maomodel-webnav-style4 .maocontent .si-list a .ji-right {
    width: calc(100% - 37px);
    margin-left: 5px;
}
.maomodel-webnav-style3 .maocontent .si-list a .ji-right p,
.maomodel-webnav-style4 .maocontent .si-list a .ji-right p {
    color: #888;
}
.maomodel-webnav-style3 .maocontent .si-list a .ji-right .s-img,
.maomodel-webnav-style4 .maocontent .si-list a .ji-right .s-img {
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 10px;
    visibility: hidden;
}
.maomodel-webnav-style3 .maocontent .si-list a:hover .ji-right .s-img,
.maomodel-webnav-style4 .maocontent .si-list a:hover .ji-right .s-img {
    visibility: visible;
}
.maomodel-webnav-style3 .maocontent .si-list a .ji-right .s-img img,
.maomodel-webnav-style4 .maocontent .si-list a .ji-right .s-img img {
    width: 16px;
    height: 16px;
}

@media (max-width: 992px) {
    .maomodel-webnav-style3 .maocontent {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .maomodel-webnav-style4 .maocontent {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*************************************************
    webnav style5
*************************************************/

.maomodel-webnav-style5 .maocontent {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 0;
    margin: 0;
    gap: 0.7rem;
}
.maomodel-webnav-style5 .maocontent .si-list {
    border-radius: 6px;
    border: 1px solid #ededed;
    background: rgba(253, 253, 253, .56);
    backdrop-filter: blur(8px);
    padding: 16px 16px 14px;
}
.maomodel-webnav-style5 .maocontent .si-list:hover {
    border: 1px solid #e2edff;
    background: rgba(249, 250, 255, .56);
}
.maomodel-webnav-style5 .maocontent .si-list > a {
    display: flex;
    align-items: center;
    color: #333;
}
.maomodel-webnav-style5 .maocontent .si-list > a p {
    color: #888;
}
.maomodel-webnav-style5 .maocontent .si-list > a:hover h3 {
    color: #1a90ff;
}
.maomodel-webnav-style5 .maocontent .si-list > a img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
.maomodel-webnav-style5 .maocontent .si-list > a .ji-right {
    margin-left: 10px;
    width: calc(100% - 50px);
}
.maomodel-webnav-style5 .maocontent .si-list .ji-btns {
    margin-top: 6px;
    display: flex;
    justify-content: center;
}
.maomodel-webnav-style5 .maocontent .si-list .ji-btns a {
    margin: 0 10px;
    width: 100%;
    border: 1px solid #ededed;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    color: #767676;
    border-radius: 6px;
}
.maomodel-webnav-style5 .maocontent .si-list .ji-btns a:hover {
    color: #1a90ff;
    background: #f0f5ff;
}

@media (max-width: 992px) {
    .maomodel-webnav-style5 .maocontent {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*************************************************
    webnav style5
*************************************************/

.maomodel-webnav-style6 .maocontent {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    padding: 0;
    margin: 0;
    gap: 0.7rem;
}
.maomodel-webnav-style6 .maocontent .si-list > a {
    display: flex;
    color: #333;
    padding: 8px;
    border-radius: 6px;
    position: relative;
}
.maomodel-webnav-style6 .maocontent .si-list > a:hover {
    background: #f1f8fc;
}
.maomodel-webnav-style6 .maocontent .si-list > a > img {
    width: 23px;
    height: 23px;
}
.maomodel-webnav-style6 .maocontent .si-list > a h3 {
    width: calc(100% - 33px);
    margin-left: 10px;
}

@media (max-width: 992px) {
    .maomodel-webnav-style6 .maocontent {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*************************************************
    webnav style7
*************************************************/

.maomodel-webnav-style7 .maocontent .si-list {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    padding: 0;
    margin: 0;
    gap: 0.7rem;
}
.maomodel-webnav-style7 .maocontent .si-list:not(:last-child) {
    margin: 0 0 0.7rem 0;
}
.maomodel-webnav-style7 .maocontent .si-list a {
    color: #333;
}
.maomodel-webnav-style7 .maocontent .si-list a:not(:first-child):hover {
    color: #1a90ff;
}
.maomodel-webnav-style7 .maocontent .si-list a:first-child {
    color: rgb(229, 51, 51);
}

@media (max-width: 992px) {
    .maomodel-webnav-style7 .maocontent .si-list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}