@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend {
     margin:0; 
     padding:0;}
body{ 
    font-size:14px; 
    color:#666; 
    font-family:"Microsoft YaHei"; 
    background-color:#fff;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}	
img {
    border:none; 
    margin:0; 
    padding:0;
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
    width:auto\9; /* ie8 */
    -ms-interpolation-mode:bicubic;}
ul,ol{ list-style:none;}
textarea { resize:none;}				
a{ color:#666; text-decoration:none;}
a:hover{ color:#AD0B29;}
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}
input {
    border: 0;
    outline: 0;}
.clearfix:after,.clearfix:before{ 
    content:""; 
    display:table;
    height: 0;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}

.w{ width:1200px; margin:0 auto;}

/*-------------------------------------*/
/* 头部 */
.header {
    width: 100%;
    height: 90px;
    background: #fff;}
.header_wrapper {
    width: 1200px;
    height: 90px;
    margin: 0 auto;}

/* logo */
.header_wrapper_left {
    float: left;
    margin-top: 26px;
    position: relative;
    width: 400px;}
.header_wrapper_left a {
    display: block;}
.header_wrapper_left .logo img {
    float: left;}
.header_wrapper_left .logo span {
    width: 1px;
    height: 40px;
    margin: 4px 10px;
    background: #AD0B29;
    display: inline-block;
    float: left;}
.header_wrapper_left .decorate {
    position: absolute;
    right: 10px;
    top: -2px;}
.header_wrapper_left .decorate p {
    color: #AD0B29;}
.header_wrapper_left .decorate p.c-text {
    font-size: 26px;
    font-family: "宋体";
    margin-bottom: 1px;}
.header_wrapper_left .decorate p.e-text {
    font-size: 9px;
    font-weight: normal;
    font-family: "方正大标宋简体";}

.header_wrapper_right {
    width: 320px;
    float: right;}
.header_wrapper_right .login {
    margin-top: 42px;
    float: left;}
.header_wrapper_right .login a {
    font-size: 12px;
    color: #666;}
.header_wrapper_right .login a:hover {
    color: #AD0B29;}
.header_wrapper_right .login span{
    width: 1px;
    height: 10px;
    background: #B1B1B1;
    display: inline-block;
    margin: 0 8px;}

/* 搜索 */
.header_wrapper_right .search {
    position: relative;
    margin-top: 33px;
    width: 178px;
    height: 30px;
    border: 1px solid #999;
    float: right;
    border-radius: 15px;}
.header_wrapper_right .search .slit {
    height: 30px;
    width: 170px;
    border-radius: 15px;
    padding-left: 10px;
    box-sizing: border-box;}
.header_wrapper_right .search .search_icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;}
.header_wrapper_right .search .search_icon span  {
    width: 12px;
    height: 13px;
    background: url(../images/search_icon.jpg) 0 0 no-repeat;
    display: block;
    margin: 10px auto;}


/* 导航 */
.nav {
    width: 100%;
    height: 50px;
    background: #AD0B29;}
.nav ul li {
    float: left;
    width: 100px;
    line-height: 50px;
    text-align: center;}
.nav ul li>a {
    color: #fff;
    display: block;
    font-size: 16px;}

.nav ul li>div>a{
    color: #fff;
    display: block;
    font-size: 14px;}


.nav ul li.li-goto {
    position: relative;}
.nav ul li .nav-down {
    display: none;
    width: 169px;
    height: auto;
    background: #ad0b29;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 50px;
    z-index: 5;}
.nav ul li .nav-down a {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #be3d55;
    text-align: center;
    line-height: 40px;}
.nav ul li .nav-down a:last-child{
    border-bottom: none;}

/* 底部 */
.footer {
    width: 100%;
    height: 60px;
    background: #33040c;
    border-top: 1px solid #D6D6D6;}
.footer-wrapper {
    position: relative;}
.footer  p.copyright {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 60px;
    margin-left: 8px;}
.footer  p.copyright a {
    color: #9c9c9c;}
.footer-right {
    width: 320px;
    position: absolute;
    right: 0;
    top: 0;}
.footer .share {
    width: 120px;
    height: 14px;
    float: left;
    margin-top: 18px;}
.footer .share a {
    float: left;}

.footer .share .bds_tsina { 
    width: 16px;
    height: 13px;
    background: url(../images/footer_icon01.jpg) no-repeat;}
.footer .share .bds_weixin {
    width: 16px;
    height: 13px;
    background: url(../images/footer_icon02.jpg) no-repeat;}
.footer .share .bds_qzone {
    width: 16px;
    height: 13px;
    background: url(../images/footer_icon03.jpg) no-repeat;}
.footer .share .bds_more {
    width: 12px;
    height: 12px;
    background: url(../images/footer_icon04.jpg) no-repeat;
    margin-right: 0;}
.bdshare-button-style0-16 a, 
.bdshare-button-style0-16 .bds_more {
    padding-left: 6px !important;}
.footer .join {
    width: 198px;
    height: 30px;
    float: right;
    margin-top: 14px;
    border: 1px solid #9c9c9c;
    border-radius: 3px;
    position: relative;}
.footer .join .on {
    position: absolute;
    left: 14px;
    top: 0;
    color: #9c9c9c;
    width: 180px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;}

.footer .join ul {
    width: 100%;
    display: none;
    height: auto;
    max-height: 250px;
    background: #33040c;
    border: 1px solid #9c9c9c;
    position: absolute;
    bottom: 30px;
    overflow-y: auto;
    left: -1px;}
.footer .join ul li {
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid #9c9c9c;
    padding-left: 14px;
    box-sizing: border-box;}
.footer .join ul li:last-child{
    border-bottom:none;}
.footer .join ul li a {
    display: block;
    color: #9c9c9c;}
.footer .join ul li a:hover {
    color: #AD0B29;}
.footer .join-wap{
    width: 46px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;}
.footer .join-icon {
    width: 10px;
    height: 6px;
    margin: 12px auto;
    display: block;
    background: url(../images/footer_icon05.jpg) no-repeat;}
.footer .open {
    width: 10px;
    display: block;
    margin: 12px auto;
    height: 6px;
    background: url(../images/footer_icon06.jpg) no-repeat;}


.aa {
    width: 100px;
    height: 100px;
    background: pink;}
































