@charset "utf-8";
@font-face {
    font-family: "OPPOSans-M";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/index/OPPOSans-M.ttf?v=0.123") format("truetype"), url("../fonts/index/OPPOSans-M.woff?v=0.123") format("woff?v=0.123"), url("../fonts/index/OPPOSans-M.svg?v=0.123") format("svg?v=0.123");font-display: swap;
}
@font-face {
    font-family: "OPPOSans-H";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/index/OPPOSans-H.ttf?v=0.12") format("truetype"), url("../fonts/index/OPPOSans-H.woff?v=0.12") format("woff?v=0.123"), url("../fonts/index/OPPOSans-H.svg?v=0.12") format("svg?v=0.123");font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/index/SourceHanSansCN-Normal.ttf") format("truetype"), url("../fonts/about/index/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/about/index/SourceHanSansCN-Normal.svg?v=0.123") format("svg");
}
@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/index/OPPOSans-R.ttf?v=0.123") format("truetype"), url("../fonts/index/OPPOSans-R.woff?v=0.123") format("woff?v=0.123"), url("../fonts/index/OPPOSans-R.svg?v=0.123") format("svg?v=0.123");font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/index/SourceHanSansCN-Medium.ttf?v=0.123") format("truetype"), url("../fonts/index/SourceHanSansCN-Medium.woff?v=0.123") format("woff?v=0.123"), url("../fonts/index/SourceHanSansCN-Medium.svg?v=0.123") format("svg?v=0.123");font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Normals";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/index/indexs/SourceHanSansCN-Normal.ttf") format("truetype"), url("../fonts/index/indexs/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/index/indexs/SourceHanSansCN-Normal.svg?v=0.123") format("svg");
}
/*@font-face {
    font-family: "SourceHanSansCN-Normal";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/index/SourceHanSansCN-Normal.ttf?v=0.123") format("truetype"), url("../fonts/index/SourceHanSansCN-Normal.woff?v=0.123") format("woff?v=0.123"), url("../fonts/index/SourceHanSansCN-Normal.svg?v=0.123") format("svg?v=0.123");font-display: swap;
}*/
/*轮播样式*/
.banner .mySwiper1 .swiper {  width: 100%;  height: auto;  }
.banner .mySwiper1 {  z-index: 1;  left: 50%;  margin-left: -960px;  position: absolute;  top: 0px;  width: 1920px;  height: 1080px;  }
.banner .mySwiper1 .swiper-slide {  text-align: center;  font-size: 18px;  height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}
.banner{width: 1600px;margin: auto;position: relative;height: 1080px;}
.banner   .mySwiper1 .swiper-slide img {  }
.banner  .mySwiper1 .swiper-wrapper{  height: auto;  }
.banner  .mySwiper1 a{ display: block}
.banner .banner1,.banner2,.banner3{  display: block;  width: 100%; height: auto;  }
.banner .banner_more {position:absolute;display:block;width: 158px!important;top: 631px;z-index: 1;left: 274px;/*transition: all 2s ease 1.1s;opacity: 0;transform: translateY(275px);*/}
/*.ban .swiper-slide-active .banner_more {  opacity: 1;  transform: translateY(0) translateX(0);  }*/
/*.ban .swiper-slide-active .banner_info {  opacity: 1;  transform: translateY(0) translateX(0);  }*/
.banner .banner_info {position: absolute;display: block;width: 417px!important;top: 330px;left: 260px;/*transform: translateY(275px);transition: all 2s ease 1.1s;opacity: 0;*/}
.banner .banner_info1{position:absolute;display:block;width: 361px!important;left: 272px;top: 500px;}
.banner .mySwiper1 .swiper-pagination-bullet{ width: 30px; height: 8px; border-radius: 15px; margin: 0 10px!important;  }
.banner .mySwiper1 .swiper-pagination-bullet-active{ background: #b71a30 }
.banner .mySwiper1 .swiper-pagination-bullets{bottom: 40px!important;}

.banner .mySwiper1 .pagination1{bottom: 70px;}
.banner .mySwiper1 .pagination1 span{width: 50px;height: 3px;border-radius: 10px;position: relative;background: rgba(0, 0, 0, 0.2);opacity: 1;}
.banner .mySwiper1 .pagination1 span::after{content: '';display: block;width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: #b71a30; border-radius: 10px;}
.banner .mySwiper1 .pagination1 span.swiper-pagination-bullet-active::after{width: 100%;-webkit-transition: all 5s linear; -moz-transition: all 5s linear; transition: all 5s linear;}





/*红瑞资讯*/
.hrzx{overflow: hidden;margin-top: 142px;}
.hrzx_tit{position: relative;width: 100%;}
.hrzx_tit .entit{font-family: OPPOSans-H;font-size: 36px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 1px;color: #e3e3e3;}
.hrzx_tit .tit{font-family: OPPOSans-M;font-size: 40px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 0px;color: #000000;margin-top: 18px;}
.hrzx_tit .tit .line{width: 5px;height: 37px;background-color: #b71a30;display: inline-block;margin-right: 12px;}
.hrzx_tit .tit span{color: #b71a30;}
.hrzx_tit .more{ width: 158px;  height: 41px;  background-color: #b71a30;  font-family: OPPOSans-M;  font-size: 16px;  font-weight: normal;  font-stretch: normal;
    line-height: 41px;  letter-spacing: 0px;  color: #ffffff;  position: absolute;  top: 51px;  right: 0px; display: block; cursor: pointer;  }
.hrzx_tit .more{ text-decoration: none}
.hrzx_tit .more span{  margin-left: 31px;  margin-right: 19px;  }
.hrzx_tit .more>img{ width: 15px; height: 14px; display: inline-block; }

/*红瑞资讯切换效果*/
.alltime, .alltime * {-webkit-transition: all 1s; }
.i3 {width: 1600px;margin: 0 auto;overflow: hidden;margin-top: 46px;}
.i3 .ul1 {margin: 0 auto;width: 100%;height: 612px;}
.i3 .ul1 li {width: 19%;position: relative;overflow: hidden;float: left;margin-right: 1%;}
.i3 .ul1 li:nth-of-type(4){ margin-right:0px}
.i3 .ul1 li>img {  display: block;  max-width: 679px;  height: 612px;  position: relative;  left: 50%;  transform: translateX(-50%);  -webkit-transform: translateX(-50%);  }
.i3 .ul1 li .txt1 {  display: block;  position: absolute;  color: #fff;  z-index: 2;  left: 0;  bottom: 0;  width: 100%;  height: 175px;  }
.i3 .ul1 li .txt1 .num {  font-size: 80px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.001));
    -webkit-background-clip: text;  color: transparent;  text-align: center;  }
.i3 .ul1 li .txt1 .num>img{width: 36px;height: 41px;display: block;margin: 0 auto;}
.i3 .ul1 li .txt2 .num>img{ width: 36px; height: 41px; display: block}
.i3 .ul1 li:nth-of-type(2) .txt1 .num>img{width: 42px;height: 42px;display: block;margin: 0 auto;}
.i3 .ul1 li:nth-of-type(2) .txt2 .num>img{width: 42px;height: 42px;display: block;margin-left: 4px;}
.i3 .ul1 li:nth-of-type(3) .txt1 .num>img{ width: 39px; height: 39px; display: block}
.i3 .ul1 li:nth-of-type(3) .txt2 .num>img{width: 39px;height: 39px;display: block;margin-left: 6px;}
.i3 .ul1 li:nth-of-type(4) .txt1 .num>img{width: 45px;height: 42px;display: block;}
.i3 .ul1 li:nth-of-type(4) .txt2 .num>img{width: 45px;height: 42px;display: block;margin-left: 5px;}
.i3 .ul1 li .txt1 .ltt {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: SourceHanSansCN-Medium;  font-size: 24px;
    font-weight: normal;  font-stretch: normal;  line-height: 24px;  letter-spacing: 0px;  color: #ffffff;  text-align: center;  margin-top: 27px;  }
.i3 .ul1 li .txt1 .x {  display: block;  width: 30px;  height: 2px;  background: #fff;  opacity: 0.4;  margin-top: 30px;  }
.i3 .ul1 li .txt2 {  display: block;  position: absolute;  color: #fff;  z-index: 2;  left: 100%;  bottom: 0;  opacity: 0;  width: 100%;  height: 175px;  }
.i3 .ul1 li .txt2 .num {  position: absolute;  left: 57px;  top: 0px;  line-height: 1;  }
.i3 .ul1 li .txt2 .ltt {  font-family: SourceHanSansCN-Medium;  font-size: 24px;  font-weight: normal;  font-stretch: normal;  line-height: 12px;
    letter-spacing: 0px;  line-height: 24px;  color: #ffffff;  margin-top: 65px;  margin-left: 60px;  }
.i3 .ul1 li .txt2 .x {  display: block;  width: 48px;  height: 48px;  position: absolute;  background-color: #b71a30;  top: 53px;  right: 53px;  }
.i3 .ul1 li .txt2 .x>img{  width: 23px;  height: 22px;  display: block;  margin: 0 auto;  margin-top: 13px;  }
.i3 .ul1 li a {  display: block;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 3;  }
.i3 .ul1 li.act {width: 40%;}
.i3 .ul1 li.act .txt1 {  bottom: -100%;  }
.i3 .ul1 li.act .txt2 {  left: 0;  opacity: 1;  -webkit-transition: all 1s; }

/*多元业务*/
.business{overflow: hidden;width: 100%;margin-top: 185px;position: relative;}
.bus_red{width: 100%;overflow: hidden;position: relative;height: 136px;z-index: -1;min-width: 1600px; margin-top: 188px;}
.bus_red>img{width: 1920px; display: block;  position: absolute;  top: 0;  left: 50%;  margin-left: -960px;  z-index: -1;}
.bus_red span{font-family: OPPOSans-H;font-size: 45px;font-weight: normal;font-stretch: normal;text-align: center;line-height: 136px;display: block;letter-spacing: 0px;color: #ffffff;opacity: 0.12;}
.bus_con{width: 100%;overflow: hidden;position: relative;height: 944px;z-index: -1;min-width: 1600px;}
.bus_con>img{width: 1920px; display: block;  position: absolute;  top: 0;  left: 50%;  margin-left: -960px;  z-index: -1;}
.bus_info{ width: 1084px; margin: 0 auto; margin-top: 87px;}
.bus_info>span{font-family: OPPOSans-M; display: block; text-align: center;  font-size: 40px;  font-weight: normal;  font-stretch: normal;  line-height: 40px;  letter-spacing: 0px;  color: #000000;}
.bus_info>p{ width: 100%; font-family: SourceHanSansCN-Normal;  font-size: 16px;  font-weight: normal;  font-stretch: normal;
    line-height: 32px;  letter-spacing: 0px;  color: #3c3c3c; text-align: center; margin-top: 40px;}
.bus_logo{width: 1565px;margin: 0 auto;margin-top: 97px;overflow: hidden}
.bus_logo .bus_ul01{width: 445px;overflow: hidden;float: left;margin-right: 68px;}
.bus_logo .bus_ul01 li{width: 100%;height: 88px;margin-bottom: 25px; position: relative}
.bus_logo .bus_ul01 li>img{ width: 100%; height: 100%; display: block}
.bus_logo .bus_ul01 li>img{ display:block; width:100%;  height:100%;  transition: all 0.88s ease;  display: inline;  }
.bus_logo .bus_ul01 li:hover img { transform: scale(1.08) translate3d(0, 0, 0);  }
.bus_logo .bus_ul02{width: 492px;overflow: hidden;float: left;margin-right: 68px;}
.bus_logo .bus_ul02 li{width: 100%;height: 88px;margin-bottom: 25px;}
.bus_logo .bus_ul02 li>img{ width: 100%; height: 100%; display: block}
.bus_logo .bus_ul02 li>img{ display:block; width:100%;  height:100%;  transition: all 0.88s ease;  display: inline;  }
.bus_logo .bus_ul02 li:hover img { transform: scale(1.08) translate3d(0, 0, 0);  }
.bus_logo .bus_ul02>.more{width: 492px; height: 88px;  background-color: #b71a30; display: block; cursor: pointer; text-decoration: none}
.bus_logo .bus_ul02>.more span{  font-family: OPPOSans-M;  font-size: 20px;  font-weight: normal;  font-stretch: normal;  line-height: 88px;  letter-spacing: 0px;  color: #ffffff;  margin-left: 189px;  }
.bus_logo .bus_ul02>.more img{width: 16px;height: 15px;display: inline-block;margin-left: 19px;}
.bus_logo .bus_ul03{width: 492px;overflow: hidden;float: left;}
.bus_logo .bus_ul03 li{width: 100%;height: 114px;margin-bottom: 45px; }
.bus_logo .bus_ul03 li>img{ width: 100%; height: 100%; display: block}
.bus_logo .bus_ul03 li>img{ display:block; width:100%;  height:100%;  transition: all 0.88s ease;  display: inline;  }
.bus_logo .bus_ul03 li:hover img { transform: scale(1.08) translate3d(0, 0, 0);  }

/*集团实力*/
.group{width: 100%;overflow: hidden;position: relative;height: 1080px;min-width: 1600px;}
.group>img{width: 1920px; display: block;  position: absolute;  top: 0;  left: 50%;  margin-left: -960px;  z-index: -1;}
.group_min{overflow: hidden;width: 100%;margin: 0 auto;height: auto;position: relative}
.group_r{width: 528px;height: 405px;display: block;position: absolute;top: 130px;right: 32px;display:block;}
.group_r>img{ width:100%;  height:100%;  transition: all 0.88s ease;  display: inline; }
.group_r:hover>img{transform: scale(1.08) translate3d(0, 0, 0); }
.group_tit{position: relative;width: 100%;margin-top: 108px;margin-left: 78px;}
.group_tit .entit{font-family: OPPOSans-H;font-size: 36px;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: -1px;color: #e3e3e3;}
.group_tit .tit{margin-top: 18px;font-family: OPPOSans-M;font-size: 40px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 0px;color: #000000;}
.group_tit .tit .line{display: inline-block;margin-right: 12px;width: 5px;height: 38px;background-color: #b71a30;}
.group_tit .tit span{color: #b71a30;}
.group_tit .des{ width:741px; margin-top: 45px; font-family: SourceHanSansCN-Normal; font-size: 16px;  font-weight: normal;
    font-stretch: normal;  line-height: 30px;  letter-spacing: 0px;  color: #353535;}
.ppsl{  display: block;  height: 1188px;  width: 100%;  float: left;  margin-top: 75px;  }
.ppsl_mySwiper .swiper-slide img{margin-right: 20px;width: 225px}
.ppsl_mySwiper .swiper-slide img:last-child{ margin-right: 0px;}
.ppsl_mySwiper .swiper-slide img:first-child{margin-left: 65px;}

.ppsl_mySwiper .swiper-slide:nth-of-type(2) img{ width: 225px}
.ppsl_mySwiper .swiper-slide:nth-of-type(3) img{ width: 225px}
.ppsl_mySwiper .swiper-slide:nth-of-type(4) img{ width: 225px}


.ppsl_mySwiper .swiper-slide:nth-of-type(5){ margin-top: 45px;}
.ppsl_mySwiper .swiper-slide:nth-of-type(5) img{ margin-right: 10px!important; width: 284px!important;}
.ppsl_mySwiper .swiper-slide:nth-of-type(5) img:nth-of-type(1){ margin-left: 60px;}

.ppsl_mySwiper .swiper-slide:nth-of-type(6){ margin-top: 45px;}
.ppsl_mySwiper .swiper-slide:nth-of-type(6) img{ margin-right: 10px!important; width: 284px!important;}
.ppsl_mySwiper .swiper-slide:nth-of-type(6) img:nth-of-type(1){ margin-left: 60px;}

.ppsl_mySwiper .swiper-slide:nth-of-type(7){ margin-top: 45px;}
.ppsl_mySwiper .swiper-slide:nth-of-type(7) img{ margin-right: 10px!important; width: 284px!important;}
.ppsl_mySwiper .swiper-slide:nth-of-type(7) img:nth-of-type(1){ margin-left: 60px;}

.ppsl_mySwiper .swiper-slide:nth-of-type(8) img{width: 225px!important;}

.ppsl_mySwiper .swiper-slide:nth-of-type(9){ margin-top: 32px}
.ppsl_mySwiper .swiper-slide:nth-of-type(9) img{width: 347px!important;}

.ppsl_mySwiper .swiper-slide:nth-of-type(10){ margin-top: 32px}
.ppsl_mySwiper .swiper-slide:nth-of-type(10) img{width: 347px!important;}







.ppsl2_mySwiper .swiper-slide img{margin-right: 50px;}
.ppsl2_mySwiper .swiper-slide img:last-child{ margin-right: 0px;}
.ppsl2_mySwiper .swiper-slide img:first-child{margin-left: 80px;}
.ppsl3_mySwiper .swiper-slide img{margin-right: 20px;}
.ppsl3_mySwiper .swiper-slide img:last-child{ margin-right: 0px;}
.ppsl3_mySwiper .swiper-slide img:first-child{margin-left: 65px;}
.ppsl_ul{overflow: hidden;margin-left: 78px;}
.ppsl_ul li{ text-align: center; float: left; margin-right: 108px; }
.ppsl_ul li:nth-of-type(3){ margin-right: 90px;}
.ppsl_ul li .num{  font-family: OPPOSans-H;  font-size: 48px;  font-weight: normal;  font-stretch: normal;  line-height: 60px;  display: inline-block;  letter-spacing: -1px;
    color: #ffffff;  margin-right: 9px;  }
.ppsl_ul li .unit{  font-family: OPPOSans-R;  font-size: 18px;  line-height: 60px;  letter-spacing: 0px;  display: inline-block;  color: #ffffff;  }
.ppsl_ul li .txt{  font-family: OPPOSans-R;  font-size: 18px;  line-height: 18px;  display: block;  letter-spacing: 0px;  color: #ffffff;  text-align: left;  }
.ppsl_mySwiper {  width: 100%;  margin: auto;  margin-top: 124px;  }
.ppsl2_mySwiper{  width: 100%;  margin: auto;  margin-top: 181px;  }
.ppsl3_mySwiper{  width: 100%;  margin: auto;  margin-top: 163px;  }
.bbsl_box {  display: block;  width: 1600px;  margin: 0 auto;  position: relative;  }
.bbsl_box1 .swiper-button-next{background-image: url("../images/red_r.png");width: 46px;height: 46px;background-size: 100%;right: 0;top: 155px; border: 0px!important;}
.bbsl_box1 .swiper-button-prev{background-image: url("../images/red_l.png");width: 46px;height: 46px;background-size: 100%;left: 0;top: 155px; border: 0px!important;}
.bbsl_box1  .swiper-button-prev::after { display: none }
.bbsl_box1  .swiper-button-next::after {  display: none  }
.bbsl_box1 .swiper-button-prev:focus, .bbsl_box1 .swiper-button-next:focus {  outline: none;  }

.bbsl_box2 .swiper-button-next{background-image: url("../images/red_r.png");width: 46px;height: 46px;background-size: 100%;right: 0;top: 98px; border: 0px!important;}
.bbsl_box2 .swiper-button-prev{background-image: url("../images/red_l.png");width: 46px;height: 46px;background-size: 100%;left: 0;top: 98px; border: 0px!important;}
.bbsl_box2  .swiper-button-prev::after { display: none }
.bbsl_box2  .swiper-button-next::after {  display: none  }
.bbsl_box3 .swiper-button-next{background-image: url("../images/red_r.png");width: 46px;height: 46px;background-size: 100%;right: 0;top: 116px;}
.bbsl_box3 .swiper-button-prev{background-image: url("../images/red_l.png");width: 46px;height: 46px;background-size: 100%;left: 0;top: 116px;}
.bbsl_box3  .swiper-button-prev::after { display: none }
.bbsl_box3  .swiper-button-next::after {  display: none  }


/*爱在海南 */
.honor{width: 100%;overflow: hidden;position: relative;height: 1080px;min-width: 1600px;}
.honor>img{width: 1920px; display: block;  position: absolute;  top: 0;  left: 50%;  margin-left: -960px;  z-index: -1;}
.honor .love{ width: 571px;  height: 82px;  display: block;  margin: 0 auto;  margin-top: 302px;  }
.honor .txt{  width: 698px;  height: 85px;  display: block;  margin: 0 auto;  margin-top: 66px;  }
.honor_data{  width: 1599px;  height: 232px;  background-color: #ffffff;  opacity: 0.9;  margin: 0 auto;  margin-top: 65px;  overflow: hidden;  }
.honor_data ul{  width: 1410px;  margin: 0 auto;  overflow: hidden;  margin-top: 64px;  }
.honor_data ul li{  float: left;  width: 284px;  margin-right: 85px;  }
.honor_data ul li:nth-of-type(2){  width: 294px;  margin-right: 137px;  }
.honor_data ul li:nth-of-type(3){  width: 232px;  margin-right: 135px;  }
.honor_data ul li:nth-of-type(4){  width: 243px;  margin-right: 0px;  }
.honor_data ul li p:nth-of-type(1){
    font-family: OPPOSans-R;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 72px;
    letter-spacing: 0px;
    color: #000000;
}
.honor_data ul li p:nth-of-type(1) span{  font-family: OPPOSans-H;  font-size: 60px;  font-weight: normal;  letter-spacing: 0px;  line-height: 50px;  color: #b71a30;  }
.honor_data ul li p:nth-of-type(2){
    font-family: OPPOSans-R;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #2c2c2c;
    text-align: center;
    margin-top: 10px;
}