@charset "utf-8";



/*header*/

header {

    position: fixed;

    left: 0;

    width: 100%;

    transition: all .3s ease-out;

    z-index: 999;

}



.header {

    padding: 0 70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height:60px;

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

    transition: background-color .3s;

}



.header.grey_head {

    border-color: #EEEEEE;

    background: #FFF;

}



.header .logo {

    float: left;

    height: 100%;

    width: 120px;

    display: flex;

    align-items: center;

}



.logo img:nth-child(2) {

    display: none;

}



.header .header_r {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding-left: 50px;

}



.menu {

    flex: 1;

    padding-top: 16px;

}



.menu ul.hlist {

    margin-left: -32px;

    /* margin-right: -32px; */

    display: flex;

    justify-content: space-between;

}



.menu ul.hlist>li {

    float: left;

    padding: 0 32px;

}

@media (min-width:1101px) {



.menu ul.hlist>li:last-child {

    display: none;

}

}

.menu ul.hlist>li>a {

    position: relative;

    padding-bottom: 16px;

    /* padding-bottom: 10px; */

    display: flex;

    align-items: center;

    color: var(--white-color);

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

}

.menu ul.hlist>li>a::before {

    content: "";

    position: absolute;

    left: 0;

    bottom:-1px;

    width: 0;

    height: 2px;

    background-color: var(--white-color);

    transition: width .4s;

}





.menu ul.hlist>li.active>a::before,

.menu ul.hlist>li>a:hover::before {

    width: 100%;

}



.header_r .line {

    margin-left: 10px;

    margin-right:10px;

    width: 1px;

    height: 16px;

    background-color: rgba(255, 255, 255, 0.50);

}



.language_box {

    position: relative;

    margin-left: 35px;

}

.language_box a {

    /* color: var(--white-color); */

    color: rgba(255, 255, 255, 0.70);

    font-size: 16px;

}

.language_box a.on {

    color: var(--white-color);

}

.header_language {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

    width: max-content;

    padding-top: 55px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    pointer-events: none;

}



.language_current {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .4s ease;

    position: relative;

    z-index: 2;

}



.language_content {

    position: relative;

    z-index: 2;

    padding: 24px;

    opacity: 0;

    transform: translateY(-10px);

    border-radius: 8px;

    border: 1px solid rgba(0, 0, 0, 0.10);

    background-color: var(--white-color);

    pointer-events: none;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.language_content .language_item_box {

    padding-bottom: 24px;

}



.language_content .language_item_box:last-child {

    padding-bottom: 0;

}



.language_content a {

    display: inline-block;

    color: #666;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    text-transform: uppercase;

    display: block;

}



.language_content a.active,

.language_content a:hover {

    color: var(--main-color);

}

.language_box {

    display: none;

}

.language_box:hover .header_language {

    pointer-events: auto;

}



.language_box:hover .language_content {

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    -webkit-transition-delay: .2s;

    transition-delay: .2s;

}



.language_box:hover .header_language:after {

    height: 100%;

    opacity: 1;

}



.head_menu {

    position: relative;

    display: none;

    cursor: pointer;

}



.head_menu i {

    display: block;

    width: 26px;

}



.header .head_menu i img:nth-child(2),

.head_menu .close {

    display: none;

}



.header .head_menu.is-active {

    z-index: 4;

}



.header .head_menu.is-active i img:nth-child(1),

.header .head_menu.is-active i img:nth-child(2) {

    display: none !important;

}



.head_menu.is-active .close {

    display: block;

}





.header_bg.headerColor3 .logo {

    position: relative;

    z-index: 4;

}



.header_bg.headerColor3 .language_box {

    z-index: 4;

}



.header_bg.headerColor3 .head_search {

    z-index: 4;

}



/* menu */

.menu .menu_item_li .submenu-hidden {

    display: none;

}



.menu .menu_item_li .submenu-show {

    display: block;

    position: absolute;

    padding-top: 20px;

    padding-bottom: 60px;

    min-width: 400px;

    max-width: 400px;

}



.menu .menu_item_li .submenu-show>a {

    margin-bottom: 10px;

    font-size: 18px;

    color: var(--dark-color);

    text-align: left;

    display: flex;

    min-height: 35px;

    align-items: center;

    justify-content: flex-start;

    transition: all .2s;

}



.menu .menu_item_li .submenu-show>a div {

    display: flex;

    align-items: center;

}

.menu .menu_item_li .submenu-show>a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width:8px;

    height: 8px;

    margin-top: 1px;

    background-image: url(../images/red_icon01.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: center;

    border-radius: 50%;

    opacity: 0;

    transition: opacity .3s;



}

.menu .menu_item_li .submenu-show>a:hover {

    padding-left: 16px;

    background: unset !important;

    font-weight: bold;

    color: var(--main-color);

}

.menu .menu_item_li .submenu-show>a:hover::before {

    opacity: 1;

}

.menu .menu_item_li .submenu a {

    position: relative;

    transform: translateY(20px);

    opacity: 0;



}



.menu .menu_item_li .submenu a.visible {

    transform: translateY(0);

    opacity: 1;

}



.fade-screen {

    background-color: var(--white-color);

    border-radius: 0px 0px 16px 16px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    visibility: hidden;

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    width: 100%;

    height: 0;

    opacity: 0;

    transition: opacity .4s;

    z-index: 8;

}



.fade-screen.bodymask {

    top: 60px;

    visibility: visible;

    opacity: 1;

}





/*search*/

body.ovh {

    overflow: hidden;

}



.head_search {

    position: relative;

    width: 26px;

    height: 26px;

    margin-left: 54px;

}



.head_search i {

    display: block;

    width: 26px;

    height: 26px;

    background-image: url(../images/search_white.svg);

    background-size: 100%;

    cursor: pointer;

}



.hadbox-sec3 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    border-radius: 0px 0px 40px 40px;

    background: var(--white-color);

    color: #222222;

    display: none;

}



.hadbox-sec3 .my-container {

    padding-top: 124px;

    padding-bottom: 96px;

}



.hadbox-sec3 .f_close {

    position: absolute;

    right: 24px;

    top: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 54px;

    height: 54px;

    border-radius: 48px;

    background: var(--main-color);

    cursor: pointer;

    overflow: hidden;

    transition: all 0.4s;

}



.hadbox-sec3 .f_cont {

    max-width: 952px;

    margin: 0 auto;

}



.f_cont .fz_title {

    color: var(--dark-color);

    font-weight: 400;

    line-height: 1.5;

}



.f_form {

    margin-top: 64px;

    display: flex;

    height: 70px;

    padding: 8px 8px 8px 24px;

    justify-content: space-between;

    align-items: center;

    border-radius: 50px;

    background: #F8F9FB;

}



.f_form .f_input {

    flex: 1;

    padding-right: 10px;

    height: 100%;

    background-color: transparent;

    font-size: 18px;

    font-family: 'Muli Web';

    line-height: 28px;

}



.f_input::-webkit-input-placeholder {

    color: rgba(0, 0, 0, 0.20);

    font-family: 'Muli Web';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.f_input:-moz-placeholder {

    color: rgba(0, 0, 0, 0.20);

    font-family: 'Muli Web';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.f_input::-moz-placeholder {

    color: rgba(0, 0, 0, 0.20);

    font-family: 'Muli Web';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.f_input:-ms-input-placeholder {

    color: rgba(0, 0, 0, 0.20);

    font-family: 'Muli Web';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.f_form .f_sub {

    display: flex;

    width: 54px;

    height: 54px;

    padding: 14px;

    justify-content: center;

    align-items: center;

    border-radius: 30px;

    background-color: var(--main-color);

    background-image: url(../images/search_white.svg);

    background-repeat: no-repeat;

    background-size: 26px;

    background-position: center;

    cursor: pointer;

}



.f_cont .f_jut {

    padding-top: 64px;

}



.f_cont .f_jut .name {

    color: var(--dark-color);

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.f_jut .f_list {

    padding-top: 16px;

    margin-left: -8px;

    margin-right: -8px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.f_jut .f_list .li {

    margin: 0 8px;

    margin-bottom: 8px;

    display: flex;

    padding: 10px 24px;

    justify-content: center;

    align-items: center;

    border-radius: 60px;

    background-color: #F8F9FB;

    color: #666;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.f_jut .f_list .li:hover {

    background-color: var(--main-color);

    color: var(--white-color);

}



/* 导航弹出 */

.ovh {

    overflow: hidden;

}



.header-nav {

    position: fixed;

    padding-top: 170px;

    padding-bottom: 50px;

    width: 100vw;

    height: 100vh;

    left: 0;

    top: 0;

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

    z-index: 3;

    opacity: 0;

    visibility: hidden;

}



.f-cb {

    zoom: 1;

}



.pu_container {

    width: 100%;

    height: 100%;

    overflow-y: auto;

}



.pu_select .ct_1 .slide {

    width: 100%;

    /* padding-bottom: 40px; */

    margin-bottom: 40px;

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

}



.pu_select .slide .one {

    display: flex;

    justify-content: space-between;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.pu_select.active .slide .one {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.pu_select .ct_1 .slide .one a {

    padding-bottom: 40px;

    width: calc(100% - 50px);

    color: var(--dark-color);

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

}



.pu_select .ct_1 .slide .one i {

    width: 24px;

    height: 24px;

    float: right;

    background-image: url(../images/menu_icon.svg);

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

}



.pu_select .ct_1 .slide .one i.ico {

    background-image: url(../images/menu_icon_open.svg);

}



.pu_select .ct_1 .slide .two {

    display: none;

    padding-left: 32px;

    padding-right: 32px;

    padding-bottom: 32px;

    /* padding-top: 40px; */

    width: 100%;

}



.pu_select .ct_1 .slide .two li {

    margin-bottom: 40px;



}



.pu_select .ct_1 .slide .two li a {

    font-size: 18px;

    color: #666;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.pu_select .ct_1 .slide .two li a:hover {

    color: var(--main-color);

}



.pu_select .ct_1 .slide .two li:last-child {

    margin-bottom: 0;

}



.header-nav.active {

    opacity: 1;

    visibility: visible;

}



/*header hover*/

.header_bg.grey_head,

.header_bg.headerColor2,

.header_bg.white_head {

    border-color: rgba(0, 0, 0, 0.05);

    background: #FFF;

}



.header_bg.pro_header {

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

}



.header_bg.grey_head .logo img:nth-child(1),

.header_bg.white_head .logo img:nth-child(1),

.header_bg.headerColor2 .logo img:nth-child(1),

.header_bg.headerColor3 .logo img:nth-child(1) {

    display: none;

}



.header_bg.grey_head .logo img:nth-child(2),

.header_bg.white_head .logo img:nth-child(2),

.header_bg.headerColor2 .logo img:nth-child(2),

.header_bg.headerColor3 .logo img:nth-child(2) {

    display: block;

}



.header_bg.pro_header .menu ul.hlist>li>a,

.header_bg.white_head .menu ul.hlist>li>a,

.header_bg.grey_head .menu ul.hlist>li>a,

.header_bg.headerColor2 .menu ul.hlist>li>a {

    color: var(--dark-color);

}



.header_bg.pro_header .menu ul.hlist>li>a>i,

.header_bg.white_head .menu ul.hlist>li>a>i,

.header_bg.grey_head .menu ul.hlist>li>a>i,

.header_bg.headerColor2 .menu ul.hlist>li>a>i {

    background-image: url(../images/chevron_down_grey.svg);

}





.header_bg.pro_header .menu ul li.active>a,

.header_bg.white_head .menu ul li.active>a,

.header_bg.headerColor2 .menu ul li.active>a,

.header_bg.grey_head .menu ul li.current>a {

    color: var(--dark-color);

}



.header_bg.pro_header .menu ul.hlist>li>a::before,

.header_bg.headerColor2 .menu ul.hlist>li>a::before,

.header_bg.white_head .menu ul.hlist>li>a::before,

.header_bg.grey_head .menu ul.hlist>li>a::before {

    background-color: var(--dark-color);

}





.heaheader_bgder.grey_head .menu ul li.active>a>i,

.header_bg.white_head .menu ul li.active>a>i,

.header_bg.headerColor2 .menu ul li.current>a>i {

    background-image: url(../images/chevron-down2.svg);

    transform: rotate(180deg);

}



.header_bg.grey_head .head_menu::before,

.header_bg.headerColor2 .head_menu::before,

.header_bg.headerColor3 .head_menu::before,

.header_bg.white_head .head_menu::before {

    background-color: rgba(51, 51, 51, 0.50);

}



.header_bg.pro_header .head_menu i img:nth-child(1),

.header_bg.grey_head .head_menu i img:nth-child(1),

.header_bg.white_head .head_menu i img:nth-child(1),

.header_bg.headerColor2 .head_menu i img:nth-child(1),

.header_bg.headerColor3 .head_menu i img:nth-child(1) {

    display: none;

}



.header_bg.pro_header .head_menu i img:nth-child(2),

.header_bg.grey_head .head_menu i img:nth-child(2),

.header_bg.white_head .head_menu i img:nth-child(2),

.header_bg.headerColor2 .head_menu i img:nth-child(2),

.header_bg.headerColor3 .head_menu i img:nth-child(2) {

    display: block;

}



.header_bg.pro_header .header_r .line,

.header_bg.grey_head .header_r .line,

.header_bg.headerColor2 .header_r .line,

.header_bg.white_head .header_r .line,

.header_bg.headerColor3 .header_r .line {

    background-color: rgba(51, 51, 51, 0.50);

}

.header_bg.pro_header .language_box a,

.header_bg.grey_head .language_box a,

.header_bg.white_head .language_box a,

.header_bg.headerColor2 .language_box a,

.header_bg.headerColor3 .language_box a {

    color: var(--dark-color);

}



.header_bg.pro_header .language_box a.on,

.header_bg.grey_head .language_box a.on,

.header_bg.white_head .language_box a.on,

.header_bg.headerColor2 .language_box a.on,

.header_bg.headerColor3 .language_box a.on  {

    color: var(--main-color);

}



.header_bg.pro_header .head_search i,

.header_bg.grey_head .head_search i,

.header_bg.white_head .head_search i,

.header_bg.headerColor2 .head_search i,

.header_bg.headerColor3 .head_search i {

    background-image: url(../images/search_grey.svg);

}



.header_bg.grey_head .menu-search-submit,

.header_bg.white_head .menu-search-submit,

.header_bg.headerColor2 .menu-search-submit {

    background-image: url(../images/search_black.svg);

}





@media (max-width:1580px) {

 

      .menu ul.hlist {

        margin-left: -16px;

        margin-right: -16px;

    }



    .menu ul.hlist>li {

        padding-left: 16px;

        padding-right: 16px;

    }





    .head_search {

        margin-left: 20px;

    }



}



@media (max-width:1439px) {

   

    .language_box a span,

    .language_content a {

        font-size: 16px;

    }



    .language_content .language_item_box {

        padding-bottom: 20px;

    }



    .language_content a {

        line-height: 26px;

    }



    .language_box a i {

        margin-right: 8px;

    }



    .head_search {

        /* margin-left: 16px; */

    }



}

@media (max-width:1365px) {

    .menu ul.hlist {

        margin-left: -10px;

    }



    .menu ul.hlist>li {

        padding-left: 10px;

        padding-right: 10px;

    }

    .language_box a span {

        font-size: 14px;

    }

    .header_r .line {

        margin-left: 20px;

        margin-right: 20px;

    }

}

@media (max-width:1279px) {

    .menu ul.hlist > li > a {

        font-size: 16px;

    }

    .header_r .line {

        margin-left:16px;

        margin-right: 16px;

    }

    .language_box a span{

        padding-right: 26px;

    }

}

@media (max-width:1200px) {

    .header .header_r {

        padding-left: 30px;

    }

    .menu ul.hlist {

        margin-left: -8px;

    }



    .menu ul.hlist>li {

        padding-left: 8px;

        padding-right: 8px;

    }



}



@media (max-width:1150px) {

    .head_top {

        display: none;

    }

    .language_box {

        display: flex;

    }

    .menu {

        display: none !important;

    }



    .head_search {

        margin-left: 26px;

        margin-right: 26px;

    }



    .head_menu {

        display: block;

    }



}



@media (max-width:991px) {

    .head_top,

    .header {

        padding-left: 30px;

        padding-right: 30px;

    }



}



@media (max-width:767px) {

    .header {

        padding-left: 20px;

        padding-right: 20px;

        height: 75px;

    }



    .header .logo {

        width: 100px;

    }



    .language_box a span {

        padding-right: 24px;

        font-size: 0;

    }

    .language_box {

        margin-left: 15px;

    }

    .header_language {

        padding-top: 58px;

        z-index: -1;

    }

    .header_language.active {

        z-index: 1;

    }

    .language_box a i {

        margin-right: 6px;

    }



    .language_content {

        padding: 16px;

    }



    .language_content .language_item_box {

        padding-bottom: 10px;

    }



    .language_content a {

        font-size: 14px;

    }



    .header .header_r {

        padding-left: 10px;

    }



    .head_search {

        margin-left: 16px;

        margin-right: 16px;

    }



    .head_menu {

        /* padding-left: 16px; */

    }



    .header-nav {

        padding-top: 120px;

        padding-bottom: 85px;

    }



    .pu_select .ct_1 .slide {

        /* padding-bottom: 30px; */

        margin-bottom: 0;

    }

    .pu_select .slide .one {

        align-items: center;

    }

    .pu_select .ct_1 .slide .one a {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .pu_select .ct_1 .slide .two {

        padding-left: 20px;

        padding-right: 32px;

        /* padding-top: 30px; */

        padding-bottom: 20px;

    }



    .pu_select .ct_1 .slide .two li {

        margin-bottom: 30px;

    }



}



/* search */

.menu-search-submit {

    width: 30px;

    height: 30px;

    background: transparent;

    background-image: url(../images/search_w.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    outline: 0;

}



@-webkit-keyframes specialFadeIn {

    from {

        opacity: 0;

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    to {

        opacity: 1;

    }

}



@keyframes specialFadeIn {

    from {

        opacity: 0;

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    to {

        opacity: 1;

    }

}



.specialFadeIn {

    -webkit-animation-name: specialFadeIn;

    animation-name: specialFadeIn;

}



@-webkit-keyframes specialFadeOut {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }

}



@keyframes specialFadeOut {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }

}



.specialFadeOut {

    -webkit-animation-name: specialFadeOut;

    animation-name: specialFadeOut;

}



@-webkit-keyframes specialSlideInRight {

    from {

        -webkit-transform: translate3d(10%, 0, 0);

        transform: translate3d(10%, 0, 0);

        visibility: visible;

    }



    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes specialSlideInRight {

    from {

        -webkit-transform: translate3d(10%, 0, 0);

        transform: translate3d(10%, 0, 0);

        visibility: visible;

    }



    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.specialSlideInRight {

    -webkit-animation-name: specialSlideInRight;

    animation-name: specialSlideInRight;

}



@-webkit-keyframes specialFadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(10%, 0, 0);

        transform: translate3d(10%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes specialFadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(10%, 0, 0);

        transform: translate3d(10%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.spceialFadeInRight {

    -webkit-animation-name: specialFadeInRight;

    animation-name: specialFadeInRight;

}



.menu-search-container.active {

    display: block;

    -webkit-animation-name: specialFadeOut;

    animation-name: specialFadeOut;

    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.visibles {

    visibility: visible;

    opacity: 1;

    height: 100% !important;

    background-color: rgba(0, 0, 0, 0.05);

    z-index: 99;

}



.hidden {

    display: none;

    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.menu ul li {

    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.menu.is-closed {

    -webkit-animation-name: specialFadeIn;

    animation-name: specialFadeIn;

    -webkit-animation-delay: 30ms;

    animation-delay: 30ms;

    -webkit-animation-duration: 400ms;

    animation-duration: 400ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.menu.hidden {

    -webkit-animation-name: specialFadeOut;

    animation-name: specialFadeOut;

    -webkit-animation-delay: 245ms;

    animation-delay: 245ms;

    -webkit-animation-duration: 400ms;

    animation-duration: 400ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



@media (max-width:767px) {

    .hadbox-sec3 .my-container {

        padding-top: 100px;

        padding-bottom: 40px;

    }



    .hadbox-sec3 .f_close {

        right: 10px;

        top: 10px;

        width: 44px;

        height: 44px;

    }



    .f_form {

        margin-top: 25px;

        height: 56px;

    }



    .f_form .f_sub {

        width: 46px;

        height: 46px;

        padding: 14px;

        background-size: 20px;

    }



    .f_cont .f_jut {

        padding-top: 30px;

    }



    .f_jut .f_list .li {

        margin: 4px;

        padding: 8px 14px;

        line-height: 26px;

    }



    .f_jut .f_list .li span {

        font-size: 14px;

    }



    .f_form .f_input {

        font-size: 16px;

        font-family: 'Microsoft YaHei', 'Open Sans', 'PingFang SC';

        line-height: 25px;

    }



    .f_input::-webkit-input-placeholder {

        font-family: 'Microsoft YaHei', 'Open Sans', 'PingFang SC';

        font-size: 14px;

        line-height: 25px;

    }



    .f_input:-moz-placeholder {

        font-family: 'Microsoft YaHei', 'Open Sans', 'PingFang SC';

        font-size: 14px;

        line-height: 25px;

    }



    .f_input::-moz-placeholder {

        font-family: 'Microsoft YaHei', 'Open Sans', 'PingFang SC';

        font-size: 14px;

        line-height: 25px;

    }



    .f_input:-ms-input-placeholder {

        font-family: 'Microsoft YaHei', 'Open Sans', 'PingFang SC';

        font-size: 14px;

        line-height: 25px;

    }







}



@media (min-width:768px) {



    #headerInnerWrap.hide {

        transform: translate(0, -160px);

    }



}