* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 12px;
    font-family: "Microsoft Yahei";
}

ul {
    list-style: outside none none;
}

li {
    list-style: outside none none;
}

img {
    border: medium none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.ty {
    width: 1010px;
    margin: 0px auto;
    overflow: hidden;
}

.left {
    float: left;
    width: 240px;
    overflow: hidden;
}

.right {
    float: right;
    width: 760px;
    overflow: hidden;
}

.box {
    margin-bottom: 10px;
    border: 1px solid rgb(229, 229, 229);
    margin-left: 0px;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    display: inline-block;
}

.box_header {
    height: 30px;
    font: 14px/28px "微软雅黑";
    border-bottom: 2px solid rgb(191, 5, 21);
    background: transparent url('../images/bh_bg.jpg') repeat-x scroll center bottom;
}

.box_header a {
    color: rgb(51, 51, 51);
}

.box_header a:hover {
    color: rgb(191, 5, 21);
}

.box_header span {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
    background: rgb(191, 5, 21) none repeat scroll 0% 0%;
    padding: 1px 10px;
}

.box_header2 {
    height: 30px;
    font: 14px/28px "微软雅黑";
    border-bottom: 1px solid rgb(229, 229, 229);
    background: transparent url('bh_bg.jpg') repeat-x scroll center bottom;
}

.box_header2 span.title {
    display: inline-block;
    margin-left: 18px;
    float: left;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    margin-top: 4px;
    padding: 0px 16px;
    line-height: 26px;
    border-top: 1px solid rgb(229, 229, 229);
    border-left: 1px solid rgb(229, 229, 229);
    border-right: 1px solid rgb(229, 229, 229);
}

.logo {
    float: left;
}

.logo a {
    float: left;
    margin-top: 5px;
}

.quick_menu_big {
    padding: 16px;
}

.quick_menu_big > * {
    display: inline-block;
    height: 86px;
    width: 86px;
    margin-left: 10px;
    margin-top: 10px;
}

#component {
    width: 758px;
    height: 194px;
    background: transparent url('../images/co_bg.jpg') repeat-x scroll left bottom;
}

#box_dl {
    height: 240px;
}

#box_dl .box_header {
    padding-left: 10px;
    width: 90px;
    color: rgb(191, 5, 21);
    font-weight: lighter;
    background: transparent none repeat scroll 0% 0%;
}

.box_bank {
    text-align: center;
}

.box_bank ul {
    margin-left: 19px;
}

.box_bank ul li {
    width: 200px;
    float: left;
}

.box_bank ul li.login a {
    margin-top: 10px;
    width: 200px;
    font: 15px/30px "微软雅黑";
    color: rgb(255, 255, 255);
    float: left;
    display: inline;
}

.box_bank ul li.login a:hover {
    text-transform: none;
}

.box_bank ul li.login a.login_1 {
    background: transparent url('../images/bk_login_1.jpg') repeat-x scroll 0% 0%;
}

.box_bank ul li.login a.login_1:hover {
    background: transparent url('../images/bk_login_2.jpg') repeat-x scroll 0% 0%;
}

.box_bank ul li.login a.login_2 {
    background: transparent url('../images/bk_login_1.jpg') repeat-x scroll 0% 0%;
}

.box_bank ul li.login a.login_2:hover {
    background: transparent url('../images/bk_login_2.jpg') repeat-x scroll 0% 0%;
}

.box_bank ul li.zhuce {
    height: 54px;
    background: rgb(238, 238, 238) none repeat scroll 0% 0%;
    padding-top: 6px;
}

.box_bank ul li.zhuce a {
    font: 12px/24px "微软雅黑";
    color: rgb(51, 51, 51);
    display: inline-block;
    margin-left: 22px;
    margin-right: 22px;
}

.box_bank ul li.zhuce a:hover {
    color: rgb(191, 5, 21);
}

.menu {
    margin-left: auto;
    margin-right: auto;
    width: 1010px;
    height: 60px;
}

.barofmenu {
    height: 36px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    background: transparent url('../images/mn_bg1.jpg') repeat-x scroll 0% 0%;
}

.menubar {
    width: 1010px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.menubar ul li {
    width: auto;
    float: left;
}

.menubar ul li a {
    overflow: hidden;
    font-weight: lighter;
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 32px;
    float: left;
    padding-right: 30px;
    padding-left: 30px;
    height: 36px;
    margin: 0px auto;
}

.menubar ul li a:hover {
    background: transparent url('../images/mn_bg2.jpg') repeat-x scroll 0% 0%;
}

.menubar img {
    float: right;
    margin-right: 16px;
}

.dropMenu {
    position: absolute;
    top: 0px;
    z-index: 100;
    min-width: 114px;
    visibility: hidden;
    margin-top: 0px;
    border: 0px none;
    background-color: rgb(191, 5, 21);
    padding: 6px;
}

.dropMenu li {
    margin-top: 2px;
    margin-bottom: 4px;
    padding-left: 6px;
}

.dropMenu a {
    width: auto;
    display: block;
    color: rgb(255, 255, 255);
    padding: 2px 0px 2px 1.2em;
}

.dropMenu a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

/* ��ݷ���ģ����ʽ */
#quick_menu .box_header {
    border-bottom: 1px solid rgb(238, 238, 238);
    background: transparent none repeat scroll 0% 0%;
}

#quick_menu .box_header span {
    border-bottom: 2px solid rgb(191, 5, 21);
    border-top-right-radius: 5px;
    padding-top: 0px;
}

#quick_menu .box_content {
    padding-top: 28px;
}

.box_content {
    width: 218px;
    padding-left: 20px;
    overflow: hidden;
}

.box_content ul {
}

.box_content ul li {
    width: 200px;
}

.box_content ul li a {
    margin-left: 10px;
    color: rgb(51, 51, 51);
    height: 30px;
    background: transparent url('../images/km_icon.jpg') no-repeat scroll left center;
    padding-left: 22px;
    float: left;
    overflow: hidden;
    font: 12px/30px "微软雅黑";
}

.box_content ul li a:hover {
    color: rgb(191, 5, 21);
    text-decoration: none;
}

.box_content ul li a:nth-child(2n) {
    float: right;
    margin-right: 10px;
}

.box_footer {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    height: 31px;
    padding: 5px;
    background: transparent url('../images/bh_bg.jpg') repeat-x scroll center bottom;
}

.box_footer .more {
    width: 100%;
    text-align: center;
}

/* ��̬ͼƬ��ʽ���� */
#dttp {
    width: 760px;
    height: 240px;
}

#chang1 {
    height: 240px;
    width: 760px;
    display: block;
}

#chang2 {
    height: 240px;
    width: 760px;
    display: none;
}

#chang3 {
    height: 240px;
    width: 760px;
    display: none;
}

#chang4 {
    height: 240px;
    width: 760px;
    display: none;
}

#chang5 {
    height: 240px;
    width: 760px;
    display: none;
}

#chang1 .Nav #changeone {
    background-color: #F00;
    color: white;
}

#chang2 .Nav #changetwo {
    background-color: #F00;
    color: white;
}

#chang3 .Nav #changethree {
    background-color: #F00;
    color: white;
}

#chang4 .Nav #changefour {
    background-color: #F00;
    color: white;
}

#chang5 .Nav #changefive {
    background-color: #F00;
    color: white;
}

.Nav {
    text-align: right;
    height: 49px;
    width: 760px;
    line-height: 49px;
}

.Nav div {
    background-color: #666;
    margin-right: 15px;
    height: 20px;
    width: 20px;
    float: right;
    text-align: center;
    line-height: 20px;
    margin-top: 15px;
}

/*���Ź�����ʽ*/
#news {
    width: 480px;
    height: 194px;
    float: left;
}

.news {
    width: 98%;
    color: rgb(51, 51, 51);
    font: 12px/25px "微软雅黑";
    float: left;
    margin-top: 6px;
}

.news li {
    width: 100%;
    padding-left: 18px;
    display: inline-block;
}

.news li a {
    float: left;
    color: rgb(51, 51, 51);
    overflow: hidden;
}

.news li a:hover {
    color: rgb(191, 5, 21);
}

.news li span {
    float: right;
    color: rgb(172, 172, 172);
    margin-right: 20px;
}

#main0 {
    width: 98%;
}

.menu_a {
    width: 80%;
    float: left;
    margin-left: 20px;
}

.menu_a li {
    color: rgb(0, 0, 0);
    display: block;
    float: left;
    width: 96px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    overflow: hidden;
}

.menu_a li.hover {
    width: 96px;
    height: 26px;
    border: medium none;
    text-align: center;
    line-height: 22px;
    background: rgb(191, 5, 21) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    margin-top: 4px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*��Ҫ������ʽ*/
#notes {
    width: 268px;
    height: 194px;
    float: right;
}

/*�����࡯��������ʽ*/
.more {
    display: inline-block;
    float: right;
    margin-right: 8px;
}

.more a {
    width: 48px;
    height: 30px;
    display: inline-block;
    background: transparent url('../images/more.png') no-repeat scroll left center;
}

.more a:hover {
    background: transparent url('../images/more1.png') no-repeat scroll left center;
}

/* ��ҳ�м�ģ��ҵ�����*/
#recommend {
    width: 758px;
    height: 217px;
    background: transparent url('../images/re_bg.jpg') repeat-x scroll center bottom;
}

#recommend .box_header2 {
    margin: 0px 30px;
    background: transparent none repeat scroll 0% 0%;
}

#recommend .box_header2 li {
    width: 198px;
    margin-right: 34px;
    color: rgb(51, 51, 51);
    display: block;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 28px;
    cursor: pointer;
    overflow: hidden;
}

#recommend .box_header2 li a {
    color: rgb(51, 51, 51);
    display: inline-block;
}

#recommend .box_header2 li:hover {
    margin-bottom: -2px;
    font-weight: bold;
    height: 30px;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(255, 69, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    text-align: center;
    padding: 0px;
    line-height: 28px;
}

#recommend .content {
    height: 179px;
    width: 702px;
    margin-top: 10px;
    margin-left: 13px;
    padding: 0px 17px;
}

#recommend div.content > div {
    display: inline-block;
    float: left;
    height: 176px;
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
    width: 130px;
}

#recommend div.content > div > a {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-right: 45px;
}

/* �ײ���ʽ */
#footer {
    margin-top: 10px;
    width: auto;
    min-width: 1010px;
    background: rgb(237, 237, 237) none repeat scroll 0% 0%;
    border-top: 1px solid rgb(198, 198, 198);
    overflow: hidden;
    height: 85px;
    clear: both;
    text-align: center;
    padding-top: 10px;
}

#footer ul {
    width: 450px;
    overflow: hidden;
    margin: 0px auto;
}

#footer ul li {
    display: inline-block;
    height: 70px;
    float: left;
}

#footer span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: rgb(101, 101, 101);
}

#footer span a {
    color: rgb(101, 101, 101);
}

/*��������*/

#friendly_link {
    width: 1008px;
    height: 132px;
}

#friendly_link img {
    width: 176px;
    margin: 0px 7px;
}

.box_header2 {
    background: url("../images/bh_bg.jpg") repeat-x bottom;
    font: 14px/28px "微软雅黑";
    height: 30px;
    border-bottom-color: rgb(229, 229, 229);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size-adjust: none;
    font-stretch: normal;
}

.box_header2 span.title {
    background: rgb(255, 255, 255);
    padding: 0px 16px;
    line-height: 26px;
    margin-top: 4px;
    margin-left: 18px;
    border-top-color: rgb(229, 229, 229);
    border-right-color: rgb(229, 229, 229);
    border-left-color: rgb(229, 229, 229);
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    float: left;
    display: inline-block;
}