@charset "utf-8";
/* -----------------------------------------------------------------------
   * BYR Common CSS
   * Copyright (c) 2014
   * Contact Us zhumh77@qq.com
----------------------------------------------------------------------- */
/* reset.css */
* {
    padding: 0;
    margin: 0;}

html {
    margin: 0;
    padding: 0;
    border: 0;}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei","宋体",Arial, sans-serif;
    vertical-align: baseline;}

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
    display: block;}

table {
    border-collapse: separate;
    border-spacing: 0;}

caption, th, td {
    font-weight: normal;
    float: none !important;}

table, th, td {
    vertical-align: middle;}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';}

blockquote, q {
    quotes: "" "";}

img, a img {
    border: none;
margin-top: 0px;}

:focus {
    outline: 0;}

input, button, select, textarea {
    outline: none;}

textarea {
    resize: none;}

input, select {
    border: 0;}

body {
    font-family: "Microsoft YaHei","宋体",Arial, sans-serif;
    font-size: 13px;
    color: #333;}

body, html {
    width: 100%;
    height: 100%;
    min-width: 768px;}
/* typography.css */
pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* mozilla, since 1999 */
    white-space: -pre-wrap; /* opera 4-6 */
    white-space: -o-pre-wrap; /* opera 7 */
    word-wrap: break-word;}

input.dialog {
    height: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: none;}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;}

h1 {
    font-size: 34px;}

h2 {
    font-size: 26px;}

h3 {
    font-size: 18px;}

h4 {
    font-size: 16px;}

h5 {
    font-size: 14px;}

h6 {
    font-size: 12px;}

input, label, img, th, select {
    vertical-align: middle;}

.font-fixh {
    font-family: Georgia,Arial;
    color: #f00;
    font-size: 16px;
    font-weight: 700;}

address, cite, dfn, em, var {
    font-style: normal;}

code, kbd, pre, samp {
    font-family: courier new,courier,monospace;}

input.button, input.btn {
    padding: 0.25em;
    width: auto;
    _width: 0;
    overflow: visible !ie;}

button {
    cursor: pointer;}

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;}

.vem {
    vertical-align: middle;}

.vet {
    vertical-align: top;}

ul, li {
    list-style-type: none;}
/* font */
.f12, .f12 a {
    font-size: 12px;}

.f14, .f14 a {
    font-size: 14px;}

.f16, .f16 a {
    font-size: 16px;}

.f18, .f18 a {
    font-size: 18px;}

.f20, .f20 a {
    font-size: 20px;}

.lh20 {
    line-height: 20px;}

.lh22 {
    line-height: 22px;}

.lh24 {
    line-height: 24px;}

.lh25 {
    line-height: 25px;}

.lh26 {
    line-height: 26px;}

.lh28 {
    line-height: 28px;}

.lh30 {
    line-height: 30px;}

.lh35 {
    margin: 0 10px;
    padding: 5px 20px;}

.lh40 {
    line-height: 40px;}

.lh50 {
    line-height: 50px;}

.lh60 {
    line-height: 60px;}

.h20 {
    height: 20px;}

.h24 {
    height: 24px;}

.h25 {
    height: 25px;}

.h28 {
    height: 28px;}

.h30 {
    height: 30px;}

.h35 {
    height: 35px;}

.h40 {
    height: 40px;}

.h50 {
    height: 50px;}

.h60 {
    height: 60px;}

.h100 {
    height: 100px;}

.fb {
    font-weight: bold;
    padding-top: 3px;}
.wrap_cont {
    padding:0 10px;
    margin:0 10px;}
.fn {
    font-weight: normal;}

.bk, .bk3, .bk5, .bk6, .bk8, .bk10, .bk15, .bk20, .bk30 {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 1px;}

.bk3 {
    height: 3px;}

.bk5 {
    height: 5px;}

.bk6 {
    height: 6px;}

.bk8 {
    height: 8px;}

.bk10 {
    height: 10px;}

.bk15 {
    height: 15px;}

.bk20 {
    height: 20px;}

.bk30 {
    height: 30px;}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.lf {
    float: left;}

.rt {
    float: right;}

.ovau {
    overflow: auto;}

.ovhi {
    overflow: hidden;}

.psAb {
    position: absolute;}

.psRe {
    position: relative;}

.disbl {
    display: block;}

.disin {
    display: inline-block;}

.disno {
    display: none;}

.tdu, .tdu a {
    text-decoration: underline;}

.tdn, .tdn a {
    text-decoration: none;}

.textl {
    text-align: left;}

.textc {
    text-align: center;}

.textr {
    text-align: right;}

.mar0a {
    margin: 0 auto;}

.cupo {
    cursor: pointer;}
/*网格化*/
.grd1 {
    width: 40px;}

.grd2 {
    width: 80px;}

.grd3 {
    width: 120px;}

.grd4 {
    width: 160px;}

.grd5 {
    width: 200px;}

.grd6 {
    width: 240px;}

.grd7 {
    width: 280px;}

.grd8 {
    width: 320px;}

.grd9 {
    width: 360px;}

.grd10 {
    width: 400px;}

.grd11 {
    width: 440px;}

.grd12 {
    width: 480px;}

.grd13 {
    width: 520px;}

.grd14 {
    width: 560px;}

.grd15 {
    width: 600px;}

.grd16 {
    width: 640px;}

.grd17 {
    width: 680px;}

.grd18 {
    width: 720px;}

.grd19 {
    width: 760px;}

.grd20 {
    width: 800px;}

.grd21 {
    width: 840px;}

.grd22 {
    width: 880px;}

.grd23 {
    width: 920px;}

.grd24 {
    width: 1000px;}

.grd25 {
    width: 1000px;}

@media screen and (max-width:1679px) {
    .span1 {
        width: 103px;}

    .span2 {
        width: 206px;}

    .span3 {
        width: 309px;}

    .span4 {
        width: 412px;}

    .span5 {
        width: 515px;}

    .span6 {
        width: 618px;}

    .span7 {
        width: 721px;}

    .span8 {
        width: 824px;}

    .span9 {
        width: 927px;}

    .span10 {
        width: 1030px;}

    .span11 {
        width: 1133px;}

    .span12 {
        width: 1236px;}
}

@media screen and (min-width:1679px) {
    .span1 {
        width: 124px;}

    .span2 {
        width: 248px;}

    .span3 {
        width: 372px;}

    .span4 {
        width: 496px;}

    .span5 {
        width: 620px;}

    .span6 {
        width: 744px;}

    .span7 {
        width: 868px;}

    .span8 {
        width: 992px;}

    .span9 {
        width: 1116px;}

    .span10 {
        width: 1240px;}

    .span11 {
        width: 1364px;}

    .span12 {
        width: 1488px;}
}
/*====  padding ====*/
.pad5 {
    padding: 5px;}

.pad10 {
    padding: 10px;}

.pad15 {
    padding: 15px;}

.pad20 {
    padding: 20px;}

.padl5 {
    padding-left: 5px;}

.padl10 {
    padding-left: 10px;}

.padl15 {
    padding-left: 15px;}

.padl20 {}

.padr5 {
    padding-right: 5px;}

.padr10 {
    padding-right: 10px;}

.padr15 {
    padding-right: 15px;}

.padr20 {
    padding-right: 20px;}

.padt5 {
    padding-top: 5px;}

.padt10 {
    padding-top: 10px;}

.padt15 {
    padding-top: 15px;}

.padt20 {
    padding-top: 20px;}

.padb5 {
    padding-bottom: 5px;}

.padb10 {
    padding-bottom: 10px;}

.padb15 {
    padding-bottom: 15px;}

.padb20 {
    padding-bottom: 20px;}

.padlr5 {
    padding: 0 5px;}

.padlr10 {
    padding: 0 10px;}

.padlr15 {
    padding: 0 15px;}

.padlr20 {
    padding: 0 20px;}

.padtb5 {
    padding: 5px 0;}

.padtb10 {
    padding: 10px 0;}

.padtb15 {
    padding: 15px 0;}

.padtb20 {
    padding: 20px 0;}
/* margin*/
.mar5 {
    margin: 5px;}

.mar10 {
    margin: 10px;}

.mar15 {
    margin: 15px;}

.mar20 {
    margin: 20px;}

.marlr5 {
    margin: 0 5px;}

.marlr10 {
    margin: 0 10px;}

.marlr15 {
    margin: 0 15px;}

.marlr20 {
    margin: 0 20px;}

.martb5 {
    margin: 5px 0;}

.martb10 {
    margin: 10px 0;}

.martb15 {
    margin: 15px 0;}

.martb20 {
    margin: 20px 0;}

.marl5 {
    margin-left: 5px;}

.marl10 {
    margin-left: 10px;}

.marl15 {
    margin-left: 15px;}

.marl20 {
    margin-left: 20px;}

.marr5 {
    margin-right: 5px;}

.marr10 {
    margin-right: 10px;}

.marr15 {
    margin-right: 15px;}

.marr20 {
    margin-right: 20px;}

.mart5 {}

.mart10 {
    margin-top: 35px;}

.mart15 {
    margin-top: 15px;}

.mart20 {
    margin-top: 20px;}

.marb5 {
    margin-bottom: 5px;}

.marb10 {
    margin-bottom: 10px;}

.marb15 {
    margin-bottom: 15px;}

.marb20 {
    margin-bottom: 20px;}
/*====字体颜色 背景 框===*/
a:focus, a:hover {
    color: #00a1f1;}
/* a链接颜色.css */
a {
    color: #333;
    text-decoration: none;}
/* a链接颜.css */
.cor1, .cor1 a {
    color: #00a1f1;
    margin-top: 6px;}
/* 主颜色.css */
.cor2, .cor2 a {
    color: #333;}

.cor3, .cor3 a {
    color: #666;}

.cor4, .cor4 a {
    color: #ffcb0b;}

.cor5, .cor5 a {
    color: #0a59ac;}

.white, .white a {
    color: #fff;}

.blue, .blue a {
    color: #004499;}

.gray, .gray a, a.gray {
    color: #999;}

.red, .red a, a.red {
    color: red;}

.green, .green a, a.green {
    color: #0E774A;}

.bag1 {
    background: #eaebf0;}

.bag2 {
    background: #cccccc;}

.bag3 {
    background: #F9F9F9;}

.bagf {
    background: #FFF;}

.bagb {
    background: #000;}

/*======首页======*/
.wrap {
    width: 100%;
    height: 100%;
    min-width: 768px;}

.header {
    left: 0;
    right: 0;
    top: 0;}

.header {
    z-index: 9999;}

.head {
    background: #545454;
    z-index: 99;}

.logo {}

    .logo a {
        display: block;
        height: 100%;
        background: url(../images/logo.png) 0 center no-repeat;
        line-height: 100px;
        color: #fff;
        padding-left: 90px;
        font-size: 24px;}

#top_nav {
    float: left;
    overflow: hidden;
    *position: relative;}

    #top_nav .nav-li {
        float: left;
        position: relative;}

        #top_nav .nav-li .top_nav {
            background: url(../images/sub_nav.png) repeat-x;}

        #top_nav .nav-li.hover .top_nav {
            background: url(../images/sub_hover.png) repeat-x;}

        #top_nav .nav-li .top_nav {}

        #top_nav .nav-li .top_nav {
            display: inline-block;
            font-size: 18px;
            color: #FFF;}

            #top_nav .nav-li .top_nav span {
                display: inline-block;
                text-align: center;
                background: url(../images/top_line.png) repeat-y right top;}

    #top_nav .hover {}

    #top_nav .nav-child {
        overflow: hidden;
        display: none;
        background: url(../images/sub_nav.png) repeat-x;}

        #top_nav .nav-child a {
            color: #FFF;
            line-height: 25px;
            padding: 0 5px 0 10px;
            display: inline-block;}

            #top_nav .nav-child a:hover {
                color: #FFC13D;}

    #top_nav .nav-li #nav_on {
        background: url(../images/sub_hover.png) repeat-x;}

    #top_nav ul {
        font-size: 0;}

        #top_nav ul dd {
            font-size: 13px;}

.hover_right {
    padding-right: 20px;
    height: 35px;
    position: relative;
    z-index: 10000;}

.head_right .head_li {
    background: url(../images/top_line.png) repeat-y right top;
    height: 35px;
    color: #FFF;
    _overflow: hidden;}

    .head_right .head_li a {
        color: #FFF;
        height: 35px;
        display: inline-block;}

    .head_right .head_li img {
        vertical-align: top;}

    .head_right .head_li span {
        width: 0px;
        display: inline-block;
        overflow: hidden;
        line-height: 35px;
        height: 35px;
        text-align: center;}

    .head_right .head_li .animate2 span {
        width: 60px;}

    .head_right .head_li dl {
        z-index: 9999;
        position: absolute;
        right: 0;
        top: 35px;}

        .head_right .head_li dl dd a {
            padding: 0 5px 0 10px;
            line-height: 25px;
            height: 25px;
            min-width: 75px;
            background: url(../images/sub_nav.png) repeat-x 0 -129px;
            display: block;}

.icos {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: top;}

.ico_eng {
    background: url(../images/ico-eng.gif) no-repeat;}

.ico_chain {
    background: url(../images/ico-chain.png) no-repeat;
    _background: url(../images/ico-chain.gif) no-repeat;}

.ico_building {
    background: url(../images/ico-building.png) no-repeat;
    _background: url(../images/ico-building.gif) no-repeat;}

.ico_lib {
    background: url(../images/ico-lib.png) no-repeat;
    _background: url(../images/ico-lib.gif) no-repeat;}

.ico_msg {
    background: url(../images/ico-msg.png) no-repeat;
    _background: url(../images/ico-msg.gif) no-repeat;}

.ico_id {
    background: url(../images/ico-id.png) no-repeat;
    _background: url(../images/ico-id.gif) no-repeat;}


#search_ul {
    width: 184px;
    height: 30px;
    background: url(../images/search.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 100;}

.search_text {
    line-height: 30px;
    height: 30px;
    background: none;
    right: 20px;
    z-index: 100;}

.search_text {
    line-height: 30px;
    height: 30px;
    background: none;
    padding: 0 5px;
    width: 135px;
    color: #fffefe;
    float: left;}

.search_text {
    float: right;}

#search_submit {
    line-height: 30px;
    background: none;
    text-indent: -999em;
    width: 33px;
    cursor: pointer;
    float: left;
    background: url(../images/searchbtn.png) center center no-repeat;}


.box1:hover .blue_bg {
    filter: alpha(opacity=80);
    opacity: 0.8;
    background: #414141;}

.main_nav {
    z-index: 1000;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 22px;}

.main_a {
    font-size: 18px;
    color: #026493;}

.date {
    background: #c6e4f2;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #026493;
    border: 1px solid #d8e8f0;}

    .date b {
        font-size: 28px;}

.blue_bg {
    background: #2E4254;
    z-index: 99;
    margin: 0 1px 1px 0;
    filter: alpha(opacity=80);
    opacity: 0.8;}

.main_ul {
    z-index: 1000;}

    .main_ul h4 a {
        padding: 5px 0 5px 10px;
        height: 50px;
        overflow: hidden;}

    .main_ul h6 {
        /*background: url(/images/main-l.png) no-repeat 0 8px;*/
        line-height: 30px;
        height: 30px;
        display: block;
        white-space: nowrap;}

        .main_ul h6 a {
            padding: 0 10px;
            display: block;
            height:30px;}

        .main_ul h6 .main_ul_span {
            display: inline-block;
            width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 13px;}

.zoom .blue_bg {
    background: #FFF;
    margin: 0 10px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 999;}

.more {
    background: #F6A623;
    width: 40px;
    height: 20px;
    text-align: center;
    margin-top: 5px;
    line-height: 20px;
    color: #FFF;
    font-size: 12px;}

.main_pic {
    margin: 15px 0 0 0;}

.main_ky {
    padding: 0 0 0 7px;
    _padding: 0 0 0 5px;}

.main_rc_a {
    padding: 0 15px;}

.sign_ico1, .sign_ico2, .sign_ico3 {
    vertical-align: middle;
    width: 20px;
    height: 25px;
    background-image: url(../images/icon.gif);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;}

.sign_ico1 {
    background-position: -40px 4px;}

.sign_ico2 {
    background-position: -20px 4px;}

.sign_ico3 {
    background-position: 0px 4px;}

.wid2 {
    width: 50%;}

.wid3 {
    width: 33.3%;}

.wid5 {
    width: 20%;}

.wrap_main .griditem {
    position: absolute;
    overflow: hidden;}

.zoom .main_nav {
    display: none;}

.box1 .main_ul {
    display: none;}

.box1 .main_h5 {
    display: none;}


.wrap_bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9;
    min-width: 768px;}

    .wrap_bg ul {
        z-index: 9;}

.grd_bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 30;
    min-width: 768px;}

#banner_prev, #banner_next {
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    background-image: url(../images/arrows.png);
    _background-image: url(../images/arrows.gif);
    background-repeat: no-repeat;}

#banner_prev {
    left: 5px;
    background-position: 0px 0px;
    z-index: 1000;}

#banner_next {
    right: 5px;
    background-position: -30px 0px;
    z-index: 1000;}

.list_grd_bg {
    width: 100%;
    overflow: hidden;
    z-index: 30;
    left: 0px;
    right: 0px;
    top: 0px;}

@media screen and (max-width:949px) {
    .box1 {
        width: 103px;
        height: 103px;}

        .box1:hover .blue_bg {
            filter: alpha(opacity=70);
            opacity: 0.70;
            background: #00a1f1;}

    .logo {
        height: 102px;
        position: absolute;
        top: 35px;
        left: 0;
        width: 309px;}

    .header {
        height: 138px;}

    #top_nav .nav-li .top_nav {
        line-height: 103px;}

    .hover_right {
        height: 35px;}

    #top_nav {
        position: absolute;
        top: 35px;
        left: 309px;
        right: 0;}

        #top_nav .top_nav_box {
            position: absolute;
            left: 412px;
            top: 0;
            right: 0;
            height: 103px;
            background: url(../images/sub_nav.png) repeat-x;}

        #top_nav .nav-child {
            height: 103px;}

        #top_nav .hover .nav-child {
            position: absolute;
            left: 0;
            top: 103px;}

    .wrap_main {
        z-index: 999;
        height: 206px;
        width: 412px;}

    .blue_bg {
        width: 102px;
        height: 102px;}

    .main_nav {
        width: 42px;
        height: 42px;
        line-height: 22px;
        padding: 30px;}

    .zoom .blue_bg {
        width: 412px;
        height: 206px;
        margin: 0;}

    .main_ul {
        width: 372px;
        margin: 0;}

        .main_ul h4 a {
            width: 270px;}

        .main_ul .wrap_cont {
            height: 160px;
            overflow: hidden;}

    .main_rc_a {
        padding: 0 8px;}

    .grd_bg {
        margin-top: 138px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;}

    .list_grd_bg {
        margin-top: 138px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;
        height: 206px;}

    .head_right {
        padding-right: 210px;}

    #search_ul {
        width: 184px;
        height: 30px;
        background: url(../images/search.png) no-repeat;
        position: absolute;
        top: 2px;
        right: 10px;
        z-index: 10000;}

    #search_text {
        line-height: 30px;
        height: 30px;
        background: none;
        padding: 0 5px;
        width: 135px;
        color: #fffefe;}

    #search_submit {
        line-height: 30px;
        background: none;
        text-indent: -999em;
        width: 33px;
        cursor: pointer;}
}

@media screen and (min-width:950px) and (max-width:1279px) {
    .box1 {
        width: 103px;
        height: 103px;}

        .box1:hover .blue_bg {
            filter: alpha(opacity=70);
            opacity: 0.70;
            background: #00a1f1;}


    .header {
        height: 138px;}

    #top_nav .nav-li .top_nav {
        line-height: 103px;}

    .hover_right {
        height: 35px;}

    #top_nav {
        position: absolute;
        top: 35px;
        left: 309px;
        right: 0;}

        #top_nav .top_nav_box {
            position: absolute;
            left: 412px;
            top: 0;
            right: 0;
            height: 103px;
            background: url(../images/sub_nav.png) repeat-x;}

        #top_nav .nav-child {
            height: 103px;}

        #top_nav .hover .nav-child {
            position: absolute;
            left: 0;
            top: 103px;}

    .wrap_main {
        z-index: 999;
        height: 206px;}

    .blue_bg {
        width: 102px;
        height: 102px;}

    .main_nav {
        width: 42px;
        height: 42px;
        line-height: 22px;
        padding: 30px;}

    .zoom .blue_bg {
        width: 392px;
        height: 206px;}

    .main_ul {
        width: 352px;}

        .main_ul h4 a {
            width: 270px;}

        .main_ul .wrap_cont {
            height: 160px;
            overflow: hidden;
            margin:0 10px;
            padding:0 10px;}

    .main_rc_a {
        padding: 0 8px;}

    .grd_bg {
        margin-top: 138px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;}

    .list_grd_bg {
        margin-top: 138px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;
        height: 206px;}

    .head_right {
        padding-right: 210px;}

    /*#search_ul {
        width: 184px;
        height: 30px;
        background: url(/images/search.png) no-repeat;
        position: absolute;
        top: 2px;
        right: 10px;
        z-index: 10000;
    }*/

    #search_text {
        line-height: 30px;
        height: 30px;
        background: none;
        padding: 0 5px;
        width: 135px;
        color: #fffefe;}

    #search_submit {
        line-height: 30px;
        background: none;
        text-indent: -999em;
        width: 33px;
        cursor: pointer;}

    @keyframes rotate {
        from {
            transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            -moz-transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            -webkit-transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    .rotate {
        animation: rotate 400ms;
        -webkit-animation: rotate 400ms;
        -moz-animation: rotate 400ms;}

    .per {
        perspective: 1000;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;}
}

@media screen and (min-width:1279px) and (max-width:1360px) {
    .head_responsive {
        display: none;}
}

@media screen and (min-width:1279px) and (max-width:1360px) {
    .box1 {
        width: 103px;
        height: 103px;}

    .logo {
        height: 102px;
        float: left;
        width: 309px;}

    .header {
        height: 102px;}

    #top_nav .nav-li .top_nav {
        line-height: 103px;}

    .hover_right {
        /*margin-left: 721px;*/
        height: 103px;}

    #top_nav .nav-child {
        height: 103px;}

    #top_nav .hover .nav-child {
        position: absolute;
        left: 0;
        top: 103px;}

    .wrap_main {
        z-index: 999;
        height: 206px;}

    .blue_bg {
        width: 102px;
        height: 102px;}

    .main_nav {
        width: 42px;
        height: 42px;
        line-height: 22px;
        padding: 30px;}

    .zoom .blue_bg {
        width: 392px;
        height: 206px;}

    .main_ul {
        width: 352px;}

        .main_ul h4 a {
            width: 270px;}

        .main_ul .wrap_cont {
            height: 160px;
            overflow: hidden;
            margin:0 10px;
            padding:0 10px;}

    .main_rc_a {
        padding: 0 8px;}

    .grd_bg {
        margin-top: 103px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;}

    .list_grd_bg {
        margin-top: 103px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;
        height: 206px;}

    @keyframes rotate {
        from {
            transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            -moz-transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            -webkit-transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    .rotate {
        animation: rotate 400ms;
        -webkit-animation: rotate 400ms;
        -moz-animation: rotate 400ms;}

    .per {
        perspective: 1000;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;}
}

@media screen and (min-width:1360px) and (max-width:1679px) {
    .box1 {
        width: 103px;
        height: 103px;}

    .logo {
        height: 102px;
        float: left;
        width: 309px;
        margin-left: 20px;}

    .header {}

    #top_nav .nav-li .top_nav {
        line-height: 103px;}

    .hover_right {
        /*margin-left: 721px;*/
        height: 103px;}

    #top_nav .nav-child {
        height: 103px;}

    #top_nav .hover .nav-child {
        position: absolute;
        left: 0;
        top: 103px;}

    .wrap_main {
        z-index: 999;
        height: 206px;
        width: 927px;}

    .blue_bg {
        width: 102px;
        height: 102px;}

    .main_nav {
        width: 42px;
        height: 42px;
        line-height: 22px;
        padding: 30px;}

    .zoom .blue_bg {
        width: 495px;
        height: 206px;}

    .main_ul {
        width: 455px;}

        .main_ul h4 a {
            width: 373px;}

        .main_ul .wrap_cont {
            height: 160px;
            overflow: hidden;
            margin: 0 10px;
        padding: 0 10px;}

    .main_ky {
        padding: 0 0 0 23px;}

    .grd_bg {
        margin-top: 103px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;}

    .list_grd_bg {
        margin-top: 103px;
        /*background: url(/images/span.png) repeat;*/
        _background: none;
        height: 206px;}

    @keyframes rotate {
        from {
            transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            -moz-transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotateX(90deg) translateY(50%);
            top: 51.5px;}

        to {
            -webkit-transform: rotateX(0deg) translateY(50%);
            top: 51.5px;}
    }

    .rotate {
        animation: rotate 400ms;
        -webkit-animation: rotate 400ms;
        -moz-animation: rotate 400ms;}

    .per {
        perspective: 1000;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;}
}

@media screen and (min-width:1679px) and (max-width:1800px) {
    .box1 {
        width: 124px;
        height: 124px;}

    .logo {
        height: 124px;
        float: left;
        width: 372px;}

    .header {
        height: 123px;}

    #top_nav .nav-li .top_nav {
        line-height: 124px;}

    .hover_right {
        margin-left: 868px;
        height: 124px;}

    #top_nav .nav-child {
        height: 124px;}

        #top_nav .nav-child a {
            line-height: 30px;}

    #top_nav .hover .nav-child {
        position: absolute;
        left: 0;
        top: 124px;}

    .wrap_main {
        z-index: 999;
        height: 248px;}

    .blue_bg {
        width: 123px;
        height: 123px;}

    .main_nav {
        width: 63px;
        height: 63px;
        line-height: 28px;
        padding: 34px;
        font-size: 19px;
        letter-spacing: 5px;
        margin-top: 8px;}

    .zoom .blue_bg {
        width: 476px;
        height: 248px;}

    .main_ul {
        width: 436px;}

        .main_ul h4 a {
            width: 350px;}

        .main_ul h6 .main_ul_span {
            width: 85%;}

    .main_bk {
        height: 15px;}

    .main_cbk {
        height: 20px;}

    .main_rbk {
        height: 20px;}

    .grd_bg {
        margin-top: 124px;
        background: url(../images/spanb.png) repeat;
        _background: none;}

    .list_grd_bg {
        margin-top: 124px;
        background: url(../images/spanb.png) repeat;
        _background: none;
        height: 248px;}

    .main_ky {
        padding: 0 0 0 18px;}

    @keyframes rotate {
        from {
            transform: rotateX(90deg) translateY(50%);
            top: 62px;}

        to {
            transform: rotateX(0deg) translateY(50%);
            top: 62px;}
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotateX(90deg) translateY(50%);
            top: 62px;}

        to {
            -moz-transform: rotateX(0deg) translateY(50%);
            top: 62px;}
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotateX(90deg) translateY(50%);
            top: 62px;}

        to {
            -webkit-transform: rotateX(0deg) translateY(50%);
            top: 62px;}
    }

    .rotate {
        animation: rotate 400ms;
        -webkit-animation: rotate 400ms;
        -moz-animation: rotate 400ms;}

    .per {
        perspective: 1000;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;}
}

@media screen and (min-width:1800px) {
    .box1 {
        width: 124px;
        height: 124px;}

    .logo {
        height: 124px;
        float: left;
        width: 372px;}

    .header {
        height: 123px;}

    #top_nav .nav-li .top_nav {
        line-height: 124px;}

    .hover_right {
        margin-left: 868px;
        height: 124px;}

    #top_nav .nav-child {
        height: 124px;}

        #top_nav .nav-child a {
            line-height: 30px;}

    #top_nav .hover .nav-child {
        position: absolute;
        left: 0;
        top: 124px;}

    .wrap_main {
        z-index: 999;
        height: 248px;
        width: 1116px;}

    .blue_bg {
        width: 122px;
        height: 122px;}
    
    .main_nav {
        width: 63px;
        height: 56px;
        line-height: 28px;
        padding: 34px;
        font-size: 19px;
        letter-spacing: 5px;
        margin-top:8px;}

    .zoom .blue_bg {
        width: 600px;
        height: 248px;}

    .main_ul {
        width: 560px;}

        .main_ul h4 a {
            width: 474px;}

        .main_ul h6 .main_ul_span {
            width: 88%;}

    .main_bk {
        height: 15px;}

    .main_cbk {
        height: 20px;}

    .grd_bg {
        margin-top: 124px;
        background: url(../images/spanb.png) repeat;
        _background: none;}

    .list_grd_bg {
        margin-top: 124px;
        background: url(../images/spanb.png) repeat;
        _background: none;
        height: 248px;}

    .main_ky {
        padding: 0 0 0 25px;}

    @keyframes rotate {
        from {
            transform: rotateX(90deg) translateY(50%);
            top: 62px;}

        to {
            transform: rotateX(0deg) translateY(50%);
            top: 62px;}
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotateX(90deg) translateY(50%);
            top: 62px;}

        to {
            -moz-transform: rotateX(0deg) translateY(50%);
            top: 62px;}
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotateX(90deg) translateY(50%);
            top: 62px;}

        to {
            -webkit-transform: rotateX(0deg) translateY(50%);
            top: 62px;}
    }

    .rotate {
        animation: rotate 400ms;
        -webkit-animation: rotate 400ms;
        -moz-animation: rotate 400ms;}

    .per {
        perspective: 1000;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;}
}

#footer, .foot_bg {
    left: 0;
    right: 0;
    bottom: 0;
    /*height: 60px;*/
    height: 30px;
    width: 100%;
    min-width: 768px;}

#footer {
    z-index: 99;}

    #footer p {
        z-index: 999;
        position: relative;}

.foot_bg {
    background: #2b2b2b;
    filter: alpha(opacity=95);
    opacity: 0.95;
    z-index: 90;}

#box {
    overflow: hidden;
    background-color: #EEE;}

    #box ul {
        position: absolute;
        top: 0;
        left: 0;}

        #box ul li {
            float: left;}

    #box img {}


/*新*/
.newNav {
    display: inline-block;
    height: 30px;
    position: absolute;
    bottom: 40px;
    right: 10px;
    z-index: 100;}

    .newNav a {
        padding: 0 15px;
        color: #fff;
        display: inline-block;
        height: 30px;
        line-height: 30px;}

#newsTypeItem0 {
    left: 0px;
    top: 0px;}

#newsTypeItem1 {
    left: 103px;
    top: 0px;}

#newsTypeItem2 {
    left: 206px;
    top: 0px;}

#newsTypeItem3 {
    left: 618px;
    top: 0px;}

#newsTypeItem4 {
    left: 721px;
    top: 0px;}

#newsTypeItem5 {
    left: 0px;
    top: 103px;}

#newsTypeItem6 {
    left: 103px;
    top: 103px;}

#newsTypeItem7 {
    left: 618px;
    top: 103px;}

#newsTypeItem8 {
    left: 721px;
    top: 103px;}

.wrap_main {
    z-index: 999;
    height: 206px;
    width: 927px;}

.main_nav {
    /*width: 42px;
    height: 42px;*/
    line-height: 22px;
    padding: 30px;}

.blue_bg {}

.main_ul {
    width: 100%;
    margin-top: 10px;}

.zoom .blue_bg {
    /*height: 206px;*/
    border-top: 3px solid #2E4254;}