.card img {
  font-size: 0;
}
.card a {
  text-decoration: none;
}
button {
  cursor: pointer;
}


.card {
  width: 100%;
  background-color: #efefef;
}
.card .title {
  text-align: center;
}
.card .title .xhx {
  display: flex;
  width: 100%; 
  height: 50px;
  align-items: center;
  justify-content: center;
}
.card .title .xhx .cicle {
  width: 12px;
  height: 12px;
  background-color: #ca8e3f;
  border-radius: 50%;
  margin: 0 20px;
}
.card .content {
  margin: 0 auto;
  box-sizing: border-box;
  color: #282828;
}

.content1 {
  width: 1200px;
  /* height: 700px; */
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.content1 img {
  width: 100%;
}


.content1 .form {
    align-items: center;
    width: 500px;
}
.content1 .form input {
  width: 90%;
  height: 50px;
  border-radius: 40px;
  background-color: #fafafa;
  margin: 8px 0;
  border: 1px solid #ccc;
  padding-left: 17px;
  box-sizing: border-box;
  font-size: 16px;
}
.content1 .form button, .btn3 {
  background-color: #ca8e3f;
  width: 90%;
  height: 50px;
  margin-top: 25px;
  border:0;
  border-radius: 40px;
  color: #fff;
  font-size: 18px;
}
.content1 .des {
  position: absolute;
  top: 35px;
  left: 20px;
  z-index: 999;
}
.content1 .des-img {
  position: absolute;
  width: 500px;
}

.content2 {
  display: flex;
  box-sizing: border-box;
  margin: -6px 0 0 -6px;
  width: 100%;
  justify-content: center;
}
.content2 a {
  margin: 6px 0 0 6px;
  width: 20%;
}
.content2 a img {
  width: 100%;
}
.content3 {
  width: 1200px;
  display: flex;
  box-sizing: border-box;
  margin: 0 auto;

}
.content3 div {
  flex:1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}
.content3 div img {
  width: 100%;
}
.content4 {
  width: 1200px;
  display: flex;
  box-sizing: border-box;
  margin: 0 auto;
}
.content4-item {
  display: flex;
  flex:1;
  margin-right: 10px;
  /* width: 300px; */
  flex-direction: column;
  background-color: #fff;
  box-shadow:  1px 4px 5px #aaaaaa,
               -2px 0px 5px #aaaaaa;
}
.content4-item img {
  width: 100%;
  height: auto;
}
.content4-item-title{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e22427;
}
.content4-item-btn button {
  min-width: 120px;
  height: 40px;
  border: 1px solid #e22427;
  margin-bottom: 30px;
}
.content5 {
  width: 1200px; 
  margin: 0 auto;
}
.content6 {
  width: 1200px;
  display: flex;
  margin: 0 auto;
}
.content6 img {
  width: 100%;
  height: 100%;
  font-size: 0;
  display: block;
}
.content6-des {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
} 
.content7 {
  display: flex;
  width: 1200px;
  /* height: 440px; */
  margin: 0 auto;
  /* overflow: hidden */
}
.content7-des {
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  display: flex;
  /* align-items: center; */
}

.content8-form {
  width: 1200px;
  margin: 0 auto 80px auto;
  display: flex;
}
.content8-form-left {
  width: 500px;
  display: flex;
  align-items: center;
}
.content8-form-left input {
  width: 77%;
  height: 40px;
  border-radius: 50px;
  background-color: #fafafa;
  margin: 8px 0;
  border: 1px solid #ccc;
  padding-left: 17px;
  box-sizing: border-box;
  font-size: 16px;
}
.content8-form-left button, .btn3 {
  background-color: #ca8e3f;
  width: 77%;
  height: 40px;
  margin-top: 25px;
  border:0;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
}

.content8-form-right table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
  text-align: center;
  overflow: hidden;
 
}

.content8-form-right table tr{
  border-bottom: 1px solid #000 !important;
}
.content8-form-right table tr {
  display: table-row !important;
}
.content9 {
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.content9 img {
  width: 100%;
}
.content9  input {
  width: 90%;
  height: 50px;
  border-radius: 40px;
  background-color: #fafafa;
  margin: 8px 0;
  border: 1px solid #ccc;
  padding-left: 17px;
  box-sizing: border-box;
  font-size: 16px;
}
.content9 button{
  background-color: #fff;
  width: 90%;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  border:0;
  border-radius: 40px;
  color: #ca8e3f;
  font-size: 18px;
}
.abc {
  width: 600px;
  height:330px;
  overflow: scroll;
}
.abc ul {
  width: 100%;
  border: 1px solid #000;
}
.abc ul li {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  border-bottom: 1px solid #000;
}

.content_bj {
  width: 1200px;
  display: flex;
  margin: 0 auto;
}
.content_bj_left {
  flex:1;
  margin-left:0px;
}
.content_bj_left .bj_radio {
  zoom: 140%;
  cursor: pointer;
  margin-top:15px
}
.content_bj_right {
  flex: 1;
  position: relative;
}

.bj_form {
  width: 80%;
  /* margin: 0 auto; */
}
.input-container {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #858585;
  margin: 40px 0;
}

.icon {
  width: 40px;
  height: 40px;
}
.icon img {
  width: 100%;
  height: 100%;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
  border: none;
  background-color: #efefef;
  font-size: 1.3em;
}
.bj_button {
  padding: 9px 50px;
  border-radius: 44px;
  background: #ca8e3f;
  border: 0;
  color: #fff;
  font-size: 1.3em;
  margin-left: 30px;
}

.bj_rigtht_content {
  position: absolute;
  width: 74%;
  height: 74%;
  left: 58%;
  top: 87px;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
}
.bj_rigtht_content p {
  margin: 32px 0;
}
.bj_rigtht_content_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  text-align: center;
}
.content_bj_left_span{
  display: inline-block;
  padding:  -2px 20px;
  background-color: #f5f0e7;
  font-size: 18px;
  font-weight: normal;
  color: #636363;
}
.baojia {
  width: 60%;
  margin: 0 auto;
  height: 120px;
  overflow: scroll;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 24px;
}
.baojia::-webkit-scrollbar{
  display:none
}
.table-form {
  width: 100%;
  
}
.baojia tr {
  width: 100%;
  display: flex;
  justify-content: center;
}
.baojia tr td {
  margin-right: 50px;
  white-space: nowrap;
}
.content10 {
  display: grid;
  width: 70%;
  line-height: 2.3em;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  font-size: 1.3em;
  color: #3a3a3a;
}
.content10 img {
  width: 100%;
}
.content11 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 20px 40px;
}
.content11 .img {
  height: 140px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.img img {
  width: 100%;
}
.content11_item {
  display: grid;
  grid-template-columns: 250px auto;
  column-gap: 20px;
}
.content11_right {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-width: 370px;
}
.content11_right_title {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1em;
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 350px;
}
.content11_right_content {
  font-size: 1.1em;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; 
  color: #5e6d82;
}
.content11_right button {
  background-color: #fff;
  padding: 0 10px;
}


.biaoge {
  display: flex;
  width: 100%;
  justify-content: space-around;
  font-weight: bold;
  border: 1px solid #000;
  font-size: 1.2em;
}
#scrollId2 {
  width: 100%;
  height: 350px;
  overflow-y: scroll;
}
#scrollId2::-webkit-scrollbar{
  display:none
}

/* 定位 */
.relative{
  position: relative;
  
}
.absolute{
  position: absolute;
}



/* 鼠标 */
.pointer {
  cursor: pointer;
}

/* 背景 */
.bg-w {background: #fff;}
.bg-base{background: #ca8e3f;}


/* 宽高 */
.w100{width: 100%;}
.h100{height: 100%;}

/* 字体 */
.fs-10{font-size:10px !important}
.fs-12{font-size:12px !important}
.fs-14{font-size:14px !important}
.fs-16{font-size:16px !important}
.fs-18{font-size:18px !important}
.fs-20{font-size:20px !important}
.fs-22{font-size:22px !important}
.fs-24{font-size:24px !important}
.fs-26{font-size:26px !important}
.fs-28{font-size:28px !important}
.fs-32{font-size:32px !important}
.fs-34{font-size:34px !important}
.fs-38{font-size:38px !important}

.fw-bold{font-weight: bold;}
.fw-bolder{font-weight: bolder;}
.fc-base{color: #ca8e3f;}
.fc-black{color: #282828;}
/* flex */
/* flex相关 */
.flex1{flex:1;}
.flex-row{display:flex;flex-direction: row;}
.flex-column{display:flex;flex-direction: column;}
.flex-start-start{justify-content: flex-start;align-items: flex-start;}
.flex-start-center{justify-content: flex-start;align-items: center;}
.flex-start-end{justify-content: flex-start;align-items: flex-end;}
.flex-center-start{justify-content: center;align-items: flex-start;}
.flex-center-center{justify-content: center;align-items: center;}
.flex-center-end{justify-content: center;align-items: flex-end;}
.flex-end-start{justify-content: flex-end;align-items: flex-start;}
.flex-end-center{justify-content: flex-end;align-items:center;}
.flex-end-end{justify-content: flex-end;align-items: flex-end;}
.flex-between-center{justify-content: space-between;align-items: center;}

.space-between {justify-content: space-between;}
.space-around {justify-content: space-around;}


/* 间距 */
.pa-none {
  padding: 0 0;
}
.pl-none {
  padding-left: 0;
}
.pr-none {
  padding-right: 0;
}
.pt-none,
.py-none {
  padding-top: 0;
}
.pb-none,
.py-none {
  padding-bottom: 0;
}
.px-none {
  padding-left: 0;
  padding-right: 0;
}
.ma-none {
  margin: 0 0;
}
.ml-none {
  margin-left: 0;
}
.mr-none {
  margin-right: 0;
}
.mt-none,
.my-none {
  margin-top: 0;
}
.mb-none,
.my-none {
  margin-bottom: 0;
}
.mx-none {
  margin-left: 0;
  margin-right: 0;
}
.pa-xs {
  padding: 4px 4px;
}
.pl-xs {
  padding-left: 4px;
}
.pr-xs {
  padding-right: 4px;
}
.pt-xs,
.py-xs {
  padding-top: 4px;
}
.pb-xs,
.py-xs {
  padding-bottom: 4px;
}
.px-xs {
  padding-left: 4px;
  padding-right: 4px;
}
.ma-xs {
  margin: 4px 4px;
}
.ml-xs {
  margin-left: 4px;
}
.mr-xs {
  margin-right: 4px;
}
.mt-xs,
.my-xs {
  margin-top: 4px;
}
.mb-xs,
.my-xs {
  margin-bottom: 4px;
}
.mx-xs {
  margin-left: 4px;
  margin-right: 4px;
}
.pa-sm {
  padding: 8px 8px;
}
.pl-sm {
  padding-left: 8px;
}
.pr-sm {
  padding-right: 8px;
}
.pt-sm,
.py-sm {
  padding-top: 8px;
}
.pb-sm,
.py-sm {
  padding-bottom: 8px;
}
.px-sm {
  padding-left: 8px;
  padding-right: 8px;
}
.ma-sm {
  margin: 8px 8px;
}
.ml-sm {
  margin-left: 8px;
}
.mr-sm {
  margin-right: 8px;
}
.mt-sm,
.my-sm {
  margin-top: 8px;
}
.mb-sm,
.my-sm {
  margin-bottom: 8px;
}
.mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}
.pa-md {
  padding: 16px 16px;
}
.pl-md {
  padding-left: 16px;
}
.pr-md {
  padding-right: 16px;
}
.pt-md,
.py-md {
  padding-top: 16px;
}
.pb-md,
.py-md {
  padding-bottom: 16px;
}
.px-md {
  padding-left: 16px;
  padding-right: 16px;
}
.ma-md {
  margin: 16px 16px;
}
.ml-md {
  margin-left: 16px;
}
.mr-md {
  margin-right: 16px;
}
.mt-md,
.my-md {
  margin-top: 16px;
}
.mb-md,
.my-md {
  margin-bottom: 16px;
}
.mx-md {
  margin-left: 16px;
  margin-right: 16px;
}
.pa-lg {
  padding: 24px 24px;
}
.pl-lg {
  padding-left: 24px;
}
.pr-lg {
  padding-right: 24px;
}
.pt-lg,
.py-lg {
  padding-top: 24px;
}
.pb-lg,
.py-lg {
  padding-bottom: 24px;
}
.px-lg {
  padding-left: 24px;
  padding-right: 24px;
}
.ma-lg {
  margin: 24px 24px;
}
.ml-lg {
  margin-left: 24px;
}
.mr-lg {
  margin-right: 24px;
}
.mt-lg,
.my-lg {
  margin-top: 24px;
}
.mb-lg,
.my-lg {
  margin-bottom: 24px;
}
.mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}
.pa-xl {
  padding: 48px 48px;
}
.pl-xl {
  padding-left: 48px;
}
.pr-xl {
  padding-right: 48px;
}
.pt-xl,
.py-xl {
  padding-top: 48px;
}
.pb-xl,
.py-xl {
  padding-bottom: 48px;
}
.px-xl {
  padding-left: 48px;
  padding-right: 48px;
}
.ma-xl {
  margin: 48px 48px;
}
.ml-xl {
  margin-left: 48px;
}
.mr-xl {
  margin-right: 48px;
}
.mt-xl,
.my-xl {
  margin-top: 48px;
}
.mb-xl,
.my-xl {
  margin-bottom: 48px;
}
.mx-xl {
  margin-left: 48px;
  margin-right: 48px;
}
.mt-auto,
.my-auto {
  margin-top: auto;
}
.ml-auto {
  margin-left: auto;
}
.mb-auto,
.my-auto {
  margin-bottom: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}