.w1700 {
    width: calc(100% - 2.75rem * 2);

    margin: 0 auto;
}

header {
    position: fixed;

    width: 100%;

    z-index: 5;

    transition: all .3s;
}

header.sticky {
    position: sticky;
}

.fix-header {
    height: 2.85rem;
}

.pc-block {
    display: block;
}

.mb-block {
    display: none;
}

.pc-header {
    width: 100%;

    display: block;
}

.header_list {
    display: flex;

    align-items: center;

    height: 1.75rem;

    padding: 0 2.75rem;

    background-color: #fff;

    /* justify-content: space-between; */

    justify-content: flex-start;

    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);
}

.header_list .header-logo a {
    display: flex;

    width: 3.725rem;
}

.header_list .header-logo a img {
    width: 100%;
}

.header-nav {
    display: flex;

    align-items: center;

    /* justify-content: flex-start; */

    justify-content: space-between;

    height: 100%;

    padding-left: 6.5rem;
    width: calc(100% - 3.75rem);
}

.header-nav .ul {
    display: flex;

    align-items: center;

    height: 100%;

    justify-content: flex-start;

    transition: all .3s;

    transition-delay: .1s;

    /* margin-right:8.1rem; */

    /* margin-right: 8.25rem; */

    /* margin-right: 7.85rem;/ */
}

.header-nav .ul .li {
    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    margin-right: 1.5rem;
}

.header-nav .ul .li:last-child {
    margin-right: 0;
}

.header-nav .ul a {
    /* color: rgb(89, 86, 86); */

    font-weight: 500;

    transition: all .6s ease-in;
}

.header-nav .ul .li:hover > a {
    color: #155f8c;
}

.header-nav .ul .li .li-nav {
    position: absolute;

    left: 50%;

    margin-left: -2.75rem;

    /* top: 1.75rem; */

    top: 1.75rem;

    width: 4rem;

    background-color: #fff;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

    transition: all .6s;

    /*transform: translateX(-50%) translateY(1rem);*/
}

.header_list .header-nav .ul .li .li-nav {
    border-bottom-left-radius: .2rem;

    border-bottom-right-radius: .2rem;

    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
}
@media (min-width: 1024px) and  (max-width: 1580px) {
    .header-nav .ul .li{
        margin-right: 1rem;
    }
}
@media (min-width: 1024px) {
    .header-nav .ul .li::after {
        content: '';

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        bottom: -0.15rem;

        width: 0%;

        height: .15rem;

        background: #0d5788;

        opacity: 0;

        visibility: hidden;

        transition: all .3s;

        z-index: 2;
    }

    /*.header-nav .ul .li:hover::after {

        width: 100%;

        opacity: 1;

        visibility: visible;

    }*/

    .header-nav .ul .li.active::after {
        width: 100%;

        opacity: 1;

        visibility: visible;
    }
}

.header-nav .ul .li .li-nav a {
    margin: .25rem 0;

    display: block;

    text-align: center;

    padding: 0 .5rem;

    padding-bottom: .25rem;

    position: relative;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    transition: all .4s;
    color: rgba(51, 51, 51, .8);
}

.header-nav .ul .li .li-nav a:last-child {
    margin-bottom: 0;

    border-bottom: none;
}

.header-nav .ul .li .li-nav a:hover {
    /* border-bottom-color: #065290; */

    padding-left: 1rem;
}

.header-nav .ul .li .li-nav a::after {
    position: absolute;

    left: .675rem;

    top: 40%;

    content: '';

    background-color: rgb(13, 87, 136);

    width: .1rem;

    height: .25rem;

    visibility: hidden;

    opacity: 0;

    transform: translateY(-50%);

    transition: all .3s;
}

.header-nav .ul .li .li-nav a:hover::after {
    visibility: visible;

    opacity: 1;

    transition-delay: 0s;
}

.header-end {
    display: flex;

    align-items: center;
    height: 100%;
}

.header-end .header_txt a {
    color: #000;

    /* opacity: .8; */

    font-size: .4rem;

    transition: all .3s;

    font-weight: 400;
}

.header-end .header_txt a:first-child {
    font-family: 'OPPOSans-M';
}

.header-end .header_txt a:hover {
    color: #0d5788;
}

.header-end .header_txt {
    display: flex;

    align-items: center;

    justify-content: center;
}

.header-end .header_txt span {
    margin: 0 .25rem;

    font-size: .3rem;

    opacity: .25;
}

.header-end .header_txt span:last-child {
    display: none;
}

.header-end .lunage {
    margin: 0 .5rem 0 .5rem;
}
.header-end .lunage {

    margin: 0 .75rem 0 .85rem;
    position: relative;
    height: 100%;
    display: flex
;
    align-items: center;
}



.header-end .lunage .lang_hide {
    position: absolute;
    left: 50%;
    top: 1.75rem;
    width: 1.5rem;
    height: auto;
    transform: translateX(-50%) translateY(10px);
    background-color: #fff;
    padding: 0 .25rem;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

}
.header-end .lunage:hover .lang_hide{
    transform: translateX(-50%) translateY(0px);
    opacity: 1;
    visibility: visible;
    transition: all .3s;
}
.header-end .lunage .lang_hide  a{
    display: block;
    margin: .25rem 0;
    text-align: center;
    text-transform: uppercase;
    font-size: .35rem;
}

.header-end .lunage.hide {
    opacity: 0;
}

.header-end .header_txt.hide {
    opacity: 0;
}

.header-end .lunage .tens {
    color: #000;

    font-size: .4rem;

    cursor: pointer;
}

.header-nav .ul .li .li-nav a:hover {
    color: #065290;
}

/* .header-end .lunage .tens{



} */


@media (min-width: 1024px) {
   
    .header_list .header-nav .ul .li .li-nav {
        width: 5.5rem;
    }

    .header-nav .ul .li:hover .li-nav {
        /*transform: translateX(-50%) translateY(.5rem);*/

        opacity: 1;

        visibility: visible;
    }

    .header-nav .ul .li.active::after {
        opacity: 1;

        visibility: visible;
    }

    .header-nav .ul .li.active > a,
    .header-nav .ul .li:hover > a {
        color: #065290;
    }


}

@media (min-width: 1024px) {
    .header-nav .ul .li{
        margin-right: 1rem;
    }
}
/* @media (min-width: 1400px) {
    .header-nav {
        width: calc(100% - 6rem);

    }
} */
@media (min-width: 1024px) {
    .header-nav {
        padding-left:4.5rem ;
        width: calc(100% - 3.75rem);
    }
}


.header-nav .search {
    width: .475rem;

    height: .475rem;

    position: relative;
}

.header-nav .search span {
    display: block;

    width: .45rem;

    cursor: pointer;
}

.header-nav .search img {
    width: 100%;
}

.header-nav .search form {
    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 7.5rem;

    height: 1rem;

    border: 1px solid #0d5788;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-right: .25rem;

    width: 0;

    opacity: 0;

    visibility: hidden;

    transition: all .3s;
}

.header-nav .search form input {
    height: 100%;

    width: 80%;

    padding: .25rem .5rem;
}

.header-nav .search form input::placeholder {
    color: #999;
}

.header-nav .search form button {
    background-color: transparent;
}

.header-nav .search form input {
    color: rgb(89, 86, 86);
}

.header-nav .search.active > span {
    opacity: 0;

    position: absolute;

    visibility: hidden;
}

.header-nav .search.active form {
    width: 7.5rem;

    opacity: 1;

    visibility: visible;

    transition-delay: .1s;
}

.header-nav .ul.hide {
    position: absolute;

    right: 0;

    width: 0;

    opacity: 0;
}

.showht {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: 5.5rem;

    height: 1.225rem;

    background: #065290;

    border-radius: .1rem;

    overflow: visible;

    padding-left: .5rem;

    padding-right: .5rem;

    transition: all .3s;

    z-index: 3;

    border: 1px solid #065290;

    cursor: pointer;
}

.showht .icons {
    width: .5rem;

    height: .5rem;

    margin-right: .3rem;
}

.showht .icons .icon {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

.showht .xl {
    width: .35rem;

    height: .35rem;

    right: .5rem;

    top: 42%;

    opacity: .95;

    transform: translateY(-50%);
}

.showht span {
    -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);

    transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
}

.showht .xl svg {
    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);

    transition: all .3s cubic-bezier(0.77, 0, 0.175, 1);
}

.showht::after {
    content: "";

    position: absolute;

    -webkit-transition: inherit;

    transition: inherit;

    z-index: -1;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    border-radius: .1rem;
}

.hideht {
    left: 0;

    margin-top: .05rem;

    width: 100%;

    border-radius: .1rem;

    border: 1px solid rgba(225, 225, 225);

    z-index: 2;

    background-color: #fff;

    display: none;
}

.hideht .li {
    height: 1.125rem;

    line-height: 1.125rem;

    padding: 0 .5rem;

    border-bottom: 1px solid rgba(225, 225, 225, 1);

    z-index: 1;

    transition: all .3s;
}

.hideht .li:hover {
    color: #fff;

    border-bottom: #065290;

    background-color: #065290;
}

.m-header .nume {
    width: 22px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-direction: column;

    position: relative;

    transition: all .6s;
}

.m-header .nume .line {
    width: 100%;

    height: 2px;

    background-color: #666;

    position: absolute;

    left: 0;

    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;

    transition-delay: .15s;
}

.m-header .nume .line1 {
    top: 0;
}

.m-header .nume .line2 {
    top: 9px;
}

.m-header .nume .line3 {
    top: 18px;
}

.m-header .nume.cur {
    transform: rotateY(-180deg);
}

.m-header .nume.cur .line1 {
    transform: rotate(45deg);

    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.m-header .nume.cur .line2 {
    opacity: 0;
}

.wrapheader {
    display: none;
}

.m-header .nume.cur .line3 {
    transform: rotate(-45deg);

    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.m-header {
    display: none;
}

.sub-banner .banner_nav {
    bottom: 0;

    width: 100%;
}

.sub-banner .banner_nav .w1700 {
    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(0, 0, 0, .08);
}

.sub-banner .banner_nav a {
    display: inline-block;

    height: 1.65rem;

    flex: 1;

    line-height: 1.65rem;

    text-align: center;

    backdrop-filter: blur(5px);

    font-weight: 500;

    transition: all .3s;

    position: relative;
}

.sub-banner .banner_nav a:not(:first-child)::after {
    content: '';

    position: absolute;

    left: 0;

    height: 100%;

    width: 1px;

    height: 100%;

    transition: all .3s;

    background-color: rgba(255, 255, 255, .2);
}

.sub-banner .banner_nav a:hover,
.sub-banner .banner_nav a.on {
    background: #065290;

    color: #fff;
}

.sub-banner .banner_nav a:hover::after,
.sub-banner .banner_nav a.on::after {
    background-color: #065290;
}

.wrapheader {
    position: absolute;

    opacity: 0;

    visibility: hidden;
}

.wrapheader .header-nav {
    display: none;
}

.pagination {
    display: flex;

    align-items: center;

    justify-content: center;
}

.fixed-header {
    height: 1.75rem;
}

footer {
    width: 100%;

    overflow: hidden;
}

footer .w1700 {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;
}

footer .w1700 .ulnav {
    display: flex;

    align-items: flex-start;
}

footer .w1700 .ulnav .li {
    /* padding-right: 1.625rem;

    margin-right: 1.625rem; */
    padding-right: 1rem;

    margin-right: 1rem;
    position: relative;
}

footer .w1700 .ulnav .li::after {
    position: absolute;

    right: 0;

    content: '';

    top: 0;

    width: 1px;

    height: 3.8rem;

    background-image: url(../img/line.png);

    background-repeat: no-repeat;

    background-size: cover;
}

footer .w1700 .ulnav .li:last-child {
    margin-right: 0;

    padding-right: 0;
}

footer .w1700 .ulnav .li:last-child::after {
    display: none;
}

footer .w1700 .ulnav .li {
    padding-top: .6rem;
}

footer .w1700 .ulnav .li .tnav {
    line-height: 1;

    font-weight: 400;

    margin-bottom: .75rem;
}

footer .w1700 .ulnav a {
    display: block;

    margin-bottom: .35rem;

    line-height: 1;

    font-weight: 400;
}

footer .w1700 .ulnav a:last-child {
    margin-bottom: 0;
}

footer .w1700:nth-child(1) {
    /* height: 7.5rem; */
    height: auto;

    width: 100%;

    padding: 0 2.75rem;

    padding-top: 1.15rem;

    padding-bottom: 1.8rem;

    background: #f7f7f7;
}

footer .w1700 .ers {
    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: .5rem;
}

footer .w1700 .ers .ersbox .er {
    width: 2.875rem;

    height: 2.875rem;
}

footer .w1700 .ers .ersbox .ertxt {
    line-height: 1;

    font-weight: 500;

    margin-top: .4rem;
}

footer .w1700 .ers .ersbox .er img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

footer .w1700 .ers .ersbox:first-child {
    margin-right: .6rem;
}

@media (min-width: 996px) {
    footer .w1700 .ers .ersbox {
        max-width: 3rem;
        text-align: center;
    }
}

footer .w1700:nth-child(2) {
    width: 100%;

    padding: .7rem 2.75rem;

    height: 2.5rem;

    background: #155f8c;

    font-family: Source Han Sans CN;
}

footer .w1700:nth-child(2) .fotbox {
    display: flex;

    align-items: center;

    height: 100%;

    /* padding: .35rem 0; */
}

footer .w1700:nth-child(2) div {
    display: inline-block;

    font-weight: 500;
}

footer .w1700:nth-child(2) a {
    font-weight: 400;
}

footer .w1700:nth-child(2) a:hover {
    color: #fff;
}

footer .w1700:nth-child(2) a.boc {
    opacity: 0.5;

    font-weight: 400;

    margin-left: .3rem;

    margin-right: .25rem;

    transition: all .3s;
}

footer .w1700:nth-child(2) a.boc:hover {
    color: #fff;

    opacity: 1;
}

.link {
    width: 7rem;

    height: 1.1rem;

    background: rgba(255, 255, 255, .1);

    border-radius: .1rem;
}

.link .linkshow {
    opacity: .5;

    height: 100%;

    line-height: 1.1rem;

    padding: 0 .55rem 0 .65rem;

    cursor: pointer;

    display: flex !important;

    align-items: center;

    justify-content: space-between;
}

.link .linkshow svg {
    transform: rotate(-180deg);
}

.sidebox {
    overflow: hidden;
}

.sideNav {
    position: fixed;

    right: .6rem;

    top: 5.5rem;

    /* width: 1.625rem;

    height: 1.625rem; */

    background: #ed7c02;

    border-radius: .1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    line-height: 1;

    z-index: 5;

    cursor: pointer;

    transition: all .6s;

    opacity: 1;

    visibility: visible;

    box-sizing: border-box;

    padding: .3rem .2125rem;
}

.sideNav.cur {
    opacity: 0;

    visibility: hidden;

    transform: translateX(150px);
}

.sideNav span {
    font-size: .3rem;
}

.sideNav .icon {
    width: .55rem;

    height: .55rem;

    margin: 0 auto .175rem;
}

.sideNav .icon img {
    width: 100%;
}

.side-lx {
    position: fixed;

    right: 0;

    top: 5.5rem;

    width: 4.2rem;

    z-index: 5;

    background: #ffffff;

    box-shadow: 0px .125rem .25rem 0px rgba(21, 95, 140, 0.2);

    border-radius: 0px 0px 0px .1rem;

    padding: 0 .3rem;

    transition: all .6s;

    transform: translateX(180px);

    opacity: 0;

    visibility: hidden;

    z-index: 2;
}

.side-lx.cur {
    opacity: 1;

    visibility: visible;

    transform: translateX(0);
}

.side-lx .rr {
    width: .55rem;

    height: 1.625rem;

    left: -0.55rem;

    top: 0;

    border-radius: .1rem 0 0 .1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #ed7c02;

    color: #fff;

    z-index: -1;

    background-image: url(../img/rr.png);

    background-size: .4rem .45rem;

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;
}

.side-lx a {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    color: #155f8c;

    padding: .45rem 0 .3rem;

    font-weight: 500;

    position: relative;

    z-index: 1;

    font-size: .3rem;
}

.side-lx a:nth-child(1) {
    border-bottom: 1px solid rgba(21, 95, 140, .2);
}

.side-lx a:nth-child(2) {
    padding-top: .375rem;

    padding-bottom: .5rem;
}

.side-lx a:nth-child(2) span:nth-child(2) {
    font-size: .35rem;
}

.side-lx a span {
    line-height: 1;

    margin-bottom: .2rem;
}

.side-lx a span:nth-child(2) {
    margin-bottom: 0;
}

footer .w1700:nth-child(2) .link {
    position: relative;
}

footer .w1700:nth-child(2) .link svg {
    transform: rotate(-90deg);

    transition: all .6s;

    /* width: .3rem; */
}

footer .w1700:nth-child(2) .link.cur {
    z-index: 2;
}

footer .w1700:nth-child(2) .link .linkhide {
    position: absolute;

    left: 0;

    bottom: 1.1rem;

    width: 100%;

    max-height: 7.5rem;

    overflow: auto;

    background-color: rgba(21, 95, 140, 1);

    z-index: 5;

    display: none;

    border-radius: .1rem .1rem 0 0;
}

footer .w1700:nth-child(2) .link.cur svg {
    transform: rotate(-180deg);
}

footer .w1700:nth-child(2) .link .linkhide .lis {
    padding: .25rem .55rem .25rem .65rem;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, .5);

    transition: all .6s;

    color: rgba(255, 255, 255, .5);
}

footer .w1700:nth-child(2) .link .linkhide .lis:hover {
    color: rgba(255, 255, 255, 1);
}

@media (min-width: 997px) and (max-width: 1440px) {
    .header-nav .ul a,
    .header-end .header_txt a{
        font-size:.45rem ;
    }
    .header_list {
        height: 2rem;
    }

    .header_list .header-logo a {
        width: 4rem;
    }

    /* .header-nav .ul a{

             font-size: 12px;

        }

        .header-end .header_txt a{

            font-size: 12px;

        } */

    .header-nav .ul .li .li-nav {
        width: 6rem;
    }

    .header-nav .ul .li .li-nav a {
        padding: 0 .25rem .25rem;
    }

    .header-end .lunage .tens {
        font-size: .45rem;
    }
    、

        .header-end .header_txt span {
        font-size: .45rem;
    }

    .header_list {
        justify-content: space-between;
    }

    .header-nav .search {
        width: .65rem;

        height: .65rem;
    }

    .header-nav .search span {
        width: .65rem;
    }

    .header-nav .search.active form {
        height: 1.25rem;

        width: 9rem;
    }

    .header_list .header-nav .ul .li .li-nav {
        top: 2rem;
    }

    .fixed-header {
        height: 2rem;
    }

    /* footer .w1700 .ulnav .li .tnav{

                font-size: 12px;

            }

            footer .w1700 .ulnav a{

                font-size: 12px;

            } */
    .header-end .lunage {
        margin: 0 .65rem;
    }
}

@media (min-width: 997px) and (max-width: 1025px) {
    .header-nav .ul{
        margin-right: 1.5rem;
    }
    .header-end .lunage .tens,
    .header-nav .ul a, .header-end .header_txt a{
        font-size: .55rem;
    }
    .header-nav {
        padding-left: 3rem;
    }
}



@media (max-width: 996px) {
    .m-header {
        display: flex;

        align-items: center;
    }
    footer .w1700 .ers .ersbox .er {
        margin: 0 auto .25rem;
    }

    .m-header .search {
        width: .55rem;

        height: .55rem;

        margin: 0 .55rem;
    }

    .m-header .search span {
        display: block;

        width: 100%;
    }

    .m-header .search span img {
        width: 100%;
    }

    .m-header .lunage {
        font-size: .55rem;
    }

    .pc-header {
        display: none;
    }

    .pc-block {
        display: none;
    }

    .mb-block {
        display: block;
    }

    .header_list > .header-nav {
        display: none;
    }

    .header_list {
        height: 1.9rem;

        justify-content: space-between;

        padding: 0 6%;
    }

    .header_list .header-logo a {
        width: 3.725rem;
    }

    .fix-header {
        height: 1.9rem;
    }

    .header-nav.cur {
        display: flex;
    }

    .sub-banner {
        height: 7rem;
    }

    .sub-banner .banner_nav {
        display: none;
    }

    .wrapheader .header-nav {
        display: block;

        background-color: #fff;
    }

    .wrapheader {
        display: none;

        display: none;

        position: absolute;

        left: 0;

        flex-direction: column-reverse;

        top: 1.875rem;

        width: 100%;

        opacity: 1;

        visibility: visible;

        height: calc(100vh - 1.5rem);

        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .header-nav {
        position: relative;

        left: auto;

        flex-direction: column-reverse;

        top: auto;

        height: 100%;

        width: 100%;

        padding: 0 4%;

        padding-top: 1rem;
    }

    .header-nav .ul {
        flex-direction: column;

        width: 100%;

        margin-right: 0;
    }

    .header-nav .ul .li {
        width: 100%;

        height: auto;

        margin-right: 0;

        display: block;

        justify-content: flex-start;
    }

    .wrapheader .header-nav .ul .li > a {
        position: relative;
    }

    .wrapheader .header-nav .ul .li > a::after {
        content: '';

        position: absolute;

        right: .25rem;

        top: 50%;

        transform: translateY(-50%) rotate(180deg);

        width: 12px;

        height: 6px;

        background-image: url(../img/xla.png);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        transition: all .3s;
    }

    .header-nav .ul .li a {
        display: block;

        width: 100%;

        padding: .5rem 0;

        border-bottom: 1px solid rgba(225, 225, 225);
    }

    .header-nav .ul .li::after {
        display: none;
    }

    .header-nav .ul .li .li-nav {
        /*transform: translateX(0);*/

        padding: 0;

        position: relative;

        display: none;

        opacity: 1;

        width: 100%;

        visibility: visible;

        /*transform: translateY(0);*/

        transition: none;
    }

    .header-nav .ul .li .li-nav a {
        text-align: left;

        padding: .35rem 1rem;

        margin: 0;
    }

    .header-nav .ul .li .li-nav a:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .header-nav .ul .li.cur {
        position: relative;

        width: 100%;
    }

    .header-nav .ul .li.cur > a::after {
        transform: translateY(-50%) rotate(0deg);
    }

    .header-nav .search {
        width: 100%;

        margin-bottom: .5rem;
    }

    .header-nav .search > span {
        display: none !important;
    }

    .header-nav .search span {
        width: auto;
    }

    .header-nav .search form {
        position: relative;

        width: 100%;

        top: 0;

        transform: translateY(0);

        padding-left: 0;

        padding-right: 0;

        height: auto;

        opacity: 1;

        visibility: visible;

        padding-right: .5rem;
    }

    .header-nav .search form input {
        width: 90%;
    }

    .w1700 {
        width: 92%;

        margin: 0 auto;
    }
}

@media (max-width: 996px) {
    .fixed-header {
        height: 1.875rem;
    }

    footer .w1700:nth-child(1) {
        height: auto;

        padding: 1rem 6%;

        align-items: center;

        justify-content: center;
    }

    footer .w1700:nth-child(1) .ulnav {
        display: none;
    }

    footer .w1700 .ers .ersbox .ertxt {
        margin-top: .1912rem;
    }

    footer .w1700 .ers {
        padding-top: 0;
    }

    footer .w1700:nth-child(2) {
        flex-direction: column;

        height: auto;

        padding: .5rem 8%;
    }

    footer .w1700:nth-child(2) .fotbox {
        text-align: center;

        margin-bottom: .5rem;

        justify-content: center;

        width: 100%;

        flex-wrap: wrap;
    }

    footer .w1700:nth-child(2) div.link {
        width: 5.8824rem;

        margin: 0 auto;
    }

    footer .w1700:nth-child(2) a.boc {
        display: none;
    }

    .header-nav .search form {
        top: auto;
    }

    .header-nav .search {
        height: auto;

        width: auto;
    }

    .header-nav .ul .li .li-nav a::after {
        top: 50%;
    }
}