@media screen and (max-width: 800px) and (min-width: 300px) {
.footbox{
	 display: inline-block;
}
}
.f_l {
  float: left;
}
.f_r {
  float: right;
}
.w12 {
  width: 1200px;
  margin: 0 auto;
}
.bbm {
  border-bottom: 1px solid #eeeeee;
}
.bbt {
  border-top: 1px solid #eeeeee;
}
.tx-r {
  color: #ff0000 !important;
}
.tx-b {
  color: #00a0e9 !important;
}
.tx-g {
  color: #00bf43 !important;
}
.tx-s {
  color: #ff8400 !important;
}
.tx-9 {
  color: #999999 !important;
}
.ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-5 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  margin: 0;
  padding: 0;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: none;
  cursor: pointer;
}
.jytop {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #999999;
}
.jytfr {
  float: right;
}
.jytfr li {
  float: left;
  padding: 0 10px 0;
}
.jytfr li img {
  vertical-align: middle;
}
.jytfr li:nth-child(2) span {
  padding-left: 20px;
}
.searbox {
  float: right;
  margin-top: 15px;
  padding: 8px;
  background: #e1040a;
}
.searboxlet {
  float: left;
  width: 440px;
  height: 30px;
  line-height: 30px;
  background: #ffffff;
}
.searboxlet select {
  border: none;
  color: #666666;
   height: 100%;
    line-height: 100%;
}
.searboxlet input {
  border: none;
}
.srpic {
  width: 22px;
  margin-top: 3px;
  margin-left: 10px;
}
.class_left .class_title {
  width: 100%;
  background: #e1040a;
  line-height: 34px;
  font-size: 18px;
}
.class_left {
  width: 220px;
  padding: 10px 0;
}
.class_box .class_left {
  background: #222;
  color: #ffffff;
}
.class_left .class_list li {
  text-align: center;
}
.jyulst li {
  float: left;
  width: 200px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  margin: 15px 0;
}
.jyulst li img {
  vertical-align: middle;
  margin-right: 5px;
}
.jyulst li:nth-child(4) {
  background: #ff0000;
  color: #ffffff;
}
.jyulst li:hover {
  background: #ff0000;
  color: #ffffff;
}

.qkvx {
  position: absolute;
  left: 0;
  top: 0;
}
.qkvx img {
  width: 47px !important;
  height: 47px !important;
}
.dian {
  position: absolute;
  left: -10px;
  top: 10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #ff0000;
  border-radius: 50%;
}
.focu_body_item {
  position: relative;
}
.lw_item_boxjy {
  padding-left: 10px;
  padding-right: 10px;
}
.w100 {
  width: 100%;
}
.wlg {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.gbplat {
  padding: 20px 80px;
  width: 330px;
  height: 268px;
  top: 28%;
  left: 37%;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  border: 1px solid #ddd;
  position: absolute;
}
.gbplatop {
  height: 50px;
  color: #ffffff;
  text-align: center;
  border-radius: 5px 5px 0 0;
  display: inline-block;
  line-height: 50px;
  padding: 0 25px;
  position: absolute;
  top: -51px;
  left: 0;
}
.gb1 {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  border: 1px solid #999;
  border-radius: 5px;
}
.gb1 .gbmes {
  float: left;
  width: 50px;
  background: #f2f2f2;
  margin-left: 1px;
}
.gb1 .gbmes img {
  margin-top: 19%;
}
.gb1 input {
  float: left;
  height: 100%;
  border: none;
  background: transparent;
  padding-left: 10px;
}
.gb1 .code {
  float: right;
  margin-right: 10px;
  height: 100%;
  width: 84px;
}
.ca {
  background: -webkit-linear-gradient(left, #cd0000, #fc1a1a);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #cd0000, #fc1a1a);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #cd0000, #fc1a1a);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #cd0000, #fc1a1a);
  /* 标准的语法 */
}
.nowlg {
  margin-top: 30px;
}
.nowlg button {
  width: 200px;
  height: 45px;
  color: #ffffff;
  text-align: center;
  background: #f91818;
  border-radius: 5px;
  margin-right: 30px;
}
.gbplat2 {
  text-align: center;
  margin-top: 170px;
}
.gbplat2 p {
  margin-top: 40px;
  font-size: 14px;
  color: #999999;
}
.relogo {
  padding: 20px 0;
}
.relogo img {
  width: 150px;
}
.regbg {
  width: 100%;
  height: 700px;
  background: url("../images/regbg.png") no-repeat;
  background-size: cover;
}
.rgpmes {
  color: #999999;
  text-align: center;
  margin-top: 20px;
}
.gbrg {
  margin-top: 20px;
}
.gbrg span {
  width: 80px;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  color: #666666;
}
.gbrg input {
  width: 70%;
  height: 35px;
  border: 1px solid #999999;
  border-radius: 5px;
  padding-left: 10px;
  background: transparent;
}
.gbrg1 {
  margin-top: 20px;
}
.gbrg1 span {
  width: 80px;
  line-height: 40px;
  display: inline-block;
  float: left;
  text-align: left;
  font-size: 15px;
  color: #666666;
}
.gbrg1 .gbrgmes {
  float: left;
  width: 73%;
  height: 35px;
  line-height: 35px;
  border: 1px solid #999999;
  border-radius: 5px;
  margin-left: 6px;
}
.gbrg1 .gbrgmes input {
  width: 46%;
  float: left;
  border: none;
  padding-left: 10px;
  height: 100%;
  background: transparent;
}
.gbrg1 .gbrgmes em {
  display: inline-block;
  width: 105px;
  height: 29px;
  line-height: 29px;
  border-radius: 4px;
  background: #f5f0f0;
  color: #fead00;
  font-size: 12px;
}
.gbrg2 {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.gbrg2 input {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}
.gbrg2 span {
  float: left;
}
.gbrg2 span em {
  color: #00a0e9;
}
.gbtn {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  border-radius: 5px;
  color: #ffffff;
}
.gbplt {
  padding: 40px 20px;
  width: 347px;
  height: 336px;
  left: 40%;
}
.gbpltre {
  padding: 40px 20px;
  width: 347px;
  height: 196px;
  left: 40%;
}
.qkul {
  display: inline-block;
  width: 100%;
  margin-top: 100px;
}
.qkul li {
  float: left;
  width: 19%;
  margin-right: 1%;
  position: relative;
}
.qkul li .qkulpic {
  position: absolute;
  top: -54px;
  left: 25%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}
.qkul li .qkulmes {
  padding: 65px 30px 20px;
  border-radius: 5px;
  background: #f6f6f6;
  overflow: hidden;
  min-height:200px;
}
.qkul li .qkulmes p {
  margin-bottom: 10px;
}
.qkul li .qkulmes p span {
  width: 70px;
  display: inline-block;
  font-weight: 600;
  margin-right: 5px;
  text-align-last: justify;
}
.qkul li .qkulmes p em {
  margin-bottom: 5px;
  display: inline-block;
}
.qkul li:nth-child(5) {
  margin-right: 0;
}
.gv {
  font-size: 12px;
  margin-top: -17px;
}
#indexsper .swiper-pagination-bullet-active {
  opacity: 1;
  background: transparent;
  border: 1px solid #f00 !important;
}
#indexsper .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #000;
}
.footbox {
  padding: 60px 0;
  background: #333333;
  overflow: hidden;
}
.ftLt {
  width: 58%;
  color: #ffffff;
}
.ftLt dl {
  float: left;
  text-align: center;
  width: 25%;
}
.ftLt dl dt {
  font-size: 18px;
  margin-bottom: 30px;
}
.ftLt dl dd {
  margin-top: 15px;
}
.ftRt {
  float: right;
  width: 42%;
  color: #ffffff;
}
.ftRt .ftsolid {
  float: left;
}
.ftRt .ftrmes {
  float: right;
}
.ftRt .ftrmes img {
  margin-bottom: 30px;
  margin-top: -20px;
}
.ftRt .ftrmes p {
  margin-top: 10px;
}
.ftRt .ftrmes p span {
  font-size: 24px;
}
.ftRt .ftrmes p em {
  margin-left: 20px;
}
.custbg {
  height: 160px;
  background: url("../images/custobg.png");
  background-size: 100% 100%;
  line-height: 160px;
}
.custbg span {
  font-size: 30px;
  color: #ffffff;
}
.page {
  display: inline-block;
  width: 100%;
  height: 40px;
  text-align: center;
  margin: 10px auto 90px;
}
.page li {
  display: inline-block;
  cursor: pointer;
  color: #333333;
  margin: 0 5px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  border-radius: 50%;
  border: 0.5px solid #ddd;
}
.page .selectNum {
  background: #e1040a;
  color: #ffffff;
  border: 0.5px solid #e1040a;
}
.page #page-pre {
  padding-right: 0.07rem;
}
.page #page-next {
  padding-left: 0.07rem;
}
.mestp {
  padding: 20px 0;
}
.mescon {
  margin: 30px 0;
}
.mescon p {
  line-height: 30px;
  font-size: 16px;
}
.pronbox {
  display: inline-block;
  width: 100%;
  margin: 30px 0;
}
.pronleft {
  display: inline-block;
  float: left;
  width: 243px;
  border: 1px solid #ccc;
  text-align: center;
}
.pronleft dl dt {
  height: 64px;
  line-height: 64px;
  background: #e1040a;
  color: #ffffff;
}
.pronleft dl dt img {
  vertical-align: middle;
  margin-right: 15px;
}
.pronleft dl dt span {
  vertical-align: middle;
}
.pronleft dl dd {
  height: 55px;
  line-height: 55px;
  border-top: 1px solid #eeeeee;
}
.pronleft dl dd em {
  background: #e1040a;
  color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
}
.pronleft dl dd:hover {
  color: #ff0000 !important;
  cursor: pointer;
}
.prontit {
  padding: 20px 0;
  color: #e1040a;
}
.prontit h1 {
  font-size: 24px;
}
.prontit h2 {
  font-size: 14px;
  margin-top: 10px;
}
.pronright {
  float: right;
  width: 865px;
}
.pronright .page {
  margin: 20px auto;
}
.pronrtop {
  overflow: hidden;
}
.pronrtop img {
  float: left;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.pronrtop .pronrtop1 {
  float: left;
  margin-top: 30px;
  margin-left: 15px;
}
.pronrtop .pronrtop1 h1 {
  font-size: 20px;
  font-weight: 600;
}
.pronrtop .pronrtop1 h2 {
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  margin: 10px 0;
}
.pronrtop .pronrtop1 h3 {
  color: #00a0e9;
  margin-right: 10px;
  font-weight: 500;
}
.prtits {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.prme {
  margin-top: 30px;
}
.prme p {
  margin-top: 20px;
  text-align: center;
}
.proinva {
  overflow: hidden;
}
.proinva .proinvale {
  float: left;
}
.proinva .proinvale input {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  border-radius: 4px;
  border: 1px solid #999;
}
.proinva .proinvale select {
  width: 140px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #999999;
  color: #999999;
  border-radius: 4px;
  margin-left: 10px;
}
.proinva .proinvale ul li {
  float: left;
  width: 90px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #999999;
  border-radius: 4px;
  margin-right: 10px;
  color: #999999;
}
.proinva .proinvale ul .bg-t {
  background: #e1040a;
  color: #ffffff;
  border: 1px solid #e1040a;
}
.proinva .proinvart {
  float: right;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  background: #e1040a;
  color: #ffffff;
  text-align: center;
}
.prvtable {
  overflow: hidden;
  margin-top: 20px;
}
.prvtable table {
  width: 100%;
}
.prvtable table thead {
  height: 50px;
  line-height: 50px;
  background: #f1f1f1;
}
.prvtable table .w18 {
  width: 180px;
  text-align: left;
  line-height: 24px;
  color: #333333;
}
.prvtable table tr {
  border-bottom: 1px solid #eeeeee;
}
.prvtable table td {
  text-align: center;
  padding: 10px 5px;
  color: #666666;
  font-size: 14px;
}
.provr {
  float: right;
}
.provr input {
  width: 200px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #999999;
  color: #999999;
  border-radius: 4px;
  margin-right: 10px;
  padding-left: 10px;
}
.provr select {
  width: 150px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #999999;
  color: #999999;
  border-radius: 4px;
  margin-left: 10px;
}
.prbk img {
  width: 58px;
  height: 70px;
  object-fit: cover;
  margin-right: 5px;
}
.prbk span {
  margin-top: 15px;
  display: inline-block;
}
.prnews {
  display: inline-block;
  width: 100%;
}
.prnews li {
  margin-bottom: 10px;
  overflow: hidden;
}
.prnews li i {
  display: inline-block;
  float: left;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e1040a;
  margin-right: 5px;
  margin-top: 7px;
}
.prnews li p {
  float: left;
  width: 88%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.prnews li span {
  float: right;
}
.prnews .redyd {
  margin-left: 10px;
  color: #999999;
}
.prcmes {
  margin-bottom: 20px;
  overflow: hidden;
  margin-top: 20px;
}
.prcmes h3 {
  float: left;
  width: 106px;
  line-height: 40px;
  text-align: right;
  margin-right: 10px;
}
.prcmes input {
  width: 389px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #999999;
  padding-left: 10px;
}
.prcmes select {
  width: 402px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #999999;
  padding-left: 10px;
}
.prcmes label {
  height: 40px;
  line-height: 40px;
  margin-right: 40px;
}
.prcmes label em {
  margin-right: 10px;
}
.radio {
  display: inline-block;
  background: url("../images/radio.png");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.radion {
  display: inline-block;
  background: url("../images/radion.png");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.prset {
  float: left;
  margin-right: 20px;
}
.prset select {
  width: 171px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #999999;
  padding-left: 10px;
}
.savbtn {
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  background: #e1040a;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  margin-left: 118px;
  margin-top: 30px;
}
.over_h {
  overflow: hidden;
}
.fetcode {
  display: inline-block;
  width: 143px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background: #e18104;
  color: #ffffff;
  text-align: center;
  margin-left: 15px;
  margin-top: 20px;
}
.prtcons {
  float: left;
}
.prtcons h1 {
  float: left;
  font-size: 20px;
  line-height: 40px;
  margin-right: 10px;
}
.prtcons span {
  display: inline-block;
  width: 72px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background: #e1040a;
  color: #ffffff;
  text-align: center;
}
.proaddr {
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
}
.proaddr .prtits {
  float: left;
  border-bottom: none;
}
.proadrmes {
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
}
.proadrmes .prsrad {
  float: left;
  padding: 20px 0;
}
.proadrmes .prsrad h1 {
  font-size: 16px;
}
.proadrmes .prsrad p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
.proadrmes .prsrad button {
  margin-top: 20px;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: #e1040a;
  color: #ffffff;
  border-radius: 5px;
}
.proadrmes .prsrad .grybtn {
  background: #979797;
}
.proadrmes .prsrspan {
  float: right;
  margin-top: 6%;
}
.proadrmes .prsrspan span {
  margin: 0 20px;
  cursor: pointer;
}
.getadrbox select {
  width: 20%;
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .gbplat {
    top: 26%;
    left: 33%;
  }
  .wlg {
    height: 400px;
  }
  .gbplat2 {
    margin-top: 110px;
  }
  .regbg {
    height: 504px;
  }
}