﻿@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, form { margin: 0; }

body { color: #666; font-size: 14px; background: #fff; }

body, input, textarea, select { font-family: "Microsoft YaHei", Helvetica, "Helvetica Neue", "SimSun", Tahoma, Arial, sans-serif; }

ul, ol, li { padding-left: 0; list-style-type: none; }

img { border: 0; }

i { font-style: normal; }

input, textarea, select { font-size: 14px; outline: none; border: none; margin: 0; padding: 0; }

input::-ms-clear { display: none; }

/* 去除IE下input自带的叉 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

/* 去除chrome下输入框默认背景色 */
input:focus, textarea:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

a { text-decoration: none; color: #666; }

a:hover { color: #8a0257; }

address { font-style: normal; }

input, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

.img-responsive { width: 100%; height: auto; display: block; }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.rel { position: relative; }

.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* 单行文字溢出省略号显示 */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hidden { display: none; }

.show { display: block; }

.container { width: 1200px; display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 480px) { .container { width: auto; padding-left: 10px; padding-right: 10px; } }
@media screen and (max-width: 480px) { .container.container-0 { padding-left: 0; padding-right: 0; } }

@media screen and (min-width: 480px) { body { min-width: 1200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1200?'1200px':''); } }
.lkxl { font-size: inherit; }

.box { -webkit-box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); -moz-box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); -ms-box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); -o-box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); background-color: #fff; }
@media screen and (max-width: 480px) { .box { -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -ms-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; } }

.trans { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

[class*=col-] { float: left; }

.col-1 { width: 100%; }

.col-2 { width: 50%; }

.col-3 { width: 33.3333333333%; }

.col-4 { width: 25%; }

@media screen and (max-width: 480px) { .mt-top { margin-top: 60px; } }

@media screen and (min-width: 480px) { .pc-show { display: block; }
  .pc-hidden { display: none; }
  .ptb15 { padding-top: 15px; padding-bottom: 15px; }
  .plr20 { padding-left: 20px; padding-right: 20px; }
  .mt5 { margin-top: 5px; }
  .mt10 { margin-top: 10px; }
  .mt15 { margin-top: 15px; }
  .mt20 { margin-top: 20px; }
  .mlr10 { margin-left: 10px; margin-right: 10px; }
  .mlr-10 { margin-left: -10px; margin-right: -10px; }
  .mlr24 { margin-left: 24px; margin-right: 24px; }
  .mt24 { margin-top: 24px; }
  .mt25 { margin-top: 25px; }
  .mt30 { margin-top: 30px; }
  .mt40 { margin-top: 40px; }
  .mt50 { margin-top: 50px; }
  .mt60 { margin-top: 60px; }
  .pt20 { padding-top: 20px; }
  .pt30 { padding-top: 30px; }
  .pt40 { padding-top: 40px; }
  .pb20 { padding-bottom: 20px; }
  .pb25 { padding-bottom: 25px; }
  .pb30 { padding-bottom: 30px; }
  .pb40 { padding-bottom: 40px; }
  .pb50 { padding-bottom: 50px; } }
@media screen and (max-width: 480px) { .mb-show { display: block; }
  .mb-hidden { display: none; }
  .mb-mt5 { margin-top: 5px; }
  .mb-mlr5 { margin-left: 5px; margin-right: 5px; }
  .mb-mlr-5 { margin-left: -5px; margin-right: -5px; }
  .mb-mtop { margin-top: 60px; }
  .mb-mlr-10 { margin-left: -10px; margin-right: -10px; }
  .mb-mt10 { margin-top: 10px; }
  .mb-mt15 { margin-top: 15px; }
  .mb-mt25 { margin-top: 25px; }
  .mb-plr15 { padding-left: 15px; padding-right: 15px; }
  .mb-mlr10 { margin-left: 10px; margin-right: 10px; }
  .mb-mlr15 { margin-left: 15px; margin-right: 15px; }
  .mb-pt10 { padding-top: 10px; }
  .mb-pt15 { padding-top: 15px; }
  .mb-pb10 { padding-bottom: 10px; }
  .mb-pb20 { padding-bottom: 20px; }
  .mb-pb30 { padding-bottom: 30px; }
  .mb-pb40 { padding-bottom: 40px; } }
.bg-white { background: #fff; }

.bg-f4 { background: #F4F4F4; }

.bg-f6 { background: #f6f6f6; }

.pagin { display: block; }
.pagin > a { display: inline-block; padding: 9px 15px; margin: 0px 4px 0; border-radius: 3px; border: 1px #DDD solid; background: #FFF; color: #666; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; font-size: 12px; line-height: 18px; }
.pagin > a i { font-size: 10px; }
.pagin > a:hover { border-color: #8a0257; box-shadow: 0 0 3px #eee; color: #8a0257; }
.pagin .pagin-cur, .pagin .pagin-cur:hover { border-color: #8a0257; background: #8a0257; color: #FFF; }

.pagin-ell { font-size: 14px; line-height: 18px; color: #666; padding: 0 10px; }

.pagin-txt { display: inline-block; padding: 5px 8px; font-size: 14px; line-height: 18px; color: #666; }

.pagin-jump, .pagin-jump-focus { display: inline-block; *vertical-align: -5px; border: 1px #ddd solid; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.pagin-input { *float: left; width: 36px; height: 36px; border: none; outline: none; background: #fff; line-height: 36px\9; *line-height: 36px; text-align: center; font-size: 12px; color: #8a0257; }

.pagin-btn { *float: left; display: none; padding: 0 10px; font-size: 12px; line-height: 26px; color: #fff; text-decoration: none; }
.pagin-btn:hover { color: #FFFFFF; }

.pagin-jump-focus { border-color: #8a0257; background: #8a0257; *vertical-align: -1px; }
.pagin-jump-focus .pagin-btn { display: inline-block; }

.pager { text-align: center; }
.pager:before, .pager:after { content: " "; display: table; }
.pager:after { clear: both; }
@media screen and (max-width: 480px) { .pager { display: block; } }
.pager li { display: inline; }
.pager li > a { display: inline-block; padding: 5px 14px; background-color: #FFF; border: 1px solid #DDD; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.pager li > a:hover { background-color: #FFF; border: 1px solid #8a0257; color: #8a0257; }
.pager .next { float: right; }
.pager .previous { float: left; }

.pager { display: none; }

@media screen and (max-width: 480px) { .pagin { display: none; }
  .pager { display: block; } }
[class*=btn-] { color: #fff; }
[class*=btn-]:hover { color: #fff; }

.btn-theme { background: #8a0257; }
.btn-theme:hover { background: #5e075a; }

.btn-orange { background: #e16c04; }
.btn-orange:hover { background: #c15e05; }

.btn-red { background: #e60012; }
.btn-red:hover { background: #93040f; }

.btn-line-theme { border: 1px solid #8a0257; color: #8a0257; }
.btn-line-theme:hover { background: #8a0257; color: #fff; }

.color-theme { color: #8a0257; }

.bg-white { background: #fff; }

.ind-bg1 { background: url(../images/bg.jpg) bottom center no-repeat; }

.bgfa { background: #fafafa; }

.bg-f4 { background: #f4f4f4; }

.bg-f5 { background: #f5f5f5; }

.bg-f8 { background: #f8f8f8; }

.mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

.footerbg { background: #8d3b75; padding: 20px 0; }
.footer1 { width: 452px; }
.footer1 img { width: 452px; height: 72px; margin-top: 30px; }
@media screen and (max-width: 480px) { .footer1 { width: 100%; }
  .footer1 img { width: 100%; height: auto; margin: 0; } }

.footer2 { width: 240px; position: relative; margin-left: 140px; border-left: 1px solid #626262; padding-left: 24px; margin-top: 10px; }
.footer2 h3 { font-size: 18px; line-height: 30px; color: #fff; font-weight: bold; }
.footer2 ul { margin-top: 10px; }
.footer2 ul li a { font-size: 14px; line-height: 28px; position: relative; color: #fff; padding-left: 20px; }
.footer2 ul li a i { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; margin-top: -4px; left: 0; }
.footer2 ul li a:hover { color: #fff; text-decoration: underline; }
.footer2 ul li a:hover i { background: white; }
@media screen and (max-width: 480px) { .footer2 { width: 70%; margin-left: 0; padding-left: 0; border-left: none; }
  .footer2 ul { margin-top: 10px; } }

.footer3 { text-align: center; width: 120px; }
.footer3 img { width: 112px; height: 112px; }
.footer3 h2 { font-size: 14px; line-height: 28px; color: #fff; }
@media screen and (max-width: 480px) { .footer3 { width: 30%; margin-top: 10px; }
  .footer3 img { width: 100%; height: auto; }
  .footer3 h2 { font-size: 12px; line-height: 22px; } }

.copybg { background: #8d3b75; font-size: 14px; line-height: 22px; color: #fff; text-align: center; padding: 10px 0; }
.copy { text-align: center; }
.copy ul li { display: inline-block; margin: 0 15px; }

.sub-ban { width: 100%; }
@media screen and (min-width: 480px) { .sub-ban { height: 448px; position: relative; overflow: hidden; }
  .sub-ban img { width: 1920px; height: 448px; position: absolute; left: 50%; margin-left: -960px; } }
@media screen and (max-width: 480px) { .sub-ban { height: auto; }
  .sub-ban img { width: 100%; height: auto; display: block; } }

.local { font-size: 14px; line-height: 48px; color: #888; }
.local a { color: #888; }
.local a:hover { color: #8a0257; }
.local span { font-weight: bold; }

/*# sourceMappingURL=reset.css.map */