@charset "utf-8";
/***************
This is for BASE, including header and footer
***************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, figure, figcaption, code, del, dfn, em, image, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tf, tr, th {
    border: 0px;
    padding: 0px;
    /*font-size: 100%;*/
    margin: 0px;
    font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
    -webkit-font-smoothing: subpixel-antialiased;
    /*font-weight:normal;*/
}

body {
    color: #565656;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
    margin: 0px;
}

input, textarea, select {
    font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
    background-color: #FFFFFF;
    font-size: 12px;
    outline: none;
}

img {
    border: 0px;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

a, a:link {
    text-decoration: none;
    color: #323232;
}

    a:hover {
        text-decoration: none;
        color: #8c0000;
    }

ul, li {
    list-style-type: none;
}

.pku-red {
    color: #8c0000;
}

.pku-gold {
    color: #dda813;
}

.pku-gray {
    color: #565656;
}

.icon-space-right {
    margin-right: 3px;
}

.icon-space-left {
    margin-left: 3px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
    height: 0px;
    visibility: hidden;
}

.yahei {
    font-family: "Microsoft Yahei", Arial;
}

h1, h2, h3, h4 {
    font-family: "Microsoft Yahei", Arial;
}

.relative {
    position: relative;
}

.clearfix {
    *display: inline-block;
    *zoom: 1;
    *vertical-align: top;
}
/* Add by PKU zb 2014.9.1 */
.clearfix1 {
    *display: inline-block;
    *zoom: 1;
    *vertical-align: top;
    line-height: 35px
}

.clear {
    clear: both;
}

.clear_f {
    clear: both;
}

*::selection {
    background: #8c0000;
    color: #FFFFFF;
    text-shadow: none;
}

*::-moz-selection {
    color: #8c0000;
    text-shadow: none;
}

.ie6 {
    text-align: center;
    font-size: 14px;
    line-height: 60px;
}

    .ie6 span {
        float: right;
        margin-right: 30px;
        cursor: pointer;
    }

.blankspace {
    height: 1.5em;
    overflow: hidden;
    margin: 0;
    padding: 0;
    clear: both;
}
/*comm used header,content,footer*/

.mainWrap {
    width: 1000px;
    margin: auto;
    height: 32px;
}
/*
.header {
	background:#fff url(../images/bg.jpg) repeat-x top
}
*/

.header {
    overflow: hidden;
}

    .header .topLine {
    }

    .header .topWrap {
        padding: 0;
        /* background:#7f0101 url(../images/pkucloud1h100.png) no-repeat top right; LHY */
        /* background:#8f000b url(../images/pkucloud1h100.png) no-repeat top right;  zb */
        background: #8c0000 url(../images/logobg.png) no-repeat top right;
        /* border-top:0px solid #c40000;
	border-bottom:0px solid #600000;*/
    }

        .header .topWrap .mainWrap {
            height: 100px;
        }

    .header .logo {
        float: left;
        _display: inline;
        padding-top: 20px;
        padding-left: 15px;
    }

        .header .logo a {
            float: left;
            display: inline;
        }

            .header .logo a.sub_logo {
                float: left;
                display: inline;
                /*margin-top:15px;
   margin-left:15px;
	padding-left:15px;
   padding-top:2px;
   color:#FFFFFF;
   font-size:30px;
   height:30px;*/
                padding-left: 15px;
                margin-left: 15px;
                border-left: solid 1px #fff;
            }

                .header .logo a.sub_logo:hover {
                    color: #CECECE;
                }

                .header .logo a.sub_logo span.logo_hotline {
                    font-family: Georgia;
                }

    .header .topWrap .slogan {
        position: absolute;
        right: 140px;
        /* top:68px; */
        top: 55px;
        color: #FFFFFF;
        font-size: 30px;
    }

        .header .topWrap .slogan img {
            width: 400px;
        }

    .header .subnavLeft {
        padding-left: 10px;
    }

    .header .search {
        float: right;
        _display: inline;
        padding-right: 10px;
        height: 20px;
    }

        .header .search .inp {
            border: 0;
            height: 16px;
            width: 130px;
            /* border:1px solid #821514;*/
            margin-top: 2px;
            padding-left: 5px;
            padding-right: 5px;
            float: left;
            _display: inline;
            background: #AC0000;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

        /*修改提示文字的颜色*/

        .header .search input::-webkit-input-placeholder { /* WebKit browsers */
            color: #fff;
        }

        .header .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #fff;
        }

        .header .search input::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #fff;
        }

        .header .search input:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #fff;
        }



        .header .search .inp:hover {
            background: #fff;
            opacity: 1
        }

        .header .search .btn {
            height: 22px;
            padding: 0 8px;
            *padding: 0 8px 0 12px;
            line-height: 21px;
            text-align: center;
            border: 0;
            float: left;
            font-size: 12px;
            _display: inline;
            color: #fff;
            cursor: pointer;
            *background: url(search_normal.png) 0 3px no-repeat;
        }

            .header .search .btn:hover {
                *background: url(search_normal.png) 0 3px no-repeat;
            }

    .header .subNav {
        background: #700005;
        border-bottom: 0px solid #700005;
    }

        .header .subNav .onlymobileshow {
            display: none;
            background-color: #fff;
        }

        .header .subNav .menu {
            display: none;
        }

        .header .subNav li {
            float: left;
            _display: inline;
            padding: 6px 2px 6px 3px;
            position: relative;
            z-index: 999;
            zoom: 1;
        }

            .header .subNav li a {
                display: block;
                /* ZB	font-size:12px; */
                font-size: 14px;
                color: #e5e3e3;
                padding: 0 5px;
                /* text-shadow:0px 2px 1px #600000; */
                filter: dropshadow(color=#600000, offx=0, offy=2);
            }

                .header .subNav li a:hover, .header .subNav li a:focus, .header .subNav li a.hover {
                    color: #fff;
                }

            .header .subNav li.current {
                background: #fff;
            }

                .header .subNav li.current a {
                    color: #444;
                    text-shadow: 0px 2px 1px #f3f3f3;
                    filter: dropshadow(color=#f3f3f3, offx=0, offy=2);
                }

    .header .subNavRight {
        float: right !important;
    }

    .header .subNav #mobileNav ul {
        height: 120px;
        width: 640px;
    }

    .header .subNav #mobileNav li {
        padding: 2px 2px 2px 2px;
        line-height: 40px;
        height: 36px;
        width: 154px;
        float: left;
    }

        .header .subNav #mobileNav li form {
            height: 40px;
            line-height: 40px;
        }

            .header .subNav #mobileNav li form input {
                width: 80px;
                float: left;
                opacity: 0.8;
                background-color: #fff;
                border: 1px solid #C4C4C4;
                margin-left: 8px;
                margin-right: 3px;
                margin-top: 12px;
            }
                /*search通元*/
                .header .subNav #mobileNav li form input.notxt1 {
                    width: 22px;
                    background: none;
                    margin: 0;
                    border: none;
                }

            .header .subNav #mobileNav li form a {
                height: 40px;
                line-height: 40px;
            }

        .header .subNav #mobileNav li a {
            font-size: 14px;
            color: #000;
            float: left;
        }

    .header .navtop {
        width: 960px;
        margin: 0 auto;
        text-align: right;
        margin-top: -10px;
        padding-bottom: 5px;
    }

        .header .navtop a {
            font-size: 15px;
            padding: 5px;
            margin-left: 20px;
            color: #fff;
        }

    .header .nav {
        /* float:right;
	_display:inline;
	margin-top:25px;*/
        background-color: #fff;
    }

        .header .nav .menu {
            display: none;
        }

header .nav #nav {
    /* text-align:center; */
    margin: auto;
    width: 1000px;
}

.header .nav li {
    float: left;
    _display: inline;
    padding: 0 4px;
    +padding:0 4px;
    z-index: 999;
    zoom: 1;
}

    .header .nav li.nav_first {
        padding-left: 0px;
    }

    .header .nav li.nav_last {
        padding-right: 0px;
    }

    .header .nav li a.current {
        /* PKU	background: url(nav_cur.png) bottom repeat-x */
        background: url(../images/nav_cur_red.png) bottom repeat-x;
        /*color:#fff;
	background:#8f000b;*/
    }

    .header .nav li a {
        display: block;
        line-height: 43px;
        /* ZB	font-size:15px; */
        font-size: 16px;
        /* PKU	color:#fff; */
        color: #333;
        /* padding:0 12px;
 *padding:0 13px; */
        text-align: center;
        width: 92px;/* 2023-07-12 103px;*/
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -ms-transition-duration: 0s;
    }

        .header .nav li a:hover, .header .nav li:hover a {
            color: #fff;
            background: #8f000b;
        }

        .header .nav li a i {
            padding: 0;
            *margin: 0 -5px 0 5px;
        }

            .header .nav li a i:before {
                margin-right: -4px;
            }

.header .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#nav .minfoWrap {
    position: absolute;
    background: #fff;
    /* PKU */
    border-top: 0px solid #8c0000;
    /* PKU 	top:132px; */
    /* PKU
	top:131px;
*/
    left: 0%;
    width: 100%;
    z-index: 2;
    padding: 2em 0;
    display: none;
    /* -webkit-box-shadow:0 6px 12px #838383;
	-moz-box-shadow:0 6px 12px #838383;
	box-shadow:0 10px 20px rgba(0, 0, 0, 0.63); */
}

#nav .minfoWrap_inner {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
}

#nav ul.last {
    right: 2px;
}

#nav ul li {
    float: none;
    display: block;
    padding: 0;
    margin: 0;
}

    #nav ul li a {
        background: #fff;
        line-height: 24px;
        font-size: 14px;
        color: #565656;
        /* PKU	padding:0 0 0 20px; */
        padding: 0 0 0 0px;
    }

.header .nav #nav li .sub-nav {
    position: absolute;
    z-index: 4;
    display: none;
}

.header .nav #nav .sub-nav li a {
    background: #8c0000;
    color: #fff;
    line-height: 16px;
    font-size: 14px;
    text-align: left;
    width: 120px;
    padding: 10px 5px 10px 30px;
}

    .header .nav #nav .sub-nav li a:hover {
        background: #9c0000;
    }

.readmore {
    // text-transform: uppercase;
    font-size: 15px !important;
    box-shadow: none;
    color: #8c0000 !important;
    display: inline !important;
    -webkit-transition: 400ms !important;
    -moz-transition: 400ms !important;
    -o-transition: 400ms !important;
    transition: 400ms !important;
}

    .readmore:hover {
        text-shadow: none;
        box-shadow: none !important;
        color: #333 !important;
    }

.readmore1 {
    // text-transform: uppercase;
    font-size: 15px !important;
    box-shadow: none;
    color: #000000 !important;
    display: inline !important;
    -webkit-transition: 400ms !important;
    -moz-transition: 400ms !important;
    -o-transition: 400ms !important;
    transition: 400ms !important;
}

    .readmore1:hover {
        text-shadow: none;
        box-shadow: none !important;
        color: #8c0000 !important;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

.notxt1 {
    background: none;
    border: none;
}

#form_Search_a {
    position: relative
}

.notxt1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 22px;
    cursor: pointer
}

.main-body {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    overflow: hidden;
}

.footer {
    width: 100%;
    /*height:247px;*/
    margin-top: 40px;
}

    .footer .fot_bbar {
        background: #9c0000 url("../images/bottombg.jpg") no-repeat scroll center top;
        border-top: 1px solid #af0a1a;
        height: 215px;
        width: 100%;
    }

        .footer .fot_bbar .fot_wap {
            width: 1000px;
            margin: 0 auto;
            height: 100%;
        }

            .footer .fot_bbar .fot_wap .fot_left {
                /* border-left: 1px solid #7a0000;
    border-right: 1px solid #7a0000;*/
                float: left;
                padding: 10px 80px;
                width: 200px;
                height: 145px;
                margin: 20px;
                line-height: 26px;
                padding-left: 0px;
            }

                .footer .fot_bbar .fot_wap .fot_left p {
                    display: inline-block;
                    width: 260px;
                    text-align: left;
                    color: #fff;
                    font-size: 14px;
                }

                .footer .fot_bbar .fot_wap .fot_left a {
                    display: inline-block;
                    float: left;
                    width: 80px;
                    text-align: center;
                    color: #fff;
                    font-size: 14px;
                }

            .footer .fot_bbar .fot_wap .fot_cen {
                float: left;
                padding: 16px 10px;
                width: 130px;
                height: 142px;
                margin: 20px;
                margin-left: 35px;
            }

                .footer .fot_bbar .fot_wap .fot_cen a {
                    display: block;
                    width: 296px;
                    text-align: center;
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

                    .footer .fot_bbar .fot_wap .fot_cen a img {
                        width: 160px;
                    }

                    .footer .fot_bbar .fot_wap .fot_cen a:first-child img {
                        width: 61px;
                    }

            .footer .fot_bbar .fot_wap .fot_right {
                border-left: 1px solid #7a0000;
                /*  border-right: 1px solid #7a0000;*/
                float: right;
                /* width: 400px;*/
                height: 85px;
                margin: 10px 10px 0px 5px;
                padding-top: 30px;
                padding-left: 30px;
                margin-right: 0px
            }

                .footer .fot_bbar .fot_wap .fot_right a {
                    display: inline-block;
                    float: left;
                    text-align: center;
                    color: white;
                }

                    .footer .fot_bbar .fot_wap .fot_right a img {
                        width: 85px;
                    }

    .footer .footWrap a {
        color: #787878;
        display: block;
        line-height: 24px;
        text-align: center;
    }

        .footer .footWrap a:hover {
            color: #8c0000;
        }

    .footer .copyrights {
        color: #f8f8f8;
        padding: 15px 0;
        line-height: 22px;
        background: #821514;
        border-top: #8c0000;
    }

        .footer .copyrights .info {
            float: left;
        }

            .footer .copyrights .info span {
                padding-right: 24px;
            }

        .footer .copyrights .icp {
            float: right;
        }

        .footer .copyrights .copy {
            display: block;
        }

    .footer .fot_bot_b {
        width: 100%;
        height: 32px;
        background: #700005;
    }

.fot_bot {
    width: 900px;
    margin: 0 auto;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background: #700005;
}

    .fot_bot span {
        display: inline-block;
        float: left;
        width: 180px;
        padding: 0 19px;
    }

    .fot_bot .copyright {
        width: 150px;
    }

    .fot_bot .addr {
        width: 324px;
    }

    .fot_bot .postcode {
        width: 90px;
    }

    .fot_bot .telephone {
        width: 125px;
    }

    .fot_bot .tech-sup {
        width: 172px;
    }

.logobottom {
    margin-bottom: 16px;
    width: 280px;
}

.fot_cen p {
    margin: 20px 0 0 20px;
    text-align: center;
    color: #fff;
}

    .fot_cen p img {
        width: 180px;
    }

.linktb {
    width: 100%;
}

    .linktb .title {
        color: #fff;
        font-size: 16px;
    }

    .linktb p {
        color: #fff;
        font-size: 13px;
        line-height: 30px;
        clear: both;
    }

        .linktb p span a {
            color: #fff;
        }

        .linktb p span {
            margin: 3px 5px;
        }

._plugMasklayer {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    _position: absolute;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
    bottom: 0;
}

._plugLayer {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    left: 50%;
    top: 50%;
    border: 1px solid #609;
    _position: absolute;
    position: fixed;
    z-index: 9999;
}
/*action*/
.ssubNav {
    display: none;
}

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

    .mainWrap {
        width: 800px;
        margin: 0 auto;
    }

    .header .nav #nav {
        width: 795px;
    }

        .header .nav #nav .minfoWrap .minfoWrap_inner div.fl {
            display: none;
        }

    .header .nav li {
        /*padding: 0 24px 0 24px;*/
        padding: 0 11px 0 11px;
        +padding:0 10px 0 10px;
    }

        .header .nav li a {
            font-size: 13px;
            /*padding:0 9px;*/
            width: 90px;
        }

    #nav ul {
        width: 100px;
    }

        #nav ul.fl {
            width: 160px;
        }

            #nav ul.fl a {
                width: 150px;
            }

    .header .nav #nav .sub-nav li a {
        line-height: 25px;
        font-size: 11px;
        line-height: 12px;
        width: 158px;
        padding-left: 20px;
    }

    .footer .footWrap li {
        width: 120px;
        overflow: hidden;
    }

    .footer {
        width: 100%;
        height: 311px;
        margin-top: 40px;
    }

        .footer .fot_bbar {
            height: 215px;
            width: 100%;
        }

            .footer .fot_bbar .fot_wap {
                width: 800px;
                margin: 0 auto;
                height: 100%;
            }

                .footer .fot_bbar .fot_wap .fot_left {
                    padding: 15px 40px;
                    width: 130px;
                    height: 145px;
                    margin: 20px;
                    line-height: 36px;
                }

                    .footer .fot_bbar .fot_wap .fot_left a {
                        width: 65px;
                        font-size: 12px;
                    }

                .footer .fot_bbar .fot_wap .fot_cen {
                    padding: 16px 30px;
                    width: 196px;
                    height: 142px;
                    margin: 20px;
                }

                    .footer .fot_bbar .fot_wap .fot_cen a {
                        width: 196px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                    }

                        .footer .fot_bbar .fot_wap .fot_cen a img {
                            width: 160px;
                        }

                .footer .fot_bbar .fot_wap .fot_right {
                    width: 170px;
                    height: 70px;
                    margin: 10px 10px 0px 5px;
                    padding: 52px 20px;
                }

                    .footer .fot_bbar .fot_wap .fot_right a {
                        width: 85px;
                    }

                        .footer .fot_bbar .fot_wap .fot_right a img {
                            width: 70px;
                        }

        .footer .fot_bot_b {
            height: 96px;
        }

    .fot_bot {
        width: 440px;
        height: 96px;
    }

        .fot_bot span {
            text-align: left;
        }

        .fot_bot .postcode {
            /*width:200px;*/
            width: 150px;
        }

        .fot_bot .telephone {
            width: 160px;
        }

        .fot_bot .tech-sup {
            width: 400px;
        }

    .header .topWrap {
        height: auto;
    }
}

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

    .mainWrap {
        width: 84%;
    }

    .mainWrap02 {
        position: relative;
        display: none;
        background: #444;
    }

    #nav .minfoWrap {
        left: 50%;
        margin-left: -380px;
        width: 760px;
    }

    .header .topWrap {
        position: relative;
    }

    .header .logo {
        margin: auto;
        padding-left: 0px;
        float: none;
        display: block
    }

    .header .search {
        float: none;
        position: absolute;
        width: 100%;
        top: 0px;
        margin-top: 10px;
    }

        .header .search .ext {
            float: right;
            padding: 4px 30px 10px 0;
        }

            .header .search .ext a {
                color: #fff;
            }

        .header .search .inp {
            border: 0;
            margin-left: 20px;
            height: 14px;
            width: 130px;
            background: #fff;
        }

        .header .search .btn {
            height: 20px;
            line-height: 20px;
            font-size: 12px;
        }

    .subNav .ssubNav {
        /*display:block;*/
        /* PKU
   line-height:44px;
   PKU font-size:18px; */
        line-height: 35px;
        line-height: 32px; /*   ZB   */
        font-size: 14px;
        padding: 0 20px;
        cursor: pointer;
        color: #fff;
        /*background:#5e0000;     ZB   */
        background: #700005; /*  ZB   */
        cursor: pointer;
        display: inline-block;
        padding-top: 10px;
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .navline {
        width: 19px;
        height: 2px;
        border-radius: 2px;
        background-color: #FFF;
        display: block;
        margin-bottom: 4px;
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .navline1 {
        transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        -webkit-transform: translateY(6px) rotate(45deg);
        -o-transform: translateY(6px) rotate(45deg);
        -moz-transform: translateY(6px) rotate(45deg);
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .navline2 {
        background-color: #700005;
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out s;
        -moz-transition: all 0.2s ease-in-out s;
        transition: all 0.2s ease-in-out 0s;
    }

    .navline3 {
        transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
        -webkit-transform: translateY(-6px) rotate(-45deg);
        -o-transform: translateY(-6px) rotate(-45deg);
        -moz-transform: translateY(-6px) rotate(-45deg);
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .header .subnavLeft {
        padding-top: 30px;
    }

    .header .subNav li {
        float: none;
        border: none;
    }

        .header .subNav li a {
            padding-left: 18px;
            font-size: 12px;
            color: #f5f5f5;
        }

    .header .subNavRight {
        float: none !important;
    }

        .header .subNavRight li a {
            padding-left: 17px;
        }

    .minfoWrap {
        display: none !important;
    }

    .header .topWrap {
        height: auto;
        /* padding:20px 0 0;*/
    }

    .header .nav {
        background: #efefef;
        border: 0;
        /* margin-top:20px;*/
    }

        .header .nav .menu {
            display: none;
            line-height: 44px;
            line-height: 38px; /*   ZB   */
            font-size: 18px;
            padding: 0 20px;
            cursor: pointer;
            color: #22132d;
        }

            .header .nav .menu .menuicon {
                float: right;
                color: #22132d;
            }

        .header .nav #nav {
            width: 100%;
            text-align: left;
        }

        .header .nav ul {
            display: none;
        }

        .header .nav li {
            float: none;
            padding: 0;
            border-top: 1px solid #ddd;
            background: #fff;
            overflow: hidden;
        }

            .header .nav li a {
                font-size: 12px;
                text-indent: 20px;
                line-height: 30px;
                color: #333;
                width: auto;
                text-align: left;
            }

    .header .subNav #mobileNav ul {
        height: 120px;
    }

    .footer {
        width: 100%;
        height: 311px;
        margin-top: 40px;
    }

        .footer .fot_bbar {
            height: 215px;
            width: 100%;
        }

            .footer .fot_bbar .fot_wap {
                width: 640px;
                margin: 0 auto;
                height: 100%;

            }

                .footer .fot_bbar .fot_wap .fot_left {
                    padding: 15px 20px;
                    width: 120px;
                    height: 145px;
                    margin: 20px;
                    line-height: 36px;
                }

                    .footer .fot_bbar .fot_wap .fot_left a {
                        width: 60px;
                        font-size: 12px;
                    }

                .footer .fot_bbar .fot_wap .fot_cen {
                    padding: 27px 30px;
                    width: 136px;
                    height: 121px;
                    margin: 20px;
                }

                    .footer .fot_bbar .fot_wap .fot_cen a {
                        width: 136px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                    }

                    .footer .fot_bbar .fot_wap .fot_cen p img {
                        width: 50%;
                    }

                        .footer .fot_bbar .fot_wap .fot_cen a:first-child img {
                            width: 51px;
                        }

                .footer .fot_bbar .fot_wap .fot_right {
                    width: 88%;
                    height: 170px;
                    margin: 10px 10px 0px 5px;
                    padding: 2px 20px;
                    border-left:0px;
                    float:left;
                }

                    .footer .fot_bbar .fot_wap .fot_right a {
                        width: 120px;
                        padding: 5px 0px;
                    }

                        .footer .fot_bbar .fot_wap .fot_right a img {
                            width: 75px;
                        }


        .footer .footWrap li {
            width: 190px;
            height: 200px;
            overflow: hidden;
        }

        .footer .copyrights {
            text-align: center;
        }

            .footer .copyrights .info {
                float: none;
                display: block;
            }

            .footer .copyrights .icp {
                float: none;
                display: block;
            }
    /*.header .logo {
      float:none;
      display:block;
      width:500px;
      height:60px;
      margin:0 auto;
      padding-bottom:0;
   }*/
    .header .nav {
        float: none;
    }

    .header .topWrap {
        height: auto;
    }

        .header .topWrap .slogan {
            display: none;
        }

    .minfoWrap {
        display: none !important;
    }
}

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

    .linktb {
        width: 90%;
        margin: 0;
    }
    .fot_cen p {
        margin: 0 auto;
        text-align: center;
    }

        .fot_cen p img {
            display: block;
            margin: 0 auto;
        }

    .mainWrap {
        width: 100%;
    }

    .mainWrap02 {
        position: relative;
        display: none;
        background: #444;
    }

    .header .topWrap {
        position: relative;
    }

        .header .topWrap .mainWrap {
            height: 80px;
        }

    .header .logo {
        margin: auto;
        padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 383px;
    }

        .header .logo img {
            /* width:160px;*/
        }

        .header .logo a.sub_logo {
            /*margin-top:10px;
      font-size:20px;*/
        }

            .header .logo a.sub_logo img {
                width: 192px;
            }

    .header .search {
        float: none;
        position: absolute;
        width: 100%;
        top: 0px;
        margin-top: 10px;
    }

        .header .search .ext {
            float: right;
            padding: 4px 30px 10px 0;
        }

            .header .search .ext a {
                color: #fff;
            }

        .header .search .inp {
            border: 0;
            margin-left: 20px;
            height: 14px;
            width: 130px;
        }

        .header .search .btn {
            height: 20px;
            line-height: 20px;
            font-size: 12px;
        }

    .header .topWrap {
        height: auto;
        /* padding:20px 0 0;*/
    }

    .header .nav {
        background: #efefef;
        border: 0;
        /* margin-top:20px;*/
    }

        .header .nav .menu {
            display: none;
            line-height: 44px;
            line-height: 38px; /*   ZB   */
            font-size: 18px;
            padding: 0 20px;
            cursor: pointer;
            color: #22132d;
        }

            .header .nav .menu .menuicon {
                float: right;
                color: #22132d;
            }

        .header .nav ul {
            display: none;
        }

        .header .nav li {
            float: none;
            padding: 0;
            border-top: 1px solid #ddd;
            background: #fff;
            overflow: hidden;
        }

            .header .nav li a {
                font-size: 15px;
                text-indent: 20px;
                color: #000;
            }

                .header .nav li a .thuicon-angle-down {
                    display: none;
                }

    .header .subNav #mobileNav ul {
        height: 120px;
        width: 480px;
    }

    .footer {
        width: 100%;
        height: 311px;
        margin-top: 40px;
    }

        .footer .fot_bbar {
            height: 215px;
            width: 100%;
        }

            .footer .fot_bbar .fot_wap {
                width: 100%;
                margin: 0 auto;
                height: 100%;
            }

                .footer .fot_bbar .fot_wap .fot_left {
                    padding: 15px 10px;
                    width: 120px;
                    height: 145px;
                    margin: 20px 10px;
                    line-height: 36px;
                }

                    .footer .fot_bbar .fot_wap .fot_left a {
                        width: 60px;
                        font-size: 12px;
                    }

                .footer .fot_bbar .fot_wap .fot_cen {
                    padding: 33px 10px;
                    width: 100%;
                    height: 108px;
                    margin: 20px 10px;
                }

                    .footer .fot_bbar .fot_wap .fot_cen a {
                        width: 116px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                    }

                    .footer .fot_bbar .fot_wap .fot_cen p img {
                        width: 50%;
                    }

                        .footer .fot_bbar .fot_wap .fot_cen a:first-child img {
                            width: 40px;
                        }

                .footer .fot_bbar .fot_wap .fot_right {
                    width: 96%;
                    height: auto;
                    overflow: hidden;
                    margin: 10px 10px 0px 6px;
                    padding: 12px 10px;
                    border-left:0px;
                    float:left;
                }

                    .footer .fot_bbar .fot_wap .fot_right a {
                        width: 80%;
                        padding: 5px 0px;
                        line-height:20px;
                    }

                        .footer .fot_bbar .fot_wap .fot_right a img {
                            width: 65px;
                        }

        .footer .footWrap {
            padding: 14px 0;
        }

            .footer .footWrap li {
                width: 25%;
                height: auto;
            }

            .footer .footWrap a {
                display: none;
            }

            .footer .footWrap h4 a {
                display: block;
                font-size: 12px;
                line-height: 30px;
            }

            .footer .footWrap h4 {
                padding-bottom: 0;
            }

        .footer .copyrights {
            text-align: center;
        }

            .footer .copyrights .info {
                float: none;
                display: block;
                padding: 0 30px;
            }

                .footer .copyrights .info span {
                    display: block;
                    padding: 0;
                }

            .footer .copyrights .icp {
                float: none;
                display: block;
            }

    .header .caret {
        display: none;
    }

    .subNav .ssubNav {
        /*display:block;*/
        /* PKU
   line-height:44px;
   PKU font-size:18px; */
        line-height: 35px;
        line-height: 32px; /*   ZB   */
        font-size: 14px;
        padding: 0 20px;
        cursor: pointer;
        color: #fff;
        /*background:#5e0000;     ZB   */
        background: #700005; /*  ZB   */
        cursor: pointer;
        display: inline-block;
        padding-top: 10px;
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .navline {
        width: 19px;
        height: 2px;
        border-radius: 2px;
        background-color: #FFF;
        display: block;
        margin-bottom: 4px;
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .navline1 {
        transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        -webkit-transform: translateY(6px) rotate(45deg);
        -o-transform: translateY(6px) rotate(45deg);
        -moz-transform: translateY(6px) rotate(45deg);
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .navline2 {
        background-color: #700005;
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out s;
        -moz-transition: all 0.2s ease-in-out s;
        transition: all 0.2s ease-in-out 0s;
    }

    .navline3 {
        transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
        -webkit-transform: translateY(-6px) rotate(-45deg);
        -o-transform: translateY(-6px) rotate(-45deg);
        -moz-transform: translateY(-6px) rotate(-45deg);
        -ms-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out s;
        -moz-transition: all 0.4s ease-in-out s;
        transition: all 0.4s ease-in-out 0s;
    }

    .header .subnavLeft {
        padding-top: 30px;
    }

    .header .subNav li {
        float: none;
        border: none;
    }

    .header .subNavRight li a {
        padding-left: 17px;
    }

    .header .subNavRight {
        float: none !important;
    }

    .minfoWrap {
        display: none !important;
    }
}

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

    .linktb {
        width: 90%;
        margin: 0;
    }


    .header .subNav #mobileNav ul {
        height: 200px;
        width: 360px;
    }

    .header .topWrap {
        background-size: auto 70px;
    }

        .header .topWrap .mainWrap {
            height: 70px;
        }

    .header .logo {
        padding-top: 16px;
        padding-bottom: 16px;
        width: 327px;
    }

        .header .logo img {
            /* width:140px; */
        }

        .header .logo a.sub_logo {
            /*margin-top:6px;
      margin-left:10px;
      padding-left:10px;
      font-size:16px;
      height:24px;*/
            margin-left: 10px;
            padding-left: 10px;
        }

            .header .logo a.sub_logo img {
                width: 166px;
            }

    .footer {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 40px;
    }

        .footer .fot_bbar {
            height: auto;
            overflow: hidden;
            width: 100%;
        }

            .footer .fot_bbar .fot_wap {
                height: auto;
                overflow: hidden;
                margin: 0 auto;
                height: 100%;
                width:100%;
            }

                .footer .fot_bbar .fot_wap .fot_cen {
                    padding: 0px;
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 0px;
                    margin-top: 80px;
                }

                    .footer .fot_bbar .fot_wap .fot_cen p img {
                        width: 50%;
                    }

                        .footer .fot_bbar .fot_wap .fot_cen a img {
                            width: 213px;
                        }

                        .footer .fot_bbar .fot_wap .fot_cen a:first-child img {
                            width: 61px;
                        }



        .footer .fot_bot_b {
            height: auto;
            overflow: hidden;
        }

    .fot_bot {
        width: 100%;
        height: 35px;
    }

        .fot_bot span {
            width: 25%;
            padding: 0;
            text-align: center;
        }
}