@charset "utf-8";
/*å§*/
* { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: calc(100vw/19.2); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { min-height: 100%; font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial'; font-size: 16px; line-height: 1.5; color: #333; background: #fff; }
@media (max-width: 1580px) {
body { font-size: 14px; }
}
img { border: 0; vertical-align: top; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, a:hover, a:focus { text-decoration: none; }
input, button { -webkit-appearance: none; border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
textarea { resize: none; overflow: auto; }
input, button, textarea, select { border: 0; font-family: inherit; font-size: inherit; color: inherit; background: transparent; }
/* placeholderä¿ */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999 !important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
 opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
 opacity: 1;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999 !important;
}
select { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand {
 display: none;
}
#hi-upgrade { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; font-size: 16px; line-height: 26px; text-align: center; }
#hi-upgrade .hi-wrap { position: absolute; top: 50%; left: 50%; margin: -177px 0 0 -450px; width: 900px; }
#hi-upgrade .hi-wrap .hi-title { font-size: 30px; line-height: 40px; color: #333; }
#hi-upgrade .hi-wrap .hi-close { margin: 10px 0; display: inline-block; cursor: pointer; font-size: 18px; color: #1262ad; }
#hi-upgrade .hi-wrap .hi-close:hover { text-decoration: underline; }
#hi-upgrade .hi-wrap .hi-text1 { color: #666; }
#hi-upgrade .hi-wrap .hi-text1 span { color: #1262ad; }
#hi-upgrade .hi-wrap .hi-text2 { position: relative; margin: 60px 0; color: #333; }
#hi-upgrade .hi-wrap .hi-text2::before { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; border-top: 1px solid #ddd; }
#hi-upgrade .hi-wrap .hi-text2 span { position: relative; z-index: 5; padding: 0 30px; background: #fff; }
#hi-upgrade .hi-wrap .hi-list { overflow: hidden; }
#hi-upgrade .hi-wrap .hi-list li { display: inline-block; width: 16%; }
#hi-upgrade .hi-wrap .hi-list li div { margin: 0 auto 5px; width: 50px; height: 50px; }
#hi-upgrade .hi-wrap .hi-list li a { color: #666; }
#hi-upgrade .hi-wrap .hi-list li a:hover { color: #1262ad; }
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/hi-llq-1.jpg) no-repeat center / 100%; }
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/hi-llq-2.jpg) no-repeat center / 100%; }
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/hi-llq-3.jpg) no-repeat center / 100%; }
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/hi-llq-4.jpg) no-repeat center / 100%; }
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/hi-llq-5.jpg) no-repeat center / 100%; }
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/hi-llq-6.jpg) no-repeat center / 100%; }
/*±æ·å*/
.c-clear { zoom: 1; }
.c-clear:after { content: ''; display: block; clear: both; }
.c-fl { float: left; }
.c-fr { float: right; }
.c-container { position: relative; margin: 0 auto; width: 72.9%; }
@media (max-width: 1580px) {
.c-container { width: 84%; }
}
@media (max-width: 972px) {
.c-container { padding: 0 1rem; width: 100%; }
}
.c-noborder { border: 0 !important; }
/*å­ä½*/
@font-face { font-family: "BEBASNEUE"; src: url("https://www.rainbow.cn/public/static/modules/cms/fonts/BEBASNEUE-1.OTF") format("opentype"); }
.c-font72 { font-size: 0.72rem; }
@media (max-width: 748px) {
.c-font72 { font-size: 1.5rem; }
}
.c-font60 { font-size: 0.6rem; }
@media (max-width: 972px) {
.c-font60 { font-size: 0.7rem; }
}
@media (max-width: 748px) {
.c-font60 { font-size: 1.5rem; }
}
.c-font48 { font-size: 0.48rem; }
@media (max-width: 1260px) {
.c-font48 { font-size: 0.58rem; }
}
@media (max-width: 972px) {
.c-font48 { font-size: 0.6rem; }
}
@media (max-width: 748px) {
.c-font48 { font-size: 1.2rem; }
}
.c-font40 { font-size: 0.4rem; }
@media (max-width: 1260px) {
.c-font40 { font-size: 0.5rem; }
}
@media (max-width: 972px) {
.c-font40 { font-size: 0.6rem; }
}
@media (max-width: 748px) {
.c-font40 { font-size: 1.2rem; }
}
.c-font36 { font-size: 0.36rem; }
@media (max-width: 972px) {
.c-font36 { font-size: 0.46rem; }
}
@media (max-width: 748px) {
.c-font36 { font-size: 1rem; }
}
.c-font30 { font-size: 0.3rem; }
@media (max-width: 1580px) {
.c-font30 { font-size: 0.4rem; }
}
@media (max-width: 972px) {
.c-font30 { font-size: 0.5rem; }
}
@media (max-width: 748px) {
.c-font30 { font-size: 1rem; }
}
.c-font24 { font-size: 0.24rem; }
@media (max-width: 1580px) {
.c-font24 { font-size: 0.28rem; }
}
@media (max-width: 1260px) {
.c-font24 { font-size: 0.36rem; }
}
@media (max-width: 972px) {
.c-font24 { font-size: 0.46rem; }
}
@media (max-width: 748px) {
.c-font24 { font-size: 1rem; }
}
.c-font20 { font-size: 0.2rem; }
@media (max-width: 1580px) {
.c-font20 { font-size: 0.26rem; }
}
@media (max-width: 1260px) {
.c-font20 { font-size: 0.36rem; }
}
@media (max-width: 972px) {
.c-font20 { font-size: 0.46rem; }
}
@media (max-width: 748px) {
.c-font20 { font-size: 0.8rem; }
}
.c-ptb140 { padding-top: 1.4rem; padding-bottom: 1.4rem; }
@media (max-width: 748px) {
.c-ptb140 { padding-top: 3rem; padding-bottom: 3rem; }
}
.c-pt140 { padding-top: 1.4rem; }
@media (max-width: 748px) {
.c-pt140 { padding-top: 3rem; }
}
.c-pb140 { padding-bottom: 1.4rem; }
@media (max-width: 748px) {
.c-pb140 { padding-bottom: 3rem; }
}
.c-common-btn1 { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 180px; height: 60px; border-radius: 30px; border: 1px solid #1262ad; color: #fff; background: #1262ad; transition: all 0.5s; }
@media (max-width: 972px) {
.c-common-btn1 { width: 120px; height: 50px; border-radius: 25px; }
}
.c-common-btn1 i { margin-left: 10px; width: 14px; height: 14px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png) no-repeat center / 100% auto; }
@media (max-width: 972px) {
.c-common-btn1 i { margin-left: 5px; }
}
.c-common-btn1:hover { color: #1262ad; background: transparent; }
.c-common-btn1:hover i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt3.png); }
.c-common-btn2 { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 180px; height: 60px; border-radius: 30px; border: 1px solid #1262ad; background: transparent; transition: all 0.5s; color: #fff; }
@media (max-width: 972px) {
.c-common-btn2 { width: 120px; height: 50px; border-radius: 25px; }
}
.c-common-btn2 i { margin-left: 10px; width: 14px; height: 14px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png) no-repeat center / 100% auto; }
@media (max-width: 972px) {
.c-common-btn2 i { margin-left: 5px; }
}
.c-common-btn2:hover { background: #1262ad; }
.c-common-btn3 { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 180px; height: 60px; border-radius: 30px; border: 1px solid #1262ad; color: #1262ad; transition: all 0.5s; }
@media (max-width: 972px) {
.c-common-btn3 { width: 120px; height: 50px; border-radius: 25px; }
}
.c-common-btn3 i { margin-left: 10px; width: 14px; height: 14px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt3.png) no-repeat center / 100% auto; }
@media (max-width: 972px) {
.c-common-btn3 i { margin-left: 5px; }
}
.c-common-btn3:hover { color: #fff; background: #1262ad; }
.c-common-btn3:hover i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png); }
/* ä½ç­¾ï设置导è·å */
#c-placeholder { height: 100px; }
@media (max-width: 972px) {
#c-placeholder { height: 60px; }
}
/*顶é*/
#c-header { position: fixed; top: 0; left: 0; z-index: 900; width: 100%; line-height: 100px; text-align: center; color: #fff; transition: all 0.5s; font-size: 14px; }
@media (max-width: 1580px) {
#c-header { font-size: 14px; }
}
@media (max-width: 972px) {
#c-header { font-size: 14px; }
}
#c-header.c-head-move { top: -100px; }
#c-header.c-style2 { color: #666; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
@media (max-width: 972px) {
#c-header { line-height: 60px; }
}
#c-header a { color: #fff; transition: all 0.5s; font-size: 16px; }
#c-header.c-style2 a { color: #666; }
#c-header .c-container { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 0.8rem; }
@media (max-width: 972px) {
#c-header .c-container { padding: 0 1rem; height: 60px; }
}
#c-header .c-right-box { display: flex; align-items: center; }
/*顶élogo*/
#c-header .c-logo-box { position: relative; z-index: 5; display: flex; align-items: center; transition: all 0.5s; }
#c-header .c-logo-box .c-logo .c-img-box { display: flex; align-items: center; }
#c-header .c-logo-box .c-logo .c-img-box img { height: 75px; }
@media (max-width: 972px) {
#c-header .c-logo-box .c-logo .c-img-box img { height: 30px; }
}
#c-header .c-logo-box p { margin-top: 10px; display: flex; flex-wrap: wrap; width: 96px; align-content: space-between; margin-left: 20px; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.5); height: 36px; font-size: 18px; line-height: 1; text-align: left; transition: all 0.5s; }
@media (max-width: 1580px) {
#c-header .c-logo-box p { width: 92px; font-size: 16px; }
}
@media (max-width: 972px) {
#c-header .c-logo-box p { margin-top: 6px; font-size: 14px; height: 30px; }
}
@media (max-width: 748px) {
#c-header .c-logo-box p { display: none; }
}
#c-header .c-logo-box p span:last-child { letter-spacing: 1px; }
#c-header.c-style2 .c-logo-box p { border-color: rgba(0, 0, 0, 0.5); }
.c-open #c-header .c-logo-box { opacity: 0; }
@media (max-width: 972px) {
.c-open #c-header .c-logo-box { opacity: 1; }
}
.c-open #c-header .c-logo-box p { border-color: rgba(255, 255, 255, 0.5); color: #fff; }
@media (max-width: 972px) {
.c-open #c-header .c-logo-box p { border-color: rgba(0, 0, 0, 0.5); color: #333; }
}
/*顶épc导è*/
#c-header .c-nav { display: flex; align-items: center; }
@media (max-width: 972px) {
#c-header .c-nav { display: none; }
}
#c-header .c-nav > li { position: relative; margin-right: 0.7rem; }
#c-header .c-nav > li:last-child { margin-right: 0; }
@media (max-width: 1260px) {
#c-header .c-nav > li { margin-right: 10px; }
}
#c-header .c-nav li a { position: relative; display: block; -webkit-transition: all 0.5s; transition: all 0.5s; }
#c-header .c-nav li a i { margin-left: 8px; font-size: 20px; }
#c-header .c-nav ul { position: absolute; top: 99%; left: 50%; display: none; width: 170px; line-height: 46px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#c-header .c-nav ul li:first-child { border-top: 1px solid #eee; }
#c-header .c-nav ul li a { color: #666; font-size: 16px; }
@media (max-width: 1580px) {
#c-header .c-nav ul li a { font-size: 14px; }
}
#c-header .c-nav ul li a:hover { color: #666; background: rgba(18, 98, 173, 0.2); }
#c-header.c-style2 .c-nav li.on > a, #c-header .c-nav li:hover > a { color: #1262ad; }
.c-open #c-header .c-nav li a { color: #fff !important; }
/*顶é¨ç§»¨ç导è*/
#c-header .c-nav2-box { display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; line-height: 1.5; }
@media (max-width: 1580px) {
#c-header .c-nav2-box { font-size: 14px; }
}
#c-header .c-nav2-box .c-nav2 { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; }
#c-header .c-nav2-box .c-nav2 .c-left { position: relative; width: 50%; height: 100%; overflow: hidden; top: -100%; }
@media (max-width: 972px) {
#c-header .c-nav2-box .c-nav2 .c-left { display: none; }
}
#c-header .c-nav2-box .c-nav2 .c-left img { width: 100%; height: 100%; object-fit: cover; }
#c-header .c-nav2-box .c-nav2 .c-left .c-title { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#c-header .c-nav2-box .c-nav2 .c-right { position: relative; display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; background-color: #fff; text-align: left; padding: 0 2.6rem 0 0.8rem; overflow: auto; top: -100%; }
@media (max-width: 972px) {
#c-header .c-nav2-box .c-nav2 .c-right { padding: 60px 1rem 0; width: 100%; align-items: flex-start; }
}
#c-header .c-nav2-box .c-nav2 .c-right > div { width: 100%; }
#c-header .c-nav2-box .c-nav2 .c-right .c-title { font-size: 24px; color: #333; }
@media (max-width: 1580px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-title { font-size: 20px; }
}
@media (max-width: 748px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-title { font-size: 16px; }
}
#c-header .c-nav2-box .c-nav2 .c-right a { color: #666; }
#c-header .c-nav2-box .c-nav2 .c-right a:hover { color: #1262ad; }
@media (max-width: 972px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-list { padding-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); }
}
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li { margin-bottom: 0.3rem; }
@media (max-width: 972px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li { margin-bottom: 1rem; }
}
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 { display: flex; align-items: flex-start; flex-wrap: wrap; }
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 li { margin: 0.1rem 0.4rem 0 0; }
@media (max-width: 972px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 li { margin: 0.5rem 1rem 0 0; }
}
@media (max-width: 748px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 li { margin: 0 0.5rem 0 0; }
}
#c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 li:last-child { margin-right: 0; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico { display: flex; align-items: center; padding-top: 0.8rem; }
@media (max-width: 1580px) {
#c-header .c-nav2-box .c-nav2 .c-right .c-ico { padding-top: 0; }
}
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a { display: flex; align-items: center; justify-content: center; margin-right: 20px; width: 34px; height: 34px; border-radius: 50%; color: #fff; transition: 0.5s; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a:last-child { margin-right: 0; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a img { height: 20px; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a img:last-child { display: none; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a:hover { background: #1262ad; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a:hover img { display: none; }
#c-header .c-nav2-box .c-nav2 .c-right .c-ico a:hover img:last-child { display: inline-block; }
/*顶é¨å¼èå¼*/
#c-header .c-switch-wrap { position: relative; z-index: 5; display: flex; align-items: center; cursor: pointer; transition: all 0.5s; }
#c-header .c-switch-wrap p { line-height: 1; margin-right: 10px; transition: all 0.5s; }
#c-header .c-switch-wrap:hover { color: #1262ad !important; }
#c-header .c-switch-wrap:hover .c-switch i { background: #1262ad !important; }
#c-header .c-switch { width: 24px; height: 20px; cursor: pointer; }
@media (max-width: 972px) {
#c-header .c-switch { display: block; }
}
#c-header .c-switch i { position: relative; display: block; height: 2px; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }
#c-header .c-switch i:nth-child(1) { top: 0; }
#c-header .c-switch i:nth-child(3) { bottom: 0; }
#c-header .c-switch i:nth-child(2) { width: 22px; margin: 6px 0; }
.c-open #c-header .c-switch-wrap { color: #333; }
.c-open #c-header .c-switch-wrap p { opacity: 0; }
.c-open #c-header .c-switch-wrap .c-switch i { background-color: #333; }
#c-header.c-style2 .c-switch i { background: #333; }
body.c-open #c-header .c-switch i:nth-child(2) { opacity: 0; }
body.c-open #c-header .c-switch i:nth-child(1) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
body.c-open #c-header .c-switch i:nth-child(3) { bottom: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/* 顶é¨å½å */
#c-header .c-gn { display: flex; align-items: center; }
@media (max-width: 1260px) {
#c-header .c-gn { padding: 0 15px; }
}
@media (max-width: 748px) {
#c-header .c-gn { display: none; }
}
#c-header .c-gn form { padding: 0 30px; position: relative; cursor: pointer; }
@media (max-width: 1900px) {
#c-header .c-gn form { padding: 0 15px; }
}
#c-header .c-gn form:hover > i { color: #1262ad; }
#c-header .c-gn form > i { transition: 0.5s; }
#c-header .c-gn form .c-box { position: absolute; top: 106%; right: 0; display: none; width: 280px; height: 50px; background: #fff; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; }
#c-header .c-gn form .c-box input { float: left; padding: 0 15px; width: -webkit-calc(30%); width: calc(100% - 70px); height: 50px; }
#c-header .c-gn form .c-box button { float: left; width: 70px; height: 50px; font-size: 16px; color: #fff; background: #1262ad; cursor: pointer; }
#c-header .c-gn .c-phone { display: flex; align-items: center; }
#c-header .c-gn .c-phone i { margin: 0 10px 0 30px; width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; line-height: 28px; }
@media (max-width: 1900px) {
#c-header .c-gn .c-phone i { margin: 0 5px 0 15px; }
}
#c-header .c-gn .c-phone span { font-weight: bold; }
#c-header.c-style2 .c-gn .c-phone i { border: 1px solid rgba(222, 47, 9, 0.2); }
#c-header.c-style2 .c-gn .c-phone { color: #1262ad; }

/*é¦é¡µè½®*/
@-webkit-keyframes jump {  0% {
 transform: translateY(0);
}
 25% {
 transform: translateY(-30%);
}
 50% {
 transform: translateY(0);
}
 75% {
 transform: translateY(30%);
}
to { transform: translateY(0); }
}
@keyframes jump {  0% {
 transform: translateY(0);
}
 25% {
 transform: translateY(-30%);
}
 50% {
 transform: translateY(0);
}
 75% {
 transform: translateY(30%);
}
to { transform: translateY(0); }
}
.c-banner1 .swiper-slide { overflow: hidden; }
.c-banner1 .swiper-slide img { width: 100%; height: 100vh; object-fit: cover; }
.c-banner1 .swiper-slide img:nth-child(2) { display: none; }
@media (max-width: 972px) {
.c-banner1 .swiper-slide img { height: 60vh; }
}
@media (max-width: 748px) {
.c-banner1 .swiper-slide img { display: none; }
.c-banner1 .swiper-slide img:nth-child(2) { display: block; }
}
.c-banner1 .swiper-slide video { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 972px) {
.c-banner1 .swiper-slide video { display: none; }
}
.c-banner1 .swiper-slide::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.c-banner1 .swiper-slide .c-text-box { position: absolute; top: 50%; left: 0; z-index: 5; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner1 .swiper-slide .c-text-box .c-title { text-align: center; color: #fff; }
.c-banner1 .c-scroll { position: absolute; z-index: 6; bottom: 40px; left: 50%; color: #fff; text-align: center; cursor: pointer; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.c-banner1 .c-scroll .c-jt { margin: 15px auto 0; width: 16px; height: 10px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt1.png) no-repeat center / 100% auto; animation: jump 1.5s linear infinite; -webkit-animation: jump 1.5s linear infinite; }
/* åº */
#c-footer { color: #818080; background: #272625 url(https://www.rainbow.cn/public/static/modules/cms/mages/db-bj.png) no-repeat right bottom / auto 100%; }
#c-footer a { color: #818080; transition: 0.5s; }
#c-footer a:hover { color: #1262ad; }
#c-footer .c-top-box { padding: 0.6rem 0 0.35rem; border-bottom: 1px solid #686867; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
@media (max-width: 748px) {
#c-footer .c-top-box { padding: 3rem 0 1rem; }
}
#c-footer .c-top-box .c-logo { display: flex; align-items: flex-end; }
#c-footer .c-top-box .c-logo a { display: inline-block; }
#c-footer .c-top-box .c-logo a img { height: 90px; }
#c-footer .c-top-box .c-logo p { padding-left: 20px; font-size: 18px; line-height: 1; color: #1262ad; }
#c-footer .c-center-box { padding: 0.65rem 0; }
#c-footer .c-center-box { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#c-footer .c-title-box { display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; }
#c-footer .c-title { color: #cfcfcf; }
#c-footer .c-title-box a { color: #cfcfcf; }
#c-footer .c-title-box a:hover { color: #1262ad; }
#c-footer .c-title-box i { display: none; transition: 0.5s; }
#c-footer .c-list-box.on .c-title i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#c-footer .c-list-box .c-list li { padding-bottom: 10px; line-height: 26px; }
#c-footer .c-text-box { line-height: 26px; }
#c-footer .c-text-box p { padding-bottom: 10px; }
#c-footer .c-code { padding: 15px; width: 132px; border-radius: 5px; background: #fff; }
#c-footer .c-code img { width: 100%; }
#c-footer .c-code .c-text { padding-top: 15px; line-height: 24px; text-align: center; color: #999; }
#c-footer .c-ico { display: flex; align-items: center; }
#c-footer .c-ico a { display: flex; align-items: center; justify-content: center; margin-right: 20px; width: 34px; height: 34px; border-radius: 50%; color: #fff; transition: 0.5s; }
#c-footer .c-ico a:last-child { margin-right: 0; }
#c-footer .c-ico a img { height: 20px; }
#c-footer .c-ico a:hover { background: #1262ad; }
#c-footer .c-weixin, #c-footer .c-douyin, #c-footer .c-shipinhao { display: none; position: fixed; top: 0; left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }
#c-footer .c-weixin .c-img-box, #c-footer .c-douyin .c-img-box, #c-footer .c-shipinhao .c-img-box { position: absolute; top: 50%; left: 50%; padding: 20px; width: 200px; border-radius: 5px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#c-footer .c-weixin .c-img-box img, #c-footer .c-douyin .c-img-box img, #c-footer .c-shipinhao .c-img-box img { width: 100%; }
#c-footer .c-weixin .c-img-box .c-text, #c-footer .c-douyin .c-img-box .c-text, #c-footer .c-shipinhao .c-img-box .c-text { padding-top: 10px; font-size: 16px; line-height: 1; text-align: center; color: #333; }
#c-footer .c-bottom-box { padding: 0.45rem 0; line-height: 26px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#c-footer .c-bottom-box .c-link { position: relative; transition: all 0.5s; }
#c-footer .c-bottom-box .c-link .c-text { display: flex; align-items: center; justify-content: space-between; width: 100px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 10px; }
#c-footer .c-bottom-box .c-link .c-text i { font-size: 20px; transition: all 0.5s; }
#c-footer .c-bottom-box .c-link .c-list { display: none; position: absolute; bottom: 100%; right: 0; min-width: 100%; padding: 5px 10px; background: #fff; border-radius: 5px; overflow: hidden; }
#c-footer .c-bottom-box .c-link .c-list li { padding: 3px 0; line-height: 20px; }
#c-footer .c-bottom-box .c-link.on .c-text i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#c-footer .c-bottom-box .c-copyright { word-wrap: break-word; word-break: break-all; }
@media (max-width: 748px) {
#c-footer .c-center-box { padding: 2rem 0; }
#c-footer .c-list-box { width: 100%; }
#c-footer .c-list-box .c-title-box { padding: 10px 0; border-bottom: 1px solid #666; }
#c-footer .c-list-box .c-title-box i { display: inline-block; }
#c-footer .c-list-box.on .c-title i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#c-footer .c-list-box .c-list { padding-top: 10px; display: none; }
#c-footer .c-list-box .c-list li { padding-bottom: 5px; }
#c-footer .c-wrap { padding-top: 40px; }
#c-footer .c-wrap .c-title-box { padding-bottom: 10px; }
#c-footer .c-text-box { line-height: 24px; }
#c-footer .c-code { margin-top: 40px; width: 162px; }
#c-footer .c-bottom-box { padding: 0 0 2rem; }
#c-footer .c-ico { padding-top: 1rem; width: 100%; }
#c-footer .c-top-box .c-logo p { padding-left: 10px; font-size: 14px; }
#c-footer .c-bottom-box .c-link { display: none; }
}
/* 顶ébanner */
#c-top-banner { position: relative; height: 6.2rem; overflow: hidden; }
@media (max-width: 748px) {
#c-top-banner { height: 14rem; }
}
#c-top-banner::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
#c-top-banner img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 748px) {
#c-top-banner img { display: none; }
}
#c-top-banner img.c-mb { display: none; }
@media (max-width: 748px) {
#c-top-banner img.c-mb { display: block; }
}
#c-top-banner .c-box { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; }
#c-top-banner .c-box .c-text { padding-top: 10px; }
@media (max-width: 748px) {
#c-top-banner .c-box .c-text { padding-top: 0.5rem; font-size: 0.8rem; }
}
#c-top-banner .c-container { display: flex; justify-content: center; align-items: center; }
/* 顶é¨è */
#c-top-menu { height: 80px; }
@media (max-width: 748px) {
#c-top-menu { height: 60px; }
}
#c-top-menu.on .c-list { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); padding: 0 2.6rem; }
@media (max-width: 1580px) {
#c-top-menu.on .c-list { padding: 0 1.6rem; }
}
#c-top-menu, #c-top-menu2 { border-bottom: 1px solid #ddd; }
#c-top-menu .c-link, #c-top-menu2 .c-link { padding: 28px 0; color: #999; }
@media (max-width: 748px) {
#c-top-menu .c-link,  #c-top-menu2 .c-link { padding: 15px 0; }
}
#c-top-menu .c-link a, #c-top-menu2 .c-link a { color: #999; transition: all 0.5s; }
#c-top-menu .c-link a.on, #c-top-menu2 .c-link a.on { color: #666; }
#c-top-menu .c-link a:hover, #c-top-menu2 .c-link a:hover { color: #1262ad; }
#c-top-menu .c-link span:last-child, #c-top-menu2 .c-link span:last-child { display: none; }
#c-top-menu .c-list, #c-top-menu2 .c-list { position: relative; display: flex; align-items: flex-start; justify-content: center; overflow-x: auto; margin-bottom: -1px; text-align: center; }
@media (max-width: 748px) {
#c-top-menu .c-list,  #c-top-menu2 .c-list { justify-content: flex-start; }
}
#c-top-menu .c-list li, #c-top-menu2 .c-list li { flex: none; margin-right: 0.4rem; line-height: 80px; }
#c-top-menu .c-list li:last-child, #c-top-menu2 .c-list li:last-child { margin-right: 0; }
@media (max-width: 972px) {
#c-top-menu .c-list li,  #c-top-menu2 .c-list li { width: auto; }
}
@media (max-width: 748px) {
#c-top-menu .c-list li,  #c-top-menu2 .c-list li { margin-right: 10px; line-height: 60px; }
}
#c-top-menu .c-list li a, #c-top-menu2 .c-list li a { position: relative; display: block; color: #333; transition: 0.5s; }
#c-top-menu .c-list li a::before, #c-top-menu2 .c-list li a::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; border-bottom: 2px solid #1262ad; transition: 0.5s; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#c-top-menu .c-list li.on a, #c-top-menu2 .c-list li.on a, #c-top-menu .c-list li a:hover, #c-top-menu2 .c-list li a:hover { color: #1262ad; }
#c-top-menu .c-list li.on a::before, #c-top-menu2 .c-list li.on a::before, #c-top-menu .c-list li a:hover::before, #c-top-menu2 .c-list li a:hover::before { width: 100%; }
#c-top-menu.c-click-move .c-list li, #c-top-menu2.c-click-move .c-list li { width: 25%; margin: 0; }
#c-top-menu.c-dt, #c-top-menu2.c-dt { height: auto; }
#c-top-menu.c-dt .c-container, #c-top-menu2.c-dt .c-container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
/* °å */
.c-map { width: 100%; height: 100%; background: #f5f5f5; }
.c-map .map-title { font-size: 14px; font-weight: bold; color: #1262ad; }
.c-map .map-content { font-size: 12px; color: #222; }
.c-map .anchorBL { display: none; }
/* äº */
div.bsLogoLink, #bsBox .bsTop, #bsBox #bsMorePanel { width: 100% !important; }
.bFind-wrapper-top { height: 26px !important; }
#bsBox #bsMorePanel { height: 373px !important; }
.bsPlatDiv { height: 312px !important; }
.bFind { width: 204px !important; }
#bsBox { height: 408px !important; width: 276px !important; margin-left: -138px !important; }
.bsTop { width: 208px !important; }
.bsFrameDiv div { width: 208px !important; height: 208px !important; }
.bsFrameDiv img { width: 166px !important; height: 166px !important; }
.bshare-custom.icon-medium a { margin: 0 0 0 15px; opacity: 1; }
@media (max-width: 748px) {
.bshare-custom.icon-medium a { margin-left: 10px; }
}
.bshare-custom.icon-medium a:hover { opacity: 1; }
.bshare-custom.icon-medium a.bshare-weixin { background: url(https://www.rainbow.cn/public/static/modules/cms/images/fx-ico1.png) no-repeat center / auto 16px; }
.bshare-custom.icon-medium a.bshare-weixin:hover { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/fx-ico1-h.png); }
.bshare-custom.icon-medium a.bshare-sinaminiblog { background: url(https://www.rainbow.cn/public/static/modules/cms/images/fx-ico2.png) no-repeat center / auto 16px; }
.bshare-custom.icon-medium a.bshare-sinaminiblog:hover { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/fx-ico2-h.png); }
.bshare-custom.icon-medium a.bshare-qqim { background: url(https://www.rainbow.cn/public/static/modules/cms/images/fx-ico3.png) no-repeat center / auto 16px; }
.bshare-custom.icon-medium a.bshare-qqim:hover { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/fx-ico3-h.png); }
/* ä¸ä¸é¡ */
#c-prev-next { display: flex; justify-content: space-between; flex-wrap: wrap; }
#c-prev-next a { max-width: 46%; display: flex; align-items: center; font-size: 14px; line-height: 24px; color: #666; transition: 0.5s; }
#c-prev-next a:hover { color: #1262ad; }
#c-prev-next .prev i { margin-right: 10px; font-size: 20px; vertical-align: middle; }
#c-prev-next .next i { margin-left: 10px; font-size: 20px; vertical-align: middle; }
@media (max-width: 748px) {
#c-prevNext { margin: -5px 0; }
#c-prevNext a { margin: 5px 0; }
#c-prevNext .prev i { margin-right: 10px; }
#c-prevNext .next i { margin-left: 10px; }
}
/* é¡ */
.c-page { display: flex; justify-content: center; align-items: flex-start; color: #666; font-size: 14px; line-height: 40px; }
.c-page a { margin: 10px; display: block; width: 40px; height: 40px; text-align: center; border-radius: 50%; color: #333; transition: 0.5s; }
.c-page a:hover, .c-page a.on { color: #fff; background-color: #1262ad; }
.c-page .prev { background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt7.png) no-repeat center / 20px auto; }
.c-page .prev:hover { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt8.png); }
@media (max-width: 748px) {
.c-page .prev { background-color: #1262ad; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt8.png); }
}
.c-page .next { background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt6.png) no-repeat center / 20px auto; }
.c-page .next:hover { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png); }
@media (max-width: 748px) {
.c-page .next { background-color: #1262ad; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png); }
}
@media (max-width: 748px) {
.c-page a { display: none; }
.c-page .prev,  .c-page .next { display: inline-block; }
}
/* 񑂛 */
.c-common-title { margin-bottom: 0.7rem; text-align: center; }
@media (max-width: 748px) {
.c-common-title { margin-bottom: 1.5rem; }
}
.c-common-title .c-en-title { font-family: "Arial"; font-weight: bold; font-size: 0.8rem; line-height: 0.8; color: #eaeaea; }
@media (max-width: 748px) {
.c-common-title .c-en-title { font-size: 2rem; }
}
.c-common-title .c-title { font-weight: bold; margin-top: -0.25rem; }
@media (max-width: 748px) {
.c-common-title .c-title { margin-top: -0.8rem; }
}
.c-common-title .c-text { margin-top: 10px; font-size: 18px; letter-spacing: 6px; }
@media (max-width: 1580px) {
.c-common-title .c-text { font-size: 14px; letter-spacing: 2px; }
}
.c-common-title .c-text2 { margin: 0.3rem 1rem 0; color: #666; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
.c-common-title .c-text2 { font-size: 14px; }
}
.c-common-title .c-text3 { margin-top: 0.3rem; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; font-weight: bold; font-size: 18px; color: #1262ad; }
@media (max-width: 1580px) {
.c-common-title .c-text3 { font-size: 14px; }
}
@media (max-width: 748px) {
.c-common-title .c-text3 { margin-top: 0.5rem; }
}
.c-common-title .c-text3 p { margin: 0 0.3rem; }
@media (max-width: 748px) {
.c-common-title .c-text3 p { width: 100%; margin: 0; }
}
.c-common-title2 { margin-bottom: 0.4rem; display: flex; align-items: center; line-height: 1; }
@media (max-width: 748px) {
.c-common-title2 { margin-bottom: 1rem; }
}
.c-common-title2 img { margin-right: 10px; height: 0.3rem; }
@media (max-width: 1580px) {
.c-common-title2 img { height: 0.4rem; }
}
@media (max-width: 972px) {
.c-common-title2 img { height: 0.5rem; }
}
@media (max-width: 748px) {
.c-common-title2 img { height: 1rem; }
}
#c-retail .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-retail .c-list { margin: 0 -0.15rem -1rem; }
}
#c-retail .c-list li { padding: 0 0.15rem 0.3rem; width: 33.333333%; }
@media (max-width: 748px) {
#c-retail .c-list li { padding: 0 0.15rem 1rem; width: 100%; }
}
#c-retail .c-list li .c-wrap { display: block; position: relative; height: 4.46rem; overflow: hidden; color: #fff; }
@media (max-width: 1580px) {
#c-retail .c-list li .c-wrap { height: 5.46rem; }
}
@media (max-width: 972px) {
#c-retail .c-list li .c-wrap { height: 6.2rem; }
}
@media (max-width: 748px) {
#c-retail .c-list li .c-wrap { height: 16rem; }
}
#c-retail .c-list li .c-wrap img { width: 100%; height: 100%; object-fit: cover; }
#c-retail .c-list li .c-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.5s; }
#c-retail .c-list li .c-wrap .c-text-box { position: absolute; top: 50%; left: 0; width: 100%; padding: 30px; text-align: center; -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); transition: all 0.5s; }
@media (max-width: 972px) {
#c-retail .c-list li .c-wrap .c-text-box { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}
#c-retail .c-list li .c-wrap .c-text-box .c-box { opacity: 0; transition: all 0.5s; }
@media (max-width: 972px) {
#c-retail .c-list li .c-wrap .c-text-box .c-box { display: none; }
}
#c-retail .c-list li .c-wrap .c-text-box .c-box .c-line { margin: 15px auto 25px; width: 30px; border-top: 2px solid #fff; }
#c-retail .c-list li .c-wrap .c-text-box .c-box .c-text { min-height: 45px; margin-bottom: 30px; }
#c-retail .c-list li .c-wrap:hover::before { background: rgba(0, 0, 0, 0.7); }
#c-retail .c-list li .c-wrap:hover .c-text-box { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#c-retail .c-list li .c-wrap:hover .c-text-box .c-box { opacity: 1; }
#c-business .c-banner2-wrap { display: flex; align-items: center; flex-wrap: wrap; }
#c-business .c-banner2-wrap .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; padding-right: 0.9rem; width: 45%; }
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-list { width: 100%; flex-wrap: nowrap; overflow-y: auto; padding-right: 0; }
}
#c-business .c-banner2-wrap .c-list li { width: 100%; margin-bottom: 0.88rem; display: flex; align-items: center; cursor: pointer; }
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-list li { width: auto; flex: none; padding-right: 1.5rem; }
}
#c-business .c-banner2-wrap .c-list li:last-child { margin-bottom: 0; }
#c-business .c-banner2-wrap .c-list li .c-img-box { flex-shrink: 0; width: 40px; }
#c-business .c-banner2-wrap .c-list li .c-img-box img { width: 100%; }
#c-business .c-banner2-wrap .c-list li .c-img-box img:nth-child(2) { display: none; }
#c-business .c-banner2-wrap .c-list li .c-text-box { padding-left: 30px; transition: all 0.5s; }
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-list li .c-text-box { padding-left: 10px; }
}
#c-business .c-banner2-wrap .c-list li .c-text-box .c-title { position: relative; display: inline-block; transition: all 0.3s; }
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-list li .c-text-box .c-title { font-size: 0.8rem; }
}
#c-business .c-banner2-wrap .c-list li .c-text-box .c-title::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #1262ad; transition: all 0.5s; }
#c-business .c-banner2-wrap .c-list li .c-text-box .c-text { color: #666; transition: all 0.5s; }
#c-business .c-banner2-wrap .c-list li.on .c-img-box img { display: none; }
#c-business .c-banner2-wrap .c-list li.on .c-img-box img:nth-child(2) { display: inline-block; }
#c-business .c-banner2-wrap .c-list li.on .c-text-box { color: #1262ad; }
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-title { font-size: 0.4rem; }
@media (max-width: 1580px) {
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-title { font-size: 0.44rem; }
}
@media (max-width: 1260px) {
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-title { font-size: 0.52rem; }
}
@media (max-width: 972px) {
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-title { font-size: 0.62rem; }
}
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-title { font-size: 1rem; }
}
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-title::before { width: 100%; }
#c-business .c-banner2-wrap .c-list li.on .c-text-box .c-text { color: #1262ad; }
#c-business .c-banner2-wrap .c-banner2 { width: 55%; }
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-banner2 { width: 100%; }
}
#c-business .c-banner2-wrap .c-banner2 .swiper-slide { transform: translate3d(0, 0, 0); }
#c-business .c-banner2-wrap .c-banner2 .c-wrap { display: block; position: relative; height: 7rem; transform: translate3d(0, 0, 0); }
@media (max-width: 1580px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap { height: 8rem; }
}
@media (max-width: 972px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap { height: 10rem; }
}
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap { height: 20rem; }
}
#c-business .c-banner2-wrap .c-banner2 .c-wrap > img { width: 100%; height: 100%; object-fit: cover; }
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.7rem; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.4); }
@media (max-width: 972px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box { padding: 40px; }
}
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box { padding: 1.5rem; }
}
@media (max-width: 1580px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box img { transform: scale(0.8); }
}
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box img { transform: scale(0.6); }
}
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box .c-text { margin: 30px 0 50px; line-height: 2; color: #fff; }
@media (max-width: 748px) {
#c-business .c-banner2-wrap .c-banner2 .c-wrap .c-text-box .c-text { margin: 0.5rem 0 1rem; }
}
#c-link .c-banner3-wrap { position: relative; }
#c-link .c-banner3-wrap .c-prev, #c-link .c-banner3-wrap .c-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#c-link .c-banner3-wrap .c-prev.swiper-button-disabled, #c-link .c-banner3-wrap .c-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
#c-link .c-banner3-wrap .c-prev { left: -100px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
#c-link .c-banner3-wrap .c-prev { left: -80px; }
}
@media (max-width: 1260px) {
#c-link .c-banner3-wrap .c-prev { left: -70px; }
}
@media (max-width: 972px) {
#c-link .c-banner3-wrap .c-prev { display: none; }
}
#c-link .c-banner3-wrap .c-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
#c-link .c-banner3-wrap .c-next { right: -100px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
#c-link .c-banner3-wrap .c-next { right: -80px; }
}
@media (max-width: 1260px) {
#c-link .c-banner3-wrap .c-next { right: -70px; }
}
@media (max-width: 972px) {
#c-link .c-banner3-wrap .c-next { display: none; }
}
#c-link .c-banner3-wrap .c-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
#c-link .c-banner3 { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem; }
@media (max-width: 748px) {
#c-link .c-banner3 { margin: 0 -0.5rem; }
}
#c-link .c-banner3 .swiper-slide { padding: 0 0.15rem; width: 33.333333%; }
@media (max-width: 748px) {
#c-link .c-banner3 .swiper-slide { padding: 0 0.5rem; }
}
#c-link .c-banner3 .swiper-slide .c-wrap { position: relative; display: block; height: 6rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-link .c-banner3 .swiper-slide .c-wrap { height: 7rem; }
}
@media (max-width: 748px) {
#c-link .c-banner3 .swiper-slide .c-wrap { height: 15rem; }
}
#c-link .c-banner3 .swiper-slide .c-wrap::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
#c-link .c-banner3 .swiper-slide .c-wrap img { width: 100%; height: 100%; object-fit: cover; transition: all 1s; }
#c-link .c-banner3 .swiper-slide .c-wrap .c-text-box { position: absolute; padding: 0.8rem 0.5rem; top: 0; left: 0; z-index: 2; width: 100%; color: #fff; }
@media (max-width: 748px) {
#c-link .c-banner3 .swiper-slide .c-wrap .c-text-box { padding: 1.5rem; }
}
#c-link .c-banner3 .swiper-slide .c-wrap .c-text-box .c-text { opacity: 0; margin-top: 40px; transition: 0.5s; }
#c-link .c-banner3 .swiper-slide .c-wrap .c-btn-box { position: absolute; padding: 0.8rem 0.5rem; bottom: 0; left: 0; z-index: 2; width: 100%; }
#c-link .c-banner3 .swiper-slide .c-wrap .c-btn-box .c-common-btn2 { opacity: 0; margin: 0 0 -20px 0; }
#c-link .c-banner3 .swiper-slide .c-wrap:hover > img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
#c-link .c-banner3 .swiper-slide .c-wrap:hover .c-text-box .c-text { opacity: 1; margin-top: 20px; font-size: 18px;}
#c-link .c-banner3 .swiper-slide .c-wrap:hover .c-btn-box .c-common-btn2 { opacity: 1; margin: 0; }
#c-about { position: relative; }
#c-about .c-common-title { margin-bottom: 0; }
#c-about .c-main-wrap { position: relative; height: 200vh; }
@media (max-width: 972px) {
#c-about .c-main-wrap { height: 150vh; }
}
@media (max-width: 748px) {
#c-about .c-main-wrap { margin-top: 0.5rem; height: 45vh; }
}
#c-about .c-main-wrap.on .c-wrap { padding: 0; }
#c-about .c-main-wrap.on .c-wrap svg { transform: rotateZ(0deg); }
#c-about .c-wrap { position: sticky; top: 0; height: 100vh; padding: 0.8rem 13.55%; transition: 0.5s; overflow: hidden; }
@media (max-width: 972px) {
#c-about .c-wrap { padding: 1.5rem 1rem; }
}
@media (max-width: 748px) {
#c-about .c-wrap { height: 45vh; }
}
#c-about .c-wrap .c-box { position: relative; width: 100%; height: 100%; overflow: hidden; }
#c-about .c-wrap .c-box::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
#c-about .c-wrap .c-box img { position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#c-about .c-wrap .c-box img:nth-child(2) { display: none; }
@media (max-width: 748px) {
#c-about .c-wrap .c-box img { display: none; }
#c-about .c-wrap .c-box img:nth-child(2) { display: block; }
}
#c-about .c-wrap .c-box svg { position: absolute; bottom: 0; left: 50%; z-index: 2; margin-left: -42vw; width: 84vw; transform-origin: bottom center; transform: rotateZ(-180deg); transition: all 0.5s 0.5s linear; }
#c-about .c-wrap .c-box .c-text-box { position: absolute; top: 50%; left: 0; z-index: 5; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#c-about .c-wrap .c-box .c-text-box .c-text { margin: 0 auto; max-width: 730px; margin-bottom: 0.5rem; line-height: 2; text-align: center; color: #fff; }
#c-about2-1 .c-text-box { margin: 0 auto; max-width: 1200px; color: #666; font-size: 18px; line-height: 1.8; text-align: center; }
@media (max-width: 1580px) {
#c-about2-1 .c-text-box { font-size: 14px; }
}
#c-about2-2 { position: relative; height: 140vh; }
@media (max-width: 972px) {
#c-about2-2 { height: auto; }
}
#c-about2-2 .c-wrap { padding: 1.4rem 13.55%; position: sticky; height: 100vh; top: 0; color: #fff; text-align: center; transition: 0.5s; }
@media (max-width: 1580px) {
#c-about2-2 .c-wrap { padding: 1.4rem 8%; }
}
@media (max-width: 972px) {
#c-about2-2 .c-wrap { height: auto; }
}
@media (max-width: 748px) {
#c-about2-2 .c-wrap { padding: 0 1rem; }
}
#c-about2-2 .c-wrap .c-box { position: relative; width: 100%; height: 100%; overflow: hidden; }
#c-about2-2 .c-wrap .c-box img { position: absolute; top: 50%; left: 50%; z-index: 1; width: 100vw; height: 100vh; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 972px) {
#c-about2-2 .c-wrap .c-box img { width: 100%; height: 100%; }
}
#c-about2-2 .c-wrap .c-box::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
#c-about2-2 .c-wrap .c-box video { position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 972px) {
#c-about2-2 .c-wrap .c-box video { position: relative; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); vertical-align: top; }
}
#c-about2-2 .c-wrap .c-box .c-play { position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }
#c-about2-2 .c-wrap .c-box .c-play .c-img { margin: 0 auto 15px; width: 100px; height: 100px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/play.png) no-repeat center / 100%; transition: all 0.5s; }
@media (max-width: 748px) {
#c-about2-2 .c-wrap .c-box .c-play .c-img { width: 60px; height: 60px; }
}
#c-about2-2 .c-wrap .c-box .c-play:hover .c-img { -webkit-transform: scale(0.8); transform: scale(0.8); }
#c-about2-2.on .c-wrap { padding: 0; }
@media (max-width: 972px) {
#c-about2-2.on .c-wrap { padding: 1.4rem 8%; }
}
@media (max-width: 972px) {
#c-about2-2.on .c-wrap { padding: 0 1rem; }
}
#c-about-video { height: 0; width: 0; }
#c-about2-3 .c-list { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; margin-bottom: -30px; text-align: center; }
#c-about2-3 .c-list li { width: 20%; padding: 0 10px 30px; }
@media (max-width: 748px) {
#c-about2-3 .c-list li { width: 50%; }
}
#c-about2-3 .c-list li .c-ico-box { margin: 0 auto; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f5f5f5; }
@media (max-width: 1260px) {
#c-about2-3 .c-list li .c-ico-box { width: 100px; height: 100px; }
}
#c-about2-3 .c-list li .c-ico-box img { height: 44px; }
@media (max-width: 1260px) {
#c-about2-3 .c-list li .c-ico-box img { height: 40px; }
}
#c-about2-3 .c-list li .c-title { margin: 30px 0; }
@media (max-width: 972px) {
#c-about2-3 .c-list li .c-title { margin: 10px 0; }
}
#c-about2-3 .c-list li .c-text { display: flex; align-items: flex-end; justify-content: center; line-height: 1; color: #1262ad; }
#c-about2-3 .c-list li .c-text span { font-family: "BEBASNEUE"; }
#c-about2-3 .c-list li .c-text i { margin: 0 0 0.12rem 4px; font-style: normal; }
@media (max-width: 748px) {
#c-about2-3 .c-list li .c-text i { margin: 0 0 0.26rem 4px; }
}
#c-about2-4 { position: relative; }
#c-about2-4 .c-top { padding: 0.8rem 0; position: relative; }
@media (max-width: 748px) {
#c-about2-4 .c-top { padding: 2rem 0; }
}
#c-about2-4 .c-top::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
#c-about2-4 .c-top > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#c-about2-4 .c-top .c-container { z-index: 3; }
#c-about2-4 .c-top .c-common-title .c-en-title { opacity: 0.2; }
#c-about2-4 .c-top .c-common-title .c-title { color: #fff; }
#c-about2-4 .c-bottom { padding: 0.8rem 0 1.4rem; background: #f7f7f7; }
@media (max-width: 748px) {
#c-about2-4 .c-bottom { padding: 2rem 0 3rem; }
}
.c-banner4-top { color: #fff; text-align: center; font-family: "Arial"; font-size: 18px; }
.c-banner4-top::before { content: ""; position: absolute; bottom: 15px; left: 0; width: 100%; border-top: 2px solid rgba(255, 255, 255, 0.2); }
@media (max-width: 1580px) {
.c-banner4-top { font-size: 16px; }
}
.c-banner4-top .swiper-slide { width: 12.5%; cursor: pointer; }
@media (max-width: 748px) {
.c-banner4-top .swiper-slide { width: 20%; }
}
.c-banner4-top .c-dot { margin: 5px auto 0; position: relative; width: 30px; height: 30px; border-radius: 50%; border: 4px solid transparent; transition: all 0.5s; }
.c-banner4-top .c-dot::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #a2a2a1; transition: all 0.5s; }
.c-banner4-top .swiper-slide.on .c-dot { border-color: rgba(255, 255, 255, 0.5); }
.c-banner4-top .swiper-slide.on .c-dot::before { background: #fff; }
.c-banner4-bottom { padding: 0 2.6rem; }
.c-banner4-bottom .c-prev, .c-banner4-bottom .c-next { position: absolute; top: 0; height: 100%; width: 2.6rem; z-index: 10; background: rgba(247, 247, 247, 0.6); }
.c-banner4-bottom .c-prev { left: 0; }
.c-banner4-bottom .c-next { right: 0; }
.c-banner4-bottom .c-prev .c-btn, .c-banner4-bottom .c-next .c-btn { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner4-bottom .c-prev .c-btn.swiper-button-disabled, .c-banner4-bottom .c-next .c-btn.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner4-bottom .c-prev .c-btn { left: 1.6rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner4-bottom .c-prev .c-btn { left: 80px; }
}
@media (max-width: 1260px) {
.c-banner4-bottom .c-prev .c-btn { left: 70px; }
}
@media (max-width: 972px) {
.c-banner4-bottom .c-prev .c-btn { display: none; }
}
.c-banner4-bottom .c-prev .c-btn:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner4-bottom .c-next .c-btn { right: 1.6rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner4-bottom .c-next .c-btn { right: 80px; }
}
@media (max-width: 1260px) {
.c-banner4-bottom .c-next .c-btn { right: 70px; }
}
@media (max-width: 972px) {
.c-banner4-bottom .c-next .c-btn { display: none; }
}
.c-banner4-bottom .c-next .c-btn:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner4-bottom .swiper-slide { padding: 0 15px; width: 33.333333%; }
@media (max-width: 1260px) {
.c-banner4-bottom .swiper-slide { width: 50%; }
}
@media (max-width: 748px) {
.c-banner4-bottom .swiper-slide { width: 100%; }
}
.c-banner4-bottom .c-title { margin-bottom: 30px; font-family: "BEBASNEUE"; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
@media (max-width: 748px) {
.c-banner4-bottom .c-title { margin-bottom: 20px; }
}
.c-banner4-bottom .c-list { padding-right: 40px; }
@media (max-width: 1260px) {
.c-banner4-bottom .c-list { padding-right: 20px; }
}
.c-banner4-bottom .c-list li { display: flex; align-items: flex-start; line-height: 1.8; margin-bottom: 40px; }
@media (max-width: 748px) {
.c-banner4-bottom .c-list li { margin-bottom: 10px; }
}
.c-banner4-bottom .c-list li:last-child { margin-bottom: 0; }
.c-banner4-bottom .c-list li .c-t1 { width: 40px; }
.c-banner4-bottom .c-list li .c-t2 { width: -webkit-calc(60%); width: calc(100% - 40px); color: #666; }
#c-about2-5 .c-common-title .c-text { letter-spacing: 0; }
.c-banner5-top .swiper-wrapper, .c-banner5-bottom .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.c-banner5-top .swiper-slide, .c-banner5-bottom .swiper-slide { height: 1.46rem; }
@media (max-width: 748px) {
.c-banner5-top .swiper-slide,  .c-banner5-bottom .swiper-slide { height: 4rem; }
}
.c-banner5-top .swiper-slide img, .c-banner5-bottom .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
/* è´¨ä */
#c-qs .c-list { display: flex; align-items: flex-end; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-qs .c-list { margin: 0 -0.15rem -1rem; }
}
#c-qs .c-list li { padding: 0 0.15rem 0.3rem; width: 50%; }
@media (max-width: 748px) {
#c-qs .c-list li { padding: 0 0.15rem 1rem; width: 100%; }
}
#c-qs .c-list li .c-wrap { display: block; position: relative; height: 6.7rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-qs .c-list li .c-wrap { height: 7.7rem; }
}
@media (max-width: 748px) {
#c-qs .c-list li .c-wrap { height: 18rem; }
}
#c-qs .c-list li .c-wrap img { width: 100%; height: 100%; object-fit: cover; }
#c-qs .c-list li .c-wrap .c-text-box { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.4rem 0.6rem; background: rgba(255, 255, 255, 0.95); color: #333; transition: all 0.5s; display: flex; align-items: center; height: 2.4rem; }
@media (max-width: 1260px) {
#c-qs .c-list li .c-wrap .c-text-box { height: auto; }
}
@media (max-width: 748px) {
#c-qs .c-list li .c-wrap .c-text-box { padding: 1rem; }
}
#c-qs .c-list li .c-wrap .c-text-box .c-tbox { display: flex; align-items: center; flex-wrap: wrap; }
#c-qs .c-list li .c-wrap .c-text-box .c-tbox .c-title { margin-right: 0.2rem; }
@media (max-width: 1260px) {
#c-qs .c-list li .c-wrap .c-text-box .c-tbox .c-title { margin-right: 0; width: 100%; }
}
#c-qs .c-list li .c-wrap .c-text-box .c-tbox p { margin: 0.1rem 0.2rem 0.1rem 0; padding: 0 25px; line-height: 40px; border-radius: 20px; background: #fff; }
@media (max-width: 1900px) {
#c-qs .c-list li .c-wrap .c-text-box .c-tbox p { margin: 0.05rem 0.1rem 0.05rem 0; }
}
@media (max-width: 1260px) {
#c-qs .c-list li .c-wrap .c-text-box .c-tbox p { padding: 0 10px; }
}
@media (max-width: 748px) {
#c-qs .c-list li .c-wrap .c-text-box .c-tbox p { margin: 0.25rem 0.5rem 0.25rem 0; }
}
#c-qs .c-list li .c-wrap .c-text-box .c-text { margin-top: 0.2rem; height: 26px; line-height: 26px; color: #666; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }
#c-qs .c-list li .c-wrap .c-text-box .c-more { display: flex; align-items: flex-end; color: #fff; height: 0; line-height: 16px; overflow: hidden; transition: all 0.5s; }
#c-qs .c-list li .c-wrap .c-text-box .c-more i { margin-left: 10px; display: inline-block; width: 16px; height: 16px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png) no-repeat center / 100%; }
#c-qs .c-list li .c-wrap:hover .c-text-box { background: rgba(18, 98, 173, 0.95); color: #fff; }
#c-qs .c-list li .c-wrap:hover .c-text-box .c-tbox p { background: rgba(255, 255, 255, 0.2); }
#c-qs .c-list li .c-wrap:hover .c-text-box .c-text { opacity: 0.7; color: #fff; }
#c-qs .c-list li .c-wrap:hover .c-text-box .c-more { height: 0.5rem; }
@media (max-width: 748px) {
#c-qs .c-list li .c-wrap:hover .c-text-box .c-more { height: 1rem; }
}
#c-quality1-1 .c-top { margin-bottom: 0.8rem; padding: 0 2rem; font-size: 18px; line-height: 1.8; text-align: center; }
@media (max-width: 1580px) {
#c-quality1-1 .c-top { font-size: 14px; }
}
@media (max-width: 748px) {
#c-quality1-1 .c-top { padding: 0; margin-bottom: 1.5rem; }
}
#c-quality1-1 .c-bottom { display: flex; align-items: center; flex-wrap: wrap; }
#c-quality1-1 .c-bottom .c-img-box { width: 44%; height: 6.4rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-quality1-1 .c-bottom .c-img-box { height: 7.4rem; }
}
@media (max-width: 972px) {
#c-quality1-1 .c-bottom .c-img-box { width: 100%; height: 18rem; }
}
#c-quality1-1 .c-bottom .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-quality1-1 .c-bottom .c-text-box { padding-left: 0.8rem; width: 56%; }
@media (max-width: 972px) {
#c-quality1-1 .c-bottom .c-text-box { padding: 0.8rem 0 0; width: 100%; }
}
@media (max-width: 748px) {
#c-quality1-1 .c-bottom .c-text-box { padding: 1rem 0 0; }
}
#c-quality1-1 .c-bottom .c-text-box .c-text { margin: 20px 0 0; color: #666; line-height: 1.8; }
@media (max-width: 972px) {
#c-quality1-1 .c-bottom .c-text-box .c-text { margin: 20px 0 0; }
}
@media (max-width: 748px) {
#c-quality1-1 .c-bottom .c-text-box .c-text { margin: 0.5rem 0 0; }
}
#c-quality1-1 .c-bottom .c-text-box .c-title2 { color: #1262ad; margin-bottom: 20px; }
@media (max-width: 748px) {
#c-quality1-1 .c-bottom .c-text-box .c-title2 { margin-bottom: 1rem; }
}
#c-quality1-1 .c-bottom .c-text-box .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -10px -20px; }
#c-quality1-1 .c-bottom .c-text-box .c-list li { width: 50%; padding: 0 10px 10px; color: #666; }
#c-quality1-2 { background: #f8f8f8; }
#c-quality1-2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; }
#c-quality1-2 .c-list li { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 0.6rem; padding: 0 0 0.6rem; width: 33.333333%; border-bottom: 1px solid #ddd; }
@media (max-width: 748px) {
#c-quality1-2 .c-list li { margin-bottom: 1.5rem; padding: 0 0 1.5rem; width: 50%; text-align: center; justify-content: center; }
}
#c-quality1-2 .c-list li:nth-last-child(1), #c-quality1-2 .c-list li:nth-last-child(2), #c-quality1-2 .c-list li:nth-last-child(3) { padding-bottom: 0; margin-bottom: 0; border: 0; }
@media (max-width: 748px) {
#c-quality1-2 .c-list li:nth-last-child(3) { margin-bottom: 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid #ddd; }
}
#c-quality1-2 .c-list li .c-ico { display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; border-radius: 50%; background: #fff; flex-shrink: 0; }
@media (max-width: 1900px) {
#c-quality1-2 .c-list li .c-ico { width: 100px; height: 100px; }
}
@media (max-width: 1260px) {
#c-quality1-2 .c-list li .c-ico { width: 80px; height: 80px; }
}
@media (max-width: 972px) {
#c-quality1-2 .c-list li .c-ico { width: 50px; height: 50px; }
}
@media (max-width: 748px) {
#c-quality1-2 .c-list li .c-ico { width: 80px; height: 80px; }
}
#c-quality1-2 .c-list li .c-ico img { height: 44px; }
@media (max-width: 1260px) {
#c-quality1-2 .c-list li .c-ico img { height: 40px; }
}
@media (max-width: 972px) {
#c-quality1-2 .c-list li .c-ico img { height: 26px; }
}
@media (max-width: 748px) {
#c-quality1-2 .c-list li .c-ico img { height: 40px; }
}
#c-quality1-2 .c-list li .c-text-box { flex-grow: 1; flex-shrink: 1; padding-left: 0.4rem; }
@media (max-width: 972px) {
#c-quality1-2 .c-list li .c-text-box { padding-left: 10px; }
}
@media (max-width: 748px) {
#c-quality1-2 .c-list li .c-text-box { padding: 10px 0 0; width: 100%; }
}
#c-quality1-2 .c-list li .c-text-box .c-t1 { display: flex; align-items: flex-end; line-height: 1; color: #1262ad; }
#c-quality1-2 .c-list li .c-text-box .c-t1 span { font-family: "BEBASNEUE"; }
@media (max-width: 748px) {
#c-quality1-2 .c-list li .c-text-box .c-t1 { justify-content: center; }
}
#c-quality1-2 .c-list li .c-text-box .c-t1 i { margin: 0 0 0.12rem 4px; font-style: normal; }
@media (max-width: 1260px) {
#c-quality1-2 .c-list li .c-text-box .c-t1 i { font-size: 0.28rem; }
}
@media (max-width: 1260px) {
#c-quality1-2 .c-list li .c-text-box .c-t1 i { font-size: 14px; margin: 0 0 0.24rem 4px; }
}
@media (max-width: 1260px) {
#c-quality1-2 .c-list li .c-text-box .c-t2 { font-size: 0.28rem; font-size: 14px; }
}
.c-banner6 .swiper-slide { opacity: 0.5; padding: 0 0.2rem; transition: all 0.5s; }
.c-banner6 .swiper-slide .c-wrap { position: relative; height: 6rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner6 .swiper-slide .c-wrap { height: 7rem; }
}
@media (max-width: 748px) {
.c-banner6 .swiper-slide .c-wrap { height: 9rem; }
}
.c-banner6 .swiper-slide .c-wrap img { width: 100%; height: 100%; object-fit: cover; }
.c-banner6 .swiper-slide .c-wrap .c-text-box { opacity: 0; display: flex; align-items: center; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 1.2rem; padding: 0 20px; color: #fff; background: rgba(233, 161, 113, 0.95); transition: all 0.5s; }
@media (max-width: 972px) {
.c-banner6 .swiper-slide .c-wrap .c-text-box { height: 1.6rem; }
}
@media (max-width: 748px) {
.c-banner6 .swiper-slide .c-wrap .c-text-box { height: 3rem; }
}
.c-banner6 .swiper-slide .c-wrap .c-text-box .c-title { width: 100%; }
@media (max-width: 748px) {
.c-banner6 .swiper-slide .c-wrap .c-text-box .c-title { font-size: 0.8rem; }
}
.c-banner6 .swiper-slide.swiper-slide-active { opacity: 1; }
.c-banner6 .swiper-slide.swiper-slide-active .c-wrap .c-text-box { opacity: 1; }
.c-banner6 .swiper-button-prev, .c-banner6 .swiper-button-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner6 .swiper-button-prev.swiper-button-disabled, .c-banner6 .swiper-button-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner6 .swiper-button-prev { left: 3rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner6 .swiper-button-prev { left: 2rem; }
}
@media (max-width: 972px) {
.c-banner6 .swiper-button-prev { display: none; }
}
.c-banner6 .swiper-button-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner6 .swiper-button-next { right: 3rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner6 .swiper-button-next { right: 2rem; }
}
@media (max-width: 972px) {
.c-banner6 .swiper-button-next { display: none; }
}
.c-banner6 .swiper-button-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner7-wrap { position: relative; }
.c-banner7-wrap .c-prev, .c-banner7-wrap .c-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner7-wrap .c-prev.swiper-button-disabled, .c-banner7-wrap .c-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner7-wrap .c-prev { left: -80px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1260px) {
.c-banner7-wrap .c-prev { left: -70px; }
}
@media (max-width: 972px) {
.c-banner7-wrap .c-prev { display: none; }
}
.c-banner7-wrap .c-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner7-wrap .c-next { right: -80px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1260px) {
.c-banner7-wrap .c-next { right: -70px; }
}
@media (max-width: 972px) {
.c-banner7-wrap .c-next { display: none; }
}
.c-banner7-wrap .c-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner7-top { margin-bottom: 0.6rem; }
@media (max-width: 748px) {
.c-banner7-top { margin-bottom: 0; }
}
.c-banner7-top .swiper-slide { display: flex; align-items: center; flex-wrap: wrap; }
.c-banner7-top .swiper-slide .c-img-box { width: 50%; height: 4.4rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner7-top .swiper-slide .c-img-box { height: 5.4rem; }
}
@media (max-width: 748px) {
.c-banner7-top .swiper-slide .c-img-box { width: 100%; height: 11rem; }
}
.c-banner7-top .swiper-slide .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner7-top .swiper-slide .c-text-box { position: relative; padding: 0 0.8rem; width: 50%; }
@media (max-width: 748px) {
.c-banner7-top .swiper-slide .c-text-box { padding: 1.5rem 0; width: 100%; }
}
.c-banner7-top .swiper-slide .c-text-box .c-num { position: absolute; top: 50%; left: 50%; z-index: 1; font-family: "BEBASNEUE"; font-size: 3.5rem; text-align: center; color: rgba(0, 0, 0, 0.05); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.c-banner7-top .swiper-slide .c-text-box .c-text { position: relative; z-index: 2; font-size: 0.3rem; }
@media (max-width: 1260px) {
.c-banner7-top .swiper-slide .c-text-box .c-text { font-size: 0.4rem; }
}
@media (max-width: 748px) {
.c-banner7-top .swiper-slide .c-text-box .c-text { font-size: 0.8rem; }
}
.c-banner7-bottom { text-align: center; }
.c-banner7-bottom::before { content: ""; position: absolute; top: 10px; left: 0; width: 100%; border-top: 1px solid #ddd; }
.c-banner7-bottom .swiper-slide { cursor: pointer; }
.c-banner7-bottom .c-dot { margin: 0 auto; width: 20px; height: 20px; border-radius: 50%; background: #ddd; transform: scale(0.5); -webkit-transform: scale(0.5); transition: all 0.3s; }
.c-banner7-bottom .c-num { font-family: "BEBASNEUE"; font-size: 18px; line-height: 40px; color: #999; transition: all 0.3s; }
@media (max-width: 1260px) {
.c-banner7-bottom .c-num { font-size: 14px; }
}
.c-banner7-bottom .swiper-slide-thumb-active .c-dot { background: #1262ad; transform: scale(1); -webkit-transform: scale(1); }
.c-banner7-bottom .swiper-slide-thumb-active .c-num { font-size: 30px; color: #1262ad; }
@media (max-width: 1260px) {
.c-banner7-bottom .swiper-slide-thumb-active .c-num { font-size: 20px; }
}
#c-service1-1 .c-list { display: flex; align-items: flex-start; }
#c-service1-1 .c-list li { position: relative; flex-shrink: 0; width: 10.4%; transition: all 0.5s; height: 6.8rem; overflow: hidden; }
@media (max-width: 748px) {
#c-service1-1 .c-list li { height: 8rem; }
}
#c-service1-1 .c-list li:nth-child(1) .c-text-box { background: rgba(242, 137, 137, 0.9); }
#c-service1-1 .c-list li:nth-child(2) .c-text-box { background: rgba(239, 144, 66, 0.9); }
#c-service1-1 .c-list li:nth-child(3) .c-text-box { background: rgba(246, 217, 110, 0.9); }
#c-service1-1 .c-list li:nth-child(4) .c-text-box { background: rgba(157, 201, 131, 0.9); }
#c-service1-1 .c-list li:nth-child(5) .c-text-box { background: rgba(155, 206, 217, 0.9); }
#c-service1-1 .c-list li:nth-child(6) .c-text-box { background: rgba(165, 212, 202, 0.9); }
#c-service1-1 .c-list li:nth-child(7) .c-text-box { background: rgba(149, 151, 193, 0.9); }
#c-service1-1 .c-list li img { width: 7.2rem; height: 100%; object-fit: cover; }
#c-service1-1 .c-list li .c-text-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem 0 0.6rem; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; text-align: center; color: #fff; transition: all 0.5s; }
@media (max-width: 1260px) {
#c-service1-1 .c-list li .c-text-box { padding: 0.5rem 0; }
}
#c-service1-1 .c-list li .c-text-box .c-title { width: 0.3rem; line-height: 1.1; }
@media (max-width: 972px) {
#c-service1-1 .c-list li .c-text-box .c-title { width: 0.6rem; font-size: 0.4rem; }
}
@media (max-width: 748px) {
#c-service1-1 .c-list li .c-text-box .c-title { font-size: 0.5rem; }
}
#c-service1-1 .c-list li .c-text-box .c-num { opacity: 0.5; width: 100%; font-family: "BEBASNEUE"; }
@media (max-width: 748px) {
#c-service1-1 .c-list li .c-text-box .c-num { font-size: 0.7rem; }
}
#c-service1-1 .c-list li.on { flex-grow: 1; }
#c-service1-1 .c-list li.on .c-text-box { opacity: 0; }
.c-banner8-top { margin: 0 1.4rem 40px; }
@media (max-width: 748px) {
.c-banner8-top { margin: 0 0 1.5rem; }
}
.c-banner8-top .c-title { font-size: 18px; line-height: 1; text-align: center; padding-bottom: 20px; border-bottom: 2px solid #ddd; color: #666; transition: all 0.5s; cursor: pointer; }
@media (max-width: 1580px) {
.c-banner8-top .c-title { font-size: 16px; }
}
.c-banner8-top .swiper-slide-thumb-active .c-title { color: #333; border-color: #1262ad; }
.c-banner8-bottom-wrap { position: relative; }
.c-banner8-bottom-wrap .c-prev, .c-banner8-bottom-wrap .c-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner8-bottom-wrap .c-prev.swiper-button-disabled, .c-banner8-bottom-wrap .c-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner8-bottom-wrap .c-prev { left: -100px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner8-bottom-wrap .c-prev { left: -80px; }
}
@media (max-width: 1260px) {
.c-banner8-bottom-wrap .c-prev { left: -70px; }
}
@media (max-width: 972px) {
.c-banner8-bottom-wrap .c-prev { display: none; }
}
.c-banner8-bottom-wrap .c-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner8-bottom-wrap .c-next { right: -100px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner8-bottom-wrap .c-next { right: -80px; }
}
@media (max-width: 1260px) {
.c-banner8-bottom-wrap .c-next { right: -70px; }
}
@media (max-width: 972px) {
.c-banner8-bottom-wrap .c-next { display: none; }
}
.c-banner8-bottom-wrap .c-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner8-bottom .swiper-slide { display: flex; align-items: center; flex-wrap: wrap; background: #f8f8f8; }
.c-banner8-bottom .swiper-slide .c-img-box { width: 61%; height: 5.6rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner8-bottom .swiper-slide .c-img-box { height: 6.6rem; }
}
@media (max-width: 748px) {
.c-banner8-bottom .swiper-slide .c-img-box { height: 11rem; width: 100%; }
}
.c-banner8-bottom .swiper-slide .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner8-bottom .swiper-slide .c-text-box { margin-top: -1.5rem; width: 39%; padding: 0.6rem; }
@media (max-width: 748px) {
.c-banner8-bottom .swiper-slide .c-text-box { width: 100%; margin-top: 0; padding: 1.5rem; }
}
.c-banner8-bottom .swiper-slide .c-text-box .c-text { margin-top: 20px; color: #666; }
@media (max-width: 748px) {
.c-banner8-bottom .swiper-slide .c-text-box .c-text { margin-top: 0.5rem; }
}
.c-banner8-bottom .swiper-slide .c-text-box .c-num { position: absolute; bottom: -0.8rem; font-family: "BEBASNEUE"; font-size: 2.5rem; line-height: 1; color: rgba(102, 102, 102, 0.05); }
#c-service1-3 { background: #f8f8f8; }
#c-service1-3 .c-box-wrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
#c-service1-3 .c-box-wrap .c-list { width: 45.7%; }
@media (max-width: 972px) {
#c-service1-3 .c-box-wrap .c-list { width: 100%; }
}
#c-service1-3 .c-box-wrap .c-list li { padding: 25px 40px; border-bottom: 1px solid #ddd; }
@media (max-width: 748px) {
#c-service1-3 .c-box-wrap .c-list li { padding: 1rem 0 1rem 40px; }
}
#c-service1-3 .c-box-wrap .c-list li:first-child { padding-top: 0; }
#c-service1-3 .c-box-wrap .c-list li:last-child { padding-bottom: 0; border: 0; }
#c-service1-3 .c-box-wrap .c-list li .c-title { margin-left: -40px; padding-left: 40px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt4.png) no-repeat left center / auto 18px; }
#c-service1-3 .c-box-wrap .c-list li .c-text { color: #999; line-height: 1.8; }
#c-service1-3 .c-box-wrap .c-img-box { width: 48.5%; height: 8.1rem; overflow: hidden; }
@media (max-width: 972px) {
#c-service1-3 .c-box-wrap .c-img-box { padding-top: 25px; width: 100%; height: 18rem; }
}
@media (max-width: 972px) {
#c-service1-3 .c-box-wrap .c-img-box { padding-top: 1rem; }
}
#c-service1-3 .c-box-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-service1-4 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-service1-4 .c-list { margin: 0 -0.15rem -1rem; }
}
#c-service1-4 .c-list li { padding: 0 0.15rem 0.3rem; width: 50%; }
@media (max-width: 748px) {
#c-service1-4 .c-list li { padding: 0 0.15rem 1rem; width: 100%; }
}
#c-service1-4 .c-list li .c-wrap { background: #f8f8f8; display: flex; align-items: center; flex-wrap: wrap; }
#c-service1-4 .c-list li .c-wrap .c-img-box { width: 50%; height: 2.5rem; overflow: hidden; }
@media (max-width: 972px) {
#c-service1-4 .c-list li .c-wrap .c-img-box { width: 100%; height: 6rem; }
}
@media (max-width: 748px) {
#c-service1-4 .c-list li .c-wrap .c-img-box { height: 10rem; }
}
#c-service1-4 .c-list li .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-service1-4 .c-list li .c-wrap .c-text-box { padding: 0.4rem; width: 50%; }
@media (max-width: 972px) {
#c-service1-4 .c-list li .c-wrap .c-text-box { width: 100%; }
}
@media (max-width: 748px) {
#c-service1-4 .c-list li .c-wrap .c-text-box { padding: 1.5rem; }
}
#c-service1-4 .c-list li .c-wrap .c-text-box .c-text { margin-top: 10px; color: #666; line-height: 1.8; }
#c-culture .c-list li { display: flex; align-items: center; flex-wrap: wrap; }
#c-culture .c-list li .c-text-box { width: 50%; padding: 0.8rem 2.6rem 0.8rem 0.8rem; line-height: 1.8; }
@media (max-width: 1580px) {
#c-culture .c-list li .c-text-box { padding: 0.8rem 1.6rem 0.8rem 0.8rem; }
}
@media (max-width: 972px) {
#c-culture .c-list li .c-text-box { width: 100%; padding: 1rem 1rem 3rem; }
}
#c-culture .c-list li .c-text-box .c-subtitle { margin: 10px 0 0.5rem; color: #1262ad; }
@media (max-width: 748px) {
#c-culture .c-list li .c-text-box .c-font24 { font-size: 0.9rem; }
}
#c-culture .c-list li .c-img-box { width: 50%; height: 8rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-culture .c-list li .c-img-box { height: 9rem; }
}
@media (max-width: 972px) {
#c-culture .c-list li .c-img-box { height: 14rem; width: 100%; }
}
#c-culture .c-list li .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-culture .c-list li:nth-child(odd) { flex-direction: row-reverse; }
#c-culture .c-list li:nth-child(odd) .c-text-box { padding: 0.8rem 0.8rem 0.8rem 2.6rem; }
@media (max-width: 1580px) {
#c-culture .c-list li:nth-child(odd) .c-text-box { padding: 0.8rem 0.8rem 0.8rem 1.6rem; }
}
@media (max-width: 972px) {
#c-culture .c-list li:nth-child(odd) .c-text-box { padding: 1rem 1rem 3rem; }
}
#c-responsibility1-1 .c-list1 { margin: 0.7rem 0 1rem; display: flex; align-items: flex-start; justify-content: center; }
@media (max-width: 748px) {
#c-responsibility1-1 .c-list1 { margin: 1.5rem 0; }
}
#c-responsibility1-1 .c-list1 a { display: flex; align-items: center; margin: 0 0.3rem; cursor: pointer; transition: all 0.5s; color: #333; }
@media (max-width: 748px) {
#c-responsibility1-1 .c-list1 a { margin: 0 0.5rem; }
}
#c-responsibility1-1 .c-list1 a img { margin-right: 10px; height: 26px; }
#c-responsibility1-1 .c-list1 a img:nth-child(2) { display: none; }
#c-responsibility1-1 .c-list1 a span { white-space: nowrap; }
#c-responsibility1-1 .c-list1 a:hover { color: #1262ad; }
#c-responsibility1-1 .c-list1 a:hover img { height: 26px; display: none; }
#c-responsibility1-1 .c-list1 a:hover img:nth-child(2) { display: inline-block; }
#c-responsibility1-1 .c-list2 { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-responsibility1-1 .c-list2 { margin: 0 -0.15rem -1rem; }
}
#c-responsibility1-1 .c-list2 li { width: 50%; padding: 0 0.15rem 0.3rem; }
@media (max-width: 748px) {
#c-responsibility1-1 .c-list2 li { padding: 0 0.15rem 1rem; width: 100%; }
}
#c-responsibility1-1 .c-list2 li .c-wrap { position: relative; height: 3.5rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-responsibility1-1 .c-list2 li .c-wrap { height: 4.5rem; }
}
@media (max-width: 748px) {
#c-responsibility1-1 .c-list2 li .c-wrap { height: 10rem; }
}
#c-responsibility1-1 .c-list2 li .c-wrap img { width: 100%; height: 100%; object-fit: cover; }
#c-responsibility1-1 .c-list2 li .c-wrap .c-text-box { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3rem; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; transition: all 0.5s; }
@media (max-width: 748px) {
#c-responsibility1-1 .c-list2 li .c-wrap .c-text-box { padding: 0.5rem; }
}
#c-responsibility1-1 .c-list2 li .c-wrap .c-text-box .c-text { display: none; padding-top: 10px; }
@media (max-width: 748px) {
#c-responsibility1-1 .c-list2 li .c-wrap .c-text-box .c-text { padding-top: 0; }
}
#c-responsibility1-1 .c-list2 li .c-wrap:hover .c-text-box { background: rgba(233, 161, 113, 0.9); }
#c-responsibility1-2 { position: relative; }
#c-responsibility1-2::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
#c-responsibility1-2 > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#c-responsibility1-2 .c-container { z-index: 3; }
#c-responsibility1-2 .c-common-title { color: #fff; }
#c-responsibility1-2 .c-common-title .c-en-title { color: #fff; opacity: 0.2; }
#c-responsibility1-2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list { margin: 0 -0.15rem -1rem; }
}
#c-responsibility1-2 .c-list li { width: 33.333333%; padding: 0 0.15rem 0.3rem; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list li { padding: 0 0.15rem 1rem; width: 100%; }
}
#c-responsibility1-2 .c-list li .c-wrap { padding: 0.8rem; display: flex; align-items: center; justify-content: center; text-align: center; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/shzr2-bj.png) no-repeat bottom center / 0 auto; transition: all 0.5s; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list li .c-wrap { padding: 2rem; -webkit-transform: translateY(-10px); transform: translateY(-10px); color: #fff; background-color: #1262ad; background-size: 100% auto; }
}
#c-responsibility1-2 .c-list li .c-wrap .c-ico img { height: 60px; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list li .c-wrap .c-ico img { display: none; }
}
#c-responsibility1-2 .c-list li .c-wrap .c-ico img:nth-child(2) { display: none; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list li .c-wrap .c-ico img:nth-child(2) { display: inline-block; }
}
#c-responsibility1-2 .c-list li .c-wrap .c-title { margin: 30px 0 10px; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list li .c-wrap .c-title { margin: 1rem 0 0.5rem; }
}
#c-responsibility1-2 .c-list li .c-wrap .c-text { color: #666; transition: all 0.5s; }
@media (max-width: 748px) {
#c-responsibility1-2 .c-list li .c-wrap .c-text { color: #fff; }
}
#c-responsibility1-2 .c-list li .c-wrap:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); color: #fff; background-color: #1262ad; background-size: 100% auto; }
#c-responsibility1-2 .c-list li .c-wrap:hover .c-text { color: #fff; }
#c-responsibility1-2 .c-list li .c-wrap:hover .c-ico img { display: none; }
#c-responsibility1-2 .c-list li .c-wrap:hover .c-ico img:nth-child(2) { display: inline-block; }
#c-responsibility1-3 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem 0.3rem; }
@media (max-width: 748px) {
#c-responsibility1-3 .c-list { margin: 0 -0.15rem 0rem; }
}
#c-responsibility1-3 .c-list li { width: 33.333333%; padding: 0 0.15rem 0.3rem; }
@media (max-width: 748px) {
#c-responsibility1-3 .c-list li { width: 100%; padding: 0 0.15rem 1.5rem; }
}
#c-responsibility1-3 .c-list li .c-wrap { display: block; color: #333; }
#c-responsibility1-3 .c-list li .c-wrap .c-img-box { height: 2.8rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-responsibility1-3 .c-list li .c-wrap .c-img-box { height: 3.8rem; }
}
@media (max-width: 748px) {
#c-responsibility1-3 .c-list li .c-wrap .c-img-box { height: 10rem; }
}
#c-responsibility1-3 .c-list li .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
#c-responsibility1-3 .c-list li .c-wrap .c-text-box .c-title { margin: 20px 0 50px; height: 60px; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
@media (max-width: 1580px) {
#c-responsibility1-3 .c-list li .c-wrap .c-text-box .c-title { margin: 20px 0 30px; height: 52px; font-size: 16px; line-height: 26px; }
}
@media (max-width: 748px) {
#c-responsibility1-3 .c-list li .c-wrap .c-text-box .c-title { margin: 0.5rem 0; }
}
#c-responsibility1-3 .c-list li .c-wrap .c-text-box .c-more { position: relative; display: flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #666; transition: all 0.5s; }
#c-responsibility1-3 .c-list li .c-wrap .c-text-box .c-more::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; border-bottom: 1px solid #1262ad; transition: all 0.5s; }
#c-responsibility1-3 .c-list li .c-wrap .c-text-box .c-more i { margin-left: 10px; width: 14px; height: 14px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt5.png) no-repeat center / 100% auto; }
#c-responsibility1-3 .c-list li .c-wrap:hover .c-img-box img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
#c-responsibility1-3 .c-list li .c-wrap:hover .c-text-box .c-more { color: #1262ad; }
#c-responsibility1-3 .c-list li .c-wrap:hover .c-text-box .c-more::before { width: 100%; }
#c-responsibility1-3 .c-list li .c-wrap:hover .c-text-box .c-more i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt3.png); }
#c-honor1-1 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/ry1-bj1.jpg) no-repeat bottom center / cover; }
.c-banner9 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/ry1-bj2.png) no-repeat center / 5.3rem auto; }
@media (max-width: 748px) {
.c-banner9 { background-size: 10rem auto; }
}
.c-banner9 .c-wrap { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0.2rem; min-height: 4rem; font-size: 18px; color: #999; transition: all 0.5s; }
@media (max-width: 1260px) {
.c-banner9 .c-wrap { font-size: 16px; }
}
@media (max-width: 748px) {
.c-banner9 .c-wrap { min-height: 8rem; padding: 1rem; }
}
.c-banner9 .swiper-slide-active .c-wrap { font-size: 0.44rem; color: #333; }
@media (max-width: 748px) {
.c-banner9 .swiper-slide-active .c-wrap { font-size: 1rem; }
}
@media (max-width: 748px) {
.c-banner9 .swiper-slide-active .c-wrap { font-size: 0.9rem; }
}
.c-banner9 .swiper-slide-active .c-wrap .c-t2 { color: #1262ad; }
.c-banner9 .swiper-button-prev, .c-banner9 .swiper-button-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner9 .swiper-button-prev.swiper-button-disabled, .c-banner9 .swiper-button-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner9 .swiper-button-prev { left: 5rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 972px) {
.c-banner9 .swiper-button-prev { display: none; }
}
.c-banner9 .swiper-button-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner9 .swiper-button-next { right: 5rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 972px) {
.c-banner9 .swiper-button-next { display: none; }
}
.c-banner9 .swiper-button-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner10 { padding-bottom: 10px; }
.c-banner10 .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.c-banner10 .swiper-slide { padding: 0 0.2rem; }
@media (max-width: 748px) {
.c-banner10 .swiper-slide { padding: 0 0.5rem; }
}
.c-banner10 .c-wrap { background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.c-banner10 .c-wrap .c-img-box { height: 2.82rem; overflow: hidden; }
@media (max-width: 1260px) {
.c-banner10 .c-wrap .c-img-box { height: 3.82rem; }
}
@media (max-width: 1260px) {
.c-banner10 .c-wrap .c-img-box { height: 5rem; }
}
@media (max-width: 748px) {
.c-banner10 .c-wrap .c-img-box { height: 10rem; }
}
.c-banner10 .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner10 .c-wrap .c-text-box { padding: 25px 30px; }
@media (max-width: 748px) {
.c-banner10 .c-wrap .c-text-box { padding: 1rem; }
}
.c-banner10 .c-wrap .c-text-box .c-text { position: relative; display: inline-block; padding: 0 15px; font-size: 14px; line-height: 24px; }
.c-banner10 .c-wrap .c-text-box .c-text i { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.1; }
.c-banner10 .c-wrap .c-text-box .c-title { position: relative; z-index: 2; margin-top: 15px; font-size: 18px; line-height: 28px; color: #333; }
@media (max-width: 1580px) {
.c-banner10 .c-wrap .c-text-box .c-title { font-size: 16px; line-height: 26px; }
}
@media (max-width: 748px) {
.c-banner10 .c-wrap .c-text-box .c-title { margin-top: 0.5rem; }
}
#c-tianhong1-1 .c-list li { position: relative; height: 6rem; margin-bottom: 0.4rem; }
#c-tianhong1-1 .c-list li:last-child { margin-bottom: 0; }
@media (max-width: 1580px) {
#c-tianhong1-1 .c-list li { height: 8rem; }
}
@media (max-width: 972px) {
#c-tianhong1-1 .c-list li { height: 12rem; }
}
@media (max-width: 748px) {
#c-tianhong1-1 .c-list li { margin-bottom: 1rem; height: auto; }
}
#c-tianhong1-1 .c-list li .c-img-box { width: 100%; height: 100%; }
@media (max-width: 748px) {
#c-tianhong1-1 .c-list li .c-img-box { height: 8rem; }
}
#c-tianhong1-1 .c-list li .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-tianhong1-1 .c-list li .c-text-box { position: absolute; top: 50%; left: -20px; z-index: 2; padding: 0.8rem; width: 6rem; background-color: #f5f5f5; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 1260px) {
#c-tianhong1-1 .c-list li .c-text-box { width: 8rem; }
}
@media (max-width: 748px) {
#c-tianhong1-1 .c-list li .c-text-box { position: relative; top: 0; left: 0 !important; right: 0 !important; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); }
}
#c-tianhong1-1 .c-list li .c-text-box .c-title { color: #1262ad; }
#c-tianhong1-1 .c-list li .c-text-box .c-text { margin-top: 0.2rem; line-height: 1.8; color: #666; }
#c-tianhong1-1 .c-list li:nth-child(odd) .c-text-box { left: auto; right: -20px; }
#c-tianhong1-2 { background: #f5f6f8 url(https://www.rainbow.cn/public/static/modules/cms/images/rzth1-bj.jpg) no-repeat center / cover; }
.c-banner11-wrap { position: relative; }
.c-banner11-wrap .c-prev, .c-banner11-wrap .c-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner11-wrap .c-prev.swiper-button-disabled, .c-banner11-wrap .c-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner11-wrap .c-prev { left: -100px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner11-wrap .c-prev { left: -80px; }
}
@media (max-width: 1260px) {
.c-banner11-wrap .c-prev { left: -70px; }
}
@media (max-width: 972px) {
.c-banner11-wrap .c-prev { display: none; }
}
.c-banner11-wrap .c-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner11-wrap .c-next { right: -100px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner11-wrap .c-next { right: -80px; }
}
@media (max-width: 1260px) {
.c-banner11-wrap .c-next { right: -70px; }
}
@media (max-width: 972px) {
.c-banner11-wrap .c-next { display: none; }
}
.c-banner11-wrap .c-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner11 .c-wrap { color: #333; border: 5px solid #1262ad; padding: 0.9rem 0.4rem; transition: all 0.5s; text-align: center; }
@media (max-width: 748px) {
.c-banner11 .c-wrap { padding: 1.5rem; }
}
.c-banner11 .c-wrap .c-ico img { height: 60px; }
.c-banner11 .c-wrap .c-ico img:nth-child(2) { display: none; }
.c-banner11 .c-wrap .c-text-box .c-title { margin: 0.7rem 0 0.2rem; }
@media (max-width: 748px) {
.c-banner11 .c-wrap .c-text-box .c-title { margin: 1rem 0 0.5rem; }
}
.c-banner11 .c-wrap .c-text-box .c-text { line-height: 1.8; }
.c-banner11 .c-wrap:hover { color: #fff; background: #1262ad; }
.c-banner11 .c-wrap:hover .c-ico img { display: none; }
.c-banner11 .c-wrap:hover .c-ico img:nth-child(2) { display: inline-block; }
#c-tianhong1-3 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; }
#c-tianhong1-3 .c-list li { position: relative; width: 65.625%; height: 3.4rem; overflow: hidden; }
#c-tianhong1-3 .c-list li:nth-child(4n-1), #c-tianhong1-3 .c-list li:nth-child(4n-2) { width: 34.375%; }
#c-tianhong1-3 .c-list li img { width: 100%; height: 100%; object-fit: cover; }
#c-tianhong1-3 .c-list li .c-mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.7; transition: all 0.5s; }
#c-tianhong1-3 .c-list li .c-text-box { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; padding: 0.6rem 1rem; color: #fff; }
@media (max-width: 748px) {
#c-tianhong1-3 .c-list li .c-text-box { padding: 1rem; }
}
@media (max-width: 748px) {
#c-tianhong1-3 .c-list li .c-text-box .c-title { font-size: 0.8rem; }
}
#c-tianhong1-3 .c-list li .c-text-box .c-text { opacity: 0; margin-top: 0.2rem; max-width: 720px; height: 90px; line-height: 30px; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
#c-tianhong1-3 .c-list li:hover .c-mask { opacity: 1; }
#c-tianhong1-3 .c-list li:hover .c-text-box .c-text { opacity: 1; }
@media (max-width: 1260px) {
#c-tianhong1-3 .c-list li:hover .c-text-box .c-text { opacity: 0; }
}
.c-banner12 .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.c-banner12 .c-wrap { position: relative; height: 4.8rem; overflow: hidden; }
@media (max-width: 748px) {
.c-banner12 .c-wrap { height: 8rem; }
}
.c-banner12 .c-wrap img { width: 100%; height: 100%; object-fit: cover; }
.c-banner12 .c-wrap .c-title { opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.35rem; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); transition: all 0.5s; }
@media (max-width: 1260px) {
.c-banner12 .c-wrap .c-title { opacity: 1; }
}
@media (max-width: 748px) {
.c-banner12 .c-wrap .c-title { padding: 0.5rem; font-size: 0.8rem; }
}
.c-banner12 .c-wrap:hover .c-title { opacity: 1; }
.c-banner13 .c-wrap { position: relative; display: flex; align-items: flex-start; flex-wrap: wrap; }
.c-banner13 .c-wrap .c-img-box { position: relative; height: 4.3rem; width: 50%; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner13 .c-wrap .c-img-box { height: 5.3rem; }
}
@media (max-width: 748px) {
.c-banner13 .c-wrap .c-img-box { width: 100%; height: 12rem; }
}
.c-banner13 .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner13 .c-wrap .c-img-box .c-play { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); cursor: pointer; }
.c-banner13 .c-wrap .c-img-box .c-play div { width: 100px; height: 100px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/play.png) no-repeat center / 100%; transition: all 0.5s; }
@media (max-width: 748px) {
.c-banner13 .c-wrap .c-img-box .c-play div { width: 60px; height: 60px; }
}
.c-banner13 .c-wrap .c-img-box .c-play div:hover { transform: scale(0.8); -webkit-transform: scale(0.8); }
.c-banner13 .c-wrap .c-text-box { width: 50%; padding: 1rem 0 1rem 0.8rem; }
@media (max-width: 1260px) {
.c-banner13 .c-wrap .c-text-box { padding: 0.4rem 0 30px 0.8rem; }
}
@media (max-width: 748px) {
.c-banner13 .c-wrap .c-text-box { width: 100%; padding: 1rem 0 40px; }
}
.c-banner13 .c-wrap .c-text-box .c-title { position: relative; }
.c-banner13 .c-wrap .c-text-box .c-title::before { content: ""; position: absolute; top: -0.4rem; left: -1.15rem; width: 0.7rem; height: 0.7rem; background: url(https://www.rainbow.cn/public/static/modules/cms/images/dh.png) no-repeat center / 100%; }
@media (max-width: 748px) {
.c-banner13 .c-wrap .c-text-box .c-title::before { display: none; }
}
.c-banner13 .c-wrap .c-text-box .c-text { margin-top: 0.2rem; color: #666; line-height: 30px; }
.c-banner13 .swiper-pagination { left: 55.7143%; bottom: 1rem; text-align: left; }
@media (max-width: 1260px) {
.c-banner13 .swiper-pagination { bottom: 0; }
}
@media (max-width: 748px) {
.c-banner13 .swiper-pagination { left: 0; }
}
.c-banner13 .swiper-pagination .swiper-pagination-bullet { margin: 0 0.35rem 0 0; width: auto; height: auto; background: transparent; opacity: 1; font-family: "BEBASNEUE"; font-size: 20px; color: #999; }
.c-banner13 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #1262ad; }
/* è§é¢å¼¹ç */
#hi-video-pop { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#hi-video-pop * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#hi-video-pop .hi-close { position: fixed; top: 86%; left: 50%; margin-left: -25px; width: 50px; height: 50px; color: #fff; background: #fff; border-radius: 50%; transition: 0.5s; cursor: pointer; }
#hi-video-pop .hi-close:after, #hi-video-pop .hi-close:before { content: ""; position: absolute; bottom: 24px; left: 10px; width: 30px; height: 2px; background: #333; transition: 0.5s; }
#hi-video-pop .hi-close:hover { background: #1262ad; }
#hi-video-pop .hi-close:hover:after, #hi-video-pop .hi-close:hover:before { background: #fff; }
#hi-video-pop .hi-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#hi-video-pop .hi-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#hi-video-pop video { position: fixed; left: 50%; top: 50%; max-width: 90%; max-height: 70%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#c-college1-1 { background: #f5f5f5 url(https://www.rainbow.cn/public/static/modules/cms/images/sxy1-bj.png) no-repeat right bottom / 8.574rem auto; }
#c-college1-1 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; background: #fff; }
#c-college1-1 .c-list li { width: 25%; }
@media (max-width: 748px) {
#c-college1-1 .c-list li { width: 50%; }
}
#c-college1-1 .c-list li div { position: relative; margin: 0.6rem 0; padding: 0 0.3rem; text-align: center; }
@media (max-width: 748px) {
#c-college1-1 .c-list li div { margin: 1rem 0; padding: 0 1rem; }
}
#c-college1-1 .c-list li div::before { content: ""; position: absolute; top: 0; right: 0; height: 100%; border-left: 1px solid #ddd; }
#c-college1-1 .c-list li div img { margin-bottom: 0.25rem; height: 60px; }
@media (max-width: 748px) {
#c-college1-1 .c-list li div img { margin-bottom: 0.5rem; height: 50px; }
}
@media (max-width: 748px) {
#c-college1-1 .c-list li div .c-title { font-size: 0.8rem; }
}
#c-college1-1 .c-list li:last-child div::before { display: none; }
@media (max-width: 748px) {
#c-college1-1 .c-list li:nth-child(even) div::before { display: none; }
}
.c-common-box2 .c-note { margin-bottom: 1rem; padding: 0 2rem; font-size: 18px; line-height: 1.8; text-align: center; }
@media (max-width: 972px) {
.c-common-box2 .c-note { padding: 0; }
}
@media (max-width: 748px) {
.c-common-box2 .c-note { margin: 0 0 1.5rem; font-size: 16px; }
}
.c-common-box2 .c-list { margin-bottom: -0.6rem; }
@media (max-width: 972px) {
.c-common-box2 .c-list { margin-bottom: -1rem; }
}
@media (max-width: 748px) {
.c-common-box2 .c-list { margin-bottom: -2rem; }
}
.c-common-box2 .c-list li { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 0.6rem; }
@media (max-width: 972px) {
.c-common-box2 .c-list li { margin-bottom: 1rem; }
}
@media (max-width: 748px) {
.c-common-box2 .c-list li { margin-bottom: 2rem; }
}
.c-common-box2 .c-list li .c-img-box { width: 50%; height: 5rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-common-box2 .c-list li .c-img-box { height: 6rem; }
}
@media (max-width: 972px) {
.c-common-box2 .c-list li .c-img-box { width: 100%; height: 12rem; }
}
.c-common-box2 .c-list li .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-common-box2 .c-list li .c-text-box { width: 50%; padding-left: 0.6rem; }
@media (max-width: 972px) {
.c-common-box2 .c-list li .c-text-box { padding: 0.4rem 0 0 !important; width: 100%; }
}
@media (max-width: 748px) {
.c-common-box2 .c-list li .c-text-box { padding: 0.5rem 0 0 !important; }
}
.c-common-box2 .c-list li .c-text-box .c-box { margin-top: 0.3rem; display: flex; align-items: flex-start; color: #666; line-height: 30px; }
.c-common-box2 .c-list li .c-text-box .c-box .c-num { flex-shrink: 0; font-family: "Arial"; width: 20px; border-bottom: 1px solid #666; font-size: 18px; }
.c-common-box2 .c-list li .c-text-box .c-box .c-text { padding-left: 0.4rem; flex-grow: 1; flex-shrink: 1; }
@media (max-width: 748px) {
.c-common-box2 .c-list li .c-text-box .c-box .c-text { padding-left: 0.5rem; }
}
.c-common-box2 .c-list li .c-text-box .c-common-btn1 { margin: 0.6rem 0 0; }
@media (max-width: 748px) {
.c-common-box2 .c-list li .c-text-box .c-common-btn1 { margin-top: 0.5rem; }
}
.c-common-box2 .c-list li:nth-child(even) { flex-direction: row-reverse; }
.c-common-box2 .c-list li:nth-child(even) .c-text-box { padding: 0 0.6rem 0 0; }
#c-news1-1 { background: url(https://www.rainbow.cn/public/static/modules/cms/images/xw1-bj.jpg) repeat; }
.c-banner14 { margin-top: 0.7rem; }
.c-banner14::before { content: ""; position: absolute; top: 0; right: 0; width: 90px; height: 90px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/xw1-ico1.png) no-repeat center / 100%; }
@media (max-width: 748px) {
.c-banner14::before { display: none; }
}
.c-banner14::after { content: ""; position: absolute; bottom: 0; right: 0; width: 90px; height: 90px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/xw1-ico2.png) no-repeat center / 100%; }
@media (max-width: 748px) {
.c-banner14::after { display: none; }
}
.c-banner14 .c-wrap { display: flex; align-items: center; flex-wrap: wrap; }
@media (max-width: 748px) {
.c-banner14 .c-wrap { padding-bottom: 1.5rem; }
}
.c-banner14 .c-wrap .c-img-box { position: relative; z-index: 1; display: inline-block; width: 68.5%; height: 6.14rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner14 .c-wrap .c-img-box { height: 7.14rem; }
}
@media (max-width: 748px) {
.c-banner14 .c-wrap .c-img-box { width: 100%; height: 10rem; }
}
.c-banner14 .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.c-banner14 .c-wrap .c-img-box:hover img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); }
.c-banner14 .c-wrap .c-text-box { position: relative; z-index: 2; padding: 0.7rem; margin-left: -1.92rem; width: 45%; background: rgba(255, 255, 255, 0.95); color: #333; }
@media (max-width: 1580px) {
.c-banner14 .c-wrap .c-text-box { margin-left: -2.2rem; }
}
@media (max-width: 972px) {
.c-banner14 .c-wrap .c-text-box { margin-left: -2.4rem; }
}
@media (max-width: 748px) {
.c-banner14 .c-wrap .c-text-box { padding: 1rem; margin-left: 0; width: 100%; }
}
.c-banner14 .c-wrap .c-text-box .c-time { color: #999; }
.c-banner14 .c-wrap .c-text-box .c-title { height: 0.34rem; line-height: 0.34rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; color: #333; transition: all 0.5s; }
.c-banner14 .c-wrap .c-text-box .c-title:hover { color: #1262ad; }
@media (max-width: 1260px) {
.c-banner14 .c-wrap .c-text-box .c-title { height: 0.46rem; line-height: 0.46rem; }
}
@media (max-width: 972px) {
.c-banner14 .c-wrap .c-text-box .c-title { height: 0.56rem; line-height: 0.66rem; }
}
@media (max-width: 748px) {
.c-banner14 .c-wrap .c-text-box .c-title { height: 1.5rem; line-height: 1.5rem; }
}
.c-banner14 .c-wrap .c-text-box .c-text { margin: 0.3rem 0 0.7rem; color: #666; height: 90px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
@media (max-width: 748px) {
.c-banner14 .c-wrap .c-text-box .c-text { margin: 0.5rem 0; }
}
.c-banner14 .c-wrap .c-text-box .c-more { display: inline-block; padding-bottom: 0.6rem; color: #1262ad; }
.c-banner14 .c-wrap .c-text-box .c-more:hover { text-decoration: underline; }
.c-banner14 .swiper-pagination { left: 60%; bottom: 1.3rem; text-align: left; }
@media (max-width: 1580px) {
.c-banner14 .swiper-pagination { left: 59.2%; bottom: 1.5rem; }
}
@media (max-width: 1260px) {
.c-banner14 .swiper-pagination { bottom: 1.2rem; }
}
@media (max-width: 972px) {
.c-banner14 .swiper-pagination { bottom: 0.8rem; }
}
@media (max-width: 748px) {
.c-banner14 .swiper-pagination { left: 0; bottom: 0; text-align: center; }
}
.c-banner14 .swiper-pagination .swiper-pagination-bullet { vertical-align: bottom; border-radius: 0; width: 20px; height: 3px; background: #ddd; opacity: 1; margin: 0 20px 0 0; }
.c-banner14 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 60px; background: #1262ad; }
@media (max-width: 748px) {
.c-banner14 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 40px; }
}
#c-news1-2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem 0.2rem; }
@media (max-width: 748px) {
#c-news1-2 .c-list { margin: 0 -0.15rem 0rem; }
}
#c-news1-2 .c-list li { width: 33.333333%; padding: 0 0.15rem 0.6rem; }
@media (max-width: 748px) {
#c-news1-2 .c-list li { width: 100%; padding: 0 0.15rem 1.5rem; }
}
#c-news1-2 .c-list li .c-wrap { display: block; color: #333; }
#c-news1-2 .c-list li .c-wrap .c-img-box { height: 2.8rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-news1-2 .c-list li .c-wrap .c-img-box { height: 3.8rem; }
}
@media (max-width: 748px) {
#c-news1-2 .c-list li .c-wrap .c-img-box { height: 10rem; }
}
#c-news1-2 .c-list li .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
#c-news1-2 .c-list li .c-wrap .c-text-box .c-time { margin-top: 20px; color: #999; }
@media (max-width: 748px) {
#c-news1-2 .c-list li .c-wrap .c-text-box .c-time { margin-top: 0.5rem; }
}
#c-news1-2 .c-list li .c-wrap .c-text-box .c-title { margin: 10px 0 50px; height: 60px; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
@media (max-width: 1580px) {
#c-news1-2 .c-list li .c-wrap .c-text-box .c-title { margin: 10px 0 30px; height: 52px; font-size: 16px; line-height: 26px; }
}
@media (max-width: 748px) {
#c-news1-2 .c-list li .c-wrap .c-text-box .c-title { margin: 0.5rem 0; }
}
#c-news1-2 .c-list li .c-wrap .c-text-box .c-more { position: relative; display: flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #666; transition: all 0.5s; }
#c-news1-2 .c-list li .c-wrap .c-text-box .c-more::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; border-bottom: 1px solid #1262ad; transition: all 0.5s; }
#c-news1-2 .c-list li .c-wrap .c-text-box .c-more i { margin-left: 10px; width: 14px; height: 14px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt5.png) no-repeat center / 100% auto; }
#c-news1-2 .c-list li .c-wrap:hover .c-img-box img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
#c-news1-2 .c-list li .c-wrap:hover .c-text-box .c-more { color: #1262ad; }
#c-news1-2 .c-list li .c-wrap:hover .c-text-box .c-more::before { width: 100%; }
#c-news1-2 .c-list li .c-wrap:hover .c-text-box .c-more i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt3.png); }
#c-common-info { background: #f8f8f8; }
#c-common-info .c-box-wrap { position: relative; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-top: 0.7rem; }
#c-common-info .c-box-wrap .c-left { width: 68.57%; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-left { width: 100%; }
}
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-left .c-title { font-size: 1.2rem; }
}
#c-common-info .c-box-wrap .c-left .c-time-box { margin: 0.2rem 0 0.5rem; display: flex; align-items: center; flex-wrap: wrap; color: #999; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-left .c-time-box { margin: 0.5rem 0 1.5rem; }
}
#c-common-info .c-box-wrap .c-left .c-time-box .c-time { padding-right: 20px; }
#c-common-info .c-box-wrap .c-left .c-time-box .bshare-custom { display: flex; align-items: center; }
#c-common-info .c-box-wrap .c-left .c-time-box .bshare-custom span { font-size: 16px; }
@media (max-width: 1580px) {
#c-common-info .c-box-wrap .c-left .c-time-box .bshare-custom span { font-size: 14px; }
}
#c-common-info .c-box-wrap .c-left .c-text-box { margin-bottom: 0.5rem; padding: 0.5rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 1.8; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-left .c-text-box { margin-bottom: 1.5rem; padding: 1.5rem 0; }
}
#c-common-info .c-box-wrap .c-left .c-text-box img { max-width: 100%; height: auto !important; }
#c-common-info .c-box-wrap .c-left .c-link-box { display: flex; align-items: center; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-lt { flex-grow: 1; line-height: 1.8; padding-right: 40px; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-lt p:nth-child(2) { margin-top: 10px; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-lt a { color: #666; transition: all 0.5s; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-lt a:hover { color: #1262ad; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-gt { flex-shrink: 0; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-gt a { display: inline-block; padding-left: 25px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/fh-ico.png) no-repeat left center / 16px auto; color: #1262ad; }
#c-common-info .c-box-wrap .c-left .c-link-box .c-gt a:hover { text-decoration: underline; }
#c-common-info .c-box-wrap .c-right { position: sticky; top: 120px; width: 25%; }
@media (max-width: 972px) {
#c-common-info .c-box-wrap .c-right { top: 80px; }
}
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-right { padding-top: 3rem; position: relative; top: 0; width: 100%; }
}
#c-common-info .c-box-wrap .c-right .c-title { margin-bottom: 0.4rem; color: #999; line-height: 1; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-right .c-title { margin-bottom: 1rem; }
}
#c-common-info .c-box-wrap .c-right .c-list { margin-bottom: -30px; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-right .c-list { margin-bottom: -1.5rem; }
}
#c-common-info .c-box-wrap .c-right .c-list li { padding-bottom: 30px; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-right .c-list li { padding-bottom: 1.5rem; }

}
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap { display: block; }
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-img-box { height: 2.2rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-img-box { height: 2.4rem; }
}
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-img-box { height: 10rem; }
}
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-text-box .c-time { margin: 20px 0 10px; color: #999; }
@media (max-width: 748px) {
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-text-box .c-time { margin: 0.5rem 0; }
}
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap .c-text-box .c-title2 { font-size: 16px; color: #333; transition: all 0.5s; }
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap:hover .c-img-box img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
#c-common-info .c-box-wrap .c-right .c-list li .c-wrap:hover .c-text-box .c-title2 { color: #1262ad; }
#c-governance1-1 { background: #f8f8f8; }
#c-governance1-1 .c-img-box img { max-width: 100%; }
#c-governance1-2 { background: #f8f8f8; }
#c-governance1-2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; }
#c-governance1-2 .c-list > li { width: 33.333333%; background: #fff; }
@media (max-width: 972px) {
#c-governance1-2 .c-list > li { margin-bottom: 0.5rem; width: 100%; }
}
@media (max-width: 748px) {
#c-governance1-2 .c-list > li { margin-bottom: 1rem; }
}
#c-governance1-2 .c-list > li:last-child { border: 0; }
@media (max-width: 972px) {
#c-governance1-2 .c-list > li:last-child { margin-bottom: 0; }
}
#c-governance1-2 .c-list > li .c-title { font-size: 20px; line-height: 80px; color: #fff; background: #1262ad; border-right: 1px solid #fff; text-align: center; }
@media (max-width: 748px) {
#c-governance1-2 .c-list > li .c-title { font-size: 18px; line-height: 3rem; }
}
#c-governance1-2 .c-list > li .c-list2 { padding: 0.5rem; }
@media (max-width: 748px) {
#c-governance1-2 .c-list > li .c-list2 { padding: 0 1rem; }
}
#c-governance1-2 .c-list > li .c-list2 li { display: flex; align-items: flex-start; border-bottom: 1px solid #ddd; font-size: 20px; line-height: 40px; }
@media (max-width: 1580px) {
#c-governance1-2 .c-list > li .c-list2 li { font-size: 18px; line-height: 2; }
}
@media (max-width: 1260px) {
#c-governance1-2 .c-list > li .c-list2 li { font-size: 16px; }
}
@media (max-width: 748px) {
#c-governance1-2 .c-list > li .c-list2 li { font-size: 14px; }
}
#c-governance1-2 .c-list > li .c-list2 li:last-child { border: 0; }
#c-governance1-2 .c-list > li .c-list2 li > div { width: 50%; padding: 0.4rem; }
@media (max-width: 1580px) {
#c-governance1-2 .c-list > li .c-list2 li > div { padding: 0.2rem; }
}
@media (max-width: 748px) {
#c-governance1-2 .c-list > li .c-list2 li > div { padding: 1rem; }
}
#c-governance1-2 .c-list > li .c-list2 li .c-t1 { color: #1262ad; }
#c-governance1-2 .c-list > li .c-list2 li .c-t2 { font-size: 18px; }
@media (max-width: 1260px) {
#c-governance1-2 .c-list > li .c-list2 li .c-t2 { font-size: 16px; }
}
@media (max-width: 748px) {
#c-governance1-2 .c-list > li .c-list2 li .c-t2 { font-size: 14px; }
}
#c-governance1-3 .c-page { padding-top: 0.8rem; }
@media (max-width: 748px) {
#c-governance1-3 .c-page { padding-top: 1.5rem; }
}
#c-governance1-3 .c-item { margin-bottom: 1.4rem; }
@media (max-width: 748px) {
#c-governance1-3 .c-item { margin-bottom: 2rem; }
}
#c-governance1-3 .c-item:last-child { margin-bottom: 0; }
#c-governance1-3 .c-list { border-top: 1px solid #ddd; }
#c-governance1-3 .c-list li { display: flex; align-items: center; border-bottom: 1px solid #ddd; transition: all 0.5s; min-height: 1rem; }
#c-governance1-3 .c-list li:hover { background: #fdf5f1; }
#c-governance1-3 .c-list li .c-title { padding: 0.2rem; width: 60%; font-size: 18px; }
@media (max-width: 1260px) {
#c-governance1-3 .c-list li .c-title { font-size: 16px; }
}
@media (max-width: 748px) {
#c-governance1-3 .c-list li .c-title { width: auto; flex-grow: 1; padding: 1rem; font-size: 14px; }
}
#c-governance1-3 .c-list li .c-title a { color: #333; transition: all 0.5s; }
#c-governance1-3 .c-list li .c-title a:hover { color: #1262ad; }
#c-governance1-3 .c-list li .c-time { padding: 0.2rem 0; width: 25%; color: #666; }
@media (max-width: 748px) {
#c-governance1-3 .c-list li .c-time { width: auto; padding: 1rem 0; }
}
#c-governance1-3 .c-list li .c-download { padding: 0.2rem; width: 15%; }
@media (max-width: 748px) {
#c-governance1-3 .c-list li .c-download { width: auto; padding: 1rem; flex-shrink: 0; }
}
#c-governance1-3 .c-list li .c-download a { display: block; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5 url(https://www.rainbow.cn/public/static/modules/cms/images/xz-ico.png) no-repeat center / 60% auto; transition: all 0.5s; }
#c-governance1-3 .c-list li .c-download a:hover { background-color: #1262ad; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/xz-ico-h.png); }
#c-notice1-1 .c-line { border-bottom: 1px solid #ddd; }
#c-notice1-1 .c-list { position: relative; padding-top: 0.6rem; display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-notice1-1 .c-list { padding-top: 1rem; margin: 0 -0.15rem -1rem; }
}
#c-notice1-1 .c-list li { padding: 0 0.15rem 0.3rem; width: 20%; }
@media (max-width: 748px) {
#c-notice1-1 .c-list li { padding: 0 0.15rem 1rem; width: 50%; }
}
#c-notice1-1 .c-list li .c-wrap { padding: 0.3rem; display: flex; align-items: center; transition: all 0.5s; color: #666; border: 1px solid #ddd; box-shadow: 10px 10px 0 #f5f5f5; }
@media (max-width: 748px) {
#c-notice1-1 .c-list li .c-wrap { padding: 1rem; }
}
#c-notice1-1 .c-list li .c-wrap .c-lt { flex-grow: 1; }
#c-notice1-1 .c-list li .c-wrap .c-lt .c-num { margin-bottom: 0.1rem; font-family: "BEBASNEUE"; color: #1262ad; transition: all 0.5s; line-height: 0.8; }
@media (max-width: 748px) {
#c-notice1-1 .c-list li .c-wrap .c-lt .c-num { font-size: 1.2rem; margin-bottom: 0.5rem; }
}
#c-notice1-1 .c-list li .c-wrap .c-gt { flex-shrink: 0; }
#c-notice1-1 .c-list li .c-wrap .c-gt .c-download { width: 40px; height: 40px; border-radius: 50%; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/xz-ico-h.png) no-repeat center / 60% auto; transition: all 0.5s; }
#c-notice1-1 .c-list li .c-wrap:hover { color: #fff; background: #1262ad; border-color: #1262ad; box-shadow: 0 0 0 #f5f5f5; }
#c-notice1-1 .c-list li .c-wrap:hover .c-lt .c-num { color: #fff; }
#c-notice1-1 .c-list li .c-wrap:hover .c-gt .c-download { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/xz-ico.png); }
#c-notice1-2 .c-box { padding: 0.8rem; text-align: center; background: url(https://www.rainbow.cn/public/static/modules/cms/images/gsgg-bj.jpg) no-repeat center / cover; }
@media (max-width: 748px) {
#c-notice1-2 .c-box { padding: 2rem; }
}
#c-notice1-2 .c-box .c-title { margin-bottom: 0.25rem; }
@media (max-width: 748px) {
#c-notice1-2 .c-box .c-title { margin-bottom: 0.5rem; }
}
@media (max-width: 748px) {
#c-investments1-1 .c-table-wrap { overflow-x: auto; }
}
#c-investments1-1 table { width: 100%; text-align: left; color: #666; border-collapse: collapse; }
@media (max-width: 748px) {
#c-investments1-1 table { min-width: 800px; }
}
#c-investments1-1 table tr { width: 20%; }
#c-investments1-1 table td { padding: 0.3rem; }
@media (max-width: 748px) {
#c-investments1-1 table td { padding: 1rem; }
}
#c-investments1-1 table thead { background: #1262ad; color: #fff; font-weight: bold; }
#c-investments1-1 table tbody tr:nth-child(even) { background: #f8f8f8; }
#c-investments1-1 table tbody tr td:nth-child(1) { font-weight: bold; color: #1262ad; }
.c-publicity1-1 .c-page { padding-top: 0.8rem; }
.c-publicity1-1 .c-list { border-top: 1px solid #ddd; }
.c-publicity1-1 .c-list li { border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; align-items: center; transition: all 0.5s; min-height: 1rem; }
@media (max-width: 748px) {
.c-publicity1-1 .c-list li { justify-content: space-between; }
}
@media (max-width: 748px) {
.c-publicity1-1 .c-list li { padding: 1rem 0; }
}
.c-publicity1-1 .c-list li:hover { background: #fdf5f1; }
.c-publicity1-1 .c-list li .c-title { width: 60%; padding: 0.3rem; }
@media (max-width: 748px) {
.c-publicity1-1 .c-list li .c-title { margin-bottom: 0.5rem; padding: 0; width: 100%; }
}
.c-publicity1-1 .c-list li .c-title a { color: #333; transition: all 0.5s; }
.c-publicity1-1 .c-list li .c-title a:hover { color: #1262ad; }
.c-publicity1-1 .c-list li .c-time { width: 24%; padding: 0.3rem 0; color: #666; }
@media (max-width: 748px) {
.c-publicity1-1 .c-list li .c-time { padding: 0; width: auto; }
}
.c-publicity1-1 .c-list li .c-more { width: 16%; padding: 0.3rem; }
@media (max-width: 748px) {
.c-publicity1-1 .c-list li .c-more { padding: 0; width: auto; }
}
.c-publicity1-1 .c-list li .c-more a { display: flex; align-items: center; color: #666; transition: all 0.5s; }
.c-publicity1-1 .c-list li .c-more a i { margin-left: 10px; display: inline-block; width: 16px; height: 16px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt5.png) no-repeat center / 100% auto; }
@media (max-width: 748px) {
.c-publicity1-1 .c-list li .c-more a i { width: 14px; height: 14px; margin-left: 5px; }
}
.c-publicity1-1 .c-list li .c-more a:hover { color: #1262ad; }
.c-publicity1-1 .c-list li .c-more a:hover i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt3.png); }
#c-exchange1-1 .c-top { margin-bottom: 0.8rem; }
@media (max-width: 748px) {
#c-exchange1-1 .c-top { margin-bottom: 2rem; }
}
#c-exchange1-1 .c-top .c-text-box { margin-bottom: 0.4rem; text-align: center; }
@media (max-width: 748px) {
#c-exchange1-1 .c-top .c-text-box { margin-bottom: 1rem; }
}
#c-exchange1-1 .c-top .c-common-btn1 { width: 300px; }
@media (max-width: 748px) {
#c-exchange1-1 .c-top .c-common-btn1 { width: 220px; }
}
#c-exchange1-1 .c-bottom { position: relative; }
#c-exchange1-1 .c-bottom > img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
#c-exchange1-1 .c-bottom .c-text-box { position: relative; z-index: 2; color: #fff; display: flex; align-items: flex-start; justify-content: flex-end; }
@media (max-width: 972px) {
#c-exchange1-1 .c-bottom .c-text-box { justify-content: center; }
}
#c-exchange1-1 .c-bottom .c-text-box::before { display: none; content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
@media (max-width: 1260px) {
#c-exchange1-1 .c-bottom .c-text-box::before { display: block; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box { position: relative; z-index: 3; padding: 1.4rem; width: 50%; }
@media (max-width: 1900px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box { width: 60%; }
}
@media (max-width: 1260px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box { width: 70%; }
}
@media (max-width: 972px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box { width: 80%; }
}
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box { padding: 2rem; width: 100%; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-title { margin-bottom: 0.2rem; }
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-title { margin-bottom: 0; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li { display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 0.35rem 0; line-height: 20px; }
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li { padding: 1.5rem 0; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li:last-child { padding-bottom: 0; border: 0; }
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-lt { width: 40%; }
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-lt { width: 100%; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-lt .c-name { margin-bottom: 0.15rem; font-weight: bold; font-size: 20px; }
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-lt .c-name { margin-bottom: 0.2rem; }
}
@media (max-width: 1260px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-lt .c-name { font-size: 18px; }
}
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-lt .c-text { margin-bottom: 0.5rem; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-gt { font-size: 20px; width: 60%; }
@media (max-width: 1260px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-gt { font-size: 14px; }
}
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-gt { width: 100%; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-gt .c-phone { margin-bottom: 0.15rem; padding-left: 40px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/dh-ico.png) no-repeat left center / 20px auto; }
@media (max-width: 748px) {
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-gt .c-phone { margin-bottom: 0.5rem; }
}
#c-exchange1-1 .c-bottom .c-text-box .c-box .c-list li .c-gt .c-email { padding-left: 40px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/yx-ico.png) no-repeat left center / 20px auto; }
#c-bidding1-1 .c-top { position: relative; z-index: 5; margin-bottom: 0.4rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
@media (max-width: 748px) {
#c-bidding1-1 .c-top { margin-bottom: 1.5rem; }
}
#c-bidding1-1 .c-top .c-gt { display: flex; align-items: center; justify-content: space-between; width: 300px; border: 1px solid #ddd; border-radius: 30px; height: 60px; padding: 0 0 0 30px; }
@media (max-width: 748px) {
#c-bidding1-1 .c-top .c-gt { margin-top: 0.5rem; padding: 0 0 0 20px; height: 50px; border-radius: 25px; width: 100%; }
}
#c-bidding1-1 .c-top .c-gt #c-select { position: relative; min-width: 146px; height: 100%; }
#c-bidding1-1 .c-top .c-gt #c-select .c-title { position: relative; z-index: 10; background: url(https://www.rainbow.cn/public/static/modules/cms/images/sjx.png) no-repeat right 30px center / 10px auto; color: #1262ad; display: flex; align-items: center; height: 100%; padding: 0 50px 0 30px; cursor: pointer; }
@media (max-width: 748px) {
#c-bidding1-1 .c-top .c-gt #c-select .c-title { background-position: right 20px center; padding: 0 40px 0 20px; }
}
#c-bidding1-1 .c-top .c-gt #c-select .c-list { display: none; padding-top: 60px; position: absolute; top: -1px; right: -1px; z-index: 5; width: 100%; border-radius: 25px; background-color: #fff; border: 1px solid #ddd; overflow: hidden; }
#c-bidding1-1 .c-top .c-gt #c-select .c-list li { padding: 10px 30px; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: pointer; }
@media (max-width: 748px) {
#c-bidding1-1 .c-top .c-gt #c-select .c-list li { padding: 0 20px; }
}
#c-bidding1-1 .c-top .c-gt #c-select .c-list li:hover { background: rgba(233, 161, 113, 0.2); }
#c-bidding1-1 .c-table-wrap { margin-bottom: 0.8rem; overflow-y: auto; }
@media (max-width: 748px) {
#c-bidding1-1 .c-table-wrap { margin-bottom: 1.5rem; }
}
#c-bidding1-1 table { width: 100%; color: #666; border-collapse: collapse; }
@media (max-width: 1260px) {
#c-bidding1-1 table { min-width: 700px; }
}
#c-bidding1-1 table td { padding: 0.3rem 0 0.3rem 0.6rem; }
@media (max-width: 1260px) {
#c-bidding1-1 table td { padding: 0.3rem 0 0.3rem 0.3rem; }
}
@media (max-width: 748px) {
#c-bidding1-1 table td { padding: 1rem 0 1rem 1rem; }
}
#c-bidding1-1 table td:last-child { padding-right: 0.6rem; }
@media (max-width: 1260px) {
#c-bidding1-1 table td:last-child { padding-right: 0.3rem; }
}
@media (max-width: 748px) {
#c-bidding1-1 table td:last-child { padding-right: 1rem; }
}
#c-bidding1-1 table td:last-child a { display: block; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5 url(https://www.rainbow.cn/public/static/modules/cms/images/xz-ico.png) no-repeat center / 60% auto; transition: all 0.5s; }
#c-bidding1-1 table td:last-child a:hover { background-color: #1262ad; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/xz-ico-h.png); }
@media (max-width: 1260px) {
#c-bidding1-1 table td:first-child { width: 50%; }
}
@media (max-width: 748px) {
#c-bidding1-1 table td:first-child { width: 40%; }
}
#c-bidding1-1 table td:first-child a { color: #666; transition: all 0.5s; }
#c-bidding1-1 table td:first-child a:hover { color: #1262ad; }
#c-bidding1-1 table thead { color: #fff; background: #1262ad; font-size: 20px; }
@media (max-width: 1260px) {
#c-bidding1-1 table thead { font-size: 14px; }
}
#c-bidding1-1 table tbody tr { transition: all 0.5s; border-bottom: 1px solid #ddd; }
#c-bidding1-1 table tbody tr:hover { background: #fdf5f1; }
.c-commodity.c-dt { background: #f8f8f8; }
.c-commodity .c-bottom .c-title { margin-bottom: 0.4rem; font-weight: bold; font-size: 20px; text-align: center; }
@media (max-width: 748px) {
.c-commodity .c-bottom .c-title { font-size: 18px; margin-bottom: 1rem; }
}
.c-commodity .c-bottom .c-img-box img { width: 100%; }
.c-commodity .c-bottom .c-common-btn1 { margin-top: 0.6rem; }
@media (max-width: 748px) {
.c-commodity .c-bottom .c-common-btn1 { margin-top: 1.5rem; }
}
.c-common-box1 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: url(https://www.rainbow.cn/public/static/modules/cms/images/sphz1-bj.jpg) no-repeat center / cover; font-size: 24px; color: #fff; padding: 0.36rem; }
@media (max-width: 1260px) {
.c-common-box1 { font-size: 18px; }
}
@media (max-width: 748px) {
.c-common-box1 { font-size: 14px; padding: 1rem; }
}
.c-common-box1 p { display: flex; align-items: center; }
@media (max-width: 748px) {
.c-common-box1 p { width: 100%; }
}
.c-common-box1 i { margin-right: 20px; display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: #fff; }
@media (max-width: 1260px) {
.c-common-box1 i { width: 30px; height: 30px; margin-right: 10px; }
}
.c-common-box1 .c-dh { margin: 0 60px 0 30px; }
@media (max-width: 1260px) {
.c-common-box1 .c-dh { margin: 0 20px; }
}
@media (max-width: 748px) {
.c-common-box1 .c-dh { margin: 0.5rem 0; }
}
.c-common-box1 .c-dh i { background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/sphz-ico1.png) no-repeat center / 28px auto; }
@media (max-width: 1260px) {
.c-common-box1 .c-dh i { background-size: 20px; }
}
.c-common-box1 .c-yx i { background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/sphz-ico2.png) no-repeat center / 28px auto; }
@media (max-width: 1260px) {
.c-common-box1 .c-yx i { background-size: 20px; }
}
.c-common-box1.c-dt { font-size: 0.36rem; padding: 0.8rem; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/ggmk1-bj.jpg); }
@media (max-width: 972px) {
.c-common-box1.c-dt { font-size: 0.46rem; }
}
@media (max-width: 748px) {
.c-common-box1.c-dt { font-size: 1rem; }
}
.c-common-box1.c-dt .c-dh, .c-common-box1.c-dt .c-yx { font-size: 24px; }
@media (max-width: 1260px) {
.c-common-box1.c-dt .c-dh,  .c-common-box1.c-dt .c-yx { font-size: 18px; }
}
@media (max-width: 748px) {
.c-common-box1.c-dt .c-dh,  .c-common-box1.c-dt .c-yx { font-size: 14px; }
}
#c-customer .c-top { padding: 1rem 0; text-align: center; }
@media (max-width: 748px) {
#c-customer .c-top { padding: 3rem 0; }
}
@media (max-width: 748px) {
#c-customer .c-top .c-title { font-size: 0.95rem; }
}
#c-customer .c-top .c-text { margin-top: 0.6rem; padding: 0 2rem; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
#c-customer .c-top .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-customer .c-top .c-text { padding: 0; }
}
@media (max-width: 748px) {
#c-customer .c-top .c-text { margin-top: 0.5rem; font-size: 14px; }
}
#c-customer .c-list li { position: relative; }
#c-customer .c-list li::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
#c-customer .c-list li > img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
#c-customer .c-list li .c-text-box { position: relative; z-index: 3; color: #fff; display: flex; align-items: center; line-height: 1.8; min-height: 8rem; }
#c-customer .c-list li .c-text-box .c-text { max-width: 560px; margin-top: 0.5rem; }
@media (max-width: 748px) {
#c-customer .c-list li .c-text-box .c-text { margin-top: 1rem; }
}
#c-customer .c-list li .c-text-box .c-text img { max-width: 100%; }
#c-finance1-1 { background: #f8f8f8; }
#c-finance1-1 .c-logo { text-align: center; }
#c-finance1-1 .c-logo img { height: 64px; }
@media (max-width: 748px) {
#c-finance1-1 .c-logo img { height: 50px; }
}
#c-finance1-1 .c-text { margin: 0.4rem 0 0.5rem; padding: 0 1rem; font-size: 18px; line-height: 1.8; text-align: center; }
@media (max-width: 748px) {
#c-finance1-1 .c-text { margin: 1.5rem 0; }
}
@media (max-width: 1580px) {
#c-finance1-1 .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-finance1-1 .c-text { padding: 0; font-size: 14px; }
}
#c-finance1-2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.6rem; }
@media (max-width: 748px) {
#c-finance1-2 .c-list { margin: 0 -1rem -1.5rem; }
}
#c-finance1-2 .c-list li { width: 25%; padding: 0 0.15rem 0.6rem; text-align: center; }
@media (max-width: 748px) {
#c-finance1-2 .c-list li { padding: 0 1rem 1.5rem; width: 50%; }
}
#c-finance1-2 .c-list li .c-img-box { margin: 0 auto; width: 2.26rem; height: 2.26rem; max-height: 226px; max-width: 226px; }
@media (max-width: 748px) {
#c-finance1-2 .c-list li .c-img-box { width: 6rem; height: 6rem; max-height: auto; max-width: auto; }
}
#c-finance1-2 .c-list li .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-finance1-2 .c-list li .c-text-box .c-title { margin: 0.15rem 0 0.1rem; }
@media (max-width: 748px) {
#c-finance1-2 .c-list li .c-text-box .c-title { margin: 0.5rem 0 0; }
}
#c-finance1-2 .c-list li .c-text-box .c-text { color: #666; }
#c-enterprise1-1 { text-align: center; }
#c-enterprise1-1 .c-title-box { padding: 1rem 0; }
@media (max-width: 748px) {
#c-enterprise1-1 .c-title-box { padding: 3rem 0; }
}
@media (max-width: 748px) {
#c-enterprise1-1 .c-title-box .c-title { font-size: 0.95rem; }
}
#c-enterprise1-1 .c-title-box .c-text { margin-top: 0.6rem; padding: 0 2rem; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
#c-enterprise1-1 .c-title-box .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-enterprise1-1 .c-title-box .c-text { padding: 0; }
}
@media (max-width: 748px) {
#c-enterprise1-1 .c-title-box .c-text { margin-top: 0.5rem; font-size: 14px; }
}
#c-enterprise1-1 .c-img-box img { max-width: 100%; }
#c-enterprise1-2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; text-align: center; }
#c-enterprise1-2 .c-list li { margin: -1px -1px 0 0; width: 25%; border: 1px solid #ddd; overflow: hidden; }
@media (max-width: 748px) {
#c-enterprise1-2 .c-list li { width: 50%; }
}
#c-enterprise1-2 .c-list li .c-box { padding: 0.8rem 0.6rem; }
@media (max-width: 748px) {
#c-enterprise1-2 .c-list li .c-box { padding: 1rem; }
}
#c-enterprise1-2 .c-list li .c-box img { height: 60px; }
@media (max-width: 748px) {
#c-enterprise1-2 .c-list li .c-box img { height: 50px; }
}
#c-enterprise1-2 .c-list li .c-box .c-title { margin: 0.4rem 0 0.2rem; }
@media (max-width: 748px) {
#c-enterprise1-2 .c-list li .c-box .c-title { margin: 0.5rem 0 0; }
}
#c-enterprise1-2 .c-list li .c-num { margin-bottom: -0.2rem; font-family: "BEBASNEUE"; font-size: 2rem; color: #fdf6f3; line-height: 0.6; }
.c-banner15 { padding: 20px 0; }
.c-banner15 .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.c-banner15 .swiper-slide { padding: 30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
@media (max-width: 748px) {
.c-banner15 .swiper-slide { padding: 1.5rem; }
}
.c-banner15 .swiper-slide .c-wrap { display: flex; align-items: center; flex-wrap: wrap; }
.c-banner15 .swiper-slide .c-wrap .c-lt { padding-right: 0.3rem; width: 56.45%; }
@media (max-width: 748px) {
.c-banner15 .swiper-slide .c-wrap .c-lt { width: 100%; }
}
.c-banner15 .swiper-slide .c-wrap .c-lt .c-logo { margin-bottom: 0.6rem; display: flex; align-items: flex-end; flex-wrap: wrap; font-size: 18px; color: #999; }
@media (max-width: 1580px) {
.c-banner15 .swiper-slide .c-wrap .c-lt .c-logo { font-size: 14px; }
}
.c-banner15 .swiper-slide .c-wrap .c-lt .c-logo img { height: 34px; }
.c-banner15 .swiper-slide .c-wrap .c-lt .c-logo span { margin-left: 10px; padding-left: 10px; display: inline-block; line-height: 1; border-left: 1px solid #999; }
@media (max-width: 1580px) {
.c-banner15 .swiper-slide .c-wrap .c-lt .c-logo span { width: 100%; margin-left: 0; padding-left: 0; border: 0; line-height: 1.5; }
}
.c-banner15 .swiper-slide .c-wrap .c-lt .c-price { display: flex; align-items: flex-end; line-height: 1; color: #1262ad; }
.c-banner15 .swiper-slide .c-wrap .c-lt .c-price p { font-family: "BEBASNEUE"; line-height: 0.7; }
.c-banner15 .swiper-slide .c-wrap .c-lt .c-price span { font-size: 18px; }
@media (max-width: 1580px) {
.c-banner15 .swiper-slide .c-wrap .c-lt .c-price span { font-size: 14px; }
}
.c-banner15 .swiper-slide .c-wrap .c-gt { width: 43.55%; height: 3.85rem; background: #d4d4d4; overflow: hidden; }
@media (max-width: 1260px) {
.c-banner15 .swiper-slide .c-wrap .c-gt { height: 5rem; }
}
@media (max-width: 748px) {
.c-banner15 .swiper-slide .c-wrap .c-gt { display: none; width: 100%; height: 16rem; }
}
.c-banner15 .swiper-slide .c-wrap .c-gt img { width: 100%; height: 100%; object-fit: cover; }
.c-banner15 .swiper-slide .c-wrap .c-text1 { color: #999; }
.c-banner15 .swiper-slide .c-wrap .c-text2 { margin: 0.3rem 0 0.1rem; }
@media (max-width: 748px) {
.c-banner15 .swiper-slide .c-wrap .c-text2 { margin: 0.5rem 0 0; }
}
.c-banner15 .swiper-slide .c-wrap .c-text3 { color: #666; }
.c-banner15 .swiper-slide .c-wrap .c-more { margin-top: 0.2rem; display: inline-flex; align-items: center; color: #333; transition: all 0.5s; }
@media (max-width: 748px) {
.c-banner15 .swiper-slide .c-wrap .c-more { margin: 0.5rem 0 0; }
}
.c-banner15 .swiper-slide .c-wrap .c-more i { margin-left: 10px; display: inline-block; width: 14px; height: 14px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/jt6.png) no-repeat center / 100% auto; }
.c-banner15 .swiper-slide .c-wrap .c-more:hover { color: #1262ad; }
.c-banner15 .swiper-slide .c-wrap .c-more:hover i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt3.png); }
#c-department1-1 { background: #f8f8f8; text-align: center; }
#c-department1-1 img { margin-bottom: 0.4rem; height: 40px; }
@media (max-width: 748px) {
#c-department1-1 img { margin-bottom: 1.5rem; }
}
#c-department1-1 .c-text { padding: 0 1.8rem; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
#c-department1-1 .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-department1-1 .c-text { padding: 0; }
}
#c-department1-2 .c-list li { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 1.4rem; background: #f8f8f8; }
@media (max-width: 748px) {
#c-department1-2 .c-list li { margin-bottom: 1rem; }
}
#c-department1-2 .c-list li:last-child { margin-bottom: 0; }
#c-department1-2 .c-list li:nth-child(even) { flex-direction: row-reverse; }
#c-department1-2 .c-list li .c-img-box { width: 62.8%; }
@media (max-width: 748px) {
#c-department1-2 .c-list li .c-img-box { width: 100%; }
}
#c-department1-2 .c-list li .c-img-box .swiper-slide { overflow: hidden; }
#c-department1-2 .c-list li .c-img-box .swiper-pagination { bottom: 0.4rem; }
#c-department1-2 .c-list li .c-img-box .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.3; }
#c-department1-2 .c-list li .c-img-box .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1262ad; opacity: 1; }
#c-department1-2 .c-list li .c-img-box img { width: 100%; height: 7rem; object-fit: cover; }
@media (max-width: 1580px) {
#c-department1-2 .c-list li .c-img-box img { height: 8rem; }
}
@media (max-width: 748px) {
#c-department1-2 .c-list li .c-img-box img { height: 13rem; }
}
#c-department1-2 .c-list li .c-text-box { position: relative; z-index: 2; display: flex; align-items: center; width: 37.2%; padding: 0.8rem; overflow: hidden; }
@media (max-width: 748px) {
#c-department1-2 .c-list li .c-text-box { padding: 1rem; width: 100%; }
}
#c-department1-2 .c-list li .c-text-box > div { width: 100%; }
#c-department1-2 .c-list li .c-text-box .c-bj { position: absolute; top: 0; right: -1rem; z-index: -1; font-size: 4rem; width: 4rem; line-height: 1; color: #f0f0f0; }
#c-department1-2 .c-list li .c-text-box .c-text { margin-top: 0.4rem; font-size: 18px; line-height: 1.8; color: #666; }
@media (max-width: 1580px) {
#c-department1-2 .c-list li .c-text-box .c-text { font-size: 14px; }
}
@media (max-width: 748px) {
#c-department1-2 .c-list li .c-text-box .c-text { margin-top: 0.5rem; }
}
@keyframes scalemap {  0% {
 transform: scale(0.2);
 opacity: 1;
}
 100% {
 transform: scale(1.5);
 opacity: 0;
}
}
@-webkit-keyframes scalemap {  0% {
 transform: scale(0.2);
 opacity: 1;
}
 100% {
 transform: scale(1.5);
 opacity: 0;
}
}
#c-department1-3 { background: #f8f8f8; }
#c-department1-3 .c-box-wrap { display: flex; align-items: center; flex-wrap: wrap; }
#c-department1-3 .c-box-wrap .c-text-box { width: 22%; }
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-text-box { width: 100%; }
}
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list { display: flex; justify-content: space-between; }
}
#c-department1-3 .c-box-wrap .c-text-box .c-list li { margin-top: 0.7rem; }
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list li { margin-top: 1rem; }
}
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-num { display: flex; align-items: flex-end; line-height: 1; font-size: 20px; color: #1262ad; }
@media (max-width: 1260px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-num { font-size: 16px; }
}
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-num { font-size: 14px; }
}
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-num p { margin-right: 4px; font-family: "BEBASNEUE"; font-size: 0.72rem; line-height: 0.7; }
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-num p { font-size: 2rem; }
}
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-text { margin-top: 0.2rem; font-size: 24px; line-height: 1; }
@media (max-width: 1260px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-text { font-size: 18px; }
}
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-text-box .c-list li .c-text { font-size: 14px; }
}
#c-department1-3 .c-box-wrap .c-img-box { position: relative; width: 78%; }
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-img-box { margin-top: 1rem; width: 100%; }
}
#c-department1-3 .c-box-wrap .c-img-box img { width: 100%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot { position: absolute; width: 0; height: 0; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot::before { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #1262ad; box-sizing: border-box; }
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-img-box .c-dot::before { width: 4px; height: 4px; margin: -2px 0 0 -2px; }
}
#c-department1-3 .c-box-wrap .c-img-box .c-dot::after { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; background: rgba(233, 161, 113, 0.4); border: 1px solid rgba(233, 161, 113, 0.5); animation: scalemap 2s linear infinite; -webkit-animation: scalemap 2s linear infinite; box-sizing: border-box; }
@media (max-width: 748px) {
#c-department1-3 .c-box-wrap .c-img-box .c-dot::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
}
#c-department1-3 .c-box-wrap .c-img-box .c-dot1 { top: 42.857142%; left: 68.807339%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot2 { top: 61.734693%; left: 73.027522%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot3 { top: 72.994652%; left: 46.78899%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot4 { top: 73.469387%; left: 74.12844%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot5 { top: 76.913265%; left: 60.917431%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot6 { top: 76.530612%; left: 66.972477%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot7 { top: 80.867346%; left: 70.642201%; }
#c-department1-3 .c-box-wrap .c-img-box .c-dot8 { top: 86.734693%; left: 64.220183%; }
#c-supermarket1-1 .c-top { padding: 1rem 0; text-align: center; }
@media (max-width: 748px) {
#c-supermarket1-1 .c-top { padding: 3rem 0; }
}
#c-supermarket1-1 .c-top .c-logo img { height: 50px; }
@media (max-width: 748px) {
#c-supermarket1-1 .c-top .c-logo img { height: 40px; }
}
#c-supermarket1-1 .c-top .c-text { padding: 0 1.6rem; margin-top: 0.3rem; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
#c-supermarket1-1 .c-top .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-supermarket1-1 .c-top .c-text { padding: 0; }
}
@media (max-width: 748px) {
#c-supermarket1-1 .c-top .c-text { margin-top: 0.5rem; }
}
.c-banner17 { padding-bottom: 0.8rem; }
@media (max-width: 748px) {
.c-banner17 { padding-bottom: 1.5rem; }
}
.c-banner17 .swiper-pagination { bottom: 0; }
.c-banner17 .swiper-pagination .swiper-pagination-bullet { margin: 0 15px !important; width: 16px !important; height: 16px !important; opacity: 0.3; }
@media (max-width: 1580px) {
.c-banner17 .swiper-pagination .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin: 0 4px !important; }
}
.c-banner17 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #b3864f; }
.c-banner17 .swiper-slide { overflow: hidden; }
.c-banner17 .swiper-slide img { width: 100%; height: 7rem; }
.c-banner17 .swiper-button-prev, .c-banner17 .swiper-button-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; margin-top: -0.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner17 .swiper-button-prev.swiper-button-disabled, .c-banner17 .swiper-button-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.c-banner17 .swiper-button-prev { left: 2.6rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner17 .swiper-button-prev { left: 2rem; }
}
@media (max-width: 972px) {
.c-banner17 .swiper-button-prev { display: none; }
}
.c-banner17 .swiper-button-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner17 .swiper-button-next { right: 2.6rem; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 1580px) {
.c-banner17 .swiper-button-next { right: 2rem; }
}
@media (max-width: 972px) {
.c-banner17 .swiper-button-next { display: none; }
}
.c-banner17 .swiper-button-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
#c-supermarket1-2 .c-common-title { margin-bottom: 0; }
.c-banner18-top { margin: 0 -30px; padding: 0 30px; }
@media (max-width: 748px) {
.c-banner18-top { margin: 0; padding: 0; }
}
.c-banner18-top .c-slide { position: relative; overflow: hidden; padding: 1rem 0; }
.c-banner18-top .c-slide .c-num { display: none; position: absolute; top: 50%; left: 50%; z-index: 1; font-family: "BEBASNEUE"; font-size: 5rem; line-height: 1; color: #1262ad; opacity: 0.1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.c-banner18-top .c-slide .c-wrap { position: relative; z-index: 2; margin: 0 auto; width: 8rem; }
@media (max-width: 1260px) {
.c-banner18-top .c-slide .c-wrap { width: 60%; }
}
@media (max-width: 972px) {
.c-banner18-top .c-slide .c-wrap { width: 90%; }
}
@media (max-width: 748px) {
.c-banner18-top .c-slide .c-wrap { width: 100%; }
}
.c-banner18-top .swiper-button-prev, .c-banner18-top .swiper-button-next { position: absolute; top: 50%; z-index: 10; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-banner18-top .swiper-button-prev.swiper-button-disabled, .c-banner18-top .swiper-button-next.swiper-button-disabled { opacity: 0.3; cursor: not-allowed !important; pointer-events: initial; }
.c-banner18-top .swiper-button-prev { left: 30px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/prev.png) no-repeat center / 8px auto; }
@media (max-width: 972px) {
.c-banner18-top .swiper-button-prev { display: none; }
}
.c-banner18-top .swiper-button-prev:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/prev2.png); }
.c-banner18-top .swiper-button-next { right: 30px; background: #fff url(https://www.rainbow.cn/public/static/modules/cms/images/next.png) no-repeat center / 8px auto; }
@media (max-width: 972px) {
.c-banner18-top .swiper-button-next { display: none; }
}
.c-banner18-top .swiper-button-next:hover { background-color: #666; background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/next2.png); }
.c-banner18-bottom { text-align: center; }
.c-banner18-bottom::before { content: ""; position: absolute; top: 10px; left: 0; width: 100%; border-top: 1px solid #ddd; z-index: 0; }
.c-banner18-bottom .c-dot { margin: 0 auto 10px; width: 20px; height: 20px; border-radius: 50%; background: #dddddd; transform: scale(0.5); -webkit-transform: scale(0.5); transition: all 0.5s; }
.c-banner18-bottom .c-num { font-family: "BEBASNEUE"; font-size: 18px; line-height: 20px; color: #999; transition: all 0.5s; }
.c-banner18-bottom .swiper-slide-thumb-active .c-dot { background: #b3864f; }
.c-banner18-bottom .swiper-slide-thumb-active .c-num { color: #b3864f; }
.c-banner19 { font-size: 18px; line-height: 30px; color: #fff; }
@media (max-width: 1580px) {
.c-banner19 { font-size: 14px; line-height: 26px; }
}
.c-banner19 .swiper-slide { text-align: center; }
.c-banner19 .swiper-slide img { max-width: 100%; max-height: 100%; }
#c-supermarket1-3 { background: #f8f8f8 url(https://www.rainbow.cn/public/static/modules/cms/images/cs3-bj.jpg) no-repeat center top / 100% auto; }
#c-supermarket1-3 .c-common-title .c-text2 { margin: 0.3rem 2rem 0; }
@media (max-width: 972px) {
#c-supermarket1-3 .c-common-title .c-text2 { margin: 0.3rem 0 0; }
}
@media (max-width: 748px) {
#c-supermarket1-3 .c-common-title .c-text2 { margin: 0.5rem 0 1rem; }
}
#c-supermarket1-3 .c-common-title .c-common-btn3 { margin-top: 0.4rem; color: #b3864f; border-color: #b3864f; }
#c-supermarket1-3 .c-common-title .c-common-btn3 i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt9.png); }
#c-supermarket1-3 .c-common-title .c-common-btn3:hover { background: #b3864f; color: #fff; }
#c-supermarket1-3 .c-common-title .c-common-btn3:hover i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png); }
#c-supermarket1-3 .c-list { display: flex; align-items: flex-start; }
@media (max-width: 748px) {
#c-supermarket1-3 .c-list { flex-wrap: wrap; }
}
#c-supermarket1-3 .c-list li { position: relative; width: 19%; flex-shrink: 0; height: 5.5rem; color: #fff; transition: all 0.5s; }
@media (max-width: 1580px) {
#c-supermarket1-3 .c-list li { height: 6.5rem; }
}
@media (max-width: 748px) {
#c-supermarket1-3 .c-list li { margin-bottom: 1rem; height: 12rem; width: 100%; }
#c-supermarket1-3 .c-list li:last-child { margin-bottom: 0; }
}
#c-supermarket1-3 .c-list li.on { flex-grow: 1; }
#c-supermarket1-3 .c-list li.on .c-box-wrap { opacity: 0; }
#c-supermarket1-3 .c-list li.on .c-title1 { opacity: 0; }
#c-supermarket1-3 .c-list li img { width: 100%; height: 100%; object-fit: cover; }
#c-supermarket1-3 .c-list li .c-title1 { opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: all 0.5s; }
@media (max-width: 748px) {
#c-supermarket1-3 .c-list li .c-title1 { opacity: 0; }
}
#c-supermarket1-3 .c-list li .c-box-wrap { padding: 0.7rem; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; background: rgba(0, 0, 0, 0.2); overflow: hidden; transition: all 0.5s; }
@media (max-width: 748px) {
#c-supermarket1-3 .c-list li .c-box-wrap { opacity: 1; padding: 1rem; }
}
#c-supermarket1-3 .c-list li .c-box-wrap .c-top { width: 100%; }
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom { display: none; }
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 10px; }
@media (max-width: 748px) {
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box { margin-top: 0.5rem; }
}
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item { display: flex; align-items: center; flex-shrink: 0; color: #1262ad; margin-right: 30px; }
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item:last-child { margin-right: 0; }
@media (max-width: 748px) {
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item { margin-right: 1rem; }
}
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item .c-num { margin-right: 5px; font-size: 70px; line-height: 1; }
@media (max-width: 1580px) {
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item .c-num { font-size: 40px; }
}
@media (max-width: 748px) {
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item .c-num { font-size: 36px; }
}
#c-supermarket1-3 .c-list li .c-box-wrap .c-bottom .c-box .c-item .c-t2 { color: #fff; }
#c-supermarket1-4 .c-list { position: relative; display: flex; align-items: flex-start; margin: 0 0 0.5rem; padding-bottom: 8px; overflow-x: auto; }
@media (max-width: 1260px) {
#c-supermarket1-4 .c-list { margin: 0 0 0.5rem; }
}
@media (max-width: 972px) {
#c-supermarket1-4 .c-list { margin: 0 0 0.5rem; }
}
@media (max-width: 748px) {
#c-supermarket1-4 .c-list { margin: 0 0 1.5rem; }
}
#c-supermarket1-4 .c-list::before { content: ""; position: absolute; bottom: 8px; left: 0; z-index: 0; width: 100%; border-bottom: 1px solid #ddd; }
#c-supermarket1-4 .c-list li { position: relative; z-index: 2; flex: none; display: flex; align-items: center; justify-content: center; padding-bottom: 0.3rem; width: 25%; cursor: pointer; border-bottom: 1px solid transparent; }
@media (max-width: 748px) {
#c-supermarket1-4 .c-list li { padding: 0 0.5rem; width: auto; }
}
#c-supermarket1-4 .c-list li::after { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; border-top: 8px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; }
#c-supermarket1-4 .c-list li img { height: 30px; }
@media (max-width: 748px) {
#c-supermarket1-4 .c-list li img { height: 20px; }
}
#c-supermarket1-4 .c-list li img:nth-child(2) { display: none; }
#c-supermarket1-4 .c-list li span { margin-left: 15px; font-size: 18px; white-space: nowrap; }
@media (max-width: 748px) {
#c-supermarket1-4 .c-list li span { margin-left: 5px; font-size: 16px; }
}
#c-supermarket1-4 .c-list li.on { color: #b3864f; border-color: #b3864f; }
#c-supermarket1-4 .c-list li.on::after { border-top: 8px solid #b3864f; }
#c-supermarket1-4 .c-list li.on img { display: none; }
#c-supermarket1-4 .c-list li.on img:nth-child(2) { display: inline-block; }
.c-banner20 .swiper-slide { display: flex; align-items: center; flex-wrap: wrap; }
.c-banner20 .swiper-slide .c-img-box { width: 50%; height: 5.3rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner20 .swiper-slide .c-img-box { height: 6.3rem; }
}
@media (max-width: 748px) {
.c-banner20 .swiper-slide .c-img-box { width: 100%; height: 13rem; }
}
.c-banner20 .swiper-slide .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner20 .swiper-slide .c-text-box { width: 50%; padding-left: 0.8rem; }
@media (max-width: 748px) {
.c-banner20 .swiper-slide .c-text-box { width: 100%; padding: 0.5rem 0 0; }
}
.c-banner20 .swiper-slide .c-text-box .c-title { color: #b3864f; }
.c-banner20 .swiper-slide .c-text-box .c-text { margin-top: 0.3rem; line-height: 1.8; color: #666; }
.c-banner20 .swiper-slide .c-text-box .c-text img { max-width: 100%; height: auto !important; }
#c-supermarket1-5 { background: #f8f8f8; }
#c-supermarket1-5 .c-list { margin-bottom: 0.4rem; display: flex; align-items: flex-start; overflow-x: auto; }
#c-supermarket1-5 .c-list li { width: 50%; font-size: 24px; line-height: 68px; text-align: center; border: 1px solid #b3864f; cursor: pointer; transition: all 0.5s; }
@media (max-width: 1580px) {
#c-supermarket1-5 .c-list li { font-size: 18px; line-height: 58px; }
}
@media (max-width: 748px) {
#c-supermarket1-5 .c-list li { font-size: 14px; line-height: 48px; }
}
#c-supermarket1-5 .c-list li.on { color: #fff; background: #b3864f; }
.c-banner21 .swiper-slide img { width: 100%; }
#c-store1-1 { background: #f8f8f8; }
#c-store1-1 .c-top { padding: 1rem 0; text-align: center; }
@media (max-width: 748px) {
#c-store1-1 .c-top { padding: 3rem 0; }
}
#c-store1-1 .c-top .c-logo img { height: 50px; }
@media (max-width: 748px) {
#c-store1-1 .c-top .c-logo img { height: 40px; }
}
#c-store1-1 .c-top .c-text { padding: 0 1.6rem; margin-top: 0.3rem; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
#c-store1-1 .c-top .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-store1-1 .c-top .c-text { padding: 0; }
}
@media (max-width: 748px) {
#c-store1-1 .c-top .c-text { margin-top: 0.5rem; }
}
.c-banner23-wrap { display: flex; align-items: center; }
.c-banner23-wrap .c-banner23-left { width: 83%; }
@media (max-width: 748px) {
.c-banner23-wrap .c-banner23-left { width: 80%; }
}
.c-banner23-wrap .c-banner23-left .c-slide { display: flex; align-items: center; flex-wrap: wrap; }
.c-banner23-wrap .c-banner23-left .c-slide .c-img-box { width: 50%; height: 3.8rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-banner23-wrap .c-banner23-left .c-slide .c-img-box { height: 4.8rem; }
}
@media (max-width: 748px) {
.c-banner23-wrap .c-banner23-left .c-slide .c-img-box { width: 100%; height: 10rem; }
}
.c-banner23-wrap .c-banner23-left .c-slide .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner23-wrap .c-banner23-left .c-slide .c-text-box { padding-left: 0.5rem; width: 50%; }
@media (max-width: 748px) {
.c-banner23-wrap .c-banner23-left .c-slide .c-text-box { padding: 1rem 0 0; width: 100%; }
}
.c-banner23-wrap .c-banner23-left .c-slide .c-text-box .c-num { font-family: "BEBASNEUE"; line-height: 1; }
.c-banner23-wrap .c-banner23-right { width: 17%; height: 3.8rem; color: #999; text-align: right; }
@media (max-width: 1580px) {
.c-banner23-wrap .c-banner23-right { height: 4.8rem; }
}
@media (max-width: 748px) {
.c-banner23-wrap .c-banner23-right { height: 19rem; }
}
.c-banner23-wrap .c-banner23-right::before { content: ""; position: absolute; top: 0; right: 1px; height: 100%; border-right: 1px solid #ddd; }
.c-banner23-wrap .c-banner23-right .swiper-slide { margin-right: -2px; font-family: "BEBASNEUE"; font-size: 18px; padding-right: 0.3rem; display: flex; align-items: center; justify-content: flex-end; cursor: pointer; border-right: 3px solid transparent; transition: all 0.5s; }
.c-banner23-wrap .c-banner23-right .swiper-slide.swiper-slide-thumb-active { font-size: 30px; color: #f08200; border-color: #f08200; }
@media (max-width: 748px) {
.c-banner23-wrap .c-banner23-right .swiper-slide.swiper-slide-thumb-active { font-size: 18px; }
}
.c-banner25 { max-height: 2.7rem; margin-top: 0.4rem; padding-right: 40px; font-size: 18px; line-height: 1.7; }
@media (max-width: 1900px) {
.c-banner25 { max-height: 2.9rem; }
}
@media (max-width: 1580px) {
.c-banner25 { max-height: 3.6rem; font-size: 14px; }
}
@media (max-width: 748px) {
.c-banner25 { margin: 1rem 0; max-height: 7rem; padding-right: 1.5rem; }
}
.c-banner25 .swiper-slide { height: auto; }
.c-banner25 .swiper-scrollbar { background: #ddd; }
.c-banner25 .swiper-scrollbar-drag { background: #f08200; }
#c-store1-3 .c-banner6 .swiper-slide .c-wrap .c-text-box { background: rgba(225, 106, 19, 0.9); }
#c-store1-4 .c-list1 { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem; }
#c-store1-4 .c-list1 li { padding: 0 0.15rem 0.3rem; width: 50%; }
@media (max-width: 748px) {
#c-store1-4 .c-list1 li { padding: 0 0.15rem 1rem; width: 100%; }
}
#c-store1-4 .c-list1 li .c-wrap { padding: 0.4rem; background: #594f53; color: #fff; display: flex; align-items: flex-start; }
@media (max-width: 748px) {
#c-store1-4 .c-list1 li .c-wrap { padding: 1rem; }
}
#c-store1-4 .c-list1 li .c-wrap .c-title { flex-shrink: 0; width: 160px; }
@media (max-width: 1260px) {
#c-store1-4 .c-list1 li .c-wrap .c-title { width: 100px; }
}
#c-store1-4 .c-list1 li .c-wrap .c-text { flex-grow: 1; line-height: 2; }
#c-store1-4 .c-list2 { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -0.15rem -0.3rem; }
@media (max-width: 748px) {
#c-store1-4 .c-list2 { margin: 0 -0.15rem -1rem; }
}
#c-store1-4 .c-list2 li { width: 33.333333%; padding: 0 0.15rem 0.3rem; }
@media (max-width: 748px) {
#c-store1-4 .c-list2 li { width: 100%; padding: 0 0.15rem 1rem; }
}
#c-store1-4 .c-list2 li .c-wrap { position: relative; height: 4rem; overflow: hidden; }
@media (max-width: 1580px) {
#c-store1-4 .c-list2 li .c-wrap { height: 5rem; }
}
@media (max-width: 748px) {
#c-store1-4 .c-list2 li .c-wrap { height: 15rem; }
}
#c-store1-4 .c-list2 li .c-wrap img { width: 100%; height: 100%; object-fit: cover; }
#c-store1-4 .c-list2 li .c-wrap .c-title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; }
@media (max-width: 1580px) {
#c-store1-4 .c-list2 li .c-wrap .c-title { padding: 0.4rem; }
}
@media (max-width: 748px) {
#c-store1-4 .c-list2 li .c-wrap .c-title { padding: 0.75rem 1rem; }
}
#c-store1-5 { overflow: hidden; background: #f8f8f8; }
#c-store1-5 .c-list-wrap { position: relative; }
#c-store1-5 .c-list-wrap .c-bj { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; }
@media (max-width: 1580px) {
#c-store1-5 .c-list-wrap .c-bj { width: 400px; height: 400px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-bj { width: 300px; height: 300px; }
}
@media (max-width: 972px) {
#c-store1-5 .c-list-wrap .c-bj { display: none; }
}
#c-store1-5 .c-list-wrap .c-list { position: relative; z-index: 2; display: flex; align-items: flex-start; align-content: space-between; justify-content: space-between; flex-wrap: wrap; height: 650px; }
@media (max-width: 1580px) {
#c-store1-5 .c-list-wrap .c-list { height: 440px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-list { height: 360px; }
}
@media (max-width: 972px) {
#c-store1-5 .c-list-wrap .c-list { margin-bottom: -30px; height: auto; }
}
#c-store1-5 .c-list-wrap .c-list li { display: flex; align-items: center; width: 40%; border-radius: 103px; background: #e5e7ea; }
@media (max-width: 1900px) {
#c-store1-5 .c-list-wrap .c-list li { border-radius: 80px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-list li { border-radius: 60px; }
}
@media (max-width: 972px) {
#c-store1-5 .c-list-wrap .c-list li { margin-bottom: 30px; width: 48%; }
}
@media (max-width: 748px) {
#c-store1-5 .c-list-wrap .c-list li { width: 100%; }
}
#c-store1-5 .c-list-wrap .c-list li .c-text-box { flex-grow: 1; padding: 0 80px; }
@media (max-width: 1900px) {
#c-store1-5 .c-list-wrap .c-list li .c-text-box { padding: 0 70px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-list li .c-text-box { padding: 0 40px; }
}
#c-store1-5 .c-list-wrap .c-list li .c-text-box .c-title { margin-bottom: 10px; font-size: 24px; }
@media (max-width: 1900px) {
#c-store1-5 .c-list-wrap .c-list li .c-text-box .c-title { font-size: 20px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-list li .c-text-box .c-title { margin-bottom: 0; }
}
#c-store1-5 .c-list-wrap .c-list li .c-text-box .c-text { font-size: 18px; line-height: 1.7; }
@media (max-width: 1900px) {
#c-store1-5 .c-list-wrap .c-list li .c-text-box .c-text { font-size: 16px; }
}
@media (max-width: 1580px) {
#c-store1-5 .c-list-wrap .c-list li .c-text-box .c-text { font-size: 14px; }
}
#c-store1-5 .c-list-wrap .c-list li .c-ico-box { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 206px; height: 206px; border-radius: 50%; background: #414e6e; }
@media (max-width: 1900px) {
#c-store1-5 .c-list-wrap .c-list li .c-ico-box { width: 160px; height: 160px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-list li .c-ico-box { width: 120px; height: 120px; }
}
#c-store1-5 .c-list-wrap .c-list li .c-ico-box img { height: 70px; }
@media (max-width: 1580px) {
#c-store1-5 .c-list-wrap .c-list li .c-ico-box img { height: 50px; }
}
@media (max-width: 1260px) {
#c-store1-5 .c-list-wrap .c-list li .c-ico-box img { height: 30px; }
}
#c-store1-5 .c-list-wrap .c-list li:nth-child(2), #c-store1-5 .c-list-wrap .c-list li:nth-child(4) { flex-direction: row-reverse; }
#c-store1-5 .c-list-wrap .c-list li:nth-child(2), #c-store1-5 .c-list-wrap .c-list li:nth-child(3) { background: #f2efec; }
#c-store1-5 .c-list-wrap .c-list li:nth-child(2) .c-ico-box, #c-store1-5 .c-list-wrap .c-list li:nth-child(3) .c-ico-box { background: #ba9f81; }
@keyframes rotate360 {  0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes rotate360 {  0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
#c-store1-6 .c-list-wrap { padding: 1.4rem 0; position: relative; }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap { padding: 0; }
}
#c-store1-6 .c-list-wrap::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -3.5rem 0 0 -3.5rem; width: 7rem; height: 7rem; border-radius: 50%; background: #fcf0e7; }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap::before { margin: -8rem 0 0 -8rem; width: 16rem; height: 16rem; }
}
#c-store1-6 .c-list-wrap::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; border-top: 2px solid #e16a13; }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap::after { top: 0; left: 50%; width: 0; height: 100%; margin-left: -1px; border-top: 0; border-left: 2px solid #e16a13; }
}
#c-store1-6 .c-list-wrap .c-list { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list { justify-content: center; }
}
#c-store1-6 .c-list-wrap .c-list li { position: relative; width: 3rem; height: 3rem; border-radius: 50%; color: #fff; background-color: #aea38c; text-align: center; }
@media (max-width: 972px) {
#c-store1-6 .c-list-wrap .c-list li { width: 4rem; height: 4rem; }
}
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list li { width: 8rem; height: 8rem; }
}
#c-store1-6 .c-list-wrap .c-list li:nth-child(2) { width: 4.2rem; height: 4.2rem; background: #e16a13; }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list li:nth-child(2) { margin: 4rem 0; width: 10rem; height: 10rem; }
}
#c-store1-6 .c-list-wrap .c-list li .c-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#c-store1-6 .c-list-wrap .c-list li .c-wrap .c-title { line-height: 1; }
#c-store1-6 .c-list-wrap .c-list li .c-wrap .c-text { padding: 0 30px; margin-top: 0.2rem; font-size: 18px; line-height: 1.7; }
@media (max-width: 1580px) {
#c-store1-6 .c-list-wrap .c-list li .c-wrap .c-text { font-size: 14px; }
}
#c-store1-6 .c-list-wrap .c-list li .c-text2 { position: absolute; top: 50%; left: 50%; margin: -2.8rem 0 0 -2.8rem; width: 5.6rem; height: 5.6rem; display: flex; justify-content: center; align-items: flex-start; line-height: 1; color: #333; animation: rotate360 20s linear infinite; -webkit-animation: rotate360 20s linear infinite; }
@media (max-width: 972px) {
#c-store1-6 .c-list-wrap .c-list li .c-text2 { width: 6rem; height: 6rem; margin: -3rem 0 0 -3rem; }
}
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list li .c-text2 { width: 13rem; height: 13rem; margin: -6.5rem 0 0 -6.5rem; }
}
#c-store1-6 .c-list-wrap .c-list li .c-text2 span { position: relative; }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list li .c-text2 span { margin-top: -0.5rem; }
}
#c-store1-6 .c-list-wrap .c-list li .c-text2 span::before { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -7px; width: 14px; height: 14px; border-radius: 50%; background: #e16a13; }
@media (max-width: 1580px) {
#c-store1-6 .c-list-wrap .c-list li .c-text2 span::before { margin-left: -5px; width: 10px; height: 10px; bottom: -20px; }
}
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list li .c-text2 span::before { width: 6px; height: 6px; margin-left: -3px; bottom: -10px; }
}
#c-store1-6 .c-list-wrap .c-list li .c-text2.c-t2-2 { align-items: flex-end; align-content: flex-end; }
#c-store1-6 .c-list-wrap .c-list li .c-text2.c-t2-2 span { position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
@media (max-width: 748px) {
#c-store1-6 .c-list-wrap .c-list li .c-text2.c-t2-2 span { margin-top: 0; margin-bottom: -0.5rem; }
}
#c-store1-6 .c-common-btn3 { margin-top: 0.6rem; color: #e16a13; border-color: #e16a13; }
@media (max-width: 748px) {
#c-store1-6 .c-common-btn3 { margin-top: 1.5rem; }
}
#c-store1-6 .c-common-btn3 i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt10.png); }
#c-store1-6 .c-common-btn3:hover { background: #e16a13; color: #fff; }
#c-store1-6 .c-common-btn3:hover i { background-image: url(https://www.rainbow.cn/public/static/modules/cms/images/jt2.png); }
.c-store1-7 { background: #f8f8f8; }
.c-store1-7 .c-img-box { background: #a8a8a8; height: 6rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-store1-7 .c-img-box { height: 7rem; }
}
@media (max-width: 748px) {
.c-store1-7 .c-img-box { height: 8rem; }
}
.c-store1-7 .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
.c-banner22 .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.c-banner22 .swiper-slide { overflow: hidden; }
.c-banner22 .swiper-slide img { width: 100%; height: 4rem; object-fit: cover; }
@media (max-width: 748px) {
.c-banner22 .swiper-slide img { height: 15rem; }
}
#c-junshang1-1 { background: #f8f8f8; }
#c-junshang1-1 .c-top { padding: 1rem 0; text-align: center; }
@media (max-width: 748px) {
#c-junshang1-1 .c-top { padding: 3rem 0; }
}
#c-junshang1-1 .c-top .c-logo img { height: 100px; }
@media (max-width: 748px) {
#c-junshang1-1 .c-top .c-logo img { height: 60px; }
}
#c-junshang1-1 .c-top .c-text { padding: 0 1.6rem; margin-top: 0.3rem; font-size: 18px; line-height: 1.8; }
@media (max-width: 1580px) {
#c-junshang1-1 .c-top .c-text { font-size: 14px; }
}
@media (max-width: 972px) {
#c-junshang1-1 .c-top .c-text { padding: 0; }
}
@media (max-width: 748px) {
#c-junshang1-1 .c-top .c-text { margin-top: 0.5rem; }
}
#c-junshang1-2 .c-banner26 .swiper-pagination { bottom: 40px; }
@media (max-width: 748px) {
#c-junshang1-2 .c-banner26 .swiper-pagination { bottom: 20px; }
}
#c-junshang1-2 .c-banner26 .swiper-pagination .swiper-pagination-bullet { margin: 0 15px !important; width: 16px !important; height: 16px !important; background: #fff; opacity: 0.3; }
@media (max-width: 1580px) {
#c-junshang1-2 .c-banner26 .swiper-pagination .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin: 0 4px !important; }
}
#c-junshang1-2 .c-banner26 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #fff; }
#c-junshang1-2 .c-banner26 .swiper-slide { overflow: hidden; }
#c-junshang1-2 .c-banner26 .swiper-slide img { width: 100%; height: 7.6rem; object-fit: cover; }
.c-junshang1-3 { background: #f8f8f8; }
.c-junshang1-3 .c-img-box { background: #a8a8a8; height: 6rem; overflow: hidden; }
@media (max-width: 1580px) {
.c-junshang1-3 .c-img-box { height: 7rem; }
}
@media (max-width: 748px) {
.c-junshang1-3 .c-img-box { height: 8rem; }
}
.c-junshang1-3 .c-img-box img { width: 100%; height: 100%; object-fit: cover; }
#c-junshang1-5 { position: relative; }
#c-junshang1-5 > img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
#c-junshang1-5::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; background: rgba(0, 0, 0, 0.3); }
#c-junshang1-5 .c-container { display: flex; align-items: flex-start; justify-content: flex-end; z-index: 5; }
#c-junshang1-5 .c-box { padding: 80px 40px; width: 460px; background: rgba(174, 163, 140, 0.9); color: #fff; }
@media (max-width: 748px) {
#c-junshang1-5 .c-box { padding: 2rem; }
}
#c-junshang1-5 .c-box .c-site { margin-bottom: 25px; padding-left: 30px; line-height: 26px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/dz-ico.png) no-repeat left top 3px / auto 20px; }
@media (max-width: 748px) {
#c-junshang1-5 .c-box .c-site { margin-bottom: 1rem; }
}
#c-junshang1-5 .c-box .c-site a { color: #fff; }
#c-junshang1-5 .c-box .c-site a:hover { text-decoration: underline; }
#c-junshang1-5 .c-box .c-ewm { display: flex; align-items: center; }
#c-junshang1-5 .c-box .c-ewm .c-img { margin-right: 10px; width: 100px; background: #fff; border-radius: 5px; overflow: hidden; }
#c-junshang1-5 .c-box .c-ewm .c-img img { width: 100%; }
.c-banner24 { margin: 20px 0 30px; padding-right: 40px; line-height: 2; height: 120px; }
@media (max-width: 1580px) {
.c-banner24 { height: 116px; }
}
@media (max-width: 748px) {
.c-banner24 { margin: 1rem 0; padding-right: 2rem; }
}
.c-banner24 .swiper-slide { height: auto; }
.c-banner24 .swiper-scrollbar { background: rgba(255, 255, 255, 0.3); }
.c-banner24 .swiper-scrollbar-drag { background: #fff; }
.hi-slide-tips { display: none; position: absolute; top: 50%; left: 50%; z-index: 20; padding: 20px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.hi-slide-tips .hi-box { position: relative; width: 40px; height: 18px; }
.hi-slide-tips .hi-box::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 100%; border-top: 2px solid #ddd; }
.hi-slide-tips .hi-box .hi-img { position: absolute; top: 0; left: 0; width: 12px; height: 18px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/shubiao.png) no-repeat center / 100%; -webkit-animation: hislide 2s linear infinite; animation: hislide 2s linear infinite; }
.hi-slide-tips .hi-text { font-size: 14px; color: #1262ad; }
@keyframes hislide {  0% {
 left: -12px;
}
 50% {
 left: 100%;
}
 100% {
 left: -12px;
}
}
#c-404 { text-align: center; }
#c-404 img { max-width: 100%; }
#c-404 .c-title { margin: 0.4rem 0 0.8rem; }
#c-404 .c-text { margin-top: 0.2rem; }
#c-risk-warning { display: none; position: fixed; bottom: 0; right: 0; z-index: 980; padding: 40px; width: 540px; max-width: 100%; background-color: #1262ad; border-radius: 5px; color: #fff; line-height: 1.6; }
#c-risk-warning .c-close { position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; background: url(https://www.rainbow.cn/public/static/modules/cms/images/close.png) no-repeat center / 50%; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }
#c-risk-warning .c-title { margin-bottom: 20px; font-weight: bold; font-size: 24px; }


.c-common-btn2 span{color: #fff;}