/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%;}
.headBox {padding: 0 3%; background: rgba(255,255,255,1); border-bottom: 1px solid #eee; transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; align-items: center;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .le {height: 100%;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0 !important;}
/* 取消layui默认样式 end!!!*/

nav {width: 52%; height: 100%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #333;position: relative; z-index: 1; font-size: var(--font18); font-weight: 400; transition: 0.4s;}
nav .layui-nav .layui-nav-item > a i {top: 50%; transform: translateY(-50%) translateX(180%); right: 0; color: #333 !important; font-size: var(--font14);}
nav .layui-nav .layui-nav-item > a::after {content: ''; width: 1rem; height: 1rem; position: absolute; left: 50%; top: 110%; transform: translateX(-50%) rotate(-45deg); background: url(../images/header-nav-icon.png) no-repeat center; background-size: contain; opacity: 0; transition: .5s;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {font-weight: 700; color: #005AEE;}
nav .layui-nav .layui-nav-item:hover > a::after , nav .layui-nav .layui-this > a::after {opacity: 1; transform: translateX(-50%) rotate(0deg);}
nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;}

/* 二级导航 */
nav ul li dl.layui-nav-child {border-top: .125rem solid #005aee; background: #fff; min-width: 8.75rem; padding: .313rem; border-radius: 0 0 .625rem .625rem; top: 100%;  box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.06);}
nav ul li dl.layui-nav-child dd {padding: .5rem .313rem; border-bottom: 1px solid #dbdbdb;}
nav ul li dl.layui-nav-child dd:last-child {border-bottom: none;}
nav ul li dl.layui-nav-child dd > a {padding: 0 !important;line-height: initial;color: #333333; font-size: var(--font16);}
nav ul li dl.layui-nav-child dd > a:hover {color: #005aee !important; background: none !important;}


/* 搜索 */
.head_search {cursor: pointer;}
.head_search a {height: 3.5rem; width: 3.5rem;position: relative;background: #005aee;border-radius: 50%;}
.head_search svg {width: 40%; height: 40%;}
.head_search svg path {fill: #fff;}

/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: 3.125rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;}
.hadbox-sec4 .close svg {width: 100%; height: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%; height: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #005aee;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 2.75rem 1.5rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 7rem; height: 3rem;}
}


/* 头部下滑 */
header.c-style2 {}


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: .188rem; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #005aee; border-radius: .313rem;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {padding: .875rem 1.5rem;background: #005aee; display: inline-flex; transition: .5s; border-radius: 6.25rem; color: #fff;}
.more1:hover {box-shadow: 0 0 0 .5rem rgba(0, 90, 238, .2);}

.indexTle .t1 {}

/* 首页 */
.indexBanner { position: relative; overflow: hidden;}
.indexBanner .swiper { overflow: hidden;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox img {width: 100%;object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion { bottom: 2%; }
.indexBanner .pagtion span { width: .5rem; height: .5rem; margin: 0 .313rem !important; position: relative;opacity: 1; background: #fff;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #005aee;}

.indexOne {background: #005AEE; padding: 3.125rem 0 4.375rem; position: relative; overflow: hidden; z-index: 1;}
.indexOne .text_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1; opacity: 0.03;}
.indexOne .text_img img {width: 100%; object-fit: cover;}
.indexOne ul {display: flex; justify-content: space-between;}
.indexOne li {position: relative; z-index: 1; text-align: center; padding: 0 2.5rem;}
.indexOne li .icBox {height: 3.25rem;}
.indexOne li .icBox img {max-height: 100%; min-height: 90%; object-fit: contain;}
.indexOne li .p1 {font-size: var(--font20);color: #FFFFFF;font-family: 'Maven Pro', sans-serif; font-weight: 700; margin-top: 1.25rem;}
.indexOne li .p2 {margin-top: 1.25rem;color: #FFFFFF;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 3.125rem 0 9.375rem; position: relative; overflow: hidden;}
.indexTwo .left {width: 54%;}
.indexTwo .right {width: 42%;}
.indexTwo .numlist {display: flex; gap: 1.75rem; margin-top: 3.125rem; justify-content: space-between;}
.indexTwo .numlist .item {background: #FFFFFF; padding: 1.25rem; width: calc(100% / 3);}
.indexTwo .numlist .num {display: inline-flex; align-items: flex-end; line-height: .8;color: #005AEE; font-weight: 700;}
.indexTwo .numlist .counter {font-size: var(--font56);}
.indexTwo .numlist .num .dw {font-size: var(--font24);}
.indexTwo .numlist .item .text {margin-top: 1.25rem;}
.indexTwo .more {margin-top: 4.375rem;}
.indexTwo .box {display: flex; justify-content: space-between; align-items: center;}
.indexTwo .list {}
.indexTwo .list ul {gap: .875rem;display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexTwo .list li {width: calc(100% / 2 - .5rem); position: relative;}
.indexTwo .list li:nth-child(2n) {transform: translateY(6.25rem);}
.indexTwo .list li .imgBox {position: relative; z-index: 1; overflow: hidden;}
.indexTwo .list li .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%); }
.indexTwo .list li .imgBox img {width: 100%; height: 20rem; object-fit: cover; transition: .5s;}
.indexTwo .list li .con {position: absolute; bottom: .75rem; left: 0; width: 100%; padding: 0 1.25rem; display: flex; justify-content: space-between; align-items: center; z-index: 2;}
.indexTwo .list li .con .t1 {color: #fff;font-family: 'Maven Pro', sans-serif; font-size: var(--font18);}
.indexTwo .list li .jt {width: 2.75rem; height: 2.75rem; border-radius: 50%;border: 1px solid #FFFFFF; position: relative; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexTwo .list li .jt .cirle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: .625rem; height: .625rem; background: #005AEE; border-radius: 50%;  transition: .5s;}
.indexTwo .list li .jt i {font-size: var(--font16); color: #fff; opacity: 0; transition: .5s;}
.indexTwo .list li:hover .jt {background: #005AEE; border-color: #005AEE;}
.indexTwo .list li:hover .jt .cirle {opacity: 0;}
.indexTwo .list li:hover .jt i {opacity: 1;}
.indexTwo .list li:hover .imgBox img {transform: scale(1.1, 1.1);}

.indexThre {padding: 5rem 0;}
.indexThre .list {
  margin-top: 4.375rem;
  display: grid; 
  /* 
    计算各列宽度占比：
    第一列：504px / 1920px = 26.25%
    其他列：343px / 1920px ≈ 17.8646875%
    列间隙：10px / 1920px ≈ 0.5208333%
  */
  grid-template-columns: 26.25% 17.8646875% 17.8646875% 17.8646875% 17.8646875%;
  gap: 0.5208333%; /* 列与列、行与行的间隙 */
  row-gap: .625rem;
}
.indexThre .list .item .imgBox {height: 100%;}
.indexThre .list .item1 { grid-row: 1 / 3;}
.indexThre .list .item2 { grid-column: 2 / 4;}
.indexThre .list .item .imgBox img {width: 100%;height: 100%;object-fit: cover;}
.indexThre .list .item2, .indexThre .list .item7 {background-color: #0066cc;color: #fff;display: flex;flex-direction: column;justify-content: center;padding: 1.25rem;}
.indexThre .list .item .ic_info {display: flex; align-items: center;}
.indexThre .list .item .icBox {margin-right: 1rem;height: 4rem; display: flex; align-items: center;}
.indexThre .list .item .icBox img {max-height: 100%; min-height: 90%; object-fit: contain;}
.indexThre .list .item .en {opacity: 0.1; text-transform: uppercase; line-height: 1;}
.indexThre .list .item .tit {font-weight: 700;text-transform: uppercase; margin-top: 1.25rem;}
.indexThre .list .item .text {margin-top: .625rem;}

.indexFour {background: #F2F2F2; padding: 4.375rem 0 8.125rem;}
.indexFour .box {display: flex; justify-content: space-between; gap: 1.5rem; margin-top: 4.375rem;}
.indexFour .box .item {flex: 1; height: 29rem;position: relative; transition: .5s;}
.indexFour .box .item .imgBox {overflow: hidden; height: 100%; position: relative;}
.indexFour .box .item .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #000000 100%); transition: .5s; }
.indexFour .box .item .imgBox img {width: 100%; height: 100%; object-fit: cover}
.indexFour .box .item .imgBox span {position: absolute; z-index: 1; width: 100%; bottom: 0; left: 0; text-align: center; padding: 0 .625rem; padding-bottom: 1.875rem; color: #fff; transition: .5s;}
.indexFour .box .item .info {transform: translateY(25%); padding: 1.875rem; background: #005AEE; z-index: 1;position: absolute; bottom: 0; opacity: 0; width: 80%; right: 5%;}
.indexFour .box .item .info .tit {color: #fff;}
.indexFour .box .item.active {flex: 2;}
.indexFour .box .item.active .imgBox span {opacity: 0;}
.indexFour .box .item.active .info {opacity: 1; transition: .5s; transition-delay: .5s;}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center / cover; padding: 5.625rem 0 8.75rem; position: relative; overflow: hidden; z-index: 1;}
.indexFive .bj_icon {position: absolute; right: 0; top: -5%; z-index: -1; width: 51%;}
.indexFive .bj_icon img {width: 100%;    
    -webkit-mask: linear-gradient(225deg, #000 0, rgba(0, 0, 0, 0) 70%);
    mask-repeat: no-repeat;
    mask-position: right top;
    mask-size: 0 0;
    animation: lightFn 2s ease;
    animation-fill-mode: both;
}

@-webkit-keyframes lightFn {
    0% {
      -webkit-mask-size: 0 0;
      mask-size: 0 0
    }
    100% {
       -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%
    }
}

.indexFive .box {display: flex; justify-content: center; gap: 6.25rem; margin-top: 5rem;}
.indexFive .item {width: 24.25rem; height: 24.25rem; padding: 0 1.875rem; border-radius: 50%;border: 1px solid #FFFFFF; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s;}
.indexFive .item .icBox {height: 3.875rem; display: flex; align-items: center; justify-content: center;}
.indexFive .item .icBox img {max-height: 100%; min-height: 90%;}
.indexFive .item .tit {margin-top: 1.25rem;}
.indexFive .item .text {margin-top: 1.25rem;}
.indexFive .item:hover {background: rgba(0,90,238,0.48);}

@media screen and (max-width: 1366px) {
.indexFive .bj_icon {right: -5%;top: 2%;width: 50%;}
  
}


/* ==========底部 */
.footer {background: #F2F2F2;}
.foter_top {padding: 3.75rem 0 1.875rem; border-bottom: 1px solid #E6E6E6;}
.foter_top .top { padding: 1rem 1.875rem; background: #005AEE; border-radius: 6.25rem; color: #fff; cursor: pointer;}
.foter_top .top i {transform: rotate(90deg);}
.footer_box {display: flex; justify-content: space-between; margin-top: 4.375rem; padding-bottom: 4.375rem;}
.footer_box .item1 .p1 {margin-bottom: .625rem;}
.footer_box .item2 dl dt {margin-bottom: 1.25rem;}
.footer_box .item2 dl dt a {font-size: var(--font20);color: #333333;}
.footer_box .item2 dl dd a {color: #666666; font-size: var(--font15);}
.footer_box .item2 dl dd a:hover {color: #005AEE;}
.footer_box .item3 dd {line-height: 1.8;}
.footer_box .item3 dd a {color: #333333; font-size: var(--font20);}
.footer_box .item3 dd a:hover {color: #005AEE;}
.footer_box .form_item {width: 36%;}
.footer_box .form_item .form {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.25rem;}
.footer_box .form_item .inBox {width: calc(50% - .625rem);}
.footer_box .form_item input {height: 3.125rem; padding: 0 1.25rem; background: #fff;}
.footer_box .form_item input::placeholder {font-size: var(--font16); color: #999999;}
.footer_box .form_item .inText {width: 100%;}
.footer_box .form_item .in_code {width: 100%; display: flex;}
.footer_box .form_item .in_code img {width: 6.25rem;}
.footer_box .form_item .inText textarea {height: 7.5rem; padding: .875rem 1.25rem; background: #fff; }
.footer_box .form_item .insub button {background: #005AEE; border-radius: .313rem; color: #fff; padding: 1rem 3.75rem; cursor: pointer;}
.footer_box .form_item .footer_box {padding-bottom: 4.375rem;}
.copyRight { border-top: 1px solid #DFDFDF; padding: 1.25rem 0; text-align: center; color: #666;}


/* ===========================================================内页=========================================================== */
.ny-banner {position: relative; height: 31.25rem;}
.ny-banner .swiper {height: 100%;}
.ny-banner .slide .imgBox {height: 100%;}
.ny-banner .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}

/* 单篇页面*/
.mbx {padding: 1rem 0; border-bottom: 1px solid #eee;}
.layui-breadcrumb a:hover {color: #125F97 !important;}
.ny-main .box {padding: 3.125rem 0;}
.ny-main .box img {max-width: 100%;}

.tleBox .icBox {width: 2.75rem;height: 2.75rem;background: #005aee; min-width: 30px; min-height: 30px; border-radius: 50%; flex-shrink: 0;}
.tleBox .icBox img {max-width: 50%;}
.tleBox .telCon {margin-left: .75rem;}
.tleBox .telCon img {max-width: 2.5rem;}

/* 产品中心 */
.proMain .box {display: flex; align-items: flex-start; padding: 3.125rem 0;}
.casenav {background: #fcfcfc; flex-shrink: 0; padding-bottom: 2.5rem; width: 20%; position: sticky; top: 7.5rem;}
@media screen and (min-width: 200px) and (max-width: 1580px) {
  /* .casenav {max-width: 25rem;} */
}
.casenav .tle {background: url(../images/casenav-tle-bj.jpg) no-repeat center; background-size: cover; padding: 2.5rem 2rem;color: #ffffff; font-size: var(--font32);}
.casenav ul {padding: 0 2rem;}
.casenav li {padding: 1.25rem 0; border-bottom: 1px solid rgba(153, 153, 153,.1);}
.casenav li a {display: flex; align-items: center; justify-content: space-between; color: #333333; font-size: var(--font18);}
.casenav li a span {margin-right: 1.25rem;}
.casenav li .icBox {margin-right: 1rem; width: 1.5rem; flex-shrink: 0;}
.casenav li .icBox img {filter: brightness(0); -webkit-filter:brightness(0); max-width: 100%;}
.casenav li .jt {width: 1.875rem;height: 1.875rem; min-height: 24px; min-width: 24px; border: 1px solid #333333; border-radius: 50%; transition: .5s; flex-shrink: 0;}
.casenav li .jt svg {width: 40%; height: 40%;}
.casenav li a:hover .icBox img {filter: none; -webkit-filter:none;}
.casenav li a:hover {color: #005aee; font-weight: 700;}
.casenav li a:hover .jt {background: #005aee; border-color: #005aee;}
.casenav li a:hover .jt svg path {fill: #fff;}
.casenav li.on .icBox img {filter: none; -webkit-filter:none;}
.casenav li.on a {color: #005aee; font-weight: 700;}
.casenav li.on {color: #005aee; font-weight: 700;}
.casenav li.on .jt {background: #005aee; border-color: #005aee;}
.casenav li.on .jt svg path {fill: #fff;}
.casenav li.on .jt {transform: rotate(90deg);}
.casenav .tleBox  {padding: 0 1.25rem; margin-top: 2.5rem;}
.casenav .tleBox img {max-width: 90%; max-height: auto;}

.prolist {flex: 1;margin-left: 1.5rem; }
.prolist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
.prolist li {background: #f2f2f2; padding: 1.25rem;}
.prolist li .imgBox {overflow: hidden; position: relative;}
.prolist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.prolist li .imgBox .mask { position: absolute;inset: 0; width: 100%; height: 100%;background: rgba(0, 0, 0,.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: .5s;}
.prolist li .imgBox .icBox {width: 3.875rem;height: 3.875rem;background: #005aee; border-radius: 50%;}
.prolist li .imgBox .icBox svg {width: 40%; height: 40%;}
.prolist li .con {display: flex; align-items: center; justify-content: space-between; margin-top: 1.25rem;}
.prolist li .con .p1 {font-size: var(--font18);}
.prolist li i {flex-shrink: 0; width: 1.875rem; height: 1.875rem; border-radius: 50%; border: 1px solid #333333; border-radius: 50%; transition: .5s;}
.prolist li i svg {width: 50%; height: 50%;}
.prolist li:hover .imgBox img {transform: scale(1.05);}
.prolist li:hover .con .p1 {font-weight: 700; color: #005aee;}
.prolist li:hover i {border-color: #005aee;}
.prolist li:hover i svg path {fill: #005aee; }
.prolist li:hover .imgBox .mask {opacity: 1;}

/* 产品详情 */
.proDate {margin-left: 3.125rem; flex: 1; max-width: calc(100% - 21.875rem);}
@media screen and (min-width: 200px) and (max-width: 1580px) {
  .proDate {max-width: calc(100% - 28.125rem);}
}


/* 内页产品详情页 */
.proDate .proxq {align-items: flex-start;}
.proxq-pic {width: 44%;}
.proxq-info {width: 50%; margin-top: 3.125rem;}

.propic-big {margin-bottom: 1.5rem;}
.propic-big ul li { box-sizing: border-box;border: 1px solid #eeeeee;}
.propic-big ul li .pic img { display: block;width: 100%;}
.propic-small ul li {background: #fff;position: relative;}
.propic-small ul li .pic {box-sizing: border-box;border: 1px solid #eeeeee;}
.propic-small ul li .pic img {display: block;width: 100%;}
.propic-small ul li.swiper-slide-thumb-active .pic {border-color: #005aee;}
.proxq-info strong {display: block;font-size: var(--font24);color: #333;border-bottom: 1px solid #eee;padding-bottom: 1.25rem;margin-bottom: 1.875rem;}
.proxq-info span{ display: block; color: #666; font-weight: normal}
.proxq-info .text {margin-bottom: 1.875rem;font-size: var(--font15); color: #666;}
.proxq-btn a {z-index: 0;position: relative;overflow: hidden;display: inline-block;width: 8.75rem;   background: #000;border-radius: 6.25rem;text-align: center;color: #fff;}
.proxq-btn a:before {content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}
.proxq-btn a:before {background: #005aee;}
.proxq-btn a:hover:before {width: 100%;left: 0;opacity: 1;}

.dateInfo {margin-top: 6.25rem;}
.dateInfo .tle {padding-bottom: 1.25rem;border-bottom: 1px solid #DDDDDD;}
.dateInfo .tle h3 {font-size: var(--font24);color: #333333;position: relative;padding-left: 1rem;font-weight: 700;}
.dateInfo .tle h3::before {content: "";height: 70%;width: .313rem;background: #005aee;position: absolute;left: 0;top: 15%;border-radius: .313rem;}
.dateInfo .infoCon {margin: 1.25rem 0;overflow: hidden;}
.dateInfo .infoCon img {max-width: 100%;}




/*内页业务列表页*/
.nybusiness-list {padding: 5rem 0;}
.nybusiness-list ul li{display: flex; border-bottom: 1px solid #eeeeee; justify-content: space-between; align-items:center; padding-bottom: 5rem; margin-bottom: 5rem;}
.nybusiness-list ul li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.nybusiness-list ul li:nth-child(odd){flex-direction: row-reverse;}
.nybusiness-list ul li .pic{width: 46%; height: 22.5rem;}
.nybusiness-list ul li .pic img {display: block; width: 100%; height: 100%; object-fit: cover;  border-radius: 1.25rem;}
.nybusiness-list ul li .info {width: 54%;  padding: 0 2.75%; box-sizing:border-box;}
.nybusiness-list ul li .info strong {display: block; color: #333; margin-bottom: 1.25rem;}
.nybusiness-list ul li .info p {margin-bottom: 2.125rem }
.nybusiness-list ul li .info .business-more{margin-top: 1.5rem}
.nybusiness-list ul li .info .business-more>a{transition:0.6s; display: inline-block; border: 1px solid #aaaaaa; padding: .75rem 1.875rem; border-radius: 6.25rem;  color: #333;  text-align: center; margin-right: 3.125rem;}
.nybusiness-list ul li .info .business-more>a:last-child{margin-right: 0}
.nybusiness-list ul li .info .business-more>a img {width: 1.75rem;}
.business-more img {display: inline-block; vertical-align:  middle; margin-right: .625rem; }
.nybusiness-list ul li .info .business-more>a:hover{background: #005aee; color: #fff; border-color: #005aee}
.nybusiness-list ul li .info .business-more>a:hover img { filter: grayscale(100%) brightness(200%);}

.picture-main {padding: 5rem 0;}
.picturexq-box {background: #fff; padding: 2.5rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);   box-sizing: border-box;}
.picture-title {border-bottom: 1px solid rgba(245, 245, 245, .7); padding-bottom: 1.875rem; margin-bottom: 1.875rem;}
.picture-title h2{font-weight: bold;}
.ny-back a {background: #222; color: #fff; border-radius: 6.25rem; padding: .625rem 1.25rem; transition: 0.6s;}
.ny-back a:hover {background: #005aee;}
.ny-back img {margin-right: 1rem;}
.picture-editbox {margin-bottom: 3.125rem;}
.picture-editbox img {display: block; max-width: 100%;}
.page-fy {border-top: 1px solid rgba(245, 245, 245, .7); padding: 1.25rem 0;}
.page-fy a {color: #333;}
.page-fy a:hover {color: #005aee;}