@media only screen and (min-width: 769px) {
    .nav {
        background: rgba(0,0,0,.5);
        height: 90px;
        width: 100%;
    }

    .nav1200 {
        max-width: 1200px;
        margin: 0 auto;
    }

    .nav_1 {
        width: 85%;
        z-index: 1;
    }

    .sslogo {
        padding-top: 18px;
        width: 15%;
    }

    .soss {
        padding-top: 32px;
        width: 2%;
    }

    .lf {
        float: left;
    }

    .nav .n_1 {
        margin-left: 0px
    }
		
	.nav_1 { 
    padding-left: 2% !important;
    z-index: 1;
}
    .nav .nav_1 li {
        float: left;
        display: block;
        width: auto;
        position: relative;
    }

    .nav .nav_1 li a {
        padding: 0 27px;
        float: left;
        font-family: "微软雅黑" ;
        color: #ffffff !important;
        text-decoration: none;
        height: 90px;
        line-height: 90px;
        font-size: 15px;
    }

    .nav .nav_1 li a:hover {
        padding: 0 27px;
        float: left;
        color: #ffffff !important;
        border-bottom: solid 3px #085ce7 !important;
        text-decoration: none;
        height: 90px;
        line-height: 90px;
        font-size: 15px;
    }

    #index .nav .nav_1 li a {
        color: #fff !important;
    }

    #index .mini .nav .nav_1 li a {
        color: #085ce7 !important;
    }

    #index .nav .nav_1 li a:hover,.nav .nav_1 li a:hover {
        color: #085ce7;
    }

    .nav .nav_2 {
        BACKGROUND: none transparent scroll repeat 0% 0%;
        padding-top: 0px !important;
        z-index: 2;
        float: none;
        display: block;
        width: 100%;
        position: absolute;
        top: 80%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        /* Firefox 4 */
        -webkit-transition: all 0.3s !important;
        /* Safari  */
        -o-transition: all 0.3s !important;
        /* Opera */
    }

    .nav li.n_3 .nav_2 {
        BACKGROUND: #2e2e32;
        height: 100vh;
    }

    .nav .nav_2 .navcon2 {
        width: 90%;
        position: relative;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        height: 100%;
        left: 19%;
    }

    .nav .nav_2 li {
        position: static;
        width: 100%;
        height: 20px;
        line-height: 20px;
    }

    .nav .nav_2 li a {
        overflow: hidden;
        padding: 0 15px;
        height: 40px;
        line-height: inherit;
        display: block;
        color: #555;
        position: relative;
    }

    #index .nav .nav_2 li a {
        color: #555 !important;
    }

    .nav .nav_1 li:hover .nav_2 {
        top: 85%;
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .nav .nav_1 li.n_3 {
        position: static;
    }

    .nav .nav_1 li.n_3:hover .nav_2 {
        top: 91%;
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .n_3 .nav_2 {
        width: 100%;
        height: 400px;
        transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        /* Firefox 4 */
        -webkit-transition: all 0.3s !important;
        /* Safari 
	-o-transition: all 0.3s !important; /* Opera */
    }

    .n_3 .nav_2 li {
        z-index: 2;
        height: auto;
    }

    .n_3 .nav_2 li a {
        width: 15%;
        BORDER-bottom: #d2d2d2 0px solid;
        background: url(../image/by0002.png) bottom no-repeat;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_3 .nav_2 li:hover > a {
        width: 15%;
        background: url(../image/by1111.jpg) bottom no-repeat;
        padding: 0 15px !important;
        BORDER-left: #085ce7 3px solid;
        color: #000 !important;
        border: 0px !important;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_3 .nav_2 li .nav_3 {
        /*column-count:4; column-gap:10;*/
        height: 100vh;
        width: 80.5%;
        position: absolute;
        background: rgba(255, 255, 255, 1);
        right: 4.7%;
        top: 0;
        display: none;
        padding-right: 20%;
        z-index: 3;
        padding-left: 1%;
    }

    .n_3 .nav_2 li.current .nav_3 {
        display: block;
    }

    .n_3 .nav_2 li.current a {
        width: 15%;
        background: url(../image/by1111.jpg) bottom no-repeat;
        padding: 0 15px !important;
        BORDER-left: #085ce7 3px solid;
        border: 0px !important;
        color: #000 !important;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_3 .nav_2:hover li.current > a {
        width: 15%;
        BORDER-bottom: #d2d2d2 0px solid;
        background: url(../image/by0002.png) bottom no-repeat;
        z-index: 2;
        height: 40px;
        line-height: 40px;
        color:#fff !important;
    }

    .n_3 .nav_2:hover li:hover > a {
        width: 15%;
        background: url(../image/by1111.jpg) bottom no-repeat;
        padding: 0 15px !important;
        BORDER-left: #085ce7 3px solid;
        border: 0px !important;
        color: #000 !important;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_3 .nav_2 li:hover .nav_3 {
        display: block;
    }

    .nav .nav_2 .navcon2:hover li.current .nav_3 {
        display: block;
    }

    .nav .nav_2 .navcon2:hover li.current:hover .nav_3 {
        display: block;
    }

    .n_3 .nav_2 li .nav_3 li {
        float: left;
        display: inline;
        width: 25%;
        margin-bottom: 10px;
        margin-top: 10px;
        border: 0;
        min-height: 210px;
    }

    .n_3 .nav_2 li.m_2 .nav_3 li {
        height: auto;
    }

    .n_3 .nav_2 li .nav_3 li a {
        padding: 0;
        width: 100%;
        border: 0;
        background: none;
        height: auto;
        line-height: auto;
    }

    .n_3 .nav_2 li .nav_3 li h4 {
        height: auto;
        padding: 0;
        line-height: 25px;
        width: 100%;
        font-weight: bold;
        font-size: 13px;
        background: none;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .n_3 .nav_2 li .nav_3 li h4 a {
        height: auto;
        padding: 0 0px !important;
        color: #000000 !important;
        line-height: 25px;
        width: 100%;
        font-weight: bold;
        font-size: 15px;
        background: none;
    }

    .n_3 .nav_2 li .nav_3 li h4 span a {
        height: auto;
        padding: 0 0px !important;
        color: #595959 !important;
        line-height: 25px;
        width: 100%;
        font-weight: normal;
        font-size: 13px !important;
        background: none;
    }

    .n_3 .nav_2 li .nav_3 li a:hover {
        padding: 0 0px !important;
        border: 0px !important;
        color: #085ce7 !important;
    }

    .n_3 .nav_2 li .nav_3 li h4 a:hover {
        color: #085ce7 !important;
        border: 0px !important;
    }

    .n_3 .nav_2 li .nav_3 li h4 a:hover {
        color: #085ce7 !important;
        border: 0px !important;
    }

    .nav .nav_1 li.n_2 {
        position: static;
    }

    .nav .nav_1 li.n_2:hover .nav_2 {
        top: 91%;
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .n_2 .nav_2 {
        background: url(../image/baaa.jpg) no-repeat;
        width: 100%;
        height: 320px;
        transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        /* Firefox 4 */
        -webkit-transition: all 0.3s !important;
        /* Safari 
	-o-transition: all 0.3s !important; /* Opera */
    }

    .n_2 .nav_2 li .nav_3 {
        /*column-count:4; column-gap:10;*/
        height: 100%;
        width: 80%;
        padding-top: 10px;
        position: absolute;
        right: 10%;
        top: 0;
        display: none;
        z-index: 3;
        padding-left: 1%;
    }

    .n_2 .nav_2 li.current .nav_3 {
        display: block;
    }

    .n_2 .nav_2 li .nav_3 li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
        display: inline;
        display: block;
        color: #000000 !important;
        width: 13%;
        padding: 0px 0%;
        margin-bottom: 10px;
        margin-right: 3%;
        border: 0;
        height: auto;
    }

    .n_2 .nav_2 li .nav_3 li h1 a {
        height: 80px;
        padding: 0px;
        margin-top: 10px;
        color: #333333 !important;
        line-height: 50px;
        width: 100%;
        font-size: 14px;
    }

    .n_2 .nav_2 li .nav_3 li h4 a {
        height: 25px;
        padding: 0 !important;
        color: #000000 !important;
        line-height: 25px;
        width: 100%;
        font-weight: bold;
        font-size: 15px;
        background: url(../image/by00021.png) -20px 0px no-repeat;
    }

    .n_2 .nav_2 li .nav_3 li h4 span a {
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 13px !important;
        line-height: 25px !important;
        width: 100%;
        display: block;
        font-weight: normal;
        color: #595959 !important;
    }

    .n_3 .nav_2 li .nav_3 li h4 span {
        line-height: 25px;
        width: 100%;
        display: block;
        font-weight: normal;
    }

    .n_2 .nav_2 li .nav_3 li a:hover {
        color: #085ce7 !important;
        padding-left: 25px;
        border: 0px !important;
        background: url(../image/by0001.png) -20px 0px no-repeat;
    }

    .n_2 .nav_2 li .nav_3 li h4 a:hover {
        border: 0px !important;
        color: #085ce7 !important;
        padding-left: 0px !important;
        BACKGROUND: none transparent scroll repeat 0% 0%;
    }

    .n_2 .nav_2 li a {
        width: 10%;
        BORDER-bottom: #d2d2d2 0px soli;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_2 .nav_2 li a:hover {
        width: 10%;
        padding-left: 25px;
        color: #000 !important;
        padding: 0px !important;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_2 .nav_2 .navcon2 {
        width: 80%;
        position: relative;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        height: 100%;
        left: 10%;
    }

    .n_4 .nav_2 {
        background: url(../image/baaa.jpg) no-repeat;
        width: 100%;
        height: 320px;
        transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        /* Firefox 4 */
        -webkit-transition: all 0.3s !important;
        /* Safari 
	-o-transition: all 0.3s !important; /* Opera */
    }

    .n_4 .nav_2 li .nav_3 {
        /*column-count:4; column-gap:10;*/
        height: 100%;
        width: 80%;
        padding-top: 2px;
        position: absolute;
        right: 10%;
        top: 0;
        display: none;
        z-index: 3;
        padding-left: 1%;
    }

    .n_4 .nav_2 li .nav_3 li {
        float: left;
        display: inline;
        display: block;
        color: #000000 !important;
        width: 20%;
        padding: 0px 0%;
        margin-bottom: 10px;
        border: 0;
        height: auto;
    }

    .n_4 .nav_2 li .nav_3 li h4 a {
        height: 40px;
        padding: 0 !important;
        color: #000000 !important;
        line-height: 40px;
        width: 100%;
        padding-left: 0px;
        font-weight: bold;
        font-size: 15px;
    }

    .n_4 .nav_2 li a {
        width: 5%;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_4 .nav_2 li a:hover {
        width: 5%;
        padding: 0 15px !important;
        z-index: 2;
        border: 0px !important;
        height: 40px;
        color: #000 !important;
        line-height: 40px;
    }

    .n_4 .nav_2 .navcon2 {
        width: 70%;
        position: relative;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        height: 100%;
        left: 20%;
    }

    .n_4 .nav_2 li.current .nav_3 {
        display: block;
    }

    .n_4 .nav_2 li .nav_3 li h4 a:hover {
        color: #085ce7 !important;
        border: 0px !important;
        padding-left: 0px !important;
        BACKGROUND: none transparent scroll repeat 0% 0%;
    }

    .n_4 .nav_2 li .nav_3 li h4 span a {
        font-size: 13px !important;
        line-height: 25px !important;
        width: 80%;
        display: block;
        height: auto;
        padding: 0px !important;
        font-weight: normal;
        color: #595959 !important;
    }

    .nav .nav_1 li.n_4:hover .nav_2 {
        top: 91%;
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .nav .nav_1 li.n_4 {
        position: static;
    }

    .n_5 .nav_2 {
        background: url(../image/baaa.jpg) no-repeat;
        width: 100%;
        height: 320px;
        transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        /* Firefox 4 */
        -webkit-transition: all 0.3s !important;
        /* Safari 
	-o-transition: all 0.3s !important; /* Opera */
    }

    .n_5 .nav_2 li .nav_3 {
        /*column-count:4; column-gap:10;*/
        height: 100%;
        width: 100%;
        padding-top: 10px;
        position: absolute;
        right: 15%;
        top: 0;
        display: none;
        z-index: 3;
        padding-left: 11%;
    }

    .n_5 .nav_2 li .nav_3 li {
        float: left;
        display: inline;
        display: block;
        color: #000000 !important;
        width: 15%;
        padding: 0px 0%;
        margin-bottom: 0px;
        border: 0;
        height: auto;
    }

    .n_5 .nav_2 li .nav_3 li h4 a {
        height: 30px;
        padding: 0 !important;
        color: #000000 !important;
        line-height: 30px;
        width: 100%;
        padding-left: 0px;
        font-weight: bold;
        font-size: 15px;
    }

    .n_5 .nav_2 li a {
        width: 5%;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_5 .nav_2 li a:hover {
        width: 5%;
        padding: 0 15px !important;
        z-index: 2;
        height: 40px;
        border: 0px !important;
        color: #000 !important;
        line-height: 40px;
    }

    .n_5 .nav_2 .navcon2 {
        width: 60%;
        position: relative;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        height: 100%;
        left: 30%;
    }

    .n_5 .nav_2 li.current .nav_3 {
        display: block;
    }

    .n_5 .nav_2 li .nav_3 li h4 a:hover {
        color: #085ce7 !important;
        border: 0px !important;
        padding-left: 0px !important;
        BACKGROUND: none transparent scroll repeat 0% 0%;
    }

    .n_5 .nav_2 li .nav_3 li h4 span a {
        font-size: 13px !important;
        line-height: 25px !important;
        width: 80%;
        display: block;
        height: auto;
        padding: 0px !important;
        font-weight: normal;
        color: #595959 !important;
    }

    .nav .nav_1 li.n_5:hover .nav_2 {
        top: 91%;
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .nav .nav_1 li.n_5 {
        position: static;
    }

    .n_6 .nav_2 {
        background: url(../image/baaa.jpg) no-repeat;
        width: 100%;
        height: 320px;
        transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        /* Firefox 4 */
        -webkit-transition: all 0.3s !important;
        /* Safari 
	-o-transition: all 0.3s !important; /* Opera */
    }

    .n_6 .nav_2 li .nav_3 {
        /*column-count:4; column-gap:10;*/
        height: 100%;
        width: 70%;
        padding-top: 2px;
        position: absolute;
        right: 10%;
        top: 0;
        display: none;
        z-index: 3;
        padding-left: 1%;
    }

    .n_6 .nav_2 li .nav_3 li {
        float: left;
        display: inline;
        display: block;
        color: #000000 !important;
        width: 25%;
        padding: 0px 0%;
        margin-bottom: 10px;
        border: 0;
        height: auto;
    }

    .n_6 .nav_2 li .nav_3 li h4 a {
        height: 40px;
        padding: 0 !important;
        color: #000000 !important;
        line-height: 40px;
        width: 100%;
        padding-left: 0px;
        font-weight: bold;
        font-size: 15px;
    }

    .n_6 .nav_2 li a {
        width: 5%;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_6 .nav_2 li a:hover {
        width: 5%;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        padding: 0 15px !important;
        z-index: 2;
        border: 0px !important;
        height: 40px;
        color: #000 !important;
        line-height: 40px;
    }

    .n_6 .nav_2 .navcon2 {
        width: 80%;
        position: relative;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        height: 100%;
        left: 5%;
    }

    .n_6 .nav_2 li.current .nav_3 {
        display: block;
    }

    .n_6 .nav_2 li .nav_3 li h4 a:hover {
        color: #085ce7 !important;
        border: 0px !important;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        padding-left: 0px !important;
    }

    .n_6 .nav_2 li .nav_3 li h4 span a {
        font-size: 13px !important;
        line-height: 25px !important;
        width: 80%;
        display: block;
        height: auto;
        padding: 0px !important;
        font-weight: normal;
        color: #595959 !important;
    }

    .nav .nav_1 li.n_6:hover .nav_2 {
        top: 91%;
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .nav .nav_1 li.n_6 {
        position: static;
    }

    .dhtu {
        padding-top: 30px;
        float: right;
    }

    .dhtu01 {
        padding-top: 60px;
        float: right;
    }

    .ject {
        float: left;
        width: 33.3%;
        padding-right: 25px;
        margin: 0px !important;
        height: 145px;
        -moz-transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition: all 0.5s linear 0s;
    }

    .ject1:hover {
        background-color: rgba(6, 65, 214, 0.45);
    }

    .ject2:hover {
        background-color: rgba(6, 65, 214, 0.45);
    }

    .ject3:hover {
        background-color: rgba(6, 65, 214, 0.45);
    }

    .tit {
        text-align: left;
        font-size: 16px !important;
        font-weight: bold !important;
        margin-top: 30px !important;
    }

    .tex {
        text-align: left;
        font-size: 14px !important;
        line-height: 26px;
        margin-top: 10px !important;
    }

    .tit a {
        color: #fff9f9 !important;
    }

    .tex a {
        color: #c7c7c7 !important;
    }

    .ject:hover a {
        color: #fff !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .n_3 .nav_2 li a {
        width: 20%;
        BORDER-bottom: #d2d2d2 0px solid;
        background: url(../image/by0002.png) bottom no-repeat;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_3 .nav_2 li a:hover {
        width: 20%;
        background: url(../image/by1111.jpg) bottom no-repeat;
        padding: 0 15px !important;
        BORDER-left: #085ce7 3px solid;
        color: #000 !important;
        z-index: 2;
        height: 40px;
        line-height: 40px;
    }

    .n_3 .nav_2 li .nav_3 {
        padding-right: 25px;
        width: 80%;
    }

    .nav .nav_2 .navcon2 {
        width: 100%;
        position: relative;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        height: 100%;
        left: 0%;
    }

    .n_4 .nav_2 li .nav_3 {
        padding-right: 25px;
    }

    .n_5 .nav_2 li .nav_3 {
        padding-right: 25px;
    }

    .n_6 .nav_2 li .nav_3 {
        padding-right: 25px;
    }

    .n_2 .nav_2 li .nav_3 {
        BACKGROUND: none transparent scroll repeat 0% 0%;
        width: 100%;
    }

    .n_4 .nav_2 li .nav_3 {
        width: 100%;
        BACKGROUND: none transparent scroll repeat 0% 0%;
    }

    .n_5 .nav_2 li .nav_3 {
        width: 100%;
    }

    .n_6 .nav_2 li .nav_3 {
        width: 100%;
    }

    .n_2 .nav_2 .navcon2 {
        width: 100%;
        left: 10%;
    }

    .n_4 .nav_2 .navcon2 {
        width: 100%;
        left: 25%;
    }

    .n_5 .nav_2 .navcon2 {
        width: 100%;
        left: 25%;
    }

    .n_6 .nav_2 .navcon2 {
        width: 100%;
        left: 10%;
    }
}




/*首页二维码*/
.accoradion{width:120px;color:#cdd8d9;margin-left:0px;; text-align:left;}
.accoradion ul{overflow:hidden;}
.accoradion li a.header{padding:0px;display:block;text-align:left; color:#cdd8d9; height:30px;line-height:30px;position:relative;margin:-1px 0 0 0;font-size:14px;text-decoration:none;}
.accoradion li a.closed{}
.accoradion li a.opened{color:#fff;font-weight:800; text-align:left;}
.accoradion li li{border:0px solid #E5E5E5;padding:10px 0px;height:100px;position:relative;margin:-1px 0 0 0;}
.accoradion li li h3{line-height:22px;padding:0 0 10px 0;}
.accoradion li li p{line-height:22px;}