body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.abs {
  position: absolute;
}

.ani_before {
  opacity: 0;
  animation-fill-mode: forwards;
}

.opacity0to1 {
  animation: opacity0to1 0.7s ease-in-out 5s forwards;
  -webkit-animation: opacity0to1 0.7s ease-in-out 5s forwards;
}

.PC_dis {
  display: block;
}

.MOL_dis {
  display: none;
}

div.cont1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  overflow: hidden;
}

img.bg {
  width: 100%;
  max-width: 1680px;
}

div.wrap00 {
  position: relative;
}
div.wrap00 img.yt.abs {
  left: 15.5%;
  top: 2%;
  max-width: 1014px;
  width: 60.3571428571%;
}
div.wrap00 img.cb.abs {
  left: 0%;
  top: 7%;
  max-width: 1680px;
  width: 100%;
}
div.wrap00 img.pimg.abs {
  left: 0%;
  top: 25%;
  max-width: 1680px;
  width: 100%;
}
div.wrap00 img.title.abs {
  left: 26%;
  top: 13%;
  max-width: 807px;
  width: 48.0357142857%;
}
div.wrap00 img.logobg.abs {
  mix-blend-mode: multiply;
  left: 0.4%;
  top: 58%;
  max-width: 312px;
  width: 18.5714285714%;
  animation: bounceInUp 2.5s 0s, rotate_animt 100s linear 2.5s infinite;
}
div.wrap00 img.logot.abs {
  left: 9%;
  top: 66%;
  max-width: 98px;
  width: 5.8333333333%;
}
div.wrap00 img.chengji.abs {
  left: 6.2%;
  bottom: 0%;
  max-width: 1455px;
  width: 86.6071428571%;
}

div.wrap01-1 {
  position: relative;
}
div.wrap01-1 img.logobg.abs {
  left: 2%;
  top: 18%;
  max-width: 312px;
  width: 18.5714285714%;
  animation: fadeInUp 1s 0s, rotate_animt 100s linear 1s infinite;
  -webkit-animation: fadeInUp 1s 0s, rotate_animt 100s linear 1s infinite;
}
div.wrap01-1 img.logot.abs {
  left: 11%;
  top: 33%;
  max-width: 98px;
  width: 5.8333333333%;
}
div.wrap01-1 img.logo.abs {
  left: 11%;
  top: 33%;
  max-width: 312px;
  width: 18.5714285714%;
}
div.wrap01-1 img.word.abs {
  left: 10%;
  top: 57%;
  max-width: 666px;
  width: 39.6428571429%;
}
div.wrap01-1 img.title.abs {
  left: 13%;
  bottom: 5%;
  max-width: 410px;
  width: 24.4047619048%;
  animation: opacity0 1s linear 0s, fadeInLeft 1s 1s;
  -webkit-animation: opacity0 1s linear 0s, fadeInLeft 1s 1s;
}

div.wrap01-2 {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #a31856;
}
div.wrap01-2 img.onmt1 {
  mix-blend-mode: multiply;
  left: 0%;
  bottom: 0%;
  max-width: 666px;
  width: 39.6428571429%;
}
div.wrap01-2 img.onmt2 {
  mix-blend-mode: multiply;
  right: 0%;
  top: 0%;
  max-width: 666px;
  width: 39.6428571429%;
}
div.wrap01-2 img.img1 {
  margin-left: 5%;
  max-width: 681px;
  width: 40.5357142857%;
}
div.wrap01-2 img.img2.abs {
  right: 7%;
  max-width: 744px;
  width: 44.2857142857%;
}

div.wrap01-3 {
  position: relative;
}
div.wrap01-3 img.img1.abs {
  left: 0%;
  top: -2%;
  max-width: 1452px;
  width: 86.4285714286%;
}
div.wrap01-3 img.img2.abs {
  left: 0%;
  bottom: 0%;
  max-width: 1680px;
  width: 100%;
}
div.wrap01-3 img.card.abs {
  max-width: 433px;
  width: 24.4047619048%;
}
div.wrap01-3 img.title1.abs {
  left: 8%;
  top: 18%;
  max-width: 411px;
  width: 24.4642857143%;
  animation: fadeInLeft 0.6s 0s;
  -webkit-animation: fadeInLeft 0.6s 0s;
}
div.wrap01-3 img.card1 {
  left: 8%;
  top: 23%;
  animation: bounceInUp 1s 0s;
  -webkit-animation: bounceInUp 1s 0s;
}
div.wrap01-3 img.card2 {
  left: 38%;
  top: 23%;
  animation: opacity0 0.4s 0s, bounceInUp 1s 0.4s;
  -webkit-animation: opacity0 0.4s 0s, bounceInUp 1s 0.4s;
}
div.wrap01-3 img.card3 {
  left: 68%;
  top: 23%;
  animation: opacity0 0.8s 0s, bounceInUp 1s 0.8s;
  -webkit-animation: opacity0 0.8s 0s, bounceInUp 1s 0.8s;
}
div.wrap01-3 img.title2.abs {
  left: 8%;
  bottom: 35%;
  max-width: 411px;
  width: 24.4642857143%;
  animation: fadeInLeft 0.6s 0s;
  -webkit-animation: fadeInLeft 0.6s 0s;
}
div.wrap01-3 img.card4 {
  left: 8%;
  bottom: 5%;
  animation: bounceInUp 1s 0s;
  -webkit-animation: bounceInUp 1s 0s;
}
div.wrap01-3 img.card5 {
  left: 38%;
  bottom: 5%;
  animation: opacity0 0.4s 0s, bounceInUp 1s 0.4s;
  -webkit-animation: opacity0 0.4s 0s, bounceInUp 1s 0.4s;
}
div.wrap01-3 img.card6 {
  left: 68%;
  bottom: 5%;
  animation: opacity0 0.8s 0s, bounceInUp 1s 0.8s;
  -webkit-animation: opacity0 0.8s 0s, bounceInUp 1s 0.8s;
}

div.wrap02 {
  position: relative;
}
div.wrap02 img.logobg.abs {
  mix-blend-mode: multiply;
  left: 20%;
  top: -10%;
  max-width: 312px;
  width: 18.5714285714%;
  animation: fadeInUp 1s 0s, rotate_animt 100s linear 1s infinite;
  -webkit-animation: fadeInUp 1s 0s, rotate_animt 100s linear 1s infinite;
}
div.wrap02 img.logow.abs {
  left: 28%;
  top: -2%;
  max-width: 110px;
  width: 6.5476190476%;
}
div.wrap02 img.word.abs {
  left: 38%;
  top: 5%;
  max-width: 708px;
  width: 42.1428571429%;
}
div.wrap02 video.jybf-video.abs {
  right: 7.5%;
  top: 23%;
  max-width: 1400px;
  width: 83.3333333333%;
  animation: bounceInUp 1.4s 0s;
  -webkit-animation: bounceInUp 1.4s 0s;
}

div.wrap03-1 {
  position: relative;
}
div.wrap03-1 img.logobg.abs {
  mix-blend-mode: darken;
  left: 40%;
  top: -12%;
  max-width: 312px;
  width: 18.5714285714%;
  animation: fadeInUp 1s 0s, rotate_animt 100s linear 1s infinite;
  -webkit-animation: fadeInUp 1s 0s, rotate_animt 100s linear 1s infinite;
}
div.wrap03-1 img.logot.abs {
  left: 46.5%;
  top: 0%;
  max-width: 110px;
  width: 6.5476190476%;
}
div.wrap03-1 img.word.abs {
  left: 13%;
  top: 12%;
  max-width: 1162px;
  width: 69.1666666667%;
}

div.wrap03-2 {
  position: relative;
}
div.wrap03-2 img.kh0.abs {
  left: 13%;
  top: 7%;
  max-width: 606px;
  width: 36.0714285714%;
}
div.wrap03-2 img.kh1.abs {
  left: 3%;
  top: 21%;
  max-width: 809px;
  width: 48.1547619048%;
  animation: opacity0 0.3s 0s, fadeInUp 1s 0.3s;
  -webkit-animation: opacity0 0.3s 0s, fadeInUp 1s 0.3s;
}
div.wrap03-2 img.kh2.abs {
  right: 3%;
  top: 8%;
  max-width: 696px;
  width: 41.4285714286%;
  animation: opacity0 0.6s 0s, fadeInRight 1s 0.6s;
  -webkit-animation: opacity0 0.6s 0s, fadeInRight 1s 0.6s;
}

div.wrap03-3 {
  position: relative;
}
div.wrap03-3 img.qslogo.abs {
  left: 45.3%;
  top: -9%;
  max-width: 159px;
  width: 9.4642857143%;
}

div#qianshou-swiper.abs {
  max-width: 1400px;
  width: 83.3333333333%;
  position: absolute;
  left: 8.335%;
  top: 27%;
}
div#qianshou-swiper.abs div.swiper {
  padding-bottom: 76px;
}
div#qianshou-swiper.abs div.swiper div.swiper-wrapper div.swiper-slide {
  width: 600px;
  height: 395px;
  box-shadow: 6px 8px 12px rgba(46, 46, 46, 0.89);
}
div#qianshou-swiper.abs div.swiper div.swiper-wrapper div.swiper-slide a img {
  width: 600px;
  height: 395px;
  object-fit: cover;
}
div#qianshou-swiper.abs div.swiper-pagination {
  width: 100%;
  bottom: 20px;
}
div#qianshou-swiper.abs .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 15px;
  height: 15px;
  opacity: 1;
}
div#qianshou-swiper.abs .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 5px solid #dc005c;
  background-color: #fff;
}
div#qianshou-swiper.abs div.swiper-button-prev {
  top: 42%;
  left: -78px;
  width: 77px;
  height: 88px;
  background: url(http://www.sinopecnews.com.cn/zhuanti/pic/221220jybf_part33_qslb.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
  animation: scale-change 2s ease-in-out infinite;
  -webkit-animation: scale-change 2s ease-in-out infinite;
}
div#qianshou-swiper.abs div.swiper-button-next {
  top: 42%;
  right: -78px;
  width: 77px;
  height: 88px;
  background: url(http://www.sinopecnews.com.cn/zhuanti/pic/221220jybf_part33_qsrb.png) no-repeat;
  background-position: 0 0px;
  background-size: 100%;
  animation: scale-change 2s ease-in-out infinite;
  -webkit-animation: scale-change 2s ease-in-out infinite;
}
div#qianshou-swiper.abs div.swiper-button-prev::after, div#qianshou-swiper.abs div.swiper-button-next::after {
  content: "";
}

div.wrap04 img.author {
  display: block;
  margin: 100px auto;
  margin-bottom: 150px;
}

@keyframes opacity0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes opacity0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotate_animt {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_animt {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scale-change {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes scale-change {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 765px) {
  html,
body {
    font-size: 37.5px !important;
  }
  .PC_dis {
    display: none;
  }
  .MOL_dis {
    display: block;
  }
  div.wrap01 div.qyxd_swiper {
    left: 10%;
    top: 18%;
    width: 80%;
  }
  div.wrap01 div.qyxd_swiper div.swiper-slide a div.title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 0rem 1.7067rem 0rem 0.2933rem;
    box-sizing: border-box;
    line-height: 2.4;
    font-size: 0.3733rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }
  div.wrap01 div.qyxd_swiper .swiper-pagination-fraction {
    bottom: 0.08rem;
    right: 0.2933rem;
    left: auto;
    width: auto;
    color: #fff;
    font-size: 0.5333rem;
    opacity: 1;
  }
  div.wrap01 div.qyxd_swiper .swiper-pagination-fraction .swiper-pagination-total {
    font-size: 18px;
  }
  div.wrap01 div.qyxd_swiper .swiper-button-prev,
div.wrap01 div.qyxd_swiper .swiper-button-next {
    display: none;
  }
  div.wrap011 div.ul_wrapper {
    width: 80%;
    margin: 0 auto;
    padding-top: 1.3333rem;
    padding-bottom: 1.6rem;
  }
  div.wrap011 div.ul_wrapper ul.list-ul {
    width: 100%;
    text-align: left;
    overflow: hidden;
    padding-left: 0px;
  }
  div.wrap011 div.ul_wrapper ul.list-ul li {
    background: url(http://www.sinopecnews.com.cn/zhuanti/pic/dot.gif) no-repeat 0.1333rem 0.3733rem;
    height: 0.8rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  div.wrap011 div.ul_wrapper ul.list-ul li span {
    display: none;
  }
  div.wrap011 div.ul_wrapper div.line {
    background: #fff;
    border-top: 1px dashed #c8c8c8;
    margin: 0.5333rem auto;
  }
  div.wrap02 div.newslist {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding: 1.3333rem;
  }
  div.wrap02 div.newslist div.leftitems {
    float: none;
  }
  div.wrap02 div.newslist div.rightitems {
    float: none;
  }
  div.wrap02 div.newslist div.list {
    width: 100%;
  }
  div.wrap02 div.newslist div.list ul li {
    background: url(http://www.sinopecnews.com.cn/zhuanti/pic/dot.gif) no-repeat 0.1333rem 0.3733rem;
    height: 0.8rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  div.author {
    margin-top: 0rem;
    padding: 1.0667rem 0 1.0667rem 0;
    background-color: rgba(24, 24, 24, 0.23);
  }
  div.author img {
    margin: 0 auto;
    max-width: 1200px;
    width: 71.4285714286%;
    display: block;
  }
}
@keyframes opacity0to1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacity0to1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-change {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes scale-change {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}

/*# sourceMappingURL=221220_jybf.css.map */