.mobileonly {
  display: none;
}
#newspage .media-body {
  height: 14rem;
}
@media only screen and (max-width: 769px) {
  .mobileonly {
    display: block;
  }
  .mobileonly #page_center_botton {
    display: none;
  }
  .mobileonly {
    text-align: center;
  }
}
a {
  color: #333;
}
* {
  outline: none;
}
a:active ,

a:focus {
  outline: none;
  color:var(--color1);
}
.hei1 {
  color: #222;
}
.hui1 {
  color: #292929;
}
.zi1 {
  color: #1b3e83;
}
.zi2 {
  color: #4e4f81;
}
.zi3 {
  color: #f3f3fd;
}
.red1 {
  color: #e62129;
}
.red2 {
  color: #b41017;
}
.c7b {
  color: #7b7b7b;
}
.tmphide {
  display: none;
}
html,
body {
  width: 100%;
  /* background: #5b5959; */
  overflow-x: hidden;
}

body {
    padding-top: 11.5rem;
}

body.body_index {
    padding-top: 0;
}
margin-b {
  font-family: "microsoft yahei", "PingFang SC", SimHei, Verdana, sans-serif;
  -webkit-overflow-scrolling: touch;
  outline: none !important;
  -webkit-font-smoothing: antialiased;
}
.kai {
  font-family: kaiti;
  font-weight: 500;
}
a:hover {
  text-decoration: none;
  color: var(--color1);
}
.button:active,
button:active,
.button:focus,
button:focus,
.button:hover,
button:hover {
  outline: none !important;
}
.container-fluid {
  padding: 0;
  width: 100%;
}
.elem_ani {
  visibility: hidden;
}
img {
  max-width: 100%;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a:focus,
a:active,
a {
  outline: none;
  text-decoration: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.height0 {
  height: 0rem !important;
  min-height: 0 !important;
  max-height: 0 !important;
}
.nail {
  display: block;
}
.nailr {
  display: block;
}
.a_img {
  display: block;
}
.p_img {
  display: block;
  overflow: hidden;
}
.p_img img {
  display: none;
}
.nail img {
  display: none;
}
.nailr img {
  display: none;
}
.nailthumb-title {
  display: none !important;
}
.nailthumb-container img {
  max-width: none;
}
.txtl {
  text-align: left;
}
.txtr {
  text-align: right;
}
.txtc {
  text-align: center;
}
.posr {
  position: relative;
}
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.section {
  padding: 9rem 0;
}
.ttlline {
  padding-bottom: 3.5rem;
}
.ttlline:after {
  content: "";
  display: block;
  position: relative;
  width: 4rem;
  height: 0.2rem;
  left: 50%;
  margin-left: -2.5rem;
  background: #01acd8;
  top: 3.5rem;
}
.mttl {
  font-size: 4.8rem;
  margin: 6rem auto 4.5rem;
}
.mttl strong {
}
.pline1 {
}
.pline1:after {
  content: "";
  display: block;
  position: relative;
  width: 4rem;
  height: 0.2rem;
  top: 1.5rem;
  left: 50%;
  margin-left: -2rem;
  background: #d3d3d3;
  margin-bottom: 2.5rem;
}
.cl_yellow {
  color: #fff60c;
}
.blk {
  display: block;
}
.se1 {
  color: #ea5613;
}
.se2 {
  color: #b8aa9b;
}
.se3 {
  color: #666666;
}
.se4 {
  color: #f5efe9;
}
.bgse1 {
  background-color: #ea5613;
}
.bgse2 {
  background-color: #b8aa9b;
}
.bgse3 {
  background-color: #666666;
}
.bgse4 {
  background-color: #f5efe9;
}
.red {
  color: #f00607;
}
.cl1 {
  color: #693418;
}
.c333 {
  color: #333;
}
.c444 {
  color: #444;
}
.c555 {
  color: #555;
}
.c666 {
  color: #666;
}
.cfff {
  color: #fff;
}
.cccc {
  color: #ccc;
}
.c888 {
  color: #888;
}
.c999 {
  color: #999;
}
.cgray1 {
  color: #555555;
}
.blue,
.cblue {
  color: #0052d9;
}
.cheng {
  color: #ff7201;
}
.cgreen {
  color: #e62129;
}
.cyellow {
  color: #fff000;
}
.bgreen {
  background-color: #e62129;
}
.cblue1 {
  color: #01acd8;
}
.cblue2 {
  color: #0070c0;
}
.bgdark {
  background: #f8f8f8 no-repeat center/cover;
}
.bgdark * {
  color: #fff;
}
.bggray {
  background: #f8f8f8;
}
.bggray2 {
  background: #f7f8fa;
  /* background: red; */
}
.bgdark {
}
.pma {
  margin-top: auto;
  margin-bottom: auto;
}
.fb {
  font-weight: bold;
}
.ti2 {
  text-indent: 2em;
}
.w100 {
  width: 100%;
}
.sinfo {
  font-size: 1.4rem;
  color: #7b7b7b;
  line-height: 2.2rem;
}
.sinfo16 {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #666;
}
.bor_eee {
  border: 0.1rem solid #eeeeee;
}
.bor_b_eee {
  border-bottom: 0.1rem solid #eeeeee;
}
.bor_b_eee_dashed {
  border-bottom: 0.1rem dashed #eeeeee;
}
.fw400 {
  font-weight: 400 !important;
}
.bgfff {
  background: #fff;
}
.daxie {
  text-transform: uppercase;
}
.lrline {
  text-align: center;
}
.lrline span {
  display: inline-block;
  padding: 0 2.8rem;
  font-size: 4rem;
}
.lrline:before {
  content: "";
  display: inline-block;
  width: 18rem;
  height: 0.1rem;
  background: #989898;
  position: relative;
  top: -1.2rem;
  left: -6rem;
}
.lrline:after {
  content: "";
  display: inline-block;
  width: 18rem;
  height: 0.1rem;
  background: #989898;
  position: relative;
  top: -1.2rem;
  right: -6rem;
}
.lrline2 {
  text-align: center;
}
.lrline2 span {
}
.lrline2:before {
  content: url(../images/l1.png);
  display: inline-block;
  position: relative;
  top: -0.6rem;
  left: -3rem;
}
.lrline2:after {
  content: url(../images/l2.png);
  display: inline-block;
  position: relative;
  top: -0.6rem;
  right: -3rem;
}
.fbt {
  /* text-align: center; */
  /* font-size: 3.6rem; */
  /* font-family: mywfont; */
  /* color: #b41017; */
  font-weight: bolder;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
  display: block;
  /* width: 576px; */
  /* height: 123px; */
  font-family: Impact;
  font-size: 15rem;
  color: #F7F6F6;
  line-height: 1;
  text-align: left;
  /* font-style: normal; */
  /* text-transform: none; */
  left: -0.4em;
}
.fbt:after {
  content: "";
  display: block;
  position: absolute;
  width: 5rem;
  height: 0.5rem;
  top: 100%;
  left: 50%;
  background: #0072bd;
  margin-left: -2.5rem;
  display: none;
}
.btn1 {
  border: 0.1rem solid #2f318b;
  color: #2f318b;
  border-radius: 0;
  line-height: 3.4rem;
  display: inline-block;
  padding: 0 2rem;
  transition: all 0.3s;
  margin-top: 1rem;
}
.btn1:hover {
  background: #2f318b;
  color: #fff;
  border-radius: 0;
}
.linkmore {
  color: #fff;
  /* border: 0.1rem solid #ed2b00; */
  font-size: 1.8rem;
  line-height: 5.2rem;
  display: inline-block;
  padding: 0 4rem;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  background: var(--color2);
  margin-right: 2rem;
}
.linkmore2 {
  font-size: 2rem;
  line-height: 5rem;
  display: inline-block;
  padding: 0 4.5rem;
  border-radius: 10rem;
  transition: all 0.1s;
  color: #fff;
  background: #960006;
  border-color: #960006;
}
.linkmore:hover {
  color: #fff;
  background: var(--color1);
  border-color: var(--color1);
}
.linkmore2:hover {
  background-color: #b41017;
  color: #fff;
}
.linkmore3 {
  position: absolute;
  bottom: 3rem;
  left: 0;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  margin-top: 1.5rem;
  text-align: center;
  color: #0061bf;
}
.linkmore4 {
  line-height: 3.7rem;
  display: inline-block;
  width: 13rem;
  margin: 0 auto 2rem;
  margin-top: 1.5rem;
  text-align: center;
  color: #0061bf;
  border: 0.1rem solid #0061bf;
}
.ittl {
  color: #333;
}
.ittl h2 {
  font-size: 3.6rem;
  font-weight: 400;
  margin: 0;
}
.ittl .p2 {
  font-size: 2rem;
  margin: 0.4rem 0 3rem;
}
.hdl1 h3:after {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1.8rem;
  top: 0.6rem;
  right: -0.7rem;
  background: url(../images/fg.png) no-repeat;
}
.hdl1 h3:first-child {
  padding-left: 0;
}
.hdl1 h3:last-child:after {
  background-image: none;
}
.hdl1 h3 {
  position: relative;
}
.hdl1 h3.on {
}
.hdl1 h3.on a {
  color: #e62129;
  position: relative;
  padding-bottom: 1.4rem;
}
.hdl1 h3.on a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1.1rem;
  height: 0.6rem;
  bottom: 0;
  left: 50%;
  background: url(../images/ar.png) no-repeat;
  margin-left: -0.5rem;
}
.hdl1 h3 {
  display: inline-block;
  font-weight: 400;
  padding: 0 2.3rem;
}
.h2ttl {
  text-align: center;
  line-height: 6rem;
  font-size: 4rem;
  color: #222;
  position: relative;
  padding-bottom: 1.7rem;
  margin-bottom: 4rem;
  margin-top: 3rem;
}
.bline:after {
  content: "";
  display: block;
  position: absolute;
  width: 4rem;
  height: 0.3rem;
  bottom: 0;
  left: 50%;
  background: #222;
  margin-left: -2rem;
}
.bline_red:after {
  background: #ce241b;
}
.right_arr {
  border: 0.1rem solid #fff;
  border-radius: 50rem;
  display: inline-block;
  width: 2.7rem;
  height: 2.7rem;
  position: relative;
  font-style: normal;
  font-size: 1.4rem;
  font-family: simsun;
  vertical-align: middle;
  margin-left: 0.6rem;
  position: relative;
  top: -0.2rem;
}
.right_arr:after {
  content: ">";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.3rem;
  left: 0.7rem;
  color: #fff;
}
.roundlinks a,
a.rounds {
  display: inline-block;
  line-height: 2.8rem;
  border: 0.1rem solid #e0e0e0;
  border-radius: 10rem;
  padding: 0 2rem;
  color: #979797;
  margin-right: 1rem;
  margin-bottom: 1rem;
  transition: all 0.1s;
}
.roundlinks a:hover,
a.rounds:hover {
  border: 0.1rem solid #e62129;
  background-color: #e62129;
  color: #fff;
}
.navbar-inverse .navbar-nav > li.dropdown > a:hover:after {
  display: none;
}
#topnav .dropdown {
  position: relative;
}
#topnav .dropdown-menu {
  right: auto;
  left: 0;
  margin-left: -2.4rem;
  width: 100%;
  overflow: hidden;
  min-width: 0;
  text-align: center;
  margin-top: 0rem;
  border: none;
  background: #f3f3fd;
  border-radius: 0;
}
#topnav .dropdown-menu li {
}
#topnav .dropdown-menu li a {
  font-size: 1.4rem !important;
  line-height: 3.9rem !important;
  display: inline-block;
  height: 100%;
}
#topnav .dropdown-menu li a:after {
  content: none !important;
  display: none;
}
#topnav .dropdown-menu a {
  line-height: 4rem;
  white-space: nowrap;
  position: relative;
  padding: 0 1rem;
}
#topnav .dropdown-menu a:hover {
  color: #e3232a;
  background: transparent;
}
#topnav .dropdown-menu a:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 50px);
  height: 0.1rem;
  bottom: 0;
  left: 2.5rem;
  border-bottom: 0.1rem solid #dadada;
}
#topnav .dropdown-menu li:last-child a:after {
  content: none;
}
.d_m_23 {
  display: none !important;
}
.fb {
  font-weight: bold;
}
.f10 {
  font-size: 1rem;
}
.f12 {
  font-size: 1.2rem;
}
.f14 {
  font-size: 1.4rem;
}
.f16 {
  font-size: 1.6rem;
}
.f18 {
  font-size: 1.8rem;
}
.f20 {
  font-size: 2rem;
}
.f22 {
  font-size: 2.2rem;
}
.f24 {
  font-size: 2.4rem;
}
.f26 {
  font-size: 2.6rem;
}
.f28 {
  font-size: 2.8rem;
}
.f30 {
  font-size: 3rem;
}
.f32 {
  font-size: 3.2rem;
}
.f32 {
  font-size: 3.2rem;
}
.f34 {
  font-size: 3.4rem;
}
.f36 {
  font-size: 3.6rem;
}
.f38 {
  font-size: 3.8rem;
}
.f40 {
  font-size: 4rem;
}
.f45 {
  font-size: 4.5rem;
}
.f48 {
  font-size: 4.8rem;
}
.f55 {
  font-size: 5.5rem;
}
.f60 {
  font-size: 6rem;
}
.f72 {
  font-size: 7.2rem;
}
.lh25 {
  line-height: 2.5rem;
}
.lh28 {
  line-height: 2.8rem;
}
.lh35 {
  line-height: 3.5rem;
}
.lh36 {
  line-height: 3.6rem;
}
.lh38 {
  line-height: 3.8rem;
}
.lh30 {
  line-height: 3rem;
}
.lh40 {
  line-height: 4rem;
}
.lh60 {
  line-height: 6rem;
}
.lhx2 {
  line-height: 2;
}
.ma {
  margin-left: auto;
  margin-right: auto;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 0.5rem !important;
}
.mb50 {
  margin-bottom: 5rem;
}
.mb8 {
  margin-bottom: 0.8rem;
}
.mb10 {
  margin-bottom: 1rem;
}
.mb15 {
  margin-bottom: 1.5rem;
}
.mb20 {
  margin-bottom: 2rem;
}
.mb25 {
  margin-bottom: 2.5rem;
}
.mb30 {
  margin-bottom: 3rem;
}
.mb35 {
  margin-bottom: 3.5rem;
}
.mb40 {
  margin-bottom: 4rem;
}
.mb45 {
  margin-bottom: 4.5rem;
}
.mb50 {
  margin-bottom: 5rem;
}
.mb60 {
  margin-bottom: 6rem;
}
.mb65 {
  margin-bottom: 6.5rem;
}
.mb70 {
  margin-bottom: 7rem;
}
.mb72 {
  margin-bottom: 7.2rem;
}
.mt0 {
  margin-top: 0;
}
.mt10 {
  margin-top: 1rem;
}
.mt15 {
  margin-top: 1.5rem;
}
.mt20 {
  margin-top: 2rem;
}
.mt30 {
  margin-top: 3rem;
}
.mt22 {
  margin-top: 2.2rem;
}
.mt25 {
  margin-top: 2.5rem;
}
.mt35 {
  margin-top: 3.5rem;
}
.mt40 {
  margin-top: 4rem;
}
.mt45 {
  margin-top: 4.5rem;
}
.mt50 {
  margin-top: 5rem;
}
.mt60 {
  margin-top: 6rem;
}
.mt65 {
  margin-top: 6.5rem;
}
.mt70 {
  margin-top: 7rem;
}
.mt72 {
  margin-top: 7.2rem;
}
.mt-10 {
  margin-top: -1rem !important;
}
.pad0 {
  padding: 0 !important;
}
.pad30_0 {
  padding: 3rem 0;
}
.pad40_0 {
  padding: 4rem 0;
}
.pad50_0 {
  padding: 5rem 0;
}
.pad60_0 {
  padding: 6rem 0;
}
.pad30 {
  padding: 3rem;
}
.pad40 {
  padding: 3rem;
}
.pad20 {
  padding: 2rem;
}
.pad10 {
  padding: 1rem;
}
.pad2030 {
  padding: 2rem 3rem;
}
.pad3020 {
  padding: 3rem 2rem;
}
.bline1 {
}
.bline1:after {
  content: "";
  display: block;
  position: absolute;
  width: 4rem;
  height: 0.4rem;
  bottom: 7.4rem;
  left: 0.9rem;
  margin-left: 0;
  background: #20b09f;
}
.abtn1:after,
.abtn1:before {
  border-radius: 10.6rem;
}
.abtn1 {
  display: inline-block;
  padding: 0 6rem;
  font-size: 1.8rem;
  position: relative;
  line-height: 5rem;
  border-radius: 10.6rem;
  color: #fff;
  height: 5rem;
}
.abtn1 i {
  display: inline-block;
  background: url(../images/arr.png) no-repeat left;
  width: 4.7rem;
  height: 0.5rem;
  margin-left: 2rem;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}
.abtn1:hover {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.abtn2 {
  width: 15rem;
  height: 5rem;
}
.blk_center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sct_dark * {
  color: #fff;
}
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
[class^="hvr-"] {
  margin: 0.4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(197, 0, 7, 0.7);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 10rem;
}
.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.bg_jb {
  transition: background 1.13s;
  background: rgb(24, 128, 218);
  background: -moz-linear-gradient(
    left,
    rgba(102, 56, 138, 1) 0%,
    rgba(133, 40, 154, 1) 56%,
    rgba(133, 40, 154, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(102, 56, 138, 1)),
    color-stop(56%, rgba(133, 40, 154, 1)),
    color-stop(100%, rgba(133, 40, 154, 1))
  );
  background: linear-gradient(to right, #47b2ea 0%, #167dd9 56%, #0661cc 100%);
  background: -o-linear-gradient(
    left,
    rgba(102, 56, 138, 1) 0%,
    rgba(133, 40, 154, 1) 56%,
    rgba(133, 40, 154, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(102, 56, 138, 1) 0%,
    rgba(133, 40, 154, 1) 56%,
    rgba(133, 40, 154, 1) 100%
  );
  background: linear-gradient(to right, #47b2ea 0%, #167dd9 56%, #0661cc 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66388a', endColorstr='#85289a', GradientType=1);
}
.bg_jb:hover {
  background: rgba(133, 40, 154, 1);
  background: -moz-linear-gradient(
    left,
    rgba(133, 40, 154, 1) 0%,
    rgba(133, 40, 154, 1) 44%,
    rgba(102, 56, 138, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(133, 40, 154, 1)),
    color-stop(44%, rgba(133, 40, 154, 1)),
    color-stop(100%, rgba(102, 56, 138, 1))
  );
  background: linear-gradient(
    to right,
    rgb(9, 101, 206) 0%,
    rgb(20, 122, 215) 44%,
    rgb(66, 172, 232) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(133, 40, 154, 1) 0%,
    rgba(133, 40, 154, 1) 44%,
    rgba(102, 56, 138, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(133, 40, 154, 1) 0%,
    rgba(133, 40, 154, 1) 44%,
    rgba(102, 56, 138, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgb(9, 101, 206) 0%,
    rgb(20, 122, 215) 44%,
    rgb(66, 172, 232) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#85289a', endColorstr='#66388a', GradientType=1);
}
.bg_jb2 {
  background: rgba(102, 56, 138, 0.88);
  background: -moz-linear-gradient(
    left,
    rgba(102, 56, 138, 0.88) 0%,
    rgba(133, 40, 154, 0.89) 56%,
    rgba(133, 40, 154, 0.9) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(102, 56, 138, 0.88)),
    color-stop(56%, rgba(133, 40, 154, 0.89)),
    color-stop(100%, rgba(133, 40, 154, 0.9))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(102, 56, 138, 0.88) 0%,
    rgba(133, 40, 154, 0.89) 56%,
    rgba(133, 40, 154, 0.9) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(102, 56, 138, 0.88) 0%,
    rgba(133, 40, 154, 0.89) 56%,
    rgba(133, 40, 154, 0.9) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(102, 56, 138, 0.88) 0%,
    rgba(133, 40, 154, 0.89) 56%,
    rgba(133, 40, 154, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(102, 56, 138, 0.88) 0%,
    rgba(133, 40, 154, 0.89) 56%,
    rgba(133, 40, 154, 0.9) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66388a', endColorstr='#85289a', GradientType=1);
}
.lblueline {
}
.lblueline:after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.6rem;
  margin-top: 2.5rem;
  background: #1175d8;
}
.lblueline2:after {
  margin: auto;
  margin-top: 3rem;
}
.btn_gray {
  background: #e4e4e4;
  color: #333;
}
.blk_ct {
  display: inline-block;
  margin-left: auto;
  line-height: 5rem;
  margin-right: auto;
  border-radius: 0.3rem;
}
.btn-bg-blue {
  color: #fff;
  background: #ea5613;
  line-height: 4.6rem;
  display: inline-block;
  font-size: 1.6rem;
  width: 14rem;
  text-align: center;
  border: none;
}
.btn-bg-blue:hover {
  color: #fff;
  background: #22a0c0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.gutter-20.row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.gutter-20 > [class^="col-"],
.gutter-20 > [class^=" col-"] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.gutter-22.row {
  margin-right: -1.1rem;
  margin-left: -1.1rem;
}
.gutter-22 > [class^="col-"],
.gutter-22 > [class^=" col-"] {
  padding-right: 1.1rem;
  padding-left: 1.1rem;
}
.gutter-26.row {
  margin-right: -1.3rem;
  margin-left: -1.3rem;
}
.gutter-26 > [class^="col-"],
.gutter-26 > [class^=" col-"] {
  padding-right: 1.3rem;
  padding-left: 1.3rem;
}
.gutter-10.row {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.gutter-10 > [class^="col-"],
.gutter-10 > [class^=" col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.gutter-12.row {
  margin-right: -0.6rem;
  margin-left: -0.6rem;
}
.gutter-12 > [class^="col-"],
.gutter-12 > [class^=" col-"] {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.gutter-0.row {
  margin-right: -0rem;
  margin-left: -0rem;
}
.gutter-0 > [class^="col-"],
.gutter-0 > [class^=" col-"] {
  padding-right: 0rem;
  padding-left: 0rem;
}
.gutter-40.row {
  margin-right: -2rem;
  margin-left: -2rem;
}
.gutter-40 > [class^="col-"],
.gutter-40 > [class^=" col-"] {
  padding-right: 2rem;
  padding-left: 2rem;
}
.gutter-30.row {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.gutter-30 > [class^="col-"],
.gutter-30 > [class^=" col-"] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.gutter-34.row {
  margin-right: -1.7rem;
  margin-left: -1.7rem;
}
.gutter-34 > [class^="col-"],
.gutter-34 > [class^=" col-"] {
  padding-right: 1.7rem;
  padding-left: 1.7rem;
}
.gutter-70.row {
  margin-right: -3.5rem;
  margin-left: -3.5rem;
}
.gutter-70 > [class^="col-"],
.gutter-70 > [class^=" col-"] {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}
.gutter-100.row {
  margin-right: -5rem;
  margin-left: -5rem;
}
.gutter-100 > [class^="col-"],
.gutter-100 > [class^=" col-"] {
  padding-right: 5rem;
  padding-left: 5rem;
}
.gutter-60.row {
  margin-right: -3rem;
  margin-left: -3rem;
}
.gutter-60 > [class^="col-"],
.gutter-60 > [class^=" col-"] {
  padding-right: 3rem;
  padding-left: 3rem;
}
.gutter-50.row {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}
.gutter-50 > [class^="col-"],
.gutter-50 > [class^=" col-"] {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
.gutter-52.row {
  margin-right: -2.6rem;
  margin-left: -2.6rem;
}
.gutter-52 > [class^="col-"],
.gutter-52 > [class^=" col-"] {
  padding-right: 2.6rem;
  padding-left: 2.6rem;
}
.gutter-64.row {
  margin-right: -3.2rem;
  margin-left: -3.2rem;
}
.gutter-64 > [class^="col-"],
.gutter-64 > [class^=" col-"] {
  padding-right: 3.2rem;
  padding-left: 3.2rem;
}
.gutter-96.row {
  margin-right: -4.8rem;
  margin-left: -4.8rem;
}
.gutter-96 > [class^="col-"],
.gutter-96 > [class^=" col-"] {
  padding-right: 4.8rem;
  padding-left: 4.8rem;
}
.gutter-210.row {
  margin-right: -10.5rem;
  margin-left: -10.5rem;
}
.gutter-210 > [class^="col-"],
.gutter-210 > [class^=" col-"] {
  padding-right: 10.5rem;
  padding-left: 10.5rem;
}
.gutter-0.row {
  margin-right: 0rem;
  margin-left: 0rem;
}
.gutter-0 > [class^="col-"],
.gutter-0 > [class^=" col-"] {
  padding-right: 0rem;
  padding-left: 0rem;
}
.col-xs-c5,
.col-sm-c5,
.col-md-c5,
.col-lg-c5 {
  position: relative;
  min-height: 0.1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.col-xs-c5 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-c5 {
    width: 20%;
    float: left;
  }
}
@media (max-width: 768px) {
  .wap-gutter-0.row {
    margin-right: 0rem;
    margin-left: 0rem;
  }
  .wap-gutter-0 > [class^="col-"],
  .wap-gutter-0 > [class^=" col-"] {
    padding-right: 0rem;
    padding-left: 0rem;
  }
  .wap-gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .wap-gutter-10 > [class^="col-"],
  .wap-gutter-10 > [class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }
  .wap-gutter-20.row {
    margin-right: -10px;
    margin-left: -10px;
  }
  .wap-gutter-20 > [class^="col-"],
  .wap-gutter-20 > [class^=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .col-md-c5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-c5 {
    width: 20%;
    float: left;
  }
}
@media (max-width: 1441px) {
  .gutter-22.row {
    margin-right: -0.6rem;
    margin-left: -0.6rem;
  }
  .gutter-22 > [class^="col-"],
  .gutter-22 > [class^=" col-"] {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }
}
.shadow1 {
  /* box-shadow: 0 .4rem 1.6rem 0 rgba(0, 0, 0, .1); */
  /* box-shadow: .0rem .0rem 5.0rem .0rem rgba(41, 41, 41, 0.1); */
}
.shadow1:hover {
  box-shadow: 0 0.4rem 1.6rem 0 rgba(211, 145, 145, 0.19);
}
.shadow3:hover * {
}
.shadow3:hover {
  border: 0.1rem solid rgba(147, 20, 199, 0.86);
  -webkit-box-shadow: 0rem 0.6rem 0.8rem -0.1rem rgb(238, 238, 238);
  box-shadow: 0rem 0.6rem 0.8rem -0.1rem rgb(238, 238, 238);
}
.shadow3 {
  border: 0.1rem solid #d4d4d4;
  -webkit-box-shadow: 0rem 0.6rem 0.8rem -0.1rem rgba(0, 0, 0, 0.09);
  box-shadow: 0rem 0.6rem 0.8rem -0.1rem rgba(0, 0, 0, 0.09);
}
.shadow5 {
  -webkit-box-shadow: 0rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
}
.shadow10 {
  position: relative;
}
.shadow10:after {
  transition: all 0.3s;
  z-index: 0;
  position: absolute;
  content: "";
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(186, 186, 186, 0.29);
  -moz-box-shadow: 0 0 0.5rem 0.2rem rgba(186, 186, 186, 0.29);
  box-shadow: 0 0 0.5rem 0.2rem rgba(186, 186, 186, 0.29);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.shadow10:hover:after {
  -webkit-box-shadow: 0 0 0.5rem 0.3rem rgba(186, 186, 186, 0.66);
  -moz-box-shadow: 0 0 0.5rem 0.3rem rgba(186, 186, 186, 0.66);
  box-shadow: 0 0 0.5rem 0.3rem rgba(186, 186, 186, 0.66);
}
.line_left {
  position: relative;
}
.line_left:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.3rem;
  height: 2rem;
  top: 50%;
  left: 0;
  background: #693418;
  margin-top: -1.7rem;
}
.btn_1 {
  display: inline-block;
  padding: 1.8rem 5rem;
  background: #555555;
  color: #fff;
  line-height: 1.1;
  font-size: 1.6rem;
  margin-right: 2rem;
  margin-top: 4rem;
  transition: all 0.2s;
}
.btn_1:hover,
.btn_1.on {
  background: #6b3318;
  color: #fff;
}
.fttl {
  font-size: 1.8rem;
  color: #666;
  text-align: center;
  line-height: 5rem;
  margin-bottom: 2rem;
}
.line_b {
}
.line_b:after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.3rem;
  top: 0;
  left: 0;
  background-color: #693418;
  margin: 1.8rem auto 0;
}
::placeholder {
  color: #bbb;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #bbb;
}
::-ms-input-placeholder {
  color: #bbb;
}
TEXTAREA::-webkit-scrollbar {
  width: 1rem;
  padding-right: 2rem;
  margin-left: -1rem;
  position: relative;
  left: -2rem;
}
TEXTAREA::-webkit-scrollbar-track {
  background: #d1c5b2;
}
TEXTAREA::-webkit-scrollbar-thumb {
  background: #888;
}
TEXTAREA::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.bar2::-webkit-scrollbar {
  width: 1rem;
  padding-right: 2rem;
  margin-left: -1rem;
  position: relative;
  left: -2rem;
}
.bar2::-webkit-scrollbar-track {
  background: #d1c5b2;
}
.bar2::-webkit-scrollbar-thumb {
  background: #7d2c2c;
}
.bar2::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.bar::-webkit-scrollbar {
  width: 1rem;
  background-color: #f5f5f5;
}
.bar::-webkit-scrollbar-thumb {
  background-color: #e3484e;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(0.5, rgba(255, 255, 255, 0.2)),
    color-stop(0.5, transparent),
    to(transparent)
  );
}
h3.ittl {
  text-align: center;
}
.more_1 {
  position: relative;
  display: block;
  margin: auto;
  width: 18.6rem;
  height: 5.4rem;
  color: #fff;
  background: #7d2c2c;
  padding: 0;
  text-align: center;
  line-height: 5.4rem;
}
.more_1:before {
  content: "";
  display: block;
  position: absolute;
  width: 18.4rem;
  height: 5.2rem;
  top: 0.1rem;
  left: 0.1rem;
  border: 0.3rem solid #f6f0e7;
  transition: all 0.2s;
}
.more_1:focus {
  color: #fff;
}
.more_1:active {
  color: #fff;
}
.more_1:hover {
  color: #fff;
}
.more_1:hover:before {
  border: 0.5rem solid #f6f0e7;
}
.more_2 {
  line-height: 3.8rem;
  height: 4rem;
  width: 15.2rem;
  display: block;
  margin: auto;
  text-align: center;
  border-bottom: 0.2rem solid #c5c5c5;
  border-top: 0.2rem solid #c5c5c5;
  transition: all 0.2s;
}
.more_2:focus,
.more_2:active,
.more_2:hover {
  background: #7d2c2c;
  border-color: #7d2c2c;
  color: #fff;
}
.jb1 {
  background: #f06e70;
  background: -moz-linear-gradient(
    -45deg,
    #f06e70 50%,
    #f06e70 50%,
    #ff8183 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    #f06e70 50%,
    #f06e70 50%,
    #ff8183 100%
  );
  background: linear-gradient(135deg, #f06e70 50%, #f06e70 50%, #ff8183 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f06e70', endColorstr='#ff8183', GradientType=1);
}
.jb2 {
  background: #ffaf1c;
  background: -moz-linear-gradient(-45deg, #ffaf1c 50%, #fed03b 100%);
  background: -webkit-linear-gradient(-45deg, #ffaf1c 50%, #fed03b 100%);
  background: linear-gradient(135deg, #ffaf1c 50%, #fed03b 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffaf1c', endColorstr='#fed03b', GradientType=1);
}
.jb3 {
  background: #18c8e2;
  background: -moz-linear-gradient(-45deg, #18c8e2 60%, #31d8f1 100%);
  background: -webkit-linear-gradient(-45deg, #18c8e2 60%, #31d8f1 100%);
  background: linear-gradient(135deg, #18c8e2 60%, #31d8f1 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#18c8e2', endColorstr='#31d8f1', GradientType=1);
}
.jb4 {
  background: #0cdab6;
  background: -moz-linear-gradient(-45deg, #0cdab6 60%, #31f1cf 100%);
  background: -webkit-linear-gradient(-45deg, #0cdab6 60%, #31f1cf 100%);
  background: linear-gradient(135deg, #0cdab6 60%, #31f1cf 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0cdab6', endColorstr='#31f1cf', GradientType=1);
}
.jbdark {
  background: -moz-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.19) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.19) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.19) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30000000', endColorstr='#00000000', GradientType=1);
}
.feny {
  padding: 0rem 0 2.5rem;
  margin: 0rem auto 3rem;
  padding-right: 2rem;
}
.feny ul {
  text-align: center;
  position: relative;
}
.feny ul li {
  display: inline-block;
  float: none;
  border: 0.1rem solid #c50007;
  transition: all 0.3s;
}
.feny ul li:hover {
  background: #c50007;
}
.feny ul li:hover a {
  color: #fff;
}
.feny ul li a {
}
.feny ul li.pages_hollow {
  padding: 0.5rem 1rem;
  margin: 1rem;
}
.feny ul li.pages_solid {
  padding: 0.5rem 1rem;
  margin: 1rem;
  background: #c50007;
  color: #fff;
}
.feny ul li:last-child {
  border: none;
}
.feny ul li:last-child:hover {
  background: #fff;
  cursor: not-allowed;
}
.feny ul li:last-child a {
}
.feny ul li:last-child span {
}
/*end2*/
@keyframes blinkBorder {

  0%,
  100% {
      border-color: #e6373d;
  }

  50% {
      border-color: transparent;
  }
}
@keyframes outline-animation {
  0% {
    outline: 1.3rem solid #ffffff16;
  }
  100% {
    outline: 2.95rem solid #ffffff00;
  }
}
@keyframes outline-animation2 {
  0% {
    outline: 1.3rem solid #ffffff11
  }
  100% {
    outline: 4.3rem solid #ffffff00;
  }
}
@keyframes glowing {
  0% {box-shadow: 0 0 5px #ff0000, 0 0 25px #ff0000, 0 0 50px #ff0000, 0 0 200px #ff0000;}
  50% {box-shadow: 0 0 10px #ff0000, 0 0 30px #ff0000, 0 0 60px #ff0000, 0 0 220px #ff0000;}
  100% {box-shadow: 0 0 5px #ff0000, 0 0 25px #ff0000, 0 0 50px #ff0000, 0 0 200px #ff0000;}
}

.blob {
	background: black;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 10px;
	height: 20px;
	width: 20px;
	transform: scale(1);
	animation: pulse-black 2s infinite;
}
.blob.white {
	background: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
	0% {
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		/* transform: scale(1); */
		box-shadow: 0 0 0 4rem rgba(255, 255, 255, 0);
	}
	
	100% {
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
/* 定义网格容器 */
.grid {
  display: grid;
}

/* 定义每行包含两列 */
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 两列，自动适应宽度 */
  gap: 1rem; /* 列之间的间距 */
}

/* 网格项样式 */
.grid-cols-2 > .item {
  /* 这里添加你的网格项样式 */
}

/* 定义每行包含两列 */
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 两列，自动适应宽度 */
  gap: 1rem; /* 列之间的间距 */
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 两列，自动适应宽度 */
  gap: 1rem; /* 列之间的间距 */
}