@charset "utf-8";

@media screen and (min-width: 360px) and (max-width: 900px) {
    .lf {
        float: left
    }

    .rg {
        float: right
    }

    .clear {
        clear: both;
        height: 0px;
        line-height: 0px;
        font-size: 0px
    }

    .head {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        min-width: 1000px;
        z-index: 9999;
        background: #fff;
        border-bottom: 1px solid #ddd;
        height: 100px;
        transition: all .3s
    }

    .logo {
        padding-top: 27px;
        padding-left: 2.18%;
        width: 302px;
        transition: all .3s
    }

    .logo a {
        display: block;
        position: relative;
        overflow: hidden
    }

    .logo img {
        width: 100%;
        position: relative;
        z-index: 100
    }

    .logo .p1 {
        background: #ff6d07;
        position: absolute;
        top: 0%;
        left: 0px;
        width: 100%;
        height: 80%;
    }

    .nav {
        width: 60%;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .nav ul li {
        float: left;
        width: 14.28%;
        height: 100px;
        background: url(../images/1_02.jpg) right center no-repeat;
        transition: all .3s
    }

    .nav ul li .a1 {
        line-height: 100px;
        display: block;
        text-align: center;
        font-size: 16px;
        color: #333;
        transition: all .3s
    }

    .nav ul li:hover .a1 {
        color: #f08519;
        transition: all .3s
    }

    .nav ul li .div1 {
        display: none;
        background: #fff;
        width: 100%;
        left: 0px;
        position: absolute;
        top: 101px;
        z-index: 100
    }

    .nav ul li .div1 .p1 {
        width: 57.4%;
        float: right;
        height: 65px;
        line-height: 65px
    }

    .nav ul li .div1 .p1 a {
        color: #999;
        font-size: 14px;
        text-transform: uppercase;
        background: url(../images/1_26.jpg) center bottom no-repeat;
        display: inline-block;
        height: 65px;
        line-height: 65px;
        margin-right: 5%;
        transition: all .5s
    }

    .nav ul li .div1 .p1 a:hover {
        background: url(../images/1_27.jpg) center bottom no-repeat;
        color: #1a1a1a
    }

    .nav ul li .mad3 .p1 .pad {
        margin-left: 30%
    }

    .nav ul li .mad4 .p1 .pad {
        margin-left: 44%
    }

    .nav ul li .mad5 .p1 .pad {
        margin-left: 45%
    }

    .nav ul li .mad6 .p1 {
        text-align: right
    }

    .a_txt {
        display: none
    }

    /*小于1600大于1200稍微调整下字体*/
    @media screen and (max-width: 1600px) and (min-width:1200px) {
        .nav ul li .a1 {
            font-size: 14px
        }

        .nav ul li .div1 .p1 a {
            font-size: 12px
        }

        .foot_top ul {
            margin-left: 60px
        }

        .nav ul li .div1 .p1 {
            width: 58.1%
        }
    }

    /*移动端导航*/
    @media screen and (max-width: 1024px) and (min-width: 0px) {
        .head {
            display: none
        }

        .moblie_head {
            display: block;
            height: 44px;
            background: #fff;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index: 9999;
            border-bottom: 1px solid #ddd
        }

        .moblie_head .lf {
            padding-top: 10px;
            padding-left: 5%
        }

        .moblie_head .lf img {
            height: 24px
        }

        .moblie_head .rg {
            padding-right: 5%;
            padding-top: 14px
        }

        .moblie_head .rg a img {
            height: 16px;
            vertical-align: top
        }

        .a_txt {
            display: block;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 0px;
            height: 0px;
            overflow: hidden;
            z-index: 10000
        }

        .a_txt .div1 {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #0b0d19;
            filter: alpha(opacity=0);
            opacity: 0;
            left: 0px;
            top: 0px;
            z-index: 1
        }

        .a_txt .div2 {
            position: absolute;
            width: 20%;
            left: 0px;
            top: 5%;
            z-index: 100;
            text-align: center;
            filter: alpha(opacity=0);
            opacity: 0
        }

        .a_txt .div3 {
            position: absolute;
            width: 80%;
            right: 0px;
            top: 0px;
            background: #0b0d19;
            height: 100%;
            z-index: 100;
            right: -80%
        }

        .a_txt .div3 ul {
            padding-left: 5%;
            padding-right: 5%
        }

        .a_txt .div3 ul li {
            border-bottom: 1px solid #232530
        }

        .a_txt .div3 ul li p {
            position: relative;
        }

        .a_txt .div3 ul li a {
            display: block;
            height: 45px;
            color: #fff;
            line-height: 45px;
            padding-left: 5%;
            font-size: 16px
        }

        .a_txt .div3 ul li .a_js2 {
            background: url(../images/plus.png) 95% center no-repeat;
            -webkit-transition: all 0s;
            -moz-transition: all 0s;
            transition: all 0s;
            position: absolute;
            right: 0;
            top: 4px;
            z-index: 999;
            width: 2rem;
            height: 2rem;
        }


        .a_txt .div3 ul li .a_js2_on {
            background: url(../images/reduce.jpg) 95% center no-repeat;
            -webkit-transition: all 0s;
            -moz-transition: all 0s;
            transition: all 0s
        }

        .a_txt .div3 ul li .a_txt2 {
            display: none
        }

        .a_txt .div3 ul li .a_txt2 a {
            height: 40px;
            line-height: 40px;
            font-size: 14px
        }
    }

}