/* .header .fr .nav .ul1>li>a { font-size: 16px; color: #d9a37f; }
.header .fr .nav { display: inline-block; vertical-align: middle; } 
.header .fr .nav .ul1>li { display: inline-block; vertical-align: top; position: relative; padding: 40px 20px; cursor: pointer;  }
.header .fr .nav .ul2 { position: absolute; top: 100px; left: 0px; background-color: #0c0c0d; padding: 10px 20px; min-width: 130px;
    text-align: left; opacity: 0; visibility: hidden;  overflow: hidden; transform: translateY(34px); -webkit-transform: translateY(34px); -moz-transform: translateY(34px); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.header .fr .nav .ul2>li>a { color: #cccccc; font-size: 14px; padding: 6px 0px; display: block; white-space: nowrap; } 
.header .fr .nav .ul2>li>a:hover { color: #d9a37f; }
.header .fr .nav .ul1>li:hover .ul2 { opacity: 1; visibility: visible;  transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } */


/* .header .nav {
    display: inline-block; vertical-align: middle;
} */

/* .header .nav_item {
    display: inline-block;
    position: relative;
}
.header .nav_item>a {
    display: block;
    padding: 40px 20px;
    font-size: 16px;
    color: #d9a37f;
    -webkit-transition: all .4s;
    transition: all .4s;
}
 */



/* .fp-viewing-0 .header .nav_item>a {
    color: #fff;
}
 */

.header .nav .nav_ul {   display: inline-block; vertical-align: middle; margin-right: 20px; }
.header .nav_item { display: inline-block; position: relative; }
/*.header .nav_item>a { font-size: 16px; color: #2f3233; line-height: 70px; padding: 0px 22px; font-weight: bold; display: block; }*/
.header .nav_item>a { font-size: 16px; color: #2f3233; line-height: 70px; padding: 0px 16px; font-weight: bold; display: block; }
.header .menu_open { display: none; }

@media screen and (min-width:1201px) {

.header .nav_item>a:after { content:''; position: absolute; bottom: 0px; height: 5px; background: #2f75dd; left: 0px; width: 0%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.header .nav_item>a:hover:after { width: 100%;  }
.header .nav_item>a:hover { color: #2f75dd; }
.header .nav_item.active>a { color: #2f75dd; position: relative; } 
.header .nav_item.active>a:after { content:''; position: absolute; bottom: 0px; height: 5px; background: #2f75dd; left: 0px; width: 100%; }
.header .nav_item_open { min-width: 100%; }


}


.header .nav_item_open {
    height: auto;
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 10;
    /* box-shadow: 0 4px 15px 0 rgba(0, 12, 49, 0.5); */
    background: rgba(255,255,255,0.9);
    /* border-radius: 4px; */
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(34px);
    transform: translateY(34px);
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}


.header .nav_item:hover .nav_item_open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}


.header .subopen {
    display: none;
}

.header .nav_item2 {
    width: 100%;
    line-height: 40px;
}

.header .nav_item2 a {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
}

.header .nav_item2:hover a {
    background: #2f75dd;
    color: #fff;
}

.header .hcover {
    display: none;
}

/* .phone_serach { display: none; }
.phone_yuan { display: none; } */


@media screen and (max-width:1600px) {

.header .nav_item>a { line-height: 70px; }
.header .nav_item_open { top: 70px; }
.header .nav_item>a { font-size: 16px; padding: 0px 18px;}
.header .nav_item>a:after { height:3px; }
.header .nav_item>a:hover:after { width: 100%; }
.header .nav_item.active>a{ color: #2f75dd;position: relative; } 
.header .nav_item.active>a:after { height: 3px; }

}



@media screen and (max-width:1200px) {


    .header .search .txt { width: 100%; color: #333; }
    .header .search { display: block; padding: 0px 10px; margin-top: 20px; }
    .header .search .but { right: 10px; }

    .H70 { height: 50px; }
    .header { height: 80px; }
    .header .log { width: 100%; float: none; }
    .header .log .svg { height: 25px; width: 148px;margin-top:12px}
    .header .log { line-height: 50px; }
    .header:before { display: none; }

    .header .menu_open {
        position: absolute; top: 50%;  margin-top: -15px; right: 10px; display: block;
    }

    .header .menu_open i {
        width: 28px; height: 2px; background: #333; display: block; margin: 6px 0px;
    }


    .header .nav {
        width: 50%;
        height: 100%;
        position: fixed;
        top: 0;
        left: -50%;
        z-index: 100;
        overflow: hidden;
        background: #333;
        color: rgba(255, 255, 255, .6);
    }
    .header .hcover {
        display: block;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        right: -50%;
        top: 0;
        z-index: 101;
    }
    .header .nav_ul {
        margin: 0;
        width: 100%;
        /* height: 100%; */
        /* position: absolute; */
        top: 0;
        left: 0;
/*      overflow-x: hidden;
        overflow-y: auto; */
        padding-top: 20px;
        text-align: left;
    }
    .header .nav_item {
        float: none;
        margin: 0;
        width: 100%;
    }
    .header .nav_item:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin-left: 20px;
    }
    .header .nav_item>a {
        display: block;
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
        color: inherit;
        padding: 10px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 40px;
    }
    .header .nav_item i {
        position: absolute;
        z-index: 2;
        top: -2px;
        right: 0;
        width: 40px;
        height: 100%;
    }
    .header .nav_item i:before {
        content: '';
        display: block;
        height: 100%;
        border-left: 1px solid rgba(0, 0, 0, .15);
        position: absolute;
        top: 0;
        left: 0;
    }
    .header .nav_item i:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        margin-bottom: -5px;
        border: 2px solid rgba(255, 255, 255, .3);
        border-top: 0;
        border-left: 0;
        position: absolute;
        bottom: 50%;
        right: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .header .nav_item_open {
        width: 50%;
        height: 100%;
        margin: 0;
        box-shadow: none;
        background: #333;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        position: fixed;
        left: -50%;
        top: 0;
    }
    .header .subopen {
        display: block;
    }
    .header .subopen a {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 30px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        color: rgba(255, 255, 255, .3);
        background: rgba(0, 0, 0, .1);
        text-indent: 20px;
        position: relative;
    }
    .header .subopen a:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        bottom: 52%;
        left: 22px;
        margin-bottom: -15px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border: 2px solid rgba(255, 255, 255, .3);
        border-right: 0;
        border-bottom: 0;
    }
    .header .nav_item2 {
        position: relative;
    }
    .header .nav_item2 a {
        display: block;
        overflow: hidden;
        margin: 0;
        line-height: 1.8;
        padding: 10px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: inherit;
    }
    .header .nav_item2:after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin-left: 20px;
    }
}