.header .nav-collapse{

    display: none;

}





.header .nav .nav-list1{

    padding: 0;

    margin: 0;

}

.header .nav .nav-list1 li{

    list-style: none;

}

.nav2-list2{

    padding: 0;

    

}

.nav2-list2 li{

    list-style: none;

}

.nav-top{

    height: 30px;

    line-height: 30px;

    position: relative;

}

.header .nav-collapse

{

    position: absolute;

    z-index: 10;

    top: 15px;

    right: 15px;



    display: none;

    float: right;



    width: 20px;

    height: 40px;

    padding: 0;



    cursor: pointer;



    background: none;

}



.header .nav-collapse .btn-line

{

    position: absolute;

    left: 50%;



    width: 20px;

    height: 2px;



    -webkit-transition: all .5s ease;

            transition: all .5s ease;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);



    background-color: #333;

}

.header .nav-collapse .btn-line:nth-child(3),

.header .nav-collapse .btn-line:nth-child(1)

{

    position: absolute;



    display: block;



    width: 20px;

    height: 2px;



    content: '';

    -webkit-transition: all .5s ease;

            transition: all .5s ease;



    background-color: #333;

}

.header .nav-collapse .btn-line:nth-child(1)

{

    top: 35%;

}

.header .nav-collapse .btn-line:nth-child(2)

{

    top: 50%;

}

.header .nav-collapse .btn-line:nth-child(3)

{

    top: 65%;

}

@media (max-width: 1199px)

{

    .header .nav-collapse.nav-collapse-1

    {

        position: absolute;

        z-index: 9999;

        top: 10px;

        right: 20px;



        display: block;



        margin-top: 8px;



        border: none;

    }

    .header .nav-collapse.nav-collapse-1 .btn-line

    {

        background-color: #fff !important;

    }

}

.header .nav-collapse.active

{

    right: 20px;



    border-color: transparent;

}

.header .nav-collapse.active .btn-line

{

    background-color: #fff;

}

.header .nav-collapse.active .btn-line:nth-child(2)

{

    -webkit-transform: translateX(-50px);

        -ms-transform: translateX(-50px);

            transform: translateX(-50px);



    opacity: 0;

}

.header .nav-collapse.active .btn-line:nth-child(1)

{

    top: 50%;

    left: 50%;



    -webkit-transform: translateX(-50%) rotateZ(45deg);

        -ms-transform: translateX(-50%) rotate(45deg);

            transform: translateX(-50%) rotateZ(45deg);

}

.header .nav-collapse.active .btn-line:nth-child(3)

{

    top: 50%;

    left: 50%;



    -webkit-transform: translateX(-50%) rotateZ(-45deg);

        -ms-transform: translateX(-50%) rotate(-45deg);

            transform: translateX(-50%) rotateZ(-45deg);

}

.header .top-navbox

{

    background-color: #f6f6f6;

}

.header .nav.left-100

{

    left: -100%;

}

.header .nav.left-200

{

    left: -200%;

}



.header .nav .nav-list2 a,

.header .nav .nav-list3 a

{

    display: block;

}

@media (max-height: 580px)

{

    .header .nav .nav-list2 a,

    .header .nav .nav-list3 a

    {

        margin-top: 0;

    }

}

.header .nav-2,

.header .nav-3

{

    display: none;

}

@media (max-width: 1199px)

{

    .header .nav-2,

    .header .nav-3

    {

        position: absolute;

        z-index: 9999;

        top: 0;



        display: block;

        overflow: hidden;



        width: 100%;

        height: 100%;

        padding: 20px;



        -webkit-transition: left .3s;

                transition: left .3s;

        text-align: left;

        text-align: center;



        color: #fff;

        background: #fafafa;

        background-color: #000;

    }

}

.header .back-btn

{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 15px;

}

.header .nav-2 .nav-top .back-btn:before,

.header .nav-3 .nav-top .back-btn:before

{

    font-family: 'iconfont';

    font-size: 18px;



    content: '\e64b';

}

.header .nav-2 .nav-top .nav-title,

.header .nav-3 .nav-top .nav-title

{

    font-size: 24px;



    margin: 0;



    text-transform: uppercase;

}

.header .nav-2 .nav-top .nav-title a,

.header .nav-3 .nav-top .nav-title a

{

    color: #fff;

}

.header .nav-2 .nav-top .nav-collapse-2 .btn-line,

.header .nav-3 .nav-top .nav-collapse-2 .btn-line

{

    background-color: #fff;

}

.header .nav-2 .content,

.header .nav-3 .content

{

    overflow: auto;



    height: 80%;

    margin-top: 12%;

}

.header .nav-2 .content ul li,

.header .nav-3 .content ul li

{

    font-size: 17px;

    line-height: 34px;



    margin: 25px 0;



    text-align: left;

}

.header .nav-2 .content ul li.more,

.header .nav-3 .content ul li.more

{

    position: relative;

}

.header .nav-2 .content ul li.more:after,

.header .nav-3 .content ul li.more:after

{

    font-family: 'iconfont' !important;

    font-size: 16px;



    position: absolute;

    top: 50%;

    right: 0;



    content: '\e909';

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);



    color: #fff;

}

.header .nav-2 .content ul li a,

.header .nav-3 .content ul li a

{

    display: block;

}

@media (max-width: 1199px)

{

    .header .nav-2 .content ul li a,

    .header .nav-3 .content ul li a

    {

        color: #fff;

    }

}

.header .nav-2

{

    left: 100%;

}

.header .nav-3

{

    left: 200%;

}

.header .nav-3 .content ul li

{

    font-size: 18px;

}

.header .nav-3 .header .fade-out ul

{

    text-align: left;

}

.header .fade-out ul.nav2-list2 h4

{

    font-size: 20px;

    line-height: 50px;

}

@media (min-width: 1200px)

{

    .header .nav

    {

        display: block;

        float: left;



        margin-right: 15px;

    }

    .header .nav .nav-list1 > li

    {

        float: left;

        padding: 0 33px;

        -webkit-transition: all .4s;

                transition: all .4s;

    }

    .header .nav .nav-list1 > li > a

    {

        /* font-family: 'Roboto-Bold'; */

        font-size: 16px;

        line-height: 86px;

        /* font-weight: bold; */

        position: relative;

        display: block;

        overflow: hidden;

        border-bottom: 2px solid transparent;



        -webkit-transition: all .4s;

                transition: all .4s;



        color: #000;

    }

    .header .nav .nav-list1 > li:hover > a

    {

        position: relative;

        border-color: #770000;



        color: #770000;

    }

    .header .nav .nav-list1 > li.more:hover > a:after{

        content: '';

        display: block;

        width:0;

        height:0;

        border-width:0 7px 7px;

        bottom: 0;

        left: 50%;

        transform: translateX(-50%);

        border-style:solid;

        border-color:transparent transparent #fff;/*透明 透明  灰*/

        margin:0;

        position:absolute;

    }

    

    .header .nav .nav-list1 .more > a:after

    {



        font-family: 'iconfont' !important;

        font-style: normal;

        line-height: 1;



        /* display: inline-block; */

        display: none;



        margin-left: 6px;



        content: '\e72a';

        vertical-align: middle;



        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }

   

    .header .nav .nav-list1 > li.active > a

    {

        font-weight: bold;

        color: #770000;

        border-color: #770000;

    }

    .header .nav .nav-list1 .nav-list2

    {

        position: absolute;

        z-index: 50;

        /* top: 95px; */

        margin: 0;

        display: none;



        min-width: 140px;

        padding: 22px 0;



        text-align: left;



        background-color: #fff;

        box-shadow: 0 0 9px 0 rgba(0, 0, 0, .13);

    }

    .header .nav .nav-list1 .nav-list2 > li

    {

        float: none;



        padding: 0;



        list-style: none;

        position: relative;

    }

    .header .nav .nav-list1 .nav-list2 > li > a

    {

        font-size: 15px;

        line-height: 36px;



        display: block;



        padding: 0 20px;



        -webkit-transition: all .4s;

                transition: all .4s;



        color: #333;

    }

    .header .nav .nav-list1 .nav-list2 > li > a:hover

    {

        -webkit-transform: translateX(6px);

            -ms-transform: translateX(6px);

                transform: translateX(6px);



        color: #770000;

    }

    .header .nav .nav-list1 .nav-list3 li > a

    {

        font-size: 14px;

        font-weight: normal;

        line-height: 30px;

        white-space:nowrap;

        padding: 4px 30px;

        color: #333;

    }

    .header .nav .nav-list1 .nav-list3 li > a:hover

    {

        text-decoration: underline !important;



        color: #333;

        background: none;

    }

    .header .nav .nav-list1 .nav-list2 li.active .navpro_box

    {

        display: block;

    }

    .header .nav .nav-list1 .nav-list2 .navpro_box

    {

        position: absolute;

        top: 0;

        left: 100%;



        display: none;

        overflow: hidden;



        width: 170%;

        min-height: 304px;

        padding: 40px 60px 25px 60px;



        background-color: #f3f3f5;

    }

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 > a

    {

        font-family: 'Roboto-Medium';

        font-size: 16px;

        line-height: 1.5;



        display: block;



        color: #333;

    }

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 > a:hover

    {

        text-decoration: underline !important;

    }

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 .nav_li4

    {

        margin: 10px -20px;

    }

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 .nav_li4 > a

    {

        font-size: 14px;

        line-height: 1.71428571;



        display: inline-block;

        overflow: hidden;



        width: 200px;

        padding: 0 20px;



        -webkit-transition: all .4s;

                transition: all .4s;

        white-space: nowrap;

        text-overflow: ellipsis;



        color: #999;

    }

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 .nav_li4 > a:hover

    {

        color: #770000;

    }

}

/* @media (min-width: 1200px) and (max-width: 1800px)

{

    .header .nav .nav-list1 > li > a

    {

        font-size: 18px;

    }

} */

@media (min-width: 1200px) and (max-width: 1650px)

{

    .header .nav .nav-list1 > li > a

    {

        font-size: 16px;



        /* padding: 0 12px; */

    }

}



@media (min-width: 1200px) and (max-width: 1390px)

{

    .header .nav .nav-list1 > li > a

    {

        /* font-size: 18px; */



        /* padding: 0 33px; */

    }

}

@media (min-width: 1200px) and (max-width: 1280px)

{

    .header .nav .nav-list1 > li > a

    {

        font-size: 15px;



        /* padding: 0 5px; */

    }

}



@media (min-width: 1200px) and (max-width: 1469px)

{

    .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li > a

    {

        font-size: 15px;

    }

}

@media (min-width: 1200px) and (max-width: 1469px)

{

    .header .nav .nav-list1 .nav-list2 .navpro_box

    {

        padding: 30px 30px 15px 30px;

    }

}

@media (min-width: 1200px) and (max-width: 1469px)

{

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 > a

    {

        font-size: 15px;

    }

}

@media (min-width: 1200px) and (max-width: 1469px)

{

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 .nav_li4

    {

        margin: 10px -10px;

    }

}

@media (min-width: 1200px) and (max-width: 1469px)

{

    .header .nav .nav-list1 .nav-list2 .navpro_box .nav_li3 .nav_li4 > a

    {

        padding: 0 10px;

    }

}

@media (min-width: 1200px)

{

    .header.fixed-header

    {

        top: 30px;

    }

    .header.fixed-header .top-nav

    {

        box-shadow: 0 0 9px 0 rgba(0, 0, 0, .13);

    }

}

@media (min-width: 1200px) and (max-width: 1469px)

{

    .header.fixed-header

    {

        top: 20px;

    }

}

@media (min-width: 1200px) and (max-width: 1366px)

{

    .header.fixed-header

    {

        top: 10px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1199px)

{

    .header .fade-out ul

    {

        padding: 0 5%;

    }

}

@media (max-width: 1199px) and (max-width: 767px)

{

    .header .fade-out ul.nav-list1 > li

    {

        margin: 0;

    }

}

@media (max-width: 1199px) and (max-height: 768px)

{

    .header .fade-out ul.nav-list1 .nav-list2 > li > a

    {

        font-size: 18px;

    }

}

@media (max-width: 1199px) and (max-width: 480px)

{

    .header .fade-out ul.nav-list1 .nav-list2 > li > a

    {

        font-size: 14px;

    }

}

@media (max-width: 1199px)

{

    .header .nav

    {

        position: fixed;

        z-index: 9998;

        top: 0;

        left: 0;



        display: none;



        width: 100%;

        height: 100%;

        padding: 0 26px;



        -webkit-transition: left .3s;

                transition: left .3s;

        text-align: left;

        text-align: center;



        background: #fafafa;

        background-color: #000;

    }

    .header .nav .tbl

    {

        display: table;



        width: 100%;

        height: 100%;

    }

    .header .nav .tbl-cell

    {

        display: table-cell;



        height: 100%;



        vertical-align: middle;

    }

    .header .nav .nav-list1

    {

        margin: 20px 0;



        opacity: 0;

    }

    .header .nav .nav-list1 > li

    {

        -webkit-transform: translateX(-25px);

            -ms-transform: translateX(-25px);

                transform: translateX(-25px);



        opacity: 1;

    }

    .header .nav .nav-list1 > a

    {

        font-size: 20px;



        color: #fff;

    }

    .header .nav .nav-list2,

    .header .nav .nav-list3

    {

        display: none !important;

    }

    .header .nav .nav-list2 a,

    .header .nav .nav-list3 a

    {

        font-size: 16px;

        line-height: 2;



        margin-top: 5px;



        color: #fff;

    }

    .header .fade-out ul .pic

    {

        display: none !important;

    }

    .header .fade-out ul.nav-list1

    {

        opacity: 1;

    }

    .header .fade-out ul.nav-list1 a

    {

        color: #fff;

    }

    .header .fade-out ul.nav-list1 > li

    {

        position: relative;



        margin: 20px 0;

    }

    .header .fade-out ul.nav-list1 > li.act

    {

        padding: 0;



        -webkit-transition: all .4s;

                transition: all .4s;

        -webkit-transform: translateX(0);

            -ms-transform: translateX(0);

                transform: translateX(0);



        opacity: 1;

    }

    .header .fade-out ul.nav-list1 > li.more:after

    {

        font-family: 'iconfont';

        font-size: 16px;

        line-height: 45px;

        position: absolute;

        top: 0;

        right: 0;



        margin-top: 0;



        content: '\e909';



        color: #fff;

    }

    .header .fade-out ul.nav-list1 > li > a

    {

        font-size: 18px;

        line-height: 2.5 !important;



        display: block;

        /*text-transform: uppercase;*/



        text-align: left;



        color: #fff !important;

    }

    .header .fade-out ul.nav-list1 .nav-list2 > li > a

    {

        font-size: 20px;

    }

    .header .navpro_box

    {

        display: none !important;

    }

}

@media (max-width: 767px)

{

    .header .nav

    {

        width: 100%;

        padding: 30px;

    }

    .header .nav-2 .nav-top .nav-title,

    .header .nav-3 .nav-top .nav-title

    {

        font-size: 20px;



        width: 100%;

    }

    .header .nav-2 .content ul,

    .header .nav-3 .content ul

    {

        padding: 0 15px;

    }

    .header .nav-2 .content ul li,

    .header .nav-3 .content ul li

    {

        margin: 0;

    }

    .header .fade-out ul.nav-list1 > li

    {

        margin: 0;

    }

}







@media (min-width: 1200px){

    .header .nav .nav-list1 .nav-list2 ul {

        left: 100%;

        position: absolute;

        top: 0;

        padding: 10px 0;

        min-width: 120px;

        border-left: 1px solid transparent;

        background-color: #fff;

        box-shadow: 0 0 9px 0 rgb(0 0 0 / 13%);

        display: none;

        margin: 0;

    }

}







.nav3-list3{

    padding: 0;

    margin: 0;

    

}



.nav3-list3 li{

    list-style: none;

}

.header .nav .nav-list1 > li{

    position: relative;

}