* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333333;
}

img {
  display: block;
}

.banner a {
  display: block;
}

.banner img {
  width: 100%;
}

.bcontainer {
  padding: 35px 15px 0;
}

.vtitle {
  background: url("../images/video.jpg")no-repeat left center;
  background-size: 21px 16px;
  font-size: 17px;
  line-height: 18px;
  color: #333333;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 15px;
  overflow: hidden;
}

.vtitle span {
  float: left;
}

.vtitle em {
  display: block;
  float: left;
  font-style: normal;
  font-size: 12px;
  color: #fe7139;
  width: 35px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: #feeae1;
  border-radius: 20px;
  margin-left: 5px;
}

.title {
  height: 21px;
  font-size: 20px;
  line-height: 21px;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 15px;
}

.title::before {
  content: "";
  display: block;
  width: 10px;
  height: 21px;
  background: #ff7139;
  float: left;
}

.title span {
  float: left;
  margin-left: 5px;
}

.fullcontainer {
  padding: 15px;
  background: #e2edff;
}

.fullcontainer a {
  display: block;
  width: 100%;
  height: 65px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 15px;
  border-radius: 6px;
}

.fullcontainer a:last-child {
  margin-bottom: 0;
}

.fullcontainer a img {
  height: 100%;
  width: auto;
  float: left;
}

.fullcontainer a span {
  display: block;
  float: left;
  height: 65px;
  line-height: 65px;
  color: #333333;
  font-weight: bold;
  text-indent: 10px;
  font-size: 15px;
}

.fullcontainer a em {
  display: block;
  float: right;
  width: 65px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  background: #ff7139;
  color: #fff;
  font-size: 16px;
  border-radius: 20px;
  font-style: normal;
  margin-top: 18px;
  margin-right: 15px;
}

.yncontainer {
  padding: 15px 15px 0;
}

.ynForm {
  padding: 20px 20px;
  background: #f4f4f4;
  border-radius: 6px;
}

.ynForm font {
  display: block;
  font-size: 20px;
  color: #333333;
  text-align: center;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.wxCheck {
  text-align: center;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  height: 21px;
  line-height: 21px;
}

.wxCheck span {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  padding-left: 26px;
}

.wxCheck span:last-child {
  margin-right: 0;
}

.wxCheck span::before {
  content: "";
  display: block;
  width: 23px;
  height: 20.5px;
  background: url("../images/checked.jpg")no-repeat;
  background-size: 23px 20.5px;
  position: absolute;
  top: 0;
  left: 0;
}

.wxInput {
  margin-top: 15px;
  overflow: hidden;
}

.wxInput input[type="text"] {
  display: block;
  box-sizing: border-box;
  width: 60%;
  height: 40px;
  line-height: 40px;
  float: left;
  border: 1px solid #aaa;
  border-radius: 10px;
  background: #f4f4f4;
  color: #888888;
  font-size: 16px;
  outline: none;
  text-indent: 10px;
}

/*.wxInput input[type="button"] {*/
/*  display: block;*/
/*  width: calc(40% - 7px);*/
/*  float: right;*/
/*  height: 40px;*/
/*  line-height: 40px;*/
/*  text-align: center;*/
/*  color: #f6f6f6;*/
/*  font-size: 18px;*/
/*  background: #ff7139;*/
/*  border: none;*/
/*  border-radius: 8px;*/
/*}*/

.wxms {
  padding: 15px 0 18px;
  text-align: center;
  font-size: 14px;
  color: #666666;
}


.ctitle {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #333333;
  line-height: 18px;
  margin-bottom: 15px;
}

.ctitle em {
  font-style: normal;
  color: #fd7239;
}

.zylist {
  overflow: hidden;
}

.zylist .full {
  width: 100%;
}

.zylist .full a {
  display: block;
  position: relative;
}

.zylist .full a p {
  display: block;
  font-size: 16px;
  position: absolute;
  width: 70%;
  text-align: center;
  bottom: 0px;
  left: 0px;
  line-height: 34px;
  color: #fff;
  background-color: rgba(255, 113, 57, 0.8);
}

.zylist .half {
  float: left;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 5px;
  border-bottom: 1px dashed #d4d4d4;
}

.zylist .half a {
  display: block;
  flex: none;
  margin-right: 10px;
  width: 48%;
}

.zylist .half .font {
  flex: 1;
}

.zylist .half .font a {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #ff7139;
  margin-bottom: 6px;
  font-weight: bold;
}

.zylist .half .font p {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.zylist .half .font p b {
  color: #ff7139;
  display: block;
  font-size: 18px;
  flex: none;
  margin-right: 3px;
  transform: translateY(-3px);
}

.zylist .half .font p span {
  font-size: 14px;
  color: #666666;
  flex: 1;
  display: block;
}

.zylist li {
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
}

.zylist li .zyfm {
  display: block;
}

.zyfm img {
  width: 100%;
}

.zyleft {
  margin-right: 10px;
}

.zyinfo {
  padding: 11px 13px;
  background: #f6f6f6;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.zyinfo .n {
  flex: none;
}

.zyinfo .l {
  flex: 1;
}

.zyinfo p {
  display: block;
  height: 27px;
  line-height: 27px;
  float: left;
  font-size: 14px;
  width: 100%;
  color: #333333;
  font-weight: bold;
}

.zyinfo p span {
  font-weight: 400;
  color: #666666;
}

.zyinfo .zyzx {
  float: right;
  width: 85px;
  margin-left: 5x;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #ff7139;
  border-radius: 25px;
}

.zybt em {
  font-style: normal;
  font-size: 13px;
}

.zylist .half .zybt {
  display: block;
  padding: 10px 0;
  background: #f6f6f6;
  text-align: center;
  color: #333333;
  font-size: 16px;
}

@media screen and (max-width: 379px) {
  .zylist .half .zybt {
    font-size: 14px;
  }
}

.xxlist {
  overflow: hidden;
}

.xxlist li {
  width: calc((100% - 5px)/2);
  float: left;
  margin-right: 5px;
}

.xxlist li:last-child {
  margin-right: 0;
}

.xxlist li a {
  display: block;
  margin-bottom: 5px;
}

.xxlist li a:last-child {
  margin-bottom: 0;
}

.xxlist li a img {
  width: 100%;
}

.scontainer {
  background: #f4f4f4;
  padding: 15px;
}

.xszp a {
  display: block;
  width: calc((100% - 10px)/2);
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

.xszp a:nth-child(2n+2) {
  margin-right: 0;
}

.xszp a:nth-last-child(1), .xszp a:nth-last-child(2) {
  margin-bottom: 0;
}

.xszp a img {
  width: 100%;
}

.xszp a span {
  display: block;
  background: #fff;
  font-size: 16px;
  color: #333333;
  line-height: 16px;
  padding: 15px 0;
  text-align: center;
}

.xszp .swiper-pagination {
  position: static;
  margin-top: 10px;
}

.xszp .swiper-pagination-bullet-active {
  background: #000;
  opacity: .2;
  padding: 0 8px;
  border-radius: 20px;
}

.halfBtn {
  overflow: hidden;
  padding: 20px 15px 0;
}

.halfBtn a {
  display: block;
  width: calc((100% - 14px)/2);
  float: left;
  border: 1px solid #ff7139;
  border-radius: 6px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  font-size: 17px;
}

.halfBtn a:first-child {
  margin-right: 10px;
  color: #ff7139;
}

.halfBtn a:last-child {
  background: #ff7139;
  color: #fff;
}

.xzlist li {
  display: table;
  margin-bottom: 15px;
}

.xzlist li:last-child {
  margin-bottom: 0;
}

.xzpic, .xzinfo {
  display: table-cell;
  vertical-align: middle;
}

.xzpic {
  width: 43.5%;
}

.xzpic img {
  width: 100%;
}

.xzinfo {
  width: 56.5%;
  background: #eff6ff;
}

.xzinfo strong {
  display: block;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #333333;
  line-height: 18px;
  margin-bottom: 14px;
}

.xzinfo small {
  display: block;
  font-size: 13px;
  color: #666666;
  text-align: center;
  line-height: 1em;
  margin-bottom: 8px;
}

.xzinfo font {
  display: block;
  font-size: 13px;
  color: #666666;
  line-height: 23px;
  padding: 0 5px;
}

.xxx li {
  overflow: hidden;
  margin-bottom: 5px;
}

.xxx li:last-child {
  margin-bottom: 0;
}

.xxx li a {
  display: block;
}

.xxx li a img {
  width: 100%;
}

.xxx .full a {
  width: 100%;
}

.xxx .half a {
  width: calc((100% - 5px)/2);
  float: left;
  margin-right: 5px;
}

.xxx .third a {
  width: calc((100% - 10px)/3);
  float: left;
  margin-right: 5px;
}

.xxx li a:last-child {
  margin-right: 0;
}
.mt20{
  margin-top: 20px;
}
.zxzx{
    display: flex;
    height: 45px;
    color: #f6f6f6;
    font-size: 16px;
    background: #ff7139;
    border: none;
    border-radius: 8px;
    align-items: center;
    justify-content: space-around;
}
/*.djzx_li{*/
/*  padding:0 15px;*/
/*  display: flex;*/
/*  margin: 20px 0;*/
/*  align-items: flex-end;*/
/*  justify-content: space-between;*/
/*}*/
/*.djzx_li p{*/
/*  font-size: 1.8rem;*/
/*  color: #666666;*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*}*/
.xuef{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 20px 0;
}
.xuef span{
  font-size:12px;
  color: #666666;
}
.wxInput input[type="button"] {
  /* width: calc(40% - 7px); */
  padding: 5px 20px;
  border-radius: 8px;
  border: solid 1px #dc0a07;
  font-size: 1.6rem;
  color: #dc0a07;
}
.djzx{
  display: flex;
  padding: 5px 30px;
  border-radius: 8px;
  border: solid 1px #dc0a07;
  font-size: 1.6rem;
  color: #dc0a07;
}
.gg{
  padding: 5px 35px;
  margin: 0 5px;
  background-color: #b9c3c9;
}