@font-face {
   font-family: "LogoSCUnboundedSans";
   src: url("../font/LogoSCUnboundedSans-Regular.woff2") format("woff");
}

.logosans {
    font-family: "LogoSCUnboundedSans";
}

.cor-fff {color: #fff;}
.cor-deb86f {color: #deb86f;}

.cor-deb86f-clip {
  color: #deb86f;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(to right, 
    #fff 0%,        /* 起始颜色：白色 */
    #deb86f 50%,    /* 中间颜色：棕黄色（50%位置达到最深） */
    #fff 100%       /* 结束颜色：白色 */
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}

/* 公用样式 */
.w1500 {width: 1500px; margin: auto; max-width: 92%;}
.w1600 {width: 1600px; margin: auto; max-width: 85%;}
.w1800 {width: 1800px; margin: auto; max-width: 92%;}

.A2_xian {display: inline-block; overflow: hidden; width: .7rem; height: .4rem;}
.A2_xian img {width: .7rem; height: 100%;}
@keyframes w100 {from {width: 0;}to {width: .7rem;}} 
.w100 {
  -webkit-animation-name: w100;
  animation-name: w100;
}

.icon-abs {position: relative; display: inline-block !important;}
.icon-abs::after {content: ''; position: absolute;right: -.1rem; top: 0; transform: translateX(100%) translateY(25%);  width: .46rem; height: .46rem; background: url(../images/A2_Pro/A2_Pro-icon.png) no-repeat center; background-size: contain;}

/* banner */
.A2Pro-banner {position: relative;}
.A2Pro-banner .imgBox img {width: 100%; min-height: 5rem; object-fit: cover;}
.A2Pro-banner .box {top: 60%;}
.A2Pro-banner .box .p1 {font-size: 1.4rem; line-height: .9;}
.A2Pro-banner .box .p1 span {display: block;}
.A2Pro-banner .box .A2_xian {margin-top: .5rem;}
.A2Pro-banner .box .p2 {margin-top: .3rem; line-height: 1.4;}
.A2Pro-banner .box .p2 span {display: block; color: #fff; font-size: .4rem;}

.A2Pro_one {background: url(../images/A2_Pro/A2Pro_one-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0 2rem;}
.A2Pro_one .box {display: flex; justify-content: space-between; align-items: flex-start;}
.A2Pro_one .left .tle {line-height: 1;}
.A2Pro_one .left .tle .t1 {font-size: .64rem; display: inline-flex !important;}
.A2Pro_one .left .tle .t2 {font-size: 1.4rem;display: block;}
.A2Pro_one .left .tle img {width: 7.4rem;}
.A2Pro_one .left .A2_xian {margin-top: .3rem;}
.A2Pro_one .left .p1 {margin-top: 1.4rem;}
.A2Pro_one .left .p1 span {display: block;font-size: .3rem; color: #fff;}
.A2Pro_one .left .pirce {margin-top: 1rem;}
.A2Pro_one .left .pirce img {width: 3.3rem;}
.A2Pro_one .right {width: 49%;}
.A2Pro_one .right ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; align-items: flex-start;}
.A2Pro_one .right li {border-radius: .25rem; overflow: hidden; position: relative;}
.A2Pro_one .right li img {width: 100%; transform: scale(1.01);}
.A2Pro_one .right li:nth-child(2) , .A2Pro_one .right li:nth-child(5) {top: .6rem;}

.A2Pro_two .sec_item {position: relative; overflow: hidden;}
.A2Pro_two .sec_item .bjBox img {width: 100%;}
.A2Pro_two .sec_item .con {position: absolute; width: 100%;left: 0;z-index: 1; top: 50%; transform: translateY(-50%);}
.A2Pro_two .sec_item .con .left {width: 43%;}
.A2Pro_two .sec_item .tle {font-size: 1.4rem; line-height: .9;}
.A2Pro_two .sec_item .tle span {display: block;}
.A2Pro_two .sec_item .tle span.icon-abs::after {transform: translateX(200%) translateY(25%);}
.A2Pro_two .sec_item .A2_xian {margin-top: .8rem;}
.A2Pro_two .sec_item .p_tit1 {font-size: .6rem; margin-top: .5rem;}
.A2Pro_two .sec_item .p1 {font-size: .3rem; margin-top: .5rem; color: #fff;}
.A2Pro_two .sec_item .p1 p {color: #fff;}
.A2Pro_two .sec_item .info_list {margin-top: .5rem;}
.A2Pro_two .sec_item .info_list dt {font-size: .48rem; color: #fff;}
.A2Pro_two .sec_item .info_list .ddbox {display: flex; flex-wrap: wrap; gap: .2rem; margin-top: .4rem;}
.A2Pro_two .sec_item .info_list .ddbox dd {padding: .12rem .3rem; border-radius: .17rem; font-size: .28rem; color: #333; background: #fff;}
.A2Pro_two .sec_item:nth-child(even) .box {display: flex; justify-content: flex-end;}
.A2Pro_two .sec_item .more {margin-top: .3rem;}
.A2Pro_two .sec_item .more a {display: inline-block; border-radius: 6.25rem; padding: .15rem .35rem; background: #deb86f; color: #fff; transition: .5s;    font-size: var(--font16);}
.A2Pro_two .sec_item .more a:hover {box-shadow: 0 0 0 .1rem rgba(222, 184, 111,.2);}


.A2Pro_thre {position: relative; overflow: hidden;}
.A2Pro_thre .bjBox img {width: 100%; min-height: 6rem;}
.A2Pro_thre .tle { position: absolute; width: 100%; left: 0; top: 8%; text-align: center; z-index: 1;}
.A2Pro_thre .tle {font-size: 1.1rem; line-height: .9;}
.A2Pro_thre .tle span {display: block;}
.A2Pro_thre .con {position: absolute; width: 100%;left: 0;z-index: 1; bottom: 10%; text-align: center;}
.A2Pro_thre .con .info {display: inline-block; position: relative;}
.A2Pro_thre .con .info::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%) translateX(-120%); width: 1.65rem; height: 2rem; background: url(../images/A2_Pro/A2Pro_thre-text-icon.png) no-repeat center; background-size: contain;}
.A2Pro_thre .con .info::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(120%) rotateY(180deg); width: 1.65rem; height: 2rem; background: url(../images/A2_Pro/A2Pro_thre-text-icon.png) no-repeat center; background-size: contain;}
.A2Pro_thre .con .p1 {font-size: .37rem; color: #fff;}
.A2Pro_thre .con .p2 {font-size: .28rem; color: #fff;}

.A2Pro_five {background: url(../images/A2_Pro/A2Pro_five-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0 1.6rem;}
.A2Pro_five .box {margin-top: .7rem;}
.A2Pro_five .tle {text-align: center; font-size: 1rem; color: #000;}
.A2Pro_five ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem;}
.A2Pro_five li {background: #fff; padding: .4rem .1rem; border-radius: .4rem; text-align: center; transition: .5s;}
.A2Pro_five li:first-child {grid-row: 1 / 3;display: flex; flex-direction: column; justify-content: center;}
.A2Pro_five li:first-child span {margin-top: 1.5rem;}
.A2Pro_five li .icBox {height: .9rem; display: flex; align-items: center; justify-content: center;}
.A2Pro_five li .icBox img {max-height: 100%;}
.A2Pro_five li span {font-size: .3rem; margin-top: .3rem; display: block;}
.A2Pro_five li:hover {box-shadow: 0px .4rem .9rem 0px rgba(0, 156, 255, 0.13);}

.A2Pro_six {position: relative; padding: 1rem 0;}
.A2Pro_six .tle {text-align: center; font-size: 1rem; color: #000;}
.A2Pro_six .box { box-shadow: 0px .4rem .9rem 0px rgba(0, 156, 255, 0.13); margin-top: .7rem;  overflow-x: auto;}
.A2Pro_six table {border-radius: .36rem; overflow: hidden; width:100%;}
.A2Pro_six table tr td {padding:.15rem .2rem;font-size: .24rem;}
.A2Pro_six table tr:first-child {  background: linear-gradient(to right, #0a0704, #55482c 50%,   #0a0704);     color: #fff;}
.A2Pro_six table tr td:first-child {width:20%;}
.A2Pro_six table tr:first-child td span {font-size: .32rem !important;}
.A2Pro_six table tr td[colspan="3"] strong span {font-size: .32rem !important;}


@media screen and (max-width: 1024px) {
  .A2Pro_one .left .tle .t1 {font-size: .5rem;}
  .A2Pro_one .left .tle .t2 {font-size: 1rem;}
  .A2Pro_two .sec_item .tle {font-size: 1rem;}
}



@media screen and (max-width: 960px) {
  .A2Pro-banner .box .p1 {font-size: .8rem;}

  .A2Pro_two .sec_item .tle {font-size: .8rem;}
  .A2Pro_two .sec_item .info_list .ddbox dd {padding: .1rem .2rem;}

}

@media screen and (max-width: 768px) {
  .w1600 {max-width:92%;}

  .icon-abs::after {width: .3rem; height: .3rem;}

  .A2Pro-banner .box .p1 {font-size: .6rem;}
  .A2Pro-banner .box .p2 span {font-size: .3rem;}
  .A2Pro_one .box {flex-wrap: wrap;}
  .A2Pro_one .left {width: 100%;}
  .A2Pro_one .right {width: 100%; margin-top: 1rem;}
  .A2Pro_one .left .p1 {margin-top: .6rem;}
  .A2Pro_one .left .pirce {margin-top: .5rem;}
  .A2Pro_two .sec_item .con .left {width: 50%;}
  .A2Pro_two .sec_item .tle {font-size: .6rem;}
  .A2Pro_two .sec_item .A2_xian {margin-top: .4rem;}
  .A2Pro_two .sec_item .p1 {font-size: .24rem; margin-top: .3rem;}
  .A2Pro_two .wrap_item .bjBox img {width: 160%;}
  .A2Pro_two .wrap_item .con {position: relative; transform: none; background: #201712;}
  .A2Pro_two .wrap_item .con .left {width: 100%; padding: .5rem 0;}
  .A2Pro_thre .tle {font-size: .6rem;}
  .A2Pro_five .tle {font-size: .6rem;}
  .A2Pro_five ul {grid-template-columns: repeat(2, 1fr);    gap: .3rem;}
  .A2Pro_five li:first-child {grid-row: auto; grid-column: 1 / 3;}
  .A2Pro_five li:first-child span {margin-top: .5rem;}
  .A2Pro_five li .icBox {height: .6rem;}
  .A2Pro_six .tle {font-size: .6rem;}
  .A2Pro_six table tr td:first-child {width:42%;}
}