
/* CSS Document */
@import 'cssreset.css';

/*common*/
*:focus {outline: none;}

/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */


.fl{float:left;}
.fr{float:right;}

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* font-family */
.fw { font-family: 'Microsoft Yahei'; }

/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table {
    width: 100%;
    border-collapse: collapse;
}
body{ font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;}

/* margin */
.m0 { margin:0 !important; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px; }

.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }

.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }

.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }

.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bnone{border:none !important;}


.container { /*根据效果图主体宽度定义*/
    width: 1000px;
}
.fs{ font-family: "宋体", Helvetica, Arial, sans-serif;}


/*banner*/
.banner{ width:100%; height:642px; position:relative; z-index:1;}
.banner .d1{ display:block; width:100%; height:642px; position:absolute; left:0; top:0;}
/*.banner .d2{ margin:0 auto; width:1000px; height:7px; clear:both; position:relative; top:343px; z-index:2;}
.banner .d2 ul{ position:absolute; bottom:0px; display:inline;}
.banner .d2 li{ float:left; width:10px; height:10px; margin:0 4px; display:inline; background: url("../images/dian_1.png") no-repeat; overflow:hidden; cursor:pointer;}
.banner .d2 li.nuw{ background: url("../images/dian_1_h.png") no-repeat;}*/


/*导航*/
.nav_1{ height: 53px; padding-top: 7px; margin-top: -7px; margin-bottom: -7px; background: url("../image/nav_bg.png") repeat-x; position: relative; z-index: 5;}
.nav_1 ul{ width: 1000px;}
.nav_1 ul li{ float: left; width: 125px; background: url("../image/nav_li.jpg") right center no-repeat;}
.nav_1 ul li a{ display: block; width: 125px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; text-align: center;}
.nav_1 ul li a:hover,
.nav_1 ul li .hover{ background: #a12838;}
/*nav .sub{ width:143px; padding: 10px 0; background:#fff; position:absolute; left:0px; top:50px; display:none;}
nav .sub p{ line-height: 40px; text-align: center;}
nav .sub p a{ font-size:18px; color:#252525;}
nav .sub p a:hover{ color: #28a7e1;}*/



/*footer*/
.footer_1{ padding: 33px 0 20px 0; background: #6d041c;}
.links{ width: 962px; padding: 6px 0; border: 1px dashed #b6828e;}
.links .title{ width: 143px; height: 48px; line-height: 48px; border-right: 1px dashed #4c0314; font-size: 24px; color: #fff;}
.links .title img{ margin-right: 10px; vertical-align: middle;}
.links .content{ width: 802px; line-height: 24px; padding-left: 16px;}
.links .content a{ display: inline-block; margin-right: 10px; font-size: 14px; color: #fff;}

.logo_2{ width: 248px; padding: 50px 0 0 27px;}
.logo_2 img{ display: block; width: 223px; height: 71px;}
.copy{ width: 310px; line-height: 24px; color: #fff;}
.copy p{ padding-bottom: 10px; font-size: 18px;}
.copy p a{color: #fff;}
.code{ width: 248px; padding-top: 36px;}
.code ul li{ float: left; width: 95px; line-height: 26px; margin-right: 29px; display: inline; font-size: 14px; color: #fff; text-align: center;}
.code ul li img{ display: block; width: 95px; height: 94px;}
.zw_77{ width: 77px;}


/*内页头部底部*/
header{ height: 60px; background: #6d041c;}
.logo{ width: 172px; height: 56px; padding-top: 4px;}
.logo img{ display: block; width: 172px; height: 56px;}
.nav_2{ width: 760px;}
.nav_2 ul li{ float: left; width: 95px;}
.nav_2 ul li a{ display: block; width: 95px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center;}
.nav_2 ul li a:hover,
.nav_2 ul li .hover{ background: #86222f;}

.nav_2 ul li .sub-cont {
    position: absolute;
    left: 0;
    top: 60px;
    height: 29px;
    line-height: 29px;
    background: url("../image/sub_bg.png") repeat;
    z-index: 999;
    width: 100%;
    display: none;
}
.nav_2 ul li .sub-cont span {
    display: inline-block;
    position: absolute;
}
.nav_2 ul li .sub-cont a {
    width: auto;
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    float: left;
    color: #ffffff;
    padding: 0 12px;

}
.nav_2 ul li .sub-cont a:hover {
    background: none;
}

.footer_2{ height: 64px; line-height: 54px; background: #6d041c;}
.footer_2 a{ margin: 0 15px; color: #fff;}


/*page*/
.page{ width:100%; padding: 14px 0 2px 0;}
.sabrosus{ padding:2px; text-align:center;}
.sabrosus a{ background:#fff; border:1px solid #bd6974; padding:2px 4px; font-size: 14px; color:#86222f; text-decoration:none; margin: 0 1px;}
