@charset "UTF-8";
@media screen and (min-width: 1100px) {
  .foot .info-box .contact a.email:hover {
    box-shadow: -3px 3px 0 0 rgba(36, 127, 201, 0.8);
    letter-spacing: 1.2px;
  }
  .foot .copy a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
  /* 分类工具 */
  .tool-page li font:hover {
    background: var(--bg);
  }
  .tool-page li font:hover::before {
    color: transparent;
  }
  .tool-page .page-item:hover a,
  .tool-page .page-first:hover a,
  .tool-page .page-last:hover a {
    color: #fff;
  }
  .tool-page .page-item:hover::before,
  .tool-page .page-first:hover::before,
  .tool-page .page-last:hover::before {
    transform: scale(0);
    opacity: 0;
  }
  .tool-page .page-item:hover::after,
  .tool-page .page-first:hover::after,
  .tool-page .page-last:hover::after {
    opacity: 1;
    transform: scale(1);
  }
  /* 首页 */
  .page-index .notice .notice-swiper .swiper-slide:hover .date,
  .page-index .notice .notice-swiper .swiper-slide:hover .info {
    color: #41bfbe;
  }
  .page-index .notice .notice-control font:hover {
    color: #41bfbe;
  }
  .page-index .news .news-example li:hover,
  .page-index .news .news-normal li:hover {
    background: #42c0bf;
  }
  .page-index .news .news-example li:hover *,
  .page-index .news .news-normal li:hover * {
    color: #fff !important;
  }
  .page-index .news .news-example li:hover .date,
  .page-index .news .news-normal li:hover .date {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .page-index .news .news-example li:hover .date font,
  .page-index .news .news-normal li:hover .date font {
    animation: shake-horizontal 1s linear infinite;
  }
  .page-index .news .news-example li:hover::before,
  .page-index .news .news-normal li:hover::before {
    filter: grayscale(100%) brightness(5) contrast(5);
  }
  .page-index .news .news-normal li:hover {
    background: #42c0bf;
  }
  .page-index .news .news-normal li:hover::before {
    filter: grayscale(100%) brightness(5) contrast(5);
  }
  .page-index .news .news-normal li:hover .info font {
    transform: translateX(10px);
  }
  .page-index .business .head-box .types li:not(.cur):hover font {
    color: #42c0bf;
  }
  .page-index .business .head-box .types li:not(.cur):hover a span {
    opacity: 0;
  }
  .page-index .business .head-box .types li:not(.cur):hover a::before {
    opacity: 1;
  }
  .page-index .business .head-box .types li:not(.cur):hover::after {
    transform: scale(1);
  }
  .page-index .business .business-body .business-info .business-swiper .contorls .business-prev:hover,
  .page-index .business .business-body .business-info .business-swiper .contorls .business-next:hover {
    color: #42c0bf;
  }
  /* 公司简介 */
  .comp-profile .profile-detail .detail-info .show-all:hover {
    letter-spacing: 2.4px;
  }
  /* 企业荣誉 */
  .comp-honor .honor-swiper-box .honor-prev:hover,
  .comp-honor .honor-swiper-box .honor-next:hover {
    color: #35cbc0;
  }
  .comp-honor .honor-list .list .item a:hover font {
    color: #35cbc0;
  }
  /* 宣传视频 */
  .comp-videos .videos-showbox .videos li:hover img {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 7px;
  }
  .comp-videos .video-list-box .list li:hover {
    cursor: pointer;
    background: rgba(53, 203, 192, 0.8);
  }
  .comp-videos .video-list-box .list li:hover .title,
  .comp-videos .video-list-box .list li:hover .view-volume,
  .comp-videos .video-list-box .list li:hover .view-volume font {
    color: #fff;
  }
  .comp-videos .video-list-box .list li:hover .fullimg {
    border-radius: 10px 10px 0 0;
  }
  .comp-videos .video-list-box .list li:hover .fullimg img {
    transform: scale(1.2);
  }
  /* 联系我们 */
  .comp-contact .local-info .info .email:hover {
    box-shadow: -3px 3px 0 0 rgba(36, 127, 201, 0.8);
    letter-spacing: 1.2px;
  }
  /* 列表1 */
  .page-list .list-main .example-box .example-ls:hover .swiper-slide-active {
    --ey: -10%;
    --sy: 10%;
  }
  .page-list .list-main .example-box .example-ls:hover .swiper-slide-active .info a {
    animation: shake-horizontal 1s linear infinite;
  }
  .page-list .list-main .example-box .example-ls:hover .swiper-slide-active .fullimg img {
    transform: scale(1.2);
  }
  .page-list .list-main .normal-box .list-group li:hover::after {
    transform: scale(1);
  }
  .page-list .list-main .normal-box .list-group li:hover a span,
  .page-list .list-main .normal-box .list-group li:hover a font {
    color: transparent;
  }
  .page-list .list-main .normal-box .list-group li:hover a font {
    --ey: -20%;
    --sy: 20%;
    animation: shake-horizontal 1s linear infinite;
  }
  .page-list .list-main .normal-box .list-group li:hover .fullimg img {
    transform: scale(1.2);
  }
  /* 列表2 */
  .page-list .list-category2 .list-group li:hover {
    border-color: #42c0bf;
  }
  .page-list .list-category2 .list-group li:hover .date span {
    color: #fff;
  }
  .page-list .list-category2 .list-group li:hover .date .day::before {
    opacity: 0;
  }
  .page-list .list-category2 .list-group li:hover .date .day::after {
    opacity: 1;
  }
  .page-list .list-category2 .list-group li:hover .date::before {
    opacity: 1;
  }
  .page-list .list-category2 .list-group li:hover .info .title,
  .page-list .list-category2 .list-group li:hover .info .desc {
    color: #42c0bf;
  }
  .page-list .list-category2 .list-group li:hover .detail {
    transform: translateX(20%);
  }
  .page-list .list-category2 .list-group li:hover .detail::before {
    opacity: 1;
  }
  .page-list .list-category2 .list-group li:hover .detail font {
    color: #fff;
  }
  /* 详情页 */
  .page-detail .main .detail-container .detail-change .prev:hover .title,
  .page-detail .main .detail-container .detail-change .next:hover .title {
    opacity: 1;
    font-weight: bold;
  }
  .page-detail .main .back:hover {
    letter-spacing: 2px;
    line-height: 20px;
  }
  /* 矿业板块 */
  .ba-mining .plate .page-anchor li:hover .anchor {
    color: #2583c9;
    font-weight: bold;
  }
  .ba-mining .mining-right .mining-right-detail .details li:hover {
    transform: scale(1.1);
  }
  .ba-mining .domestic .domestic-mining .location .local-ls li:hover::before {
    transform: scale(1);
  }
  .ba-mining .domestic .domestic-mining .location .local-ls:hover::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.8);
  }
  .ba-mining .abroad .abroad-spread .spread-area li:hover {
    background: #42c0bf;
  }
  /* 新材料板块 */
  .ba-materials .plate .page-anchor:hover .anchor {
    color: #2583c9;
    font-weight: bold;
  }
  /* 产品详情 */
  .ba-product .product-group .products li:hover .img-box .fullimg img {
    transform: scale(1.2);
  }
  /* 其他 */
  .ba-other .plate .page-tabs li:hover a {
    color: #2583c9;
    font-weight: bold;
  }
  .ba-other .data-list .custom-link .info .detail:hover {
    box-shadow: -3px 3px 0 0 rgba(36, 127, 201, 0.8);
    letter-spacing: 1.2px;
  }
  .ba-other .data-list .custom-link:hover .fullimg img {
    transform: scale(1.2);
  }
  /* 公司理念 */
  .culture-cp .employee-style .list-group li:hover .fullimg img {
    transform: scale(1.2);
  }
  /* 社会责任 */
  .culture-sr .list-group li:hover::after {
    transform: scale(1);
  }
  .culture-sr .list-group li:hover .fullimg img {
    transform: scale(1.2);
  }
  .culture-sr .list-group li:hover .more span,
  .culture-sr .list-group li:hover .more font {
    color: transparent;
  }
  .culture-sr .list-group li:hover .more font {
    animation: shake-horizontal 1s linear infinite;
  }
  /* 社会招聘 */
  .hp-recruit .recruit-body li .position-detail .detail-body .send:hover {
    letter-spacing: 2px;
  }
  .hp-recruit .recruit-body li:hover .a-show p:last-child .icon i {
    background: #fff;
  }
  .hp-recruit .recruit-body li:hover .a-show p:last-child .icon::before {
    opacity: 1;
  }
  /* 信息公开 */
  .id-body .box-left .tabs li:hover {
    color: #247fc9;
  }
  .id-body .box-left .tabs a:hover {
    color: #247fc9;
  }
  .id-body .box-right .id-list .list-group li:nth-child(1):hover {
    border-color: #42c0bf;
  }
  .id-body .box-right .id-list .list-group li:nth-child(1):hover .fullimg img {
    transform: scale(1.2);
  }
  .id-body .box-right .id-list .list-group li:nth-child(1):hover .info p.line-text--one,
  .id-body .box-right .id-list .list-group li:nth-child(1):hover .info p.line-text--multiple,
  .id-body .box-right .id-list .list-group li:nth-child(1):hover .info a,
  .id-body .box-right .id-list .list-group li:nth-child(1):hover .info a font {
    color: #42c0bf;
  }
  .id-body .box-right .id-list .list-group li:nth-child(1):hover .info a font {
    --ey: -3px;
    --sy: 3px;
    animation: shake-horizontal 1s linear infinite;
  }
  .id-body .box-right .id-list .list-group li:nth-child(n + 2):hover {
    border-color: #42c0bf;
  }
  .id-body .box-right .id-list .list-group li:nth-child(n + 2):hover a,
  .id-body .box-right .id-list .list-group li:nth-child(n + 2):hover .date {
    color: #42c0bf;
  }
  .id-body .box-right .id-list .list-group li:nth-child(n + 2):hover::before {
    background: #42c0bf;
  }
}

@media screen and (max-width: 1540px) {
  .head .pc {
    height: 80px;
  }
  .head .pc .logo img {
    width: 90px;
  }
  .head .pc .logo b {
    font-size: 20px;
  }
  .head .pc .menu .link-1st .item-1st span, .head .pc .menu .link-1st .item-1st::after {
    font-size: 16px;
  }
  .head .pc .menu .link-1st .menu-2rd a {
    font-size: 14px;
  }
  .main .inner-banner,
  .main .inner-menu {
    padding-left: 9.38vw;
    padding-right: 9.38vw;
  }
  .main .inner-banner .en,
  .main .inner-menu .en {
    font-size: 54px;
    line-height: 70px;
  }
  .main .inner-banner .cn,
  .main .inner-menu .cn {
    font-size: 50px;
    line-height: 70px;
  }
  .page-index .banner .mouse {
    bottom: calc(5.42vh + 110px);
  }
  .page-index .notice-box {
    height: 110px;
    margin-top: -110px;
  }
  .page-index .news {
    padding: 8.5vh 9.38vw;
  }
  .page-index .news .head-box .name .en {
    font-size: 42px;
  }
  .page-index .news .head-box {
    margin-bottom: 3.88vh;
  }
  .page-index .news .news-body {
    height: 450px;
  }
  .page-index .news .news-swiper .fullimg {
    height: 350px;
  }
  .page-index .news .news-example li {
    height: 210px;
    padding: 18px 6.36% 0;
  }
  .page-index .news .news-example li .date {
    margin-top: 20px;
    height: 90px;
  }
  .page-index .news .news-normal li {
    height: 88px;
  }
  .page-index .news .news-normal li font {
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
  .page-index .business {
    padding: 9.5vh 0 9.5vh 9.38vw;
  }
  .page-index .business .head-box .name .en {
    font-size: 42px;
  }
  .page-index .business .business-body {
    height: 444px;
  }
  .page-index .business .business-body .business-thumb .swiper-slide .thumb-box {
    height: 390px;
  }
  .page-index .business .business-body .business-thumb .swiper-slide-active .thumb-box {
    height: 100%;
  }
  .page-index .business .business-body .business-info {
    padding-top: 40px;
  }
  .page-index .business .business-body .business-info .business-swiper p {
    height: 90px;
    -webkit-line-clamp: 3;
  }
  .page-index .business .business-body .business-info .business-swiper .learn {
    margin-top: 50px;
  }
  .comp-profile .profile-detail,
  .comp-profile .profile-video .parallax-box,
  .comp-profile .profile-video .video-box {
    padding-left: 9.38vw;
    padding-right: 9.38vw;
  }
  .comp-structure,
  .comp-leader,
  .comp-log,
  .comp-honor .honor,
  .comp-honor .honor-list,
  .comp-videos .videos-showbox,
  .comp-videos .video-list-box,
  .comp-contact,
  .search-box,
  .page-list .list-main .example-box,
  .page-list .list-main .normal-box,
  .page-list .list-category2,
  .page-detail .main,
  .ba-mining .plate,
  .ba-mining .mining-right,
  .ba-mining .domestic,
  .ba-mining .abroad,
  .ba-pci,
  .ba-materials .plate,
  .ba-materials .previously,
  .ba-materials .eco-chain,
  .ba-materials .situation,
  .ba-materials .recovery,
  .ba-product .product-group,
  .ba-other .plate,
  .ba-other .data-list .custom-link,
  .pbdi-cr,
  .culture-cp .company-philosophy,
  .culture-cp .employee-style,
  .culture-sr,
  .hp-team .ad-box,
  .hp-recruit {
    padding-left: 9.38vw;
    padding-right: 9.38vw;
  }
  .comp-honor .honor-swiper-box {
    height: 35.97vw;
  }
  .comp-honor .honor-swiper .swiper-slide {
    width: 26.48vw;
  }
  .comp-honor .honor-swiper .swiper-slide-prev {
    padding-left: 3.83vw;
    padding-right: 3.83vw;
  }
  .comp-ae .of-pc li:nth-child(2n-1) .ae-info {
    padding-left: 9.38vw;
  }
  .comp-ae .of-pc li:nth-child(2n) .ae-info {
    padding-right: 9.38vw;
  }
  .page-detail .main .back {
    right: 9.38vw;
  }
  .hp-team .ad-box .ad-item .info p {
    font-size: 40px;
    line-height: 52px;
  }
  .hp-team .ad-box .ad-item .info .introduce {
    font-size: 18px;
    line-height: 36px;
  }
  .hp-recruit .recruit-head {
    width: 81.24vw;
  }
  .id-body .box-left h1,
  .id-body .box-left .tabs li,
  .id-body .box-left .tabs a {
    padding-left: 9.38vw;
  }
  .id-body .box-right {
    padding-right: 9.38vw;
  }
  .comp-log .log-box .log-item {
    padding-bottom: 148px;
  }
  /* 列表1 */
  .page-list .list-main .example-box .example-ls {
    height: 440px;
  }
  .page-list .list-main .example-box .example-ls .swiper-slide .info {
    padding: 24px 3.35% 0 5.17%;
  }
  .page-list .list-main .example-box .example-ls .swiper-slide .info a {
    margin-top: 30px;
  }
  .page-list .list-main .example-box .example-ls .example-pagination {
    top: 370px;
  }
  .ba-pci .poster {
    height: 400px;
  }
  .ba-materials .previously-poster {
    height: 400px;
  }
  .ba-materials .recovery-poster,
  .ba-materials .situation-poster {
    height: 380px;
  }
  .page-list .list-main .normal-box .list-group li + li {
    margin-top: 5vw;
  }
  .culture-cp .employee-style .list-group .fullimg {
    height: 250px;
  }
  .culture-sr .list-group li {
    height: 494px;
  }
  .culture-sr .list-group .fullimg {
    height: 250px;
  }
  .ba-other .data-list .custom-link .fullimg {
    height: 380px;
  }
}

@media screen and (max-width: 1360px) {
  .head .pc {
    height: 72px;
    padding: 0 4vw;
  }
  .head .pc .logo img {
    width: 80px;
  }
  .head .pc .logo p {
    margin-left: 1.27vw;
  }
  .head .pc .logo b {
    font-size: 18px;
  }
  .head .pc .menu .link-1st .item-1st span, .head .pc .menu .link-1st .item-1st::after {
    font-size: 14px;
  }
  .head .pc .menu .link-1st .menu-2rd a {
    font-size: 12px;
  }
  .foot {
    padding: 22px 7.13vw 0;
  }
  .foot .info-box p,
  .foot .info-box .contact a,
  .foot .copy span,
  .foot .copy a {
    font-size: 14px;
  }
  .main .inner-banner,
  .main .inner-menu {
    padding-left: 7.13vw;
    padding-right: 7.13vw;
  }
  .main .inner-banner .en,
  .main .inner-menu .en {
    font-size: 48px;
    line-height: 64px;
  }
  .main .inner-banner .cn,
  .main .inner-menu .cn {
    font-size: 44px;
    line-height: 64px;
  }
  .main .inner-banner .of-pc,
  .main .inner-menu .of-pc {
    height: 90px;
    margin-top: -76px;
  }
  .main .inner-banner .of-pc li,
  .main .inner-menu .of-pc li {
    width: 6.25vw;
    min-width: 100px;
  }
  .main .inner-banner .of-pc li a,
  .main .inner-menu .of-pc li a {
    padding-bottom: 16px;
  }
  .main .inner-banner .of-pc li::after,
  .main .inner-menu .of-pc li::after {
    bottom: 14px;
  }
  .main .inner-banner .of-pc .breadcrumb,
  .main .inner-menu .of-pc .breadcrumb {
    padding-bottom: 16px;
  }
  .page-index .banner .mouse {
    bottom: calc(5.42vh + 98px);
  }
  .page-index .notice {
    padding-right: 7.13vw;
  }
  .page-index .notice-box {
    width: calc(100% - 7.13vw);
    height: 98px;
    margin-top: -98px;
    margin-left: 7.13vw;
  }
  .page-index .news {
    padding: 12.5vh 7.13vw;
  }
  .page-index .business {
    padding: 12.5vh 0 12.5vh 7.13vw;
  }
  .page-index .themes-box,
  .comp-profile .profile-detail,
  .comp-profile .profile-video .parallax-box,
  .comp-profile .profile-video .video-box .comp-structure,
  .comp-leader,
  .comp-log,
  .comp-honor .honor,
  .comp-honor .honor-list,
  .comp-videos .videos-showbox,
  .comp-videos .video-list-box,
  .comp-contact,
  .search-box,
  .page-list .list-main .example-box,
  .page-list .list-main .normal-box,
  .page-list .list-category2,
  .page-detail .main,
  .ba-mining .plate,
  .ba-mining .mining-right,
  .ba-mining .domestic,
  .ba-mining .abroad,
  .ba-pci,
  .ba-materials .plate,
  .ba-materials .previously,
  .ba-materials .eco-chain,
  .ba-materials .situation,
  .ba-materials .recovery,
  .ba-product .product-group,
  .ba-other .plate,
  .ba-other .data-list .custom-link,
  .pbdi-cr,
  .culture-cp .company-philosophy,
  .culture-cp .employee-style,
  .culture-sr,
  .hp-team .ad-box,
  .hp-recruit {
    padding-left: 7.13vw;
    padding-right: 7.13vw;
  }
  .comp-honor .honor-swiper-box {
    height: 38.27vw;
  }
  .comp-honor .honor-swiper .swiper-slide {
    width: 28.48vw;
    padding-top: 10.53vw;
  }
  .comp-honor .honor-swiper .swiper-slide-active {
    padding: 0;
  }
  .comp-ae .of-pc li:nth-child(2n-1) .ae-info {
    padding-left: 7.13vw;
  }
  .comp-ae .of-pc li:nth-child(2n) .ae-info {
    padding-right: 7.13vw;
  }
  .comp-ae .of-pc li .ae-info h3 {
    font-size: 24px;
    line-height: 36px;
  }
  .comp-ae .of-pc li .ae-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .page-detail .main .back {
    right: 7.13vw;
  }
  .hp-recruit .recruit-head {
    width: 85.74vw;
  }
  .id-body .box-left h1,
  .id-body .box-left .tabs li,
  .id-body .box-left .tabs a {
    padding-left: 7.13vw;
  }
  .id-body .box-right {
    padding-right: 7.13vw;
  }
}

@media screen and (max-width: 1200px) {
  .head .pc {
    height: 70px;
    padding: 0 2.67vw;
  }
  .head .pc .logo img {
    width: 68px;
  }
  .head .pc .logo p {
    margin-left: 0.67vw;
  }
  .head .pc .logo b {
    font-size: 16px;
  }
  .head .pc .menu .link-1st {
    padding: 0 1.2vw;
  }
  .foot {
    padding: 22px 5.8vw 0;
  }
  .main .inner-banner,
  .main .inner-menu {
    padding-left: 5.8vw;
    padding-right: 5.8vw;
  }
  .main .inner-banner .of-pc,
  .main .inner-menu .of-pc {
    height: 80px;
    margin-top: -66px;
  }
  .main .inner-banner .of-pc li,
  .main .inner-menu .of-pc li {
    width: 6.25vw;
    min-width: 90px;
  }
  .main .inner-banner .of-pc li a,
  .main .inner-menu .of-pc li a {
    padding-bottom: 6px;
    font-size: 14px;
  }
  .main .inner-banner .of-pc li::after,
  .main .inner-menu .of-pc li::after {
    bottom: 4px;
  }
  .main .inner-banner .of-pc .breadcrumb,
  .main .inner-menu .of-pc .breadcrumb {
    padding-bottom: 6px;
  }
  .main .inner-banner .of-pc .breadcrumb span,
  .main .inner-banner .of-pc .breadcrumb a,
  .main .inner-menu .of-pc .breadcrumb span,
  .main .inner-menu .of-pc .breadcrumb a {
    font-size: 14px;
  }
  .page-index .notice {
    padding-right: 5.8vw;
  }
  .page-index .notice-box {
    width: calc(100% - 5.8vw);
    margin-left: 5.8vw;
  }
  .page-index .news {
    padding: 12.5vh 5.8vw;
  }
  .page-index .business {
    padding: 12.5vh 0 12.5vh 5.8vw;
  }
  .page-index .themes-box,
  .comp-profile .profile-detail,
  .comp-profile .profile-video .parallax-box,
  .comp-profile .profile-video .video-box .comp-structure,
  .comp-structure,
  .comp-leader,
  .comp-log,
  .comp-honor .honor,
  .comp-honor .honor-list,
  .comp-videos .videos-showbox,
  .comp-videos .video-list-box,
  .comp-contact,
  .search-box,
  .page-list .list-main .example-box,
  .page-list .list-main .normal-box,
  .page-list .list-category2,
  .page-detail .main,
  .ba-mining .plate,
  .ba-mining .mining-right,
  .ba-mining .domestic,
  .ba-mining .abroad,
  .ba-pci,
  .ba-materials .plate,
  .ba-materials .previously,
  .ba-materials .eco-chain,
  .ba-materials .situation,
  .ba-materials .recovery,
  .ba-product .product-group,
  .ba-other .plate,
  .ba-other .data-list .custom-link,
  .pbdi-cr,
  .culture-cp .company-philosophy,
  .culture-cp .employee-style,
  .culture-sr,
  .hp-team .ad-box,
  .hp-recruit {
    padding-left: 5.8vw;
    padding-right: 5.8vw;
  }
  .comp-honor .honor-swiper-box {
    height: 39.97vw;
  }
  .comp-honor .honor-swiper .swiper-slide {
    width: 29.48vw;
    padding-top: 11.13vw;
  }
  .comp-honor .honor-swiper .swiper-slide-active {
    padding: 0;
  }
  .comp-ae .of-pc li:nth-child(2n-1) .ae-info {
    padding-left: 5.8vw;
  }
  .comp-ae .of-pc li:nth-child(2n) .ae-info {
    padding-right: 5.8vw;
  }
  .comp-ae .of-pc li .ae-info h3 {
    font-size: 22px;
    line-height: 32px;
  }
  .comp-ae .of-pc li .ae-info p {
    margin-bottom: 24px;
  }
  .page-detail .main .back {
    right: 5.8vw;
  }
  .hp-recruit .recruit-head {
    width: 88.4vw;
  }
  .id-body .box-left h1,
  .id-body .box-left .tabs li,
  .id-body .box-left .tabs a {
    padding-left: 5.8vw;
  }
  .id-body .box-right {
    padding-right: 5.8vw;
  }
}