@font-face {
  font-family: 'MR';
  src: url('../font/TitilliumWeb-Regular-10.ttf');
}
@font-face {
  font-family: 'ML';
  src: url('../font/TitilliumWeb-Light-8.ttf');
}
@font-face {
  font-family: 'PM';
  src: url('../font/TitilliumWeb-SemiBold-11.ttf');
}
@font-face {
  font-family: 'PM10';
  src: url('../font/TitilliumWeb-Regular-10.ttf');
}

.fm {
  font-family: 'MR';
}
.fm2 {
  font-family: 'ML';
}
.fm3 {
  font-family: 'PM';
}
/* 9- */
@media only screen and (min-width: 1480px) {
  .sy-tit {
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-top: 100px;
  }
  .sy-jj {
    background: url(../images/images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    height: 711px;
    padding-top: 1px;
  }
  .sy-jj .jj-list {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    width: 280px;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size: 100px;
    color: #01bb7a;
    display: flex;
    height: 110px;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 150px;
    margin-left: 20px;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: 48px;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: 17px;
  }
  .sy-jj .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .sy-jj .about {
    display: block;
    width: 183px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #01bb7a;
    border: 1px solid #01bb7a;
    margin: 90px auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #01bb7a;
  }
  .sy-pro {
    padding-bottom: 80px;
  }
  .sy-pro .sy-tit {
    margin-bottom: 70px;
  }
  .sy-pro .pro-list {
    display: flex;
    justify-content: space-between;
  }
  .sy-pro .pro-list li {
    width: 680px;
    height: 520px;
    position: relative;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: none;
    width: 520px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 20px;
  }
  .sy-pro .pro-list li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: 40px;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: 5px;
    color: #333;
    font-size: 17px;
  }
  .sy-pro .pro-list li:hover .txt {
    display: block;
  }
  .sy-pro .pro-list2 {
    margin-top: 40px;
  }
  .sy-pro .pro-list2 li {
    width: 440px;
    height: 335px;
  }
  .sy-pro .pro-list2 li .txt {
    width: 80%;
    padding: 20px;
  }
  .sy-pro .pro-list2 li .txt .name {
    font-size: 30px;
  }
  .sy-light {
    padding-top: 1px;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    min-height: 470px;
    text-align: center;
  }
  .sy-light .tit {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    margin-top: 185px;
  }
  .sy-light .sy-more {
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 18px;
  }
  .sy-light .sy-more:hover {
    border: 1px solid #01bb7a;
    background: #01bb7a;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .sy-tit {
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-top: 100px;
  }
  .sy-jj {
    background: url(../images/images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    height: 711px;
    padding-top: 1px;
  }
  .sy-jj .jj-list {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    width: 280px;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size: 100px;
    color: #01bb7a;
    display: flex;
    height: 110px;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 150px;
    margin-left: 20px;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: 48px;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .sy-jj .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .sy-jj .about {
    display: block;
    width: 183px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #01bb7a;
    border: 1px solid #01bb7a;
    margin: 90px auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #01bb7a;
  }
  .sy-pro {
    padding-bottom: 80px;
  }
  .sy-pro .sy-tit {
    margin-bottom: 70px;
  }
  .sy-pro .pro-list {
    display: flex;
    justify-content: space-between;
  }
  .sy-pro .pro-list li {
    width: 582px;
    height: 445px;
    position: relative;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: none;
    width: 520px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .sy-pro .pro-list li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: 40px;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .sy-pro .pro-list li:hover .txt {
    display: block;
  }
  .sy-pro .pro-list2 {
    margin-top: 40px;
  }
  .sy-pro .pro-list2 li {
    width: 377px;
    height: 287px;
  }
  .sy-pro .pro-list2 li .txt {
    width: 80%;
    padding: 20px;
  }
  .sy-pro .pro-list2 li .txt .name {
    font-size: 30px;
  }
  .sy-light {
    padding-top: 1px;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    min-height: 470px;
    text-align: center;
  }
  .sy-light .tit {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    margin-top: 185px;
  }
  .sy-light .sy-more {
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 18px;
  }
  .sy-light .sy-more:hover {
    border: 1px solid #01bb7a;
    background: #01bb7a;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .sy-tit {
    font-size: .60rem;
    font-weight: 600;
    text-align: center;
    margin-top: 1.00rem;
  }
  .sy-jj {
    background: url(../images/images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    height: 7.11rem;
    padding-top: .01rem;
  }
  .sy-jj .jj-list {
    margin-top: 1.20rem;
    display: flex;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    width: 2.80rem;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size: 1.00rem;
    color: #01bb7a;
    display: flex;
    height: 1.10rem;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 1.50rem;
    margin-left: .20rem;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: .48rem;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: .17rem;
  }
  .sy-jj .jj-list .txt {
    font-size: .18rem;
    margin-top: .15rem;
  }
  .sy-jj .about {
    display: block;
    width: 1.83rem;
    height: .45rem;
    line-height: .45rem;
    border-radius: .25rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    background-color: #01bb7a;
    border: .01rem solid #01bb7a;
    margin: .90rem auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #01bb7a;
  }
  .sy-pro {
    padding-bottom: .80rem;
  }
  .sy-pro .sy-tit {
    margin-bottom: .70rem;
  }
  .sy-pro .pro-list {
    display: flex;
    justify-content: space-between;
  }
  .sy-pro .pro-list li {
    width: 6.80rem;
    height: 5.20rem;
    position: relative;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: none;
    width: 5.20rem;
    height: 1.50rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: .30rem .20rem;
  }
  .sy-pro .pro-list li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: .40rem;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: .05rem;
    color: #333;
    font-size: .17rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .sy-pro .pro-list li:hover .txt {
    display: block;
  }
  .sy-pro .pro-list2 {
    margin-top: .40rem;
  }
  .sy-pro .pro-list2 li {
    width: 4.40rem;
    height: 3.35rem;
  }
  .sy-pro .pro-list2 li .txt {
    width: 80%;
    padding: .20rem;
  }
  .sy-pro .pro-list2 li .txt .name {
    font-size: .30rem;
  }
  .sy-light {
    padding-top: .01rem;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    min-height: 4.70rem;
    text-align: center;
  }
  .sy-light .tit {
    font-size: .48rem;
    color: #fff;
    font-weight: 600;
    margin-top: 1.85rem;
  }
  .sy-light .sy-more {
    width: 1.80rem;
    height: .45rem;
    line-height: .45rem;
    text-align: center;
    border-radius: .25rem;
    border: .01rem solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: .70rem;
    font-size: .18rem;
  }
  .sy-light .sy-more:hover {
    border: .01rem solid #01bb7a;
    background: #01bb7a;
  }
}
@media only screen and (max-width: 800px) {
  .sy-tit {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
  }
  .sy-jj {
    background: url(../images/images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .sy-jj .jj-list {
    padding: 15px;
    margin-top: 10px;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    margin-bottom: 15px;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size: 70px;
    color: #01bb7a;
    display: flex;
    height: 70px;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 180px;
    margin-left: 20px;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: 30px;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .sy-jj .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .sy-jj .about {
    display: block;
    width: 153px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #01bb7a;
    border: 1px solid #01bb7a;
    margin: 30px auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #01bb7a;
  }
  .sy-pro {
    padding: 0 15px;
    padding-bottom: 30px;
  }
  .sy-pro .sy-tit {
    margin-bottom: 30px;
  }
  .sy-pro .pro-list li {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: block;
    width: 85%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
  }
  .sy-pro .pro-list li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: 20px;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: 10px;
    color: #333;
    font-size: 16px;
  }
  .sy-light {
    padding-top: 1px;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 30px 15px;
  }
  .sy-light .tit {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
  }
  .sy-light .sy-more {
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 16px;
  }
  .sy-light .sy-more:hover {
    border: 1px solid #01bb7a;
    background: #01bb7a;
  }
}

@media only screen and (min-width: 1480px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 100px;
  }
  .footer .main {
    display: flex;
    justify-content: space-between;
  }
  .footer .main .ft-info {
    padding-top: 100px;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: 60px;
  }
  .footer .main .ft-info .txt {
    margin-bottom: 45px;
  }
  .footer .main .ft-info .txt p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer .main .ft-info .fx {
    display: flex;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: 15px;
  }
  .footer .main .ft-list {
    padding-top: 120px;
    display: flex;
  }
  .footer .main .ft-list .tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .footer .main .ft-list .list-item {
    margin-right: 70px;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 150px;
    color: #fff;
  }
  .footer .main .ft-link {
    width: 270px;
    padding-top: 120px;
  }
  .footer .main .ft-link .link-item {
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
  }
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .add-btn {
    margin-top: 80px;
    width: 270px;
    height: 50px;
    border-radius: 5px;
    background-color: #01bb7a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 100px;
  }
  .footer .main {
    display: flex;
    justify-content: space-between;
  }
  .footer .main .ft-info {
    padding-top: 100px;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: 60px;
  }
  .footer .main .ft-info .txt {
    margin-bottom: 45px;
  }
  .footer .main .ft-info .txt p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer .main .ft-info .fx {
    display: flex;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: 15px;
  }
  .footer .main .ft-list {
    padding-top: 120px;
    display: flex;
  }
  .footer .main .ft-list .tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .footer .main .ft-list .list-item {
    margin-right: 40px;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 150px;
    color: #fff;
  }
  .footer .main .ft-link {
    width: 270px;
    padding-top: 120px;
  }
  .footer .main .ft-link .link-item {
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
  }
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .add-btn {
    margin-top: 80px;
    width: 270px;
    height: 50px;
    border-radius: 5px;
    background-color: #01bb7a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: 15px;
  }
}
/* @media only screen and (min-width: 800px)and (max-width: 1260px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 1.00rem;
  }
  .footer .main {
    display: flex;
    justify-content: space-between;
  }
  .footer .main .ft-info {
    padding-top: 1.00rem;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: .60rem;
  }
  .footer .main .ft-info .txt {
    margin-bottom: .45rem;
  }
  .footer .main .ft-info .txt p {
    font-size: .16rem;
    margin-bottom: .10rem;
  }
  .footer .main .ft-info .fx {
    display: flex;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: .15rem;
  }
  .footer .main .ft-list {
    padding-top: 1.20rem;
    display: flex;
  }
  .footer .main .ft-list .tit {
    font-size: .18rem;
    font-weight: 600;
    margin-bottom: .25rem;
  }
  .footer .main .ft-list .list-item {
    margin-right: .70rem;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: .16rem;
    margin-bottom: .12rem;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 1.50rem;
    color: #fff;
  }
  .footer .main .ft-link {
    width: 2.70rem;
    padding-top: 1.20rem;
  }
  .footer .main .ft-link .link-item {
    font-size: .16rem;
    margin-bottom: .20rem;
    display: flex;
  }
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .add-btn {
    margin-top: .80rem;
    width: 2.70rem;
    height: .50rem;
    border-radius: .05rem;
    background-color: #01bb7a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: .15rem;
  }
} */
@media only screen and (max-width: 1260px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 30px;
  }
  .footer .main .ft-info {
    padding-top: 30px;
    text-align: center;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: 10px;
  }
  .footer .main .ft-info .txt {
    margin-bottom: 15px;
  }
  .footer .main .ft-info .txt p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer .main .ft-info .fx {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: 15px;
  }
  .footer .main .ft-list {
    padding-top: 120px;
    display: none;
  }
  .footer .main .ft-list .tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .footer .main .ft-list .list-item {
    margin-right: 70px;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 150px;
    color: #fff;
  }
  .footer .main .ft-link {
    width: 100%;
    padding: 0 15px;
    padding-top: 30px;
    text-align: center;
  }
  .footer .main .ft-link .link-item {
    font-size: 16px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
  }
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .add-btn {
    margin: 0 auto;
    margin-top: 10px;
    width: 270px;
    height: 50px;
    border-radius: 5px;
    background-color: #01bb7a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: 15px;
  }
}
/* ny- products */
@media only screen and (min-width: 1480px) {
  .ny-cont {
    padding: 70px 0;
  }
  .pro-left {
    width: 325px;
    float: left;
  }
  .pro-left .sideMenu {
    border: 1px solid #ddd;
  }
  .pro-left .sideMenu h3 {
    height: 65px;
    line-height: 65px;
    padding-left: 10px;
    background: #ffffff;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 0 18px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
  }
  .pro-left .sideMenu h3 i {
    width: 20px;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {
    border-top: 0 solid #ddd;
    background-color: #333;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: 20px 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 10px;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 90%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .pro-right {
    float: right;
    width: 990px;
  }
  .pro-right .tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    /*background: url(../images/pro-tit.png) no-repeat center;*/
    background-size: contain;
    background-position: left center;
  }
  .pro-right .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
  }
  .pro-right .u1 {
    margin-top: 50px;
  }
  .pro-right .u1 li {
    width: 273px;
    float: left;
    margin-right: 85px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border: 1px solid transparent;
  }
  .pro-right .u1 li:hover {
    border: 1px solid #eee;
  }
  .pro-right .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 270px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: 22px;
    text-align: center;
  }
  #magnifier {
    position: relative;
    width: 680px;
    float: left;
  }
  .small-box {
    position: relative;
    width: 680px;
    height: 510px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 270px;
    border: 1px solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 650px;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 100000px;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 10px;
    border: 1px solid #d5d5d5;
    width: 140px;
  }
  .thumbnail-box .list .item img {
    border: 2px solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: 2px solid #01bb7a;
  }
  .big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 681px;
    top: 0;
    width: 600px;
    height: 510px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom: 95px;
  }
  .pd-detail .pd-info {
    float: right;
    width: 587px;
  }
  .pd-detail .pd-info .tit {
    margin-top: 35px;
    line-height: 1.2;
  }
  .pd-detail .pd-info .tit p {
    font-size: 40px;
  }
  .pd-detail .pd-info .tit span {
    font-size: 26px;
    color: #505050;
    margin-left: 15px;
  }
  .pd-detail .pd-info .jj {
    margin-top: 40px;
    border-top: 1px solid #d4d5d7;
    border-bottom: 1px solid #d4d5d7;
    font-size: 18px;
    line-height: 30px;
    color: #54595f;
    padding: 15px 0;
    font-family: 'MR';
    margin-bottom: 50px;
  }
  .pd-detail .pd-info .xh {
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .xh li {
    background-color: #01b77a;
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    font-family: 'ML';
  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: 24px;
    color: #01c380;
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: 50px;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: 16px;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #01c380;
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f2f2f2;
  }
  .pd-list .tab-left {
    width: 357px;
    float: left;
  }
  .pd-list .tab-left li {
    height: 65px;
    line-height: 65px;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: 20px;
    margin-bottom: 6px;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    float: right;
    width: 1015px;
    min-height: 456px;
    background-color: #fff;
    padding: 50px 60px;
  }
  .pd-list .tab-right .jj-item {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: 10px;
  }
  .pd-list .tab-right .jj-item p {
    font-size: 20px;
    line-height: 38px;
  }
  .pd-sw {
    padding-top: 90px;
  }
  .pd-sw .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 30px;
    margin-top: 80px;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
    width: 30px;
    height: 30px;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: 80px;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 250px;
    max-height: 200px;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .ny-cont {
    padding: 70px 0;
  }
  .pro-left {
    width: 300px;
    float: left;
  }
  .pro-left .sideMenu {
    border: 1px solid #ddd;
  }
  .pro-left .sideMenu h3 {
    height: 65px;
    line-height: 65px;
    padding-left: 10px;
    background: #ffffff;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 0 18px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
  }
  .pro-left .sideMenu h3 i {
    width: 20px;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {
    border-top: 0 solid #ddd;
    background-color: #333;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: 20px 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 10px;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 90%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .pro-right {
    float: right;
    width: 850px;
  }
  .pro-right .tit {
    font-size: 50px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    /*background: url(../images/pro-tit.png) no-repeat center;*/
    background-size: contain;
    background-position: left center;
  }
  .pro-right .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
  }
  .pro-right .u1 {
    margin-top: 50px;
  }
  .pro-right .u1 li {
    width: 250px;
    float: left;
    margin-right: 50px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border: 1px solid transparent;
  }
  .pro-right .u1 li:hover {
    border: 1px solid #eee;
  }
  .pro-right .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: 22px;
    text-align: center;
  }
  #magnifier {
    position: relative;
    width: 580px;
    float: left;
  }
  .small-box {
    position: relative;
    width: 580px;
    height: 435px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 270px;
    border: 1px solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 500px;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 100000px;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 10px;
    border: 1px solid #d5d5d5;
    width: 140px;
  }
  .thumbnail-box .list .item img {
    border: 2px solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: 2px solid #01bb7a;
  }
  .big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 581px;
    top: 0;
    width: 580px;
    height: 435px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom: 95px;
  }
  .pd-detail .pd-info {
    float: right;
    width: 587px;
  }
  .pd-detail .pd-info .tit {
    margin-top: 35px;
    line-height: 1.2;
  }
  .pd-detail .pd-info .tit p {
    font-size: 40px;
  }
  .pd-detail .pd-info .tit span {
    font-size: 26px;
    color: #505050;
    margin-left: 15px;
  }
  .pd-detail .pd-info .jj {
    margin-top: 40px;
    border-top: 1px solid #d4d5d7;
    border-bottom: 1px solid #d4d5d7;
    font-size: 18px;
    line-height: 30px;
    color: #54595f;
    padding: 15px 0;
    font-family: 'MR';
    margin-bottom: 50px;
  }
  .pd-detail .pd-info .xh {
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .xh li {
    background-color: #01b77a;
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    font-family: 'ML';
  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: 24px;
    color: #01c380;
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: 50px;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: 16px;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #01c380;
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-top: 90px;
    padding-bottom: 100px;
    background-color: #f2f2f2;
  }
  .pd-list .tab-left {
    width: 300px;
    float: left;
  }
  .pd-list .tab-left li {
    height: 65px;
    line-height: 65px;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: 20px;
    margin-bottom: 6px;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    float: right;
    width: 850px;
    min-height: 456px;
    background-color: #fff;
    padding: 50px 60px;
  }
  .pd-list .tab-right .jj-item {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: 10px;
  }
  .pd-list .tab-right .jj-item p {
    font-size: 20px;
    line-height: 38px;
  }
  .pd-sw {
    padding-top: 90px;
  }
  .pd-sw .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 30px;
    margin-top: 80px;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
    width: 30px;
    height: 30px;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: 80px;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 220px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 220px;
    max-height: 200px;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .ny-cont {
    padding: .70rem 0;
  }
  .pro-left {
    width: 3.25rem;
    float: left;
  }
  .pro-left .sideMenu {
    border: .01rem solid #ddd;
  }
  .pro-left .sideMenu h3 {
    height: .65rem;
    line-height: .65rem;
    padding-left: .10rem;
    background: #ffffff;
    cursor: pointer;
    font-size: .14rem;
    color: #333;
    padding: 0 .18rem;
    font-size: .20rem;
    display: flex;
    justify-content: space-between;
    border-top: .01rem solid #ddd;
  }
  .pro-left .sideMenu h3 i {
    width: .20rem;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {
    border-top: 0 solid #ddd;
    background-color: #333;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: .20rem 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: .30rem;
    line-height: .26rem;
    list-style: none;
    margin-bottom: .10rem;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .16rem;
    color: #333;
    text-decoration: none;
    padding: 0 .25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 90%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .pro-right {
    float: right;
    width: 9.90rem;
  }
  .pro-right .tit {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    /*background: url(../images/pro-tit.png) no-repeat center;*/
    background-size: contain;
    background-position: left center;
  }
  .pro-right .tit i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 0;
    bottom: .20rem;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: .16rem;
    margin-top: .30rem;
    line-height: .30rem;
  }
  .pro-right .u1 {
    margin-top: .50rem;
  }
  .pro-right .u1 li {
    width: 2.73rem;
    float: left;
    margin-right: .85rem;
    margin-bottom: .10rem;
    padding-bottom: .15rem;
    border: .01rem solid transparent;
  }
  .pro-right .u1 li:hover {
    border: .01rem solid #eee;
  }
  .pro-right .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 2.70rem;
    height: 2.00rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .1rem;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: .22rem;
    text-align: center;
  }
  #magnifier {
    position: relative;
    width: 6.80rem;
    float: left;
  }
  .small-box {
    position: relative;
    width: 6.80rem;
    height: 5.10rem;
    margin-bottom: .20rem;
    border: .01rem solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 3.40rem;
    height: 2.70rem;
    border: .01rem solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: .22rem;
    height: .32rem;
    margin-top: -.16rem;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 6.50rem;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 1000.00rem;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 .10rem;
    border: .01rem solid #d5d5d5;
    width: 1.40rem;
  }
  .thumbnail-box .list .item img {
    border: .02rem solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: .02rem solid #01bb7a;
  }
  .big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 6.81rem;
    top: 0;
    width: 6.00rem;
    height: 5.10rem;
    border: .01rem solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom: .95rem;
  }
  .pd-detail .pd-info {
    float: right;
    width: 5.87rem;
  }
  .pd-detail .pd-info .tit {
    margin-top: .35rem;
    line-height: 1.2;
  }
  .pd-detail .pd-info .tit p {
    font-size: .40rem;
  }
  .pd-detail .pd-info .tit span {
    font-size: .26rem;
    color: #505050;
    margin-left: .15rem;
  }
  .pd-detail .pd-info .jj {
    margin-top: .40rem;
    border-top: .01rem solid #d4d5d7;
    border-bottom: .01rem solid #d4d5d7;
    font-size: .18rem;
    line-height: .30rem;
    color: #54595f;
    padding: .15rem 0;
    font-family: 'MR';
    margin-bottom: .50rem;
  }
  .pd-detail .pd-info .xh {
    margin-bottom: .40rem;
  }
  .pd-detail .pd-info .xh li {
    background-color: #01b77a;
    height: .40rem;
    min-width: 1.06rem;
    padding: 0 .03rem;
    text-align: center;
    line-height: .40rem;
    font-size: .16rem;
    margin-right: .10rem;
    margin-bottom: .10rem;
    float: left;
    font-family: 'ML';
  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: .24rem;
    color: #01c380;
    margin-bottom: .40rem;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: .50rem;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: .16rem;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #01c380;
    line-height: .36rem;
    padding-left: .35rem;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: .01rem solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: .36rem;
    padding-left: .35rem;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-top: .90rem;
    padding-bottom: 1.00rem;
    background-color: #f2f2f2;
  }
  .pd-list .tab-left {
    width: 3.57rem;
    float: left;
  }
  .pd-list .tab-left li {
    height: .65rem;
    line-height: .65rem;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: .20rem;
    margin-bottom: .06rem;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    float: right;
    width: 10.15rem;
    min-height: 4.56rem;
    background-color: #fff;
    padding: .50rem .60rem;
  }
  .pd-list .tab-right .jj-item {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: .50rem;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: .20rem;
    margin-bottom: .10rem;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: .10rem;
  }
  .pd-list .tab-right .jj-item p {
    font-size: .20rem;
    line-height: .38rem;
  }
  .pd-sw {
    padding-top: .90rem;
  }
  .pd-sw .tit {
    font-size: .48rem;
    text-align: center;
    position: relative;
    height: .60rem;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: .42rem;
    height: .04rem;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -.22rem;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 .30rem;
    margin-top: .80rem;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
    width: .30rem;
    height: .30rem;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: .80rem;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 2.50rem;
    height: 2.00rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 2.50rem;
    max-height: 2.00rem;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: .22rem;
    margin-top: .15rem;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: .20rem;
    height: .20rem;
    background-color: #c3c5c4;
    margin: 0 .10rem;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
/* ny- products */
@media only screen and (max-width: 800px) {
  .ny-cont {
    padding: 30px 15px;
  }
  .pro-left {
    width: 100%;
  }
  .pro-left .sideMenu {
    border: 1px solid #ddd;
  }
  .pro-left .sideMenu h3 {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    background: #ffffff;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 0 15px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
  }
  .pro-left .sideMenu h3 i {
    width: 20px;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {
    border-top: 0 solid #ddd;
    background-color: #333;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: 15px 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 7px;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 90%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #01bb7a;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .pro-right {
    width: 100%;
  }
  .pro-right .tit {
    margin-top: 30px;
    font-size: 28px;
    min-height: 60px;
    font-weight: 600;
    position: relative;
    /*background: url(../images/pro-tit.png) no-repeat center;*/
    background-size: contain;
    background-position: left center;
    padding-bottom: 20px;
  }
  .pro-right .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
  }
  .pro-right .u1 {
    margin-top: 30px;
  }
  .pro-right .u1 li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 15px;
  }
  .pro-right .u1 li:nth-child(2n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: 20px;
    text-align: center;
  }
  #magnifier {
    position: relative;
    width: 100%;
    float: left;
  }
  .small-box {
    position: relative;
    width: 100%;
    height: 73vw;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 270px;
    border: 1px solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 100000px;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 10px;
    border: 1px solid #d5d5d5;
    width: 140px;
  }
  .thumbnail-box .list .item img {
    border: 2px solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: 2px solid #01bb7a;
  }
  .big-box {
    display: none !important;
    overflow: hidden;
    position: absolute;
    left: 681px;
    top: 0;
    width: 600px;
    height: 540px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom: 30px;
  }
  .pd-detail .pd-info {
    float: right;
    width: 100%;
  }
  .pd-detail .pd-info .tit {
    margin-top: 25px;
  }
  .pd-detail .pd-info .tit p {
    font-size: 30px;
  }
  .pd-detail .pd-info .tit span {
    font-size: 18px;
    color: #505050;
    margin-left: 15px;
    line-height: 45px;
  }
  .pd-detail .pd-info .jj {
    margin-top: 20px;
    border-top: 1px solid #d4d5d7;
    border-bottom: 1px solid #d4d5d7;
    font-size: 16px;
    line-height: 28px;
    color: #54595f;
    padding: 15px 0;
    font-family: 'MR';
    /*margin-bottom: 30px;*/
  }
  .pd-detail .pd-info .xh {
    margin-bottom: 20px;
  }
  .pd-detail .pd-info .xh li {
    background-color: #01b77a;
    height: 40px;
    min-width: 105px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    font-family: 'ML';
  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: 20px;
    color: #01c380;
    margin-bottom: 20px;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: 20px;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: 16px;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #01c380;
    line-height: 36px;
    padding-left: 15px;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: 36px;
    padding-left: 15px;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-bottom: 0px;
  }
  .pd-list .tab-left {
    width: 100%;
  }
  .pd-list .tab-left li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: 16px;
    margin-bottom: 6px;
    width: 48%;
    margin: 5px 1%;
    float: left;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    float: right;
    width: 100%;
    min-height: 456px;
    background-color: #fff;
    padding: 15px;
  }
  .pd-list .tab-right .jj-item {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: 10px;
  }
  .pd-list .tab-right .jj-item p {
    font-size: 14px;
    line-height: 24px;
  }
  .pd-sw {
    padding-top: 30px;
  }
  .pd-sw .tit {
    font-size: 32px;
    text-align: center;
    position: relative;
    min-height: 60px;
    padding-bottom: 20px;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 30px;
    margin-top: 30px;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: 50px;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 100%;
    max-height: 200px;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}

@media only screen and (min-width: 1480px) {
  .app .tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .app .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: 16px;
    margin: 40px 0;
    line-height: 30px;
  }
  .app .img-item li {
    width: 866px;
    height: 650px;
    position: relative;
    margin-bottom: 33px;
    float: left;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: none;
    width: 575px;
    height: 166px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .app .img-item li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: 30px;
  }
  .app .img-item li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) {
    width: 500px;
    height: 236px;
    margin-left: 33px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(3) {
    width: 500px;
    height: 380px;
    margin-left: 33px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n-1) li:nth-child(3) .txt {
    width: 80%;
  }
  .app .img-item:nth-child(2n) li:nth-child(1) {
    float: right;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) {
    width: 500px;
    height: 236px;
    margin-right: 33px;
  }
  .app .img-item:nth-child(2n) li:nth-child(3) {
    width: 500px;
    height: 380px;
    margin-right: 33px;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n) li:nth-child(3) .txt {
    width: 80%;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
   /* margin-top: 130px;*/
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: -250px;
    width: 80px;
    height: 80px;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 35vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
    margin-top: 140px;
    line-height: 1;
    background: none;
    margin-bottom: 70px;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: 80px;
  }
  .nysw3 .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f0;
	color:#f0f0f0;
    margin: 0 auto;
    cursor: pointer;
  }
  .nysw3 .imgk img {
    max-width: 250px;
    max-height: 200px;
  }
  .nysw3 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .app .tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .app .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: 16px;
    margin: 40px 0;
    line-height: 30px;
  }
  .app .img-item li {
    width: 742px;
    height: 560px;
    position: relative;
    margin-bottom: 33px;
    float: left;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: none;
    width: 575px;
    height: 166px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .app .img-item li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: 30px;
  }
  .app .img-item li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) {
    width: 428px;
    height: 202px;
    margin-left: 28px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(3) {
    width: 428px;
    height: 325px;
    margin-left: 28px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n-1) li:nth-child(3) .txt {
    width: 90%;
  }
  .app .img-item:nth-child(2n) li:nth-child(1) {
    float: right;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) {
    width: 428px;
    height: 202px;
    margin-right: 28px;
  }
  .app .img-item:nth-child(2n) li:nth-child(3) {
    width: 428px;
    height: 325px;
    margin-right: 28px;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n) li:nth-child(3) .txt {
    width: 90%;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
    margin-top: 130px;
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: -250px;
    width: 80px;
    height: 80px;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 35vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
    margin-top: 140px;
    line-height: 1;
    background: none;
    margin-bottom: 70px;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: 80px;
  }
  .nysw3 .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f0!important;
	color:#f0f0f0;
    margin: 0 auto;
    cursor: pointer;
  }
  .nysw3 .imgk img {
    max-width: 250px;
    max-height: 200px;
  }
  .nysw3 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .app .tit {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .app .tit i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 0;
    bottom: .20rem;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: .16rem;
    margin: .40rem 0;
    line-height: .30rem;
  }
  .app .img-item li {
    width: 8.66rem;
    height: 6.50rem;
    position: relative;
    margin-bottom: .33rem;
    float: left;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: none;
    width: 5.75rem;
    height: 1.66rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: .35rem .50rem;
  }
  .app .img-item li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: .30rem;
  }
  .app .img-item li .txt .info {
    margin-top: .15rem;
    color: #333;
    font-size: .16rem;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: .30rem;
    bottom: .30rem;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) {
    width: 5.00rem;
    height: 2.36rem;
    margin-left: .33rem;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(3) {
    width: 5.00rem;
    height: 3.80rem;
    margin-left: .33rem;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n-1) li:nth-child(3) .txt {
    width: 80%;
  }
  .app .img-item:nth-child(2n) li:nth-child(1) {
    float: right;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) {
    width: 5.00rem;
    height: 2.36rem;
    margin-right: .33rem;
  }
  .app .img-item:nth-child(2n) li:nth-child(3) {
    width: 5.00rem;
    height: 3.80rem;
    margin-right: .33rem;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n) li:nth-child(3) .txt {
    width: 80%;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
   /* margin-top: 130rem;*/
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: -2.50rem;
    width: .80rem;
    height: .80rem;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 35vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    font-size: .48rem;
    text-align: center;
    position: relative;
    height: .60rem;
    margin-top: 1.40rem;
    line-height: 1;
    background: none;
    margin-bottom: .70rem;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: .42rem;
    height: .04rem;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -.22rem;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: .80rem;
  }
  .nysw3 .imgk {
    width: 2.50rem;
    height: 2.00rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .01rem solid #f0f0f0;
    color:#f0f0f0;
    margin: 0 auto;
    cursor: pointer;
  }
  .nysw3 .imgk img {
    max-width: 2.50rem;
    max-height: 2.00rem;
  }
  .nysw3 .name {
    text-align: center;
    font-size: .22rem;
    margin-top: .15rem;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: .20rem;
    height: .20rem;
    background-color: #c3c5c4;
    margin: 0 .10rem;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (max-width: 800px) {
  .app .tit {
    margin-top: 10px;
    font-size: 32px;
    min-height: 100px;
    line-height: 1.2;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
  }
  .app .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 10px;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: 16px;
    margin: 20px 0;
    line-height: 28px;
  }
  .app .img-item li {
    width: 100%;
    height: 70vw;
    position: relative;
    margin-bottom: 33px;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: block;
    width: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
  }
  .app .img-item li .txt .name {
    color: #01bb7a;
    font-weight: 600;
    font-size: 20px;
  }
  .app .img-item li .txt .info {
    margin-top: 10px;
    color: #333;
    font-size: 16px;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
    margin-top: 30px;
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 10px;
    top: -30vw;
    width: 35px;
    height: 35px;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 10px;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 70vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    width: 100%;
    font-size: 32px;
    text-align: center;
    position: relative;
    height: 30px;
    min-height: 60px;
    margin-top: 30px;
    line-height: 1;
    background: none;
    margin-bottom: 30px;
    justify-content: center;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: 50px;
  }
  .nysw3 .imgk {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f0f0f0;
  }
  .nysw3 .imgk img {
    max-width: 100%;
    max-height: 180px;
  }
  .nysw3 .name {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}

@media only screen and (min-width: 1480px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .vid .vid-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 20px;
    margin-bottom: 25px;
  }
  .vid .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 452px;
    height: 254px;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 452px;
    height: 113px;
    padding: 30px 55px;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 475px;
    height: 520px;
    padding: 0 50px;
    padding-top: 130px;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: 15px;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
  }
  .vid .videolist2 .imgk {
    width: 925px;
    height: 520px;
    float: left;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;
  }
  .vid #video {
    width: 800px;
    height: 450px;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .vid .vid-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 17px;
    margin-bottom: 25px;
  }
  .vid .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 388px;
    height: 217px;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    height: 113px;
    padding: 30px 55px;
    width: 388px;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 407px;
    height: 445px;
    padding: 0 50px;
    padding-top: 60px;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: 15px;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
  }
  .vid .videolist2 .imgk {
    width: 792px;
    height: 445px;
    float: left;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;
  }
  .vid #video {
    width: 800px;
    height: 450px;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: .50rem;
  }
  .vid .vid-tit i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 50%;
    margin-left: -.15rem;
    bottom: .20rem;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: .20rem;
    margin-bottom: .25rem;
  }
  .vid .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 4.52rem;
    height: 2.54rem;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: .20rem;
    font-weight: 600;
    width: 4.52rem;
    height: 1.13rem;
    padding: .30rem .55rem;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: .36rem;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 4.75rem;
    height: 5.20rem;
    padding: 0 .50rem;
    padding-top: 1.30rem;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: .15rem;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
  }
  .vid .videolist2 .imgk {
    width: 9.25rem;
    height: 5.20rem;
    float: left;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: .50rem;
    height: .50rem;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: .01rem solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -4.00rem;
    margin-top: -2.25rem;
    z-index: 100;
    width: 8.00rem;
    height: 4.50rem;
  }
  .vid #video {
    width: 8.00rem;
    height: 4.50rem;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: -.30rem;
    top: -.30rem;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media only screen and (max-width: 800px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: 36px;
    height: 100px;
    line-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
  }
  .vid .vid-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 4%;
    margin-bottom: 15px;
    width: 48%;
  }
  .vid .videolist:nth-child(2n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 100%;
    height: 35vw;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 100px;
    padding: 15px;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 100%;
    padding: 20px;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: 10px;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
    width: 100%;
  }
  .vid .videolist2 .imgk {
    width: 100%;
    height: 70vw;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 1%;
    top: 30%;
    z-index: 100;
    width: 98%;
    height: auto;
    max-height: 600px;
  }
  .vid #video {
    width: 100%;
    height: auto;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: 0;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}

@media only screen and (min-width: 1480px) {
  .red {
    color: red;
  }
  .sup-ss {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 60px;
    border: 1px solid #dddddd;
  }
  .sup-ss input {
    font-size: 16px;
    padding: 0 20px;
    padding-right: 60px;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .sup .sup-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .sup .sup-txt p {
    margin-bottom: 30px;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: 50px 55px;
  }
  .sup .sup-form .form-item {
    width: 620px;
    float: left;
    margin-right: 48px;
    margin-bottom: 60px;
  }
  .sup .sup-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .sup .sup-form .form-item .name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 135px;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-tip {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #01bb7a;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .sup3 .info-cont {
    width: 80%;
    margin: 0 auto;
    height: 800px;
    overflow-y: auto;
  }
  .u2 li {
    margin-bottom: 30px;
    float: left;
    margin-right: 60px;
  }
  .u2 li:nth-child(4n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 304px;
    height: 427px;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    width: 304px;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .red {
    color: red;
  }
  .sup-ss {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 60px;
    border: 1px solid #dddddd;
  }
  .sup-ss input {
    font-size: 16px;
    padding: 0 20px;
    padding-right: 60px;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .sup .sup-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .sup .sup-txt p {
    margin-bottom: 30px;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: 42px;
  }
  .sup .sup-form .form-item {
    width: 531px;
    float: left;
    margin-right: 48px;
    margin-bottom: 50px;
  }
  .sup .sup-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .sup .sup-form .form-item .name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 135px;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-tip {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #01bb7a;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .sup3 .info-cont {
    width: 80%;
    margin: 0 auto;
    height: 800px;
    overflow-y: auto;
  }
  .u2 li {
    margin-bottom: 30px;
    float: left;
    margin-right: 51px;
  }
  .u2 li:nth-child(4n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 260px;
    height: 366px;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    width: 260px;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px){
  .red {
    color: red;
  }
  .sup-ss {
    width: 100%;
    height: .50rem;
    position: relative;
    margin-bottom: .60rem;
    border: .01rem solid #dddddd;
  }
  .sup-ss input {
    font-size: .16rem;
    padding: 0 .20rem;
    padding-right: .60rem;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: .20rem;
    top: .10rem;
    cursor: pointer;
  }
  .sup-ss i img {
    width: .3rem;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: .50rem;
  }
  .sup .sup-tit i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 50%;
    margin-left: -.15rem;
    bottom: .20rem;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: .16rem;
    line-height: 1.5;
  }
  .sup .sup-txt p {
    margin-bottom: .30rem;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: .50rem .55rem;
  }
  .sup .sup-form .form-item {
    width: 6.20rem;
    float: left;
    margin-right: .48rem;
    margin-bottom: .60rem;
  }
  .sup .sup-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .sup .sup-form .form-item .name {
    font-size: .24rem;
    font-weight: 600;
    margin-bottom: .25rem;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: .50rem;
    border: .01rem solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 .20rem;
    font-size: .18rem;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: .18rem;
    padding: .20rem;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 .20rem;
    font-size: .18rem;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    background-size: 0.2rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 1.35rem;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: .30rem;
  }
  .sup .sup-form .form-tip {
    font-size: .18rem;
    margin-bottom: .30rem;
  }
  .sup .sup-form .form-btn {
    width: 2.60rem;
    height: .60rem;
    background-color: #01bb7a;
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: .60rem;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .sup3 .info-cont {
    width: 80%;
    margin: 0 auto;
    height: 8.00rem;
    overflow-y: auto;
  }
  .u2 li {
    margin-bottom: .30rem;
    float: left;
    margin-right: .60rem;
  }
  .u2 li:nth-child(4n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 3.04rem;
    height: 4.27rem;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    width: 3.04rem;
    font-size: .24rem;
    height: .60rem;
    line-height: .60rem;
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  .sup-ss {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #dddddd;
  }
  .sup-ss input {
    font-size: 16px;
    padding: 0 15px;
    padding-right: 40px;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .sup-ss i img {
    width: 20px;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: 36px;
    min-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sup .sup-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: 16px;
    line-height: 26px;
  }
  .sup .sup-txt p {
    margin-bottom: 20px;
  }
  .sup .red {
    color: red;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: 15px;
  }
  .sup .sup-form .form-item {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .sup .sup-form .form-item .name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 16px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 135px;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-tip {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .sup .sup-form .form-btn {
    width: 200px;
    height: 50px;
    background-color: #01bb7a;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .sup3 .info-cont {
    width: 95%;
    margin: 0 auto;
    height: 600px;
    overflow-y: auto;
  }
  .u2 li {
    margin-bottom: 20px;
    float: left;
    margin-right: 4%;
    width: 48%;
  }
  .u2 li:nth-child(2n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 100%;
    height: 62vw;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    font-size: 16px;
    height: 50px;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media only screen and (min-width: 1480px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .com .com-tit2 i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .com .com-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 120px;
  }
  .com .com-about2 {
    background: url(../images/images/combg_02.jpg) no-repeat center;
    background-position: center bottom;
  }
  .com .com-about2 .com-txt {
    margin-top: 20px;
  }
  .com .com-about2 .com-txt p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 35px;
  }
  .com .com-about2 .com-txt .imgk {
    float: right;
    margin-bottom: 33px;
    margin-left: 30px;
    width: 661px;
    height: 425px;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 635px;
    height: 405px;
  }
  .com .com-about2 .com-txt .img2 {
    width: 635px;
    height: 405px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #01bb7a;
  }
  .com .com-about2 .jj-list {
    margin-top: 80px;
    /*margin-bottom: 120px;*/
    display: flex;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    width: 280px;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 100px;
    color: #01bb7a;
    display: flex;
    height: 110px;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 150px;
    margin-left: 20px;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: 48px;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .com .com-about2 .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .com .com-lb {
    padding-top: 80px;
    padding-bottom: 115px;
    min-height: 1080px;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: 55px;
  }
  .com .com-lb .box-l {
    float: left;
    width: 780px;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: 47px;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 0;
    left: 312.5px;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    top: 0;
    left: 312.5px;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: 37px;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: 24px;
    color: #b5b5b5;
    margin-left: 20px;
  }
  .com .com-lb .box-l .com-item li.on {
    display: flex;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #01bb7a;
    font-size: 30px;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 102px;
    top: 14px;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 181px;
    top: 52px;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 235px;
    top: 97px;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 279px;
    top: 150px;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 309px;
    top: 207px;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 330px;
    top: 267px;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 338px;
    top: 342px;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 331px;
    top: 407px;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 310px;
    top: 475px;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 281px;
    top: 529px;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 242px;
    top: 584px;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 180px;
    top: 630px;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 108px;
    top: 670px;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 0;
    top: 695px;
  }
  .com .com-lb .box-r {
    float: right;
    width: 558px;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 600px;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: 48px;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: 35px;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: 18px;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: 20px;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: 50px;
    font-size: 18px;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 10px;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    margin-right: 15px;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 700px;
    float: left;
  }
  .com .com-our .our-l li {
    width: 700px;
    height: 350px;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 350px;
    height: 350px;
  }
  .com .com-our .our-l li .txt {
    width: 350px;
    height: 350px;
    padding: 55px 40px;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 40px;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r {
    float: right;
    width: 700px;
    height: 700px;
    position: relative;
  }
  .com .com-our .our-r .txt {
    /* width: 586px; */
    width: 700px;
    /* height: 474px; */
    height: 700px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(248, 248, 248, 0.9);
    padding: 50px 40px;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 25px;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: 15px;
    flex: none;
  }
  .com .sw4 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 100px;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: 3px solid #01b77a;
  }
  .com .u16 li {
    width: 435px;
    margin-right: 45px;
    margin-bottom: 40px;
    float: left;
  }
  .com .u16 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 328px;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: 99px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: 16px;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 448px;
    margin-right: 24px;
    margin-bottom: 28px;
  }
  .com .u17 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 448px;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 336px;
    height: 70px;
    align-items: center;
    justify-content: center;
  }
  .com .u17 li:hover .txt {
    display: flex;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: 90px;
    text-align: center;
    margin-bottom: 120px;
  }
  .com3 .org .imgk {
    display: none;
  }
  .com3 .org .com-y {
    width: 741px;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 490px;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: 0 auto;
  }
  .com3 .org .com-l {
    position: absolute;
    left: 10px;
    height: 480px;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: 36px;
    padding-right: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -99px;
    top: 34px;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -27px;
    top: 133px;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -11px;
    top: 252px;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -56px;
    top: 366px;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -167px;
    top: 453px;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: 34px;
    line-height: 60px;
    font-weight: 600;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -60px;
    margin-left: -140px;
  }
  .com3 .org .com-r {
    position: absolute;
    right: 10px;
    height: 480px;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: 36px;
    padding-left: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -99px;
    top: 34px;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -27px;
    top: 133px;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -11px;
    top: 252px;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -56px;
    top: 366px;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -167px;
    top: 453px;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .com .com-tit2 i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .com .com-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 120px;
  }
  .com .com-about2 {
    background: url(../images/images/combg_02.jpg) no-repeat center;
    background-position: center bottom;
  }
  .com .com-about2 .com-txt {
    margin-top: 20px;
  }
  .com .com-about2 .com-txt p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 35px;
  }
  .com .com-about2 .com-txt .imgk {
    float: right;
    margin-bottom: 33px;
    margin-left: 30px;
    width: 566px;
    height: 425px;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 544px;
    height: 405px;
  }
  .com .com-about2 .com-txt .img2 {
    width: 544px;
    height: 405px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #01bb7a;
  }
  .com .com-about2 .jj-list {
    margin-top: 80px;
    /*margin-bottom: 120px;*/
    display: flex;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    width: 280px;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 100px;
    color: #01bb7a;
    display: flex;
    height: 110px;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 150px;
    margin-left: 20px;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: 48px;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .com .com-about2 .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .com .com-lb {
    padding-top: 80px;
    padding-bottom: 115px;
    min-height: 1080px;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: 55px;
  }
  .com .com-lb .box-l {
    float: left;
    width: 668px;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: 47px;
    width: 535px;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 5px;
    left: 267px;
    width: 296px;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    top: 0;
    left: 267px;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: 37px;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: 24px;
    color: #b5b5b5;
    margin-left: 20px;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #01bb7a;
    font-size: 30px;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 93px;
    top: 16px;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 160px;
    top: 52px;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 204px;
    top: 89px;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 241px;
    top: 135px;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 266px;
    top: 185px;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 282px;
    top: 235px;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 286px;
    top: 294px;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 282px;
    top: 351px;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 263px;
    top: 411px;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 236px;
    top: 460px;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 194px;
    top: 509px;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 143px;
    top: 549px;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 81px;
    top: 575px;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 0px;
    top: 598px;
  }
  .com .com-lb .box-r {
    float: right;
    width: 503px;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 600px;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: 48px;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: 35px;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: 18px;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: 20px;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: 50px;
    font-size: 18px;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 10px;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    margin-right: 15px;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 600px;
    float: left;
  }
  .com .com-our .our-l li {
    width: 600px;
    height: 300px;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 300px;
    height: 300px;
  }
  .com .com-our .our-l li .txt {
    width: 300px;
    height: 300px;
    padding: 55px 40px;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 40px;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r {
    float: right;
    width: 600px;
    height: 600px;
    position: relative;
  }
  .com .com-our .our-r .txt {
    width: 600px;
    /* width: 550px; */
    height: 600px;
    /* height: 474px; */
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(248, 248, 248, 0.9);
    padding: 50px 40px;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 25px;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: 14px;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: 15px;
    flex: none;
  }
  .com .sw4 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 100px;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: 3px solid #01b77a;
  }
  .com .u16 li {
    width: 372px;
    margin-right: 38px;
    margin-bottom: 40px;
    float: left;
  }
  .com .u16 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 281px;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: 99px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: 16px;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 383px;
    margin-right: 20px;
    margin-bottom: 28px;
  }
  .com .u17 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 383px;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 336px;
    height: 70px;
    align-items: center;
    justify-content: center;
  }
  .com .u17 li:hover .txt {
    display: flex;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: 90px;
    text-align: center;
    margin-bottom: 120px;
  }
  .com3 .org .imgk {
    display: none;
  }
  .com3 .org .com-y {
    width: 741px;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 490px;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: 0 auto;
  }
  .com3 .org .com-l {
    position: absolute;
    left: 10px;
    height: 480px;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: 36px;
    padding-right: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -99px;
    top: 34px;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -27px;
    top: 133px;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -11px;
    top: 252px;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -56px;
    top: 366px;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -167px;
    top: 453px;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: 34px;
    line-height: 60px;
    font-weight: 600;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -140px;
    margin-top: -60px;
  }
  .com3 .org .com-r {
    position: absolute;
    right: 10px;
    height: 480px;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: 36px;
    padding-left: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -99px;
    top: 34px;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -27px;
    top: 133px;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -11px;
    top: 252px;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -56px;
    top: 366px;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -167px;
    top: 453px;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .com .com-tit2 i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 0;
    bottom: .20rem;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom:.50rem;
  }
  .com .com-tit i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 50%;
    margin-left: -.15rem;
    bottom: .20rem;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 1.20rem;
  }
  .com .com-about2 {
    background: url(../images/images/combg_02.jpg) no-repeat center;
    background-position: center bottom;
  }
  .com .com-about2 .com-txt {
    margin-top: .20rem;
  }
  .com .com-about2 .com-txt p {
    font-size: .16rem;
    line-height: 1.5;
    margin-bottom: .35rem;
  }
  .com .com-about2 .com-txt .imgk {
    float: right;
    margin-bottom: .33rem;
    margin-left: .30rem;
    width: 6.61rem;
    height: 4.25rem;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 6.35rem;
    height: 4.05rem;
  }
  .com .com-about2 .com-txt .img2 {
    width: 6.35rem;
    height: 4.05rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #01bb7a;
  }
  .com .com-about2 .jj-list {
    margin-top: .80rem;
    /*margin-bottom: 1.20rem;*/
    display: flex;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    width: 2.80rem;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 1.00rem;
    color: #01bb7a;
    display: flex;
    height: 1.10rem;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 1.50rem;
    margin-left: .20rem;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: .48rem;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: .16rem;
  }
  .com .com-about2 .jj-list .txt {
    font-size: .18rem;
    margin-top: .15rem;
  }
  .com .com-lb {
    padding-top: .80rem;
    padding-bottom: 1.15rem;
    min-height: 10.80rem;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: .55rem;
  }
  .com .com-lb .box-l {
    float: left;
    width: 7.80rem;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: .47rem;
  }
  .com .com-lb .box-l .img img {
    width: 6.25rem;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 0;
    left: 3.125rem;
  }
  .com .com-lb .box-l .img2 img {
    height: 7.05rem;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    top: 0;
    left: 3.125rem;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: .37rem;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: .20rem;
    height: .20rem;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: .24rem;
    color: #b5b5b5;
    margin-left: .20rem;
  }
  .com .com-lb .box-l .com-item li.on {
    display: flex;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #01bb7a;
    font-size: .30rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 1.02rem;
    top: .14rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 1.81rem;
    top: .52rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 2.35rem;
    top: .97rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 2.79rem;
    top: 1.50rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 3.09rem;
    top: 2.07rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 3.30rem;
    top: 2.67rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 3.38rem;
    top: 3.42rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 3.31rem;
    top: 4.07rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 3.10rem;
    top: 4.75rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 2.81rem;
    top: 5.29rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 2.42rem;
    top: 5.84rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 1.80rem;
    top: 6.30rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 1.08rem;
    top: 6.70rem;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 0;
    top: 6.95rem;
  }
  .com .com-lb .box-r {
    float: right;
    width: 5.58rem;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 6.00rem;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: .48rem;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: .35rem;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: .18rem;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: .20rem;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: .50rem;
    font-size: .18rem;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 .10rem;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn img {
    width: .5rem;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    margin-right: .15rem;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 7.00rem;
    float: left;
  }
  .com .com-our .our-l li {
    width: 7.00rem;
    height: 3.50rem;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 3.50rem;
    height: 3.50rem;
  }
  .com .com-our .our-l li .txt {
    width: 3.50rem;
    height: 3.50rem;
    padding: .55rem .40rem;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: .24rem;
    margin-bottom: .40rem;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: .30rem;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: .16rem;
  }
  .com .com-our .our-r {
    float: right;
    width: 7.00rem;
    height: 7.00rem;
    position: relative;
  }
  .com .com-our .our-r .txt {
    width: 7rem;
    height: 7rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(248, 248, 248, 0.8);
    padding: .50rem .40rem;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: .24rem;
    margin-bottom: .25rem;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: .30rem;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: .16rem;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: .15rem;
    flex: none;
  }
  .com .sw4 {
    border-bottom: .01rem solid #e5e5e5;
    margin-bottom: .50rem;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 1.00rem;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: .18rem;
    padding-bottom: .20rem;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: .03rem solid #01b77a;
  }
  .com .u16 li {
    width: 4.35rem;
    margin-right: .45rem;
    margin-bottom: .40rem;
    float: left;
  }
  .com .u16 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 3.28rem;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: .99rem;
    padding: .10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: .16rem;
    margin-bottom: .50rem;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 4.48rem;
    margin-right: .24rem;
    margin-bottom: .28rem;
  }
  .com .u17 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 4.48rem;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: .20rem;
    font-weight: 600;
    width: 3.36rem;
    height: .70rem;
    align-items: center;
    justify-content: center;
  }
  .com .u17 li:hover .txt {
    display: flex;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: .90rem;
    text-align: center;
    margin-bottom: 1.20rem;
  }
  .com3 .org .imgk {
    display: none;
  }
  .com3 .org .com-y {
    width: 7.41rem;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 4.90rem;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: 0 auto;
  }
  .com3 .org .com-l {
    position: absolute;
    left: .10rem;
    height: 4.80rem;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: .36rem;
    padding-right: .70rem;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: .20rem;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: .36rem;
    height: .36rem;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -.99rem;
    top: .34rem;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -.27rem;
    top: 1.33rem;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -.11rem;
    top: 2.52rem;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -.56rem;
    top: 3.66rem;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -1.67rem;
    top: 4.53rem;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: .34rem;
    line-height: .60rem;
    font-weight: 600;
    width: 2.80rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.60rem;
    margin-left: -1.40rem;
  }
  .com3 .org .com-r {
    position: absolute;
    right: .10rem;
    height: 4.80rem;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: .36rem;
    padding-left: .70rem;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: .20rem;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: .36rem;
    height: .36rem;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -.99rem;
    top: .34rem;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -.27rem;
    top: 1.33rem;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -.11rem;
    top: 2.52rem;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -.56rem;
    top: 3.66rem;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -1.67rem;
    top: 4.53rem;
  }
}
@media only screen and (max-width: 800px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: 32px;
    min-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
  }
  .com .com-tit2 i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: 32px;
    min-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
  }
  .com .com-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 0;
  }
  .com.com1.ny-cont {
    padding: 0;
  }
  .com .com-about2 {
    background: url(../images/images/combg_02.jpg) no-repeat center;
    background-position: center bottom;
    padding: 30px 15px;
  }
  .com .com-about2 .com-txt {
    margin-top: 20px;
  }
  .com .com-about2 .com-txt .txt {
    width: 100%;
  }
  .com .com-about2 .com-txt p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .com .com-about2 .com-txt .imgk {
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 95%;
  }
  .com .com-about2 .com-txt .img2 {
    width: 95%;
    height: 90%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #01bb7a;
  }
  .com .com-about2 .jj-list {
    padding: 15px;
    margin-top: 10px;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    margin-bottom: 15px;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 70px;
    color: #01bb7a;
    display: flex;
    height: 70px;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 180px;
    margin-left: 20px;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: 30px;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .com .com-about2 .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .com .com-lb {
    padding: 30px 15px;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: 10px;
  }
  .com .com-lb .box-l {
    padding-top: 1px;
    width: 100%;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: 4.5vw;
  }
  .com .com-lb .box-l .img img {
    width: 70%;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 0;
    left: 35%;
    width: 38.5%;
  }
  .com .com-lb .box-l .img2 img {
    width: 100%;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    width: 65%;
    height: 100%;
    top: 0;
    left: 35%;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: 20px;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: 18px;
    color: #b5b5b5;
    margin-left: 10px;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #01bb7a;
    font-size: 20px;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 12%;
    top: -1%;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 28%;
    top: 5%;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 40%;
    top: 13%;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 47%;
    top: 20%;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 52%;
    top: 27%;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 55%;
    top: 35%;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 57%;
    top: 43%;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 57%;
    top: 50%;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 57%;
    top: 57%;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 54%;
    top: 65%;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 51%;
    top: 72%;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 45%;
    top: 80%;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 37%;
    top: 88%;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 25%;
    top: 95%;
  }
  .com .com-lb .box-r {
    margin-top: 30px;
    width: 100%;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: 30px;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: 5px;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: 10px;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: 30px;
    font-size: 16px;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 10px;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    width: 30px;
    margin-right: 15px;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    width: 30px;
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 100%;
  }
  .com .com-our .our-l li {
    width: 100%;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 50%;
    height: 46vw;
  }
  .com .com-our .our-l li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .com-our .our-l li .txt {
    width: 50%;
    height: 46vw;
    padding: 15px;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: 10px;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: 14px;
  }
  .com .com-our .our-r {
    float: right;
    width: 100%;
    position: relative;
  }
  .com .com-our .our-r .imgk {
    width: 100%;
  }
  .com .com-our .our-r .imgk img {
    width: 100%;
  }
  .com .com-our .our-r .txt {
    width: 100%;
    background-color: rgba(248, 248, 248, 0.9);
    padding: 10px;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 5px;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: 10px;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: 14px;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: 15px;
    flex: none;
  }
  .com .sw4 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 20px;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: 16px;
    padding-bottom: 20px;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: 3px solid #01b77a;
  }
  .com .u16 li {
    width: 100%;
    margin-bottom: 20px;
    float: left;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 70vw;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: 80px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: 16px;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 28px;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 92vw;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 90%;
    height: 70px;
    align-items: center;
    justify-content: center;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
  .com3 .org .imgk {
    display: block;
  }
  .com3 .org .com-y {
    width: 60%;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 490px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    display: none;
  }
  .com3 .org .com-l {
    position: absolute;
    left: 10px;
    height: 100%;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: 36px;
    padding-right: 70px;
    word-break: keep-all;
    width: max-content;
    font-size: 20px;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -99px;
    top: 34px;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -27px;
    top: 133px;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -11px;
    top: 252px;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -56px;
    top: 366px;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -167px;
    top: 453px;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    width: 30%;
  }
  .com3 .org .com-r {
    position: absolute;
    right: 10px;
    height: 480px;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: 30px;
    padding-left: 40px;
    word-break: keep-all;
    font-size: 20px;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -99px;
    top: 34px;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -27px;
    top: 133px;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -11px;
    top: 252px;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -56px;
    top: 366px;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -167px;
    top: 453px;
  }
}

@media only screen and (min-width: 1480px) {
  .con .con-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .con .con-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: 36px;
    margin-bottom: 90px;
  }
  .con .con-left {
    float: left;
    width: 355px;
  }
  .con .con-left .item {
    display: flex;
    margin-bottom: 60px;
  }
  .con .con-left .item i img {
    width: 45px;
  }
  .con .con-left .item .txt {
    padding-left: 16px;
    flex: 1;
  }
  .con .con-left .item .txt p {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: 16px;
    color: #999999;
  }
  .con .con-right {
    float: right;
    width: 915px;
    margin-bottom: 120px;
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 445px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .con .con-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 135px;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #01bb7a;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 80px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .con .con-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .con .con-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: 36px;
    margin-bottom: 90px;
  }
  .con .con-left {
    float: left;
    width: 304px;
  }
  .con .con-left .item {
    display: flex;
    margin-bottom: 60px;
  }
  .con .con-left .item i img {
    width: 45px;
  }
  .con .con-left .item .txt {
    padding-left: 16px;
    flex: 1;
  }
  .con .con-left .item .txt p {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: 16px;
    color: #999999;
  }
  .con .con-right {
    float: right;
    width: 784px;
    margin-bottom: 120px;
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 381px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .con .con-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 135px;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #01bb7a;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 50px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .con .con-tit {
    font-size: .60rem;
    height: 1.30rem;
    line-height: 1.30rem;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: .50rem;
  }
  .con .con-tit i {
    display: block;
    height: .04rem;
    position: absolute;
    left: 50%;
    margin-left: -.15rem;
    bottom: .20rem;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: .36rem;
    margin-bottom: .90rem;
  }
  .con .con-left {
    float: left;
    width: 3.55rem;
  }
  .con .con-left .item {
    display: flex;
    margin-bottom: .60rem;
  }
  .con .con-left .item i img {
    width: .45rem;
  }
  .con .con-left .item .txt {
    padding-left: .16rem;
    flex: 1;
  }
  .con .con-left .item .txt p {
    font-size: .22rem;
    margin-bottom: .10rem;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: .16rem;
    color: #999999;
  }
  .con .con-right {
    float: right;
    width: 9.15rem;
    margin-bottom: 1.20rem;
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 4.45rem;
    float: left;
    margin-right: .20rem;
    margin-bottom: .20rem;
  }
  .con .con-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: .18rem;
    font-weight: 600;
    margin-bottom: .15rem;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: .50rem;
    border: .01rem solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 .20rem;
    font-size: .18rem;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: .18rem;
    padding: .20rem;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 .20rem;
    font-size: .18rem;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 1.35rem;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: .30rem;
  }
  .con .con-form .form-btn {
    width: 2.60rem;
    height: .60rem;
    background-color: #01bb7a;
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: .60rem;
    margin: 0 auto;
    margin-top: .80rem;
    cursor: pointer;
  }
}
@media only screen and (max-width: 800px) {
  .con .con-tit {
    font-size: 32px;
    min-height: 100px;
    line-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
  }
  .con .con-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
  }
  .con .con-left {
    width: 100%;
  }
  .con .con-left .item {
    display: flex;
    margin-bottom: 30px;
  }
  .con .con-left .item i img {
    width: 45px;
  }
  .con .con-left .item .txt {
    padding-left: 16px;
    flex: 1;
  }
  .con .con-left .item .txt p {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: 16px;
    color: #999999;
  }
  .con .con-right {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 100%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .con .con-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 135px;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form .form-btn {
    width: 260px;
    height: 50px;
    background-color: #01bb7a;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1260px) {
  .u18 {
    width: 100%;
  }
  .u18 li {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .u18 li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 15px 20px;
  }
  .u18 li a .txt {
    width: 100%;
    flex: 1;
    font-size: 18px;
  }
  .u18 li a .time {
    margin-left: 30px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .u18 {
    width: 100%;
  }
  .u18 li {
    width: 100%;
    margin-bottom: .2rem;
    border-bottom: 1px solid #eee;
  }
  .u18 li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: .6rem;
    padding: .15rem .2rem;
  }
  .u18 li a .txt {
    width: 100%;
    flex: 1;
    font-size: .18rem;
  }
  .u18 li a .time {
    margin-left: .3rem;
    font-size: .16rem;
  }
}
@media only screen and (max-width: 800px) {
  .u18 {
    width: 100%;
  }
  .u18 li {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .u18 li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 15px 20px;
  }
  .u18 li a .txt {
    width: 100%;
    flex: 1;
    font-size: 16px;
  }
  .u18 li a .time {
    margin-left: 20px;
    font-size: 14px;
  }
  .ny_ban img {
    height: 220px;
    object-fit: cover;
	width:100%;
  }
}
@media only screen and (min-width: 1480px) {
  .send {
    margin-top: 50px;
  }
  .send .tit {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .send .tip-1 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .send .submit-btn {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 24px;
    border: 1px solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1260px) {
  .send {
    margin-top: 30px;
  }
  .send .tit {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .send .tip-1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .send .submit-btn {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 20px;
    border: 1px solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .send {
    margin-top: .50rem;
  }
  .send .tit {
    font-size: .28rem;
    margin-bottom: .20rem;
  }
  .send .tip-1 {
    font-size: .18rem;
    margin-bottom: .30rem;
  }
  .send .submit-btn {
    display: inline-block;
    padding: .10rem .30rem;
    border-radius: .50rem;
    font-size: .24rem;
    border: .01rem solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: .30rem;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .name {
    font-size: .24rem;
    font-weight: 600;
    margin-bottom: .25rem;
  }
  .send .form-item .ipt {
    width: 100%;
    height: .50rem;
    border: .01rem solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 .20rem;
    font-size: .18rem;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: .18rem;
    padding: .20rem;
    background: transparent;
  }
  .send .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 .20rem;
    font-size: .18rem;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .send .form-item .ipt2 {
    height: 1.35rem;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: .30rem;
  }
}
@media only screen and (max-width: 800px) {
  .send {
    margin-top: 30px;
  }
  .send .tit {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .send .tip-1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .send .submit-btn {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 20px;
    border: 1px solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .send {
    margin-top: 30px;
  }
  .send .form-item {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 20px;
  }
}


/* 11-29 */
@media only screen and (min-width: 1480px) {
  .tab-right .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 2%;
    margin-bottom: 25px;
    width: 32%;
  }
  .tab-right .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .tab-right .videolist .imgk {
    position: relative;
    width: 100%;
    height: 187px;
  }
  .tab-right .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .videolist .name {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    height: 93px;
    padding: 20px 20px;
  }
  .tab-right .videolist:hover {
    cursor: pointer;
  }
  .tab-right .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .tab-right .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .tab-right .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;
  }
  .tab-right #video {
    width: 800px;
    height: 450px;
    object-fit: fill;
  }
  .tab-right .vclose {
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
  .tab-right .u2 li {
    width: 271px;
    margin-bottom: 20px;
    float: left;
    margin-right: 40px;
  }
  .tab-right .u2 li:nth-child(4n) { 
    margin-right: 40px;
  }
  .tab-right .u2 li:nth-child(3n) {
    margin-right: 0;
  }
  .tab-right .u2 li .imgk {
    width: 271px;
    height: 380px;
  }
  .tab-right .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .u2 li .name {
    width: 100%;
    font-size: 20px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px){
  .tab-right .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 2%;
    margin-bottom: 25px;
    width: 32%;
  }
  .tab-right .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .tab-right .videolist .imgk {
    position: relative;
    width: 100%;
    height: 132px;
  }
  .tab-right .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .videolist .name {
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    height: 83px;
    padding: 20px 20px;
  }
  .tab-right .videolist:hover {
    cursor: pointer;
  }
  .tab-right .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .tab-right .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .tab-right .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;
  }
  .tab-right #video {
    width: 800px;
    height: 450px;
    object-fit: fill;
  }
  .tab-right .vclose {
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
  
  .tab-right .u2 li {
    width: 223px;
    margin-bottom: 20px;
    float: left;
    margin-right: 30px;
  }
  .tab-right .u2 li:nth-child(4n) { 
    margin-right: 30px;
  }
  .tab-right .u2 li:nth-child(3n) {
    margin-right: 0;
  }
  .tab-right .u2 li .imgk {
    width: 100%;
    height: 316px;
  }
  .tab-right .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .u2 li .name {
    width: 100%;
    font-size: 18px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 800px)and (max-width: 1260px) {
  .tab-right .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 2%;
    margin-bottom: .25rem;
    width: 32%;
  }
  .tab-right .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .tab-right .videolist .imgk {
    position: relative;
    width: 100%;
    height: 1.87rem;
  }
  .tab-right .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .videolist .name {
    background-color: #fff;
    font-size: .20rem;
    font-weight: 600;
    width: 100%;
    height: .93rem;
    padding: .20rem .20rem;
  }
  .tab-right .videolist:hover {
    cursor: pointer;
  }
  .tab-right .videoed {
    display: block;
    width: .50rem;
    height: .50rem;
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -.25rem;
    z-index: 99;
    border-radius: 100%;
  }
  .tab-right .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .tab-right .videos {
    display: none;
    border: .01rem solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -4.00rem;
    margin-top: -2.25rem;
    z-index: 100;
    width: 8.00rem;
    height: 4.50rem;
  }
  .tab-right #video {
    width: 8.00rem;
    height: 4.50rem;
    object-fit: fill;
  }
  .tab-right .vclose {
    position: absolute;
    right: -.30rem;
    top: -.30rem;
    border-radius: 100%;
    cursor: pointer;
  }
  .tab-right .u2 li {
    width: 2.71rem;
    margin-bottom: .20rem;
    float: left;
    margin-right: .40rem;
  }
  .tab-right .u2 li:nth-child(4n) { 
    margin-right: .40rem;
  }
  .tab-right .u2 li:nth-child(3n) {
    margin-right: 0;
  }
  .tab-right .u2 li .imgk {
    width: 2.71rem;
    height: 3.80rem;
  }
  .tab-right .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .u2 li .name {
    width: 100%;
    font-size: .20rem;
    height: .60rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 800px) {
  .tab-right .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 4%;
    margin-bottom: 15px;
    width: 48%;
  }
  .tab-right .videolist:nth-child(2n) {
    margin-right: 0;
  }
  .tab-right .videolist .imgk {
    position: relative;
    width: 100%;
    height: 34vw;
  }
  .tab-right .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tab-right .videolist .name {
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 100px;
    padding: 15px;
  }
  .tab-right .videolist:hover {
    cursor: pointer;
  }
  .tab-right .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .tab-right .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .tab-right .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 1%;
    top: 30%;
    z-index: 100;
    width: 98%;
    height: auto;
    max-height: 600px;
  }
  .tab-right #video {
    width: 100%;
    height: auto;
    object-fit: fill;
  }
  .tab-right .vclose {
    position: absolute;
    right: 0;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}



@media only screen and (min-width: 1480px) {
    .cp_content {
        font-size: 18px;
        line-height: 30px;
        color: #54595f;
        font-family: 'MR';
    }
}

@media only screen and (min-width: 1260px) and (max-width: 1480px) {
    .cp_content {
        font-size: 18px;
        line-height: 30px;
        color: #54595f;
        font-family: 'MR';
    }
}

@media only screen and (min-width: 800px) and (max-width: 1260px) {
  .cp_content {
    font-size: .18rem;
    line-height: .30rem;
    color: #54595f;
    font-family: 'MR';
  }
}

@media only screen and (max-width: 800px) {
  .cp_content {
    font-size: 16px;
    line-height: 28px;
    color: #54595f;
    font-family: 'MR';
  }
}