<br />
<b>Warning</b>:  file_get_contents(/www/wwwroot/a_csite.com/csite_template/www.derucci.com//static/home/css/ny30.css?t=2024-6-25 11:48:33): failed to open stream: No such file or directory in <b>/www/wwwroot/a_csite.com/sincycle.com/coreLibs/base/baseApp.php</b> on line <b>371</b><br />
.ny30-main .mxw-box {
  width: 24rem;
}
/* ==================== 内页30 - 通用标题 Start ==================== */
.ny30-title {
  margin-bottom: 1rem;
  text-align: left;
  color: #083366;
}
.ny30-title .text1 {
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 0.3334rem;
  font-family: "HYJunhei-85J";
}
.ny30-title .text2 {
  font-size: 0.4333rem;
  line-height: 1.1;
}
/* ==================== 内页30 - 通用标题 End ==================== */
/* ==================== 内页30 - 板块一 Start ==================== */
.ny30-section1 .image {
  display: block;
  width: 100%;
}
.ny30-section1 .image img {
  width: 100%;
}
/* ==================== 内页30 - 板块一 End ==================== */
/* ==================== 内页30 - 板块二 Start ==================== */
.ny30-section2 {
  background-color: #fff;
  padding-top: 2.3334rem;
  padding-bottom: 3.3334rem;
}
.ny30-section2 .title {
  font-size: 1rem;
  line-height: 1.1;
  font-family: "HYJunhei-85J";
  color: #083366;
  margin-bottom: 1.1667rem;
  text-align: center;
}
.ny30-section2 .title strong {
  font-weight: 400;
  font-size: 1.6666rem;
  color: transparent;
  background: -webkit-linear-gradient(to bottom, #45C7F0, #358EFD);
  background: -o-linear-gradient(to bottom, #45C7F0, #358EFD);
  background: -moz-linear-gradient(to bottom, #45C7F0, #358EFD);
  background: linear-gradient(to bottom, #45C7F0, #358EFD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "HYJunhei-85J";
  line-height: 1;
  display: inline-block;
}
.ny30-section2 .itembox {
  display: flex;
  flex-wrap: wrap;
}
.ny30-section2 .item {
  width: 32.6666%;
  background: url(../images/ny30/img008@470x340.png) no-repeat center;
  background-size: cover;
  background-position: center;
  padding: 1.0832rem 0.3334rem;
  text-align: center;
  overflow: hidden;
  border-radius: 0.1667rem;
  transition: all 0.4s;
}
.ny30-section2 .item:hover .icon,
.ny30-section2 .item:hover .text1,
.ny30-section2 .item:hover .text2 {
  transform: translateY(-0.1667rem);
}
.ny30-section2 .item:nth-child(3n-1) {
  margin-left: 1%;
  margin-right: 1%;
}
.ny30-section2 .item:nth-child(3) ~ .item {
  margin-top: 1%;
}
.ny30-section2 .item .icon {
  width: 2.2rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.3334rem;
  transition: all 0.4s;
}
.ny30-section2 .item .info {
  text-align: center;
}
.ny30-section2 .item .text1 {
  font-size: 0.4333rem;
  line-height: 1.1;
  color: #083366;
  margin-bottom: 0.1667rem;
  transition: all 0.4s;
}
.ny30-section2 .item .text2 {
  font-size: 0.3334rem;
  color: #083366;
  line-height: 1.4;
  font-family: "HYJunhei-35J";
  transition: all 0.4s;
}
/* ==================== 内页30 - 板块二 End ==================== */
/* ==================== 内页30 - 板块三 Start ==================== */
.ny30-section3 {
  background-color: #CEEBF9;
  padding-top: 2.3334rem;
  padding-bottom: 3.5002rem;
}
.ny30-section3 .item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.ny30-section3 .item .image {
  overflow: hidden;
  border-radius: 0.3334rem;
  flex-shrink: 0;
}
.ny30-section3 .item .info {
  min-width: 0;
  flex-grow: 1;
  background-color: #F1FAFF;
  padding: 0.6666rem 0.6666rem;
  border-radius: 0.3334rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.ny30-section3 .item .text1 {
  color: #08324F;
  font-size: 0.6rem;
  line-height: 1.1;
}
.ny30-section3 .item .text2 {
  color: #08324F;
  font-size: 0.4333rem;
  line-height: 1.1;
  margin-top: 0.3334rem;
}
.ny30-section3 .item .text3 {
  margin-top: 0.5002rem;
  font-size: 0.2666rem;
  color: #606466;
  line-height: 1.6;
  text-align: justify;
}
.ny30-section3 .item .img {
  margin-top: 0.3334rem;
}
.ny30-section3 .item1 {
  margin-bottom: 0.8333rem;
}
.ny30-section3 .item1 .image {
  width: 15.8333rem;
  margin-right: 0.1667rem;
}
.ny30-section3 .item2 .image {
  width: 15.8333rem;
  margin-left: 0.1667rem;
}
/* ==================== 内页30 - 板块三 End ==================== */
/* ==================== 内页30 - 板块四 Start ==================== */
.ny30-section4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3.3334rem;
  padding-bottom: 3.3334rem;
}
.ny30-section4 .body {
  display: flex;
}
.ny30-section4 .info {
  min-width: 0;
  flex-grow: 1;
}
.ny30-section4 .info .text1 {
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
  font-family: "HYJunhei-85J";
  margin-bottom: 1rem;
}
.ny30-section4 .info .text2 {
  font-size: 0.4333rem;
  line-height: 1.6;
  color: #B9BABD;
}
.ny30-section4 .image {
  flex-shrink: 0;
  width: 15rem;
  display: block;
  margin-left: 0.6666rem;
}
.ny30-section4 .image img {
  width: 100%;
}
/* ==================== 内页30 - 板块四 End ==================== */
/* ==================== 内页30 - 板块五 Start ==================== */
.ny30-section5 {
  padding-top: 2.1667rem;
  padding-bottom: 1.5834rem;
  background-color: #FFFFFF;
  overflow: hidden;
}
.ny30-section5 .ny30-title {
  text-align: center;
}
.ny30-section5 .item {
  display: flex;
  align-items: stretch;
}
.ny30-section5 .item:first-child ~ .item {
  margin-top: -2.5002rem;
}
.ny30-section5 .item:nth-child(2n-1) .info {
  padding-top: 1.8333rem;
  margin-right: 1.3334rem;
}
.ny30-section5 .item:nth-child(2n-1) .image {
  width: 13rem;
}
.ny30-section5 .item:nth-child(2n) .info {
  padding-top: 7.1667rem;
  margin-left: 1.3334rem;
}
.ny30-section5 .item:nth-child(2n) .image {
  width: 9.6666rem;
}
.ny30-section5 .item .info {
  min-width: 0;
  flex-grow: 1;
}
.ny30-section5 .item .info .text1 {
  font-size: 0.6rem;
  line-height: 1.4;
  text-align: justify;
  color: #083366;
  margin-bottom: 0.5002rem;
}
.ny30-section5 .item .info .text2 {
  font-size: 0.4333rem;
  line-height: 1.6;
  text-align: justify;
  color: #6B85A3;
}
.ny30-section5 .item .image {
  flex-shrink: 0;
  border-radius: 0.1667rem;
  overflow: hidden;
}
.ny30-section5 .item .image img {
  width: 100%;
}
/* ==================== 内页30 - 板块五 End ==================== */
/* ==================== 内页30 - 板块六 Start ==================== */
.ny30-section6 {
  background-color: #FCFCFC;
  padding-top: 3.8333rem;
  padding-bottom: 1rem;
  overflow: hidden;
}
.ny30-section6 .ny30-section6-swiper {
  overflow: visible;
}
.ny30-section6 .item {
  display: flex;
  align-items: stretch;
}
.ny30-section6 .item .image {
  flex-shrink: 0;
  display: block;
  width: 13rem;
  border-radius: 0.3334rem;
  overflow: hidden;
}
.ny30-section6 .item .info {
  padding-left: 1.1667rem;
  padding-right: 1.1667rem;
  padding-top: 0.6666rem;
  padding-bottom: 0.6666rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  flex-grow: 1;
}
.ny30-section6 .item .info .text1 {
  font-size: 0.6rem;
  line-height: 1.4;
  text-align: justify;
  color: #083366;
}
.ny30-section6 .item .info .text2 {
  color: #6A83A2;
  line-height: 1.6;
  text-align: justify;
  font-size: 0.4rem;
  margin-top: 0.3334rem;
}
.ny30-section6 .bottom {
  margin-top: 1.1667rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ny30-section6 .bottom .swiper-scrollbar {
  height: 0.0333rem;
  background-color: #F1F1F1;
  width: 7rem;
  position: relative;
}
.ny30-section6 .bottom .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #083366;
}
.ny30-section6 .bottom .btn-group {
  margin-left: 0.6666rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ny30-section6 .bottom .swiper-button {
  width: 0.8333rem;
  height: 0.8333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin: 0;
  transform: translate(0, 0);
  font-size: 0.4333rem;
  color: #fff;
  background-color: #083366;
  border-radius: 100%;
  margin-right: 0.1667rem;
  transition: all 0.4s;
}
.ny30-section6 .bottom .swiper-button.swiper-button-disabled {
  opacity: 1;
  background-color: #CACACA;
}
.ny30-section6 .bottom .swiper-button:last-child {
  margin-right: 0;
}
/* ==================== 内页30 - 板块六 End ==================== */
/* ==================== 内页30 - 板块七 Start ==================== */
.ny30-section7 {
  padding-top: 4rem;
  padding-bottom: 3.3334rem;
}
.ny30-section7 .ny30-title {
  text-align: center;
}
.ny30-section7 .itembox {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.ny30-section7 .item {
  position: relative;
  border-radius: 0.3334rem;
  overflow: hidden;
  width: 32.6666%;
}
.ny30-section7 .item:nth-child(3n-1) {
  margin-left: 1%;
  margin-right: 1%;
}
.ny30-section7 .item:hover .info {
  transform: translateY(-0.1667rem);
}
.ny30-section7 .item:hover .image img {
  transform: scale(1.1);
}
.ny30-section7 .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);
  background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);
  z-index: 2;
}
.ny30-section7 .item .image {
  position: relative;
  z-index: 1;
}
.ny30-section7 .item .image img {
  transition: all 0.4s;
  width: 100%;
  display: block;
}
.ny30-section7 .item .info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  font-size: 0.4333rem;
  color: #fff;
  padding-bottom: 0.9168rem;
  padding-left: 0.1667rem;
  padding-right: 0.1667rem;
  text-align: center;
  transition: all 0.4s;
}
/* ==================== 内页30 - 板块七 End ==================== */
/* ==================== 内页30 - 板块八 Start ==================== */
.ny30-section8 {
  padding-bottom: 3rem;
}
.ny30-section8 .itembox {
  display: flex;
  flex-wrap: wrap;
}
.ny30-section8 .item {
  width: 49%;
}
.ny30-section8 .item:nth-child(2n) {
  margin-left: 2%;
  margin-top: -2.6666rem;
}
.ny30-section8 .item .image {
  border-radius: 0.3334rem;
  overflow: hidden;
}
.ny30-section8 .item .image img {
  width: 100%;
}
.ny30-section8 .item .text {
  padding: 0.5002rem 0.4333rem;
  line-height: 1.6;
  font-size: 0.4333rem;
  color: #6B85A3;
}
/* ==================== 内页30 - 板块八 End ==================== */
/* ==================== 内页30 - 板块九 Start ==================== */
.ny30-section9 {
  background-color: #F9F9F9;
  overflow: hidden;
}
.ny30-section9 .max-body {
  padding-top: 2.6666rem;
  padding-bottom: 2.6666rem;
  padding-left: 4rem;
}
.ny30-section9 .ny30-section9-swiper {
  overflow: visible;
  margin-left: 0;
}
.ny30-section9 .item {
  display: block;
}
.ny30-section9 .item .image {
  flex-shrink: 0;
  display: block;
  border-radius: 0.3334rem;
  overflow: hidden;
}
.ny30-section9 .item .image img {
  width: 100%;
}
.ny30-section9 .item .text1 {
  font-size: 0.4333rem;
  margin-bottom: 0.3334rem;
  color: #083366;
}
.ny30-section9 .item .text2 {
  margin-top: 0.4166rem;
  font-size: 0.3334rem;
  color: #6882A1;
}
.ny30-section9 .btn-group {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 4rem;
}
.ny30-section9 .swiper-button {
  width: 0.8333rem;
  height: 0.8333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin: 0;
  transform: translate(0, 0);
  font-size: 0.4333rem;
  color: #fff;
  background-color: #083366;
  border-radius: 100%;
  margin-right: 0.1667rem;
  transition: all 0.4s;
}
.ny30-section9 .swiper-button.swiper-button-disabled {
  opacity: 1;
  background-color: #CACACA;
}
.ny30-section9 .swiper-button:last-child {
  margin-right: 0;
}
/* ==================== 内页30 - 板块九 End ==================== */
/* ==================== 内页30 - 板块十 Start ==================== */
.ny30-section10 {
  background-color: #FFFFFF;
  padding-top: 2.1667rem;
  padding-bottom: 3.5834rem;
}
.ny30-section10 .ny26-title2 {
  color: #083366;
}
.ny30-section10 .ny26-table {
  border-color: #083366;
}
.ny30-section10 .ny26-table td {
  border-color: #083366;
}
.ny30-section10 .ny26-table tr:nth-child(2n-1) td {
  color: #083366;
}
.ny30-section10 .ny26-table tr:nth-child(2n) td {
  color: #fff;
  background-color: #6B85A3;
}
/* ==================== 内页30 - 板块十 End ==================== */