.header1 {
  background: url(../image/about-ban.png) no-repeat;
  background-attachment: fixed;

  background-size: 100% 100%;
}
.cp-content {
  width: 100%;
  /* transform: translateY(-90px); */
  flex-direction: column;
  margin: 60px 0px 60px 0px;
}

.cp-content-s {
  height: 32.5rem;
}

.cp-content-s:nth-child(even) {
  background-color: #f7f8f9;
}

.cpcsm {
  width: 75rem;
}

.cpcsmc {
  display: flex;
  flex-direction: column;
}

.cpcsmc img {
  margin-top: 40px;
  width: 2.5rem;
  height: 40px;
}

.cpcsmc-t {
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: 700;
}

.cpcsmc-c {
  width: 33.75rem;
  font-size: 0.875rem;
  color: #666;
  margin-top: 30px;
}

.cpcsmc-b {
  width: 6rem;
  margin-top: 8rem;
  color: #f08519;
  border: 1px solid #f08519;
  padding: 0.875rem 1.1875rem 0.875rem 1.3125rem;
  border-radius: 10px;
}

.xuan {
  width: 75rem;
  border: 1px solid #dddddd;
  border-radius: 10px;
  overflow: hidden;
}

.xuan img {
  width: 37.5rem;
  height: 400px;
}

.xuan-l {
  /* display: flex;
    flex-direction: column; */
  height: 400px;
  width: 37.5rem;
  padding: 40px;
}

.ml40 {
  margin-left: 2.5rem;
}

h1 {
  font-size: 1.5rem !important;
}

.xuan-l-t {
  margin-top: 30px;
  font-size: 0.875rem;
  color: #999999;
  margin-bottom: 40px;
}

.xuan-l-t span:nth-child(1) {
  padding-right: 0.625rem;
  border-right: 1px solid #999999;
}

.xuan-l-t span:nth-child(2) {
  padding-left: 0.625rem;
}

.xuan-l-c {
  font-size: 1rem;
  color: #999999;
}

.xuan-l-f {
  margin-top: 50px;
  color: #999999;
  justify-content: space-between;
}

.yuan {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

.yuan span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 0.625rem;
  border-radius: 100%;
  border: 4px solid #cccccc;
}

.yuan span:hover {
  cursor: pointer;
  border: 4px solid #f08519;
}

.cpc {
  display: flex;
  height: 160px;
  width: 75rem;
  border-bottom: 1px solid #999999;
  padding: 20px;
  overflow: hidden;
}

.cpc-l {
  width: 14.33%;
  flex-direction: column;
  border-right: 1px solid #cccccc;
}

.cpc-l span:nth-child(1) {
  color: #333333;
  font-size: 1.125rem;
  font-weight: 700;
}

.cpc-l span:nth-child(2) {
  margin-top: 20px;
  color: #999999;
  font-size: 0.875rem;
}

.cpc-r {
  width: 85.67%;
  flex-direction: column;
  padding: 0px 20px 0px 20px;
  overflow: hidden;
}

.cpc-r span:nth-child(1) {
  color: #333333;
  font-size: 1.125rem;
  font-weight: 700;
}

.cpc-r span:nth-child(2) {
  margin-top: 20px;
  color: #999999;
  font-size: 0.875rem;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header {
  height: 540px;
  position: relative;
}

.header img {
  width: 100%;
  height: 100%;
}

.hbc {
  top: 0px;
  z-index: -1 !important;
  transform: translateY(-90px);
}

.hs {
  z-index: -1 !important;
}

.h-content1 {
  position: absolute;
  color: #fff;
  top: 233px;
  left: 54.375rem;
  height: 93px;
  font-size: 3rem;
  text-align-last: justify;
  line-height: 100%;
}

.h-content2 {
  color: #fff;
  font-size: 1.875rem;
  position: absolute;
  top: 310px;
  left: 39.375rem;
}

.h-content3 {
  position: absolute;
  top: 389px;
  left: 57.5rem;
  width: 5rem;
  border: 4px solid #f08519;
}

.tabActive {
  color: #f08519;
}

.pagtion {
  height: 40px;
  font-size: 0.75rem;
  padding-top: 60px;
}

.pagtion div {
  width: 5rem;
  line-height: 40px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}

.pagtion span {
  margin: 0px 5px 0px 5px;
  line-height: 40px;
  width: 2.5rem;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}

.pagtion div:hover {
  cursor: pointer;
}

.pagtion span:hover {
  cursor: pointer;
}

.pagActice {
  background-color: #f08519;
  color: #fff;
}

.ccp {
  align-items: flex-start;
  justify-content: center;
}

.cccpl {
  width: 43.75%;
  margin-right: 3.75rem;
}

.cccpl h1 {
  font-size: 1.875rem !important;
}

.cccpl-1 {
  font-size: 0.875rem;
  color: #999999;
  margin-top: 1.5rem;
  margin-bottom: 3.6875rem;
}

.cccpl-1 span:nth-child(1) {
  padding-right: 0.625rem;
  border-right: 1px solid #999999;
}

.cccpl-1 span:nth-child(2) {
  margin-left: 0.625rem;
}

.cccpl-2 {
  font-size: 1rem;
  color: #333333;
  margin-bottom: 2.5rem;
}

.cccpl img {
  width: 100%;
  height: 35rem;
}

.cccpr {
  width: 14.625%;
  border-radius: 10px;
}

.cccpl-select {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
}

.cccpl-select div {
  display: flex;
  flex-direction: column;
}

.w1 {
  flex-direction: row !important;
  color: #999;
  font-size: 0.875rem;
}

.w1 span:nth-child(1) {
  padding-right: 0.625rem;
  border-right: 1px solid #999;
}

.w1 span:nth-child(2) {
  padding-left: 0.625rem;
}

.w0 {
  padding: 1.875rem;
  display: flex;
  justify-content: center;
  border: 1px solid #999;
  border-radius: 10px;
}

.w0:hover {
  cursor: pointer;
  background-color: #f08519;
  border: 1px solid #999;
}

.w0:hover .w0-w1 {
  color: #fff;
}

.w0:hover .w0-w2 {
  color: #fff;
}

.w0:hover .w1 {
  color: #fff;
}

.w0-w2 {
  color: #333333;
  font-size: 1rem;
  margin-bottom: 1.0625rem;
}

.r1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #f7f8f9;
  border-radius: 10px;
}

.r11 {
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
}

.r11 span:nth-child(1) {
  margin-top: 0.625rem;
  font-size: 1.125rem;
  color: #333333;
  margin-bottom: 0.875rem;
}

.r12 {
  width: 2rem;
  margin-bottom: 0.875rem;
  border: 1px solid #f08519;
}

.r11 span:nth-child(2) {
  font-size: 1rem;
}

.r13 {
  font-size: 1.125rem;
  color: #333333;
  margin-bottom: 0.875rem;
}

.r111 {
  flex-direction: row !important;
  color: #999;
  font-size: 0.875rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}

.r11:nth-child(2) {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.r111 span:nth-child(1) {
  padding-right: 0.625rem;
  border-right: 1px solid #999;
}

.bb {
  width: 80%;
  border: 1px solid #000;
}

.ri {
  margin-top: 1.25rem;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.625rem;
  border: 1px solid #eeeeee;
}

.ri img {
  width: 1.25rem;
  height: 1rem;
  margin-right: 0.625rem;
}

.ri span {
  font-size: 0.875rem;
}