@font-face {
    font-family: "eassosicon";
    src: url('/public/font/icon.eot');
    src: url('/public/font/icon.eot?#iefix') format('embedded-opentype'), url('/public/font/icon.woff') format('woff'), url('/public/font/icon.ttf') format('truetype'), url('/public/font/icon.svg#eassosicon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.eassosicon {
    font-family: "eassosicon" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.chg-head {
    height: 90px;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: #ffad5e 4px solid;
}

.chg-head+div {
    margin-top: 0;
}

.chg-head+script+div {
    margin-top: 0;
}

.chg-head+script+script+div {
    margin-top: 0;
}

.chg-head .wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
}

.chg-head .logo img {
    width: 200px;
    margin-right: 40px;
}

.chg-head .nav-btn {
    display: none;
}

.chg-head .nav ul {
    display: flex;
    align-items: center;
    height: 90px;
    font: 16px/1.6 Tahoma, Verdana, Arial, sans-serif;
}

.chg-head .nav li {
    position: relative;
    margin: 0 20px 0 0;
    height: 90px;
    padding: 25px 0 0 0;
}

.chg-head .nav li .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.chg-head .nav li>a {
    display: block;
    padding: 0 13px;
    border-radius: 20px;
    color: #666;
    text-align: center;
    font-size: 16px;
    line-height: 40px
}

.chg-head .nav li.sel>a,
.chg-head .nav li:hover>a {
    background: #fe5553;
    background: -webkit-gradient(linear, left top, right bottom, from(#fe7548), to(#fe5553));
    background: -moz-linear-gradient(top, #fe7548, #fe5553);
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe7548', endColorstr='#fe5553');
}

.chg-head .nav .dwn {
    margin: 0 0 0 10px
}

.chg-head .nav .dwn>a {
    padding: 0 20px;
    border: #06C 2px solid;
    color: #06C;
    border-radius: 0
}

.chg-head .nav .dwn:hover>a {
    background: #06C;
    background: -webkit-gradient(linear, left top, right bottom, from(#06C), to(#06C));
    background: -moz-linear-gradient(top, #06C, #06C);
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#06C', endColorstr='#06C');
    transform: translate(0, 0)
}

.chg-head .nav .menu-drop {
    display: none;
    position: fixed;
    top: 85px;
    z-index: 100;
    padding: 20px 20px 30px 20px;
    width: 650px;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    margin-left: -250px;
    border-top: 2px solid #ffac59;
    border-bottom: 1px solid #ffac59
}

.chg-head .nav li:hover .menu-drop {
    display: block;
}

.chg-head .nav .menu-drop .cap {
    font-size: 30px;
    font-weight: bold;
}

.chg-head .nav .menu-drop .dg {
    font-size: 26px;
    font-weight: bold;
    color: #647FDF;
}

.chg-head .nav .menu-drop .des {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px 30px 0;
}

.chg-head .nav .wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 20px;
}

.chg-head .menu-drop .dwn {
    margin: 10px 0 0 0;
}

.chg-head .menu-drop .dwn>a {
    padding: 10px 20px;
    border: #353535 1px solid;
    color: #606060;
    border-radius: 0px;
}

.chg-head .menu-drop .dwn:hover>a {
    background: #06C;
    background: -webkit-gradient(linear, left top, right bottom, from(#06C), to(#06C));
    background: -moz-linear-gradient(top, #06C, #06C);
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#06C', endColorstr='#06C');
    transform: translate(0, 0)
}

.chg-head .nav .menu-drop1 {
    position: fixed;
    top: 85px;
    left: 0;
    z-index: 100;
    display: none;
    padding: 45px 0 25px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    text-align: center;
    font-size: 0
}

.chg-head .menu-drop1 a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 9.8%;
    text-align: center
}

.chg-head .menu-drop1 span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    *zoom: 1;
    *display: inline;
    margin: 0 auto;
    background: #87bbfd;
    border-radius: 25px;
    color: #FFF;
    font-size: 30px;
    -webkit-transition: -webkit-transform .6s ease-out;
    -moz-transition: -moz-transform .6s ease-out;
    -o-transition: -o-transform .6s ease-out;
    -ms-transition: -ms-transform .6s ease-out;
    transition: transform .6s ease-out
}

.chg-head .menu-drop1 a:hover span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.chg-head .menu-drop1 .font {
    display: block;
    margin-top: 15px;
    color: #666;
    font-size: 16px
}

.chg-head .menu-drop1 a:hover .font {
    color: #fe5952
}

.chg-head .nav li:hover .menu-drop1 {
    display: block;
}

.chg-head .nav-btn {
    display: none;
}

.chg-head .nav-btn span {
    cursor: pointer;
}

.chg-head .nav-toggle {
    display: none;
}

.chg-head .nav-toggle:checked+.nav {
    display: block;
}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {
    .chg-head {
        display: block;
    }

    .chg-head .nav-btn {
        display: block;
    }

    .chg-head .nav ul {
        display: block;
    }

    .chg-head .nav li:hover .menu-drop {
        display: none;
    }

    .chg-head .nav li:hover .menu-drop1 {
        display: none;
    }

    .chg-head .nav .dwn {
        display: none;
    }

    .chg-head .nav {
        display: none;
    }

    .chg-head .wrap {
        justify-content: space-between;
        padding: 0 15px 0 15px;
    }

    .chg-head .nav li {
        height: 50px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: white;
        border-bottom: #f2f4f7 2px solid;
        z-index: 100;
    }

    .chg-head .nav li>a {
        display: block;
        padding: 0 13px;
        border-radius: 0px;
        color: #666;
        text-align: left;
        font-size: 16px;
        line-height: 50px;
    }

    .chg-head .nav li.sel>a {
        display: block;
        padding: 0 13px;
        color: #666;
        font-size: 16px;
        background: none;
    }

    .chg-head .nav li:hover>a {
        background: #fe5553;
        background: -webkit-gradient(linear, left top, right bottom, from(#fe7548), to(#fe5553));
        background: -moz-linear-gradient(top, #fe7548, #fe5553);
        color: #fff;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe7548', endColorstr='#fe5553');
    }
}
@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}

@media (max-width: 320px) {}