.wow {
  animation-duration: 1s !important;
  -webkit-animation-duration: 1s !important;
}

.page1mine .page1-container {

  display: flex;
  height: 650px;
}
.page1 .page-container {
  display: flex;
  width: 100%;
  max-width: 1100px;
  /* 适配常见页面宽度 */
  margin: 20px auto;
  border-radius: 8px;
  /* 匹配示例圆角 */
  overflow: hidden;
  /* 裁剪圆角外内容 */
}

/* 左侧橙色文字区域 */
.page1 .info-section {
    /* background-color: #ff7f00; */
    color: #fff;
    width: 35%;
    border-radius: 160px 0px 0px 0px;
    overflow: hidden;
    padding:   4vw 3vw;
        background: url(/static/cn/img/about1_left.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
   align-items: center;
height: 100%;
}

/* 右侧图片区域 */
.page1 .image-section {
     width: 66%;
     flex: 1;
}
.page1 .image-section .e_image {

  width: 100%;
  height: 100%;
    overflow: hidden;
}
.page1 .image-section:hover img {

  transform: scale(1.05);

}
.page1 .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
  /* 保持图片比例并填满容器 */
}


.page2_mine  {

overflow: hidden;
}

.page2_mine .tit-top {

      display: flex
;
    align-items: center;
    justify-content: space-between;
}

.page2_mine .totright {
    display: flex
;
    align-items: center;
    height: 48px;
    line-height: 48px;
}


.page2_mine .totright .swiper-button-next {
margin-left: 20px;

}
.page2_mine .tit-top .xybutton{
    position: unset;
    margin-top: 0;
}
.page2_mine .a_button {

  	width: 148px;
	height: 44px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #666666;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  overflow: hidden;
  margin: 3vw auto 0; 
}
.page2_mine .a_button:hover {
  color: #fff;
	border: solid 1px #fa7619;
  background-color: #fa7619;
}
.page2_mine .tu {

  height: 300px;
  overflow: hidden;
}
.page2_mine span{
color: #999;
    
}
.page2_mine .tu:hover img {

  transform: scale(1.05);
}
.page2_mine .page2_bottom .tu img {

  transition: all 0.4s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}

.page2_mine .page2_bottom p {

      -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 1.5em;
    color: #111111;
    transition: all 0.3s;
}




.page3 .page3_bottom .po_bot {

  	background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page3 .page3_bottom .po_bot a {

  	background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 2%;
    transition: all 0.4s;
}
.page3 .page3_bottom .po_bot a.act,

.page3 .page3_bottom .po_bot a:hover {

  	background-color: #fa7619;
    color: #ffffff;
}


.page3 .page3_jr {

  position: relative;
}
.page3 .page3_jr:not(:first-child){
    display: none;
}
.page3 .page3_jr .img {
  width: 100%;
  height: 100%;
}
.page3 .page3_jr .img .disimgydd {
    
    display: none;
}
.page3 .page3_jr .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page3 .page3_jr .txt {

      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    display: flex;
    align-items:  center;
    justify-content: space-between;
}
 
.page3 .page3_jr .txt>div {
line-height: 2;
  	letter-spacing: 0px;
	color: #ffffff;
	flex: 0 0 47%;
	width: 47%;
}
.page3 .page3_jr .txt .t_r{
        text-align: center;
}
.page3 .page3_jr .txt .t_r img{
    max-width: 100%;

}
.page3 .page3_jr .txt p {

  color: #ffffff;
}

























.cont .page4 .title {
  color: #222222;
  text-align: center;
  font-family: "ZiKuTangQingKaiS";
}
.cont .page4 .roll_box {
  position: relative;
}
.cont .page4 .roll_box .roll {
  width: 100%;
  overflow: hidden;
}
.cont .page4 .roll_box .roll ul {

  display: flex;
  flex-wrap: wrap;

}
.cont .page4 .roll_box .roll li {
    width: 18.2%;
    height: 120px;
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 1px #ebebeb;
    float: left;
    position: relative;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    /* margin: 0 15px; */
    overflow: hidden;
    margin-right: 2.2%;
    margin-bottom: 2vw;
}
.cont .page4 .roll_box .roll li:nth-child(5n) {
    
        margin-right: 0%;
    
}
.cont .page4 .roll_box .roll li:hover img {

transform: scale(1.05);
}
.cont .page4 .roll_box .roll li .txt {
  height: 3em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cont .page4 .roll_box .roll li .txt::after {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: -50%;
  width: 200px;
  height: 200%;
  opacity: 0.8;
  z-index: 5;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: rotate(-45deg);
}

@keyframes mask {
  0% {
    left: -100%;
  }
  60% {
    left: 200%;
  }
  100% {
    left: 200%;
  }
}
.cont .page4 .roll_box .roll li p {
  text-align: center;
  color: #222;
}
.cont .page4 .roll_box .roll li span {
  display: block;
  text-align: center;
  color: #777;
  margin-top: 15px;
}
.cont .page4 .roll_box .roll li::after {
  content: '';
  display: block;
  width: 60px;
  height: 200%;

  background-size: 100%;
  position: absolute;
  top: 0;
  left: 25px;
}
/*
.cont .page4 .roll_box .roll li::before {
  content: '';
  display: block;
  width: 60px;
  height: 200%;
  background: url(../img/about_ic.png) 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 25px;
  transform: rotateY(180deg);
}
*/
.cont .page4 .roll_box .roll li:hover .txt::after {
  animation: mask 2s ease-in-out 0s infinite;
}
.cont .page4 .roll_box .roll li:hover::after,
.cont .page4 .roll_box .roll li:hover::before {
  top: auto;
  bottom: 0;
}
.cont .page4 .roll_box .roll li:hover p {
  color: #004097;
}
.cont .page4 .roll_box .roll li:hover span {
  color: #004097;
}
@media screen and (max-width: 1366px) {
 .cont .page4 .roll_box .roll li {
    width: 310px;
    height: 92px;
    padding: 0 60px;
  }
  .cont .page4 .roll_box .roll li::after {
    width: 50px;
    left: 20px;
  }
  .cont .page4 .roll_box .roll li::before {
    width: 50px;
    right: 20px;
  }
  .cont .page4 .roll_box .roll li p {
    font-size: 16px;
  }
  .cont .page4 .roll_box .roll li span {
    margin-top: 5px;
  }
.cont .page4 .roll_box .roll li {

      width: 220px;
    height: 100px;
}
.page2_mine .tu {

      height: 250px;
}
}

@media screen and (max-width: 1280px) {
    
    .page2_mine .a_button {
        
        width: 120px;
        height: 40px;
    }
    
    
}

/* 150 */
@media screen and (max-width: 1024px) {

 .cont .page4 .roll_box .roll li {
    width: 260px;
    height: 77px;
    padding: 0 50px;
  }
  .cont .page4 .roll_box .roll li::after {
    width: 42px;
    left: 10px;
  }
  .cont .page4 .roll_box .roll li::before {
    width: 42px;
    right: 10px;
  }
  .cont .page4 .roll_box .roll li p {
    font-size: 1.8vw;
  }

}

@media screen and (max-width: 998px) {}

@media screen and (max-width: 768px) {
    .page3 .page3_jr .img .disimgydd {
    
    display: block;
}
.page3 .page3_jr .img .disimgpc {
    
    display: none;
}
    .page3 .page3_jr .img {
        
        height: 200px;
    }
    .page2_mine .a_button {
            margin: 20px auto 0;
        
    }
.page1 .image-section .e_image {
    
    height: 200px;
}
.page1mine .page1-container{
    height: auto;
            flex-direction: column-reverse;
}
.xinyuan {
    
}
.page3 .page3_jr{
    height: auto;
}
.page3 .page3_jr .txt p{
    color: #333;
}
.page1mine .page1-container {

  flex-wrap: wrap;
}
.page3 .page3_jr .txt{
    position: static;
        transform: none;
}
.page1 .image-section {
  width: 100%;
  flex: 0 0 100%;
}

  .page1 .info-section {
    border-radius: 0px 0px 0px 0px;
      width: 100%;
      padding: 30px 15px;
          background-position: center;
              background-size: 100% 200%;
}

 
.page3 .page3_jr .txt{
    width: 100%;
    flex-wrap: wrap;
    padding: 6vw 0;
}
.page3 .page3_bottom .po_bot a {

  
    padding: 10px;
}
.page3 .page3_jr .txt .t_r img{
      filter: brightness(0) invert(0);
}
 .page3 .page3_jr .txt>div{
     width: 100%;
     flex: 0 0 100%
 }
.cont .page4 .roll_box .roll li {

          width: calc((100% - 20px)/3);
   
        padding: 15px;
        margin: 0 10px 10px 0;
}
.cont .page4 .roll_box .roll li:nth-child(5n) {
    margin-right: 10px;
}
 .page2_mine .totright .swiper-button-next{
     margin-left: 10px;
 }
.cont .page4 .roll_box .roll li:nth-child(3n){
    margin-right: 0;
}
.page2_mine .tu {
  height: 200px;
}
.cont .page4 .roll_box .roll li{
    height: 60px;
}
.cont .page4 .roll_box{
    margin-top: 6vw;
}
}