._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #9f223d; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #9f223d !important; } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.2); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #9f223d; } .mCSB_scrollTools .mCSB_draggerRail { width: 4px; } .banner { position: relative; } .banner img { width: 100%; } .banner .text { position: absolute; width: 100%; top: 46%; color: #fff; } .banner .text h2 { text-align: center; font-size: 2.3rem; font-weight: bold; letter-spacing: 1px; } .banner .text p { text-align: center; font-size: 1.2rem; letter-spacing: 1px; margin-top: 0.6rem; } .sub-nav { height: 4rem; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; top: 0; background: #fff; width: 100%; border-top: 1px solid #ddd; z-index: 100; } .sub-nav .content .left { float: left; } .sub-nav .content .left h6 { line-height: 4rem; font-size: 1.3rem; font-weight: bold; } .sub-nav .content .left h6 span { font-size: 1rem; color: #9f223d; margin-left: 1rem; position: relative; top: -0.1rem; } .sub-nav .content .right { float: right; } .sub-nav .content .right > ul li { float: left; width: 4.6rem; height: 4rem; text-align: center; position: relative; } .sub-nav .content .right > ul li a { line-height: 4rem; font-size: 0.8rem; display: block; } .sub-nav .content .right > ul li:not(:last-child) { margin-right: 2rem; } .sub-nav .content .right > ul li:before { content: ''; width: 0; height: 3px; background: #9f223d; position: absolute; bottom: 0; left: 0; } .sub-nav .content .right > ul li.active:before { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .sub-nav .content .right > ul li.active a { color: #9f223d; } .sub-nav .content .right > ul li:hover:before { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .sub-nav .content .right > ul li:hover a { color: #9f223d; } .fund-con ul li { float: left; width: 50%; height: 0; padding-bottom: 31%; overflow: hidden; } .fund-con ul li .text { width: 70%; padding-left: 12%; } .fund-con ul li .text h2 { font-size: 1.8rem; font-weight: bold; font-style: normal; color: #c0a36f; padding-top: 28%; width: 80%; } .fund-con ul li .text .scroll-1 { height: 14rem; overflow: auto; } .fund-con ul li .text .scroll-1 p { font-size: 0.8rem; color: #666; text-align: justify; margin-top: 1rem; line-height: 1.8; } .fund-con ul li:nth-child(odd) img { width: 100%; } .fund-con ul li:nth-child(even) { padding-bottom: 31%; } .fund-con ul li:nth-child(2) { background: url(../img/fund/background/one.png) no-repeat right 92%; } .fund-con ul li:nth-child(3) { background: url(../img/fund/background/two.png) no-repeat left bottom; margin-top: -2.6rem; } .fund-con ul li:nth-child(3) .text { width: 82%; padding-right: 12%; padding-left: auto; float: right; } .fund-con ul li:nth-child(3) .text h2 { padding-top: 24%; } .fund-con ul li:nth-child(4) { overflow: initial; margin-top: -2.6rem; } .fund-con ul li:nth-child(4) img { width: 100%; } .fund-con-bottom ul li:nth-child(2) { background: url(../img/fund/background/three.png) no-repeat right 92%; } .fund-con-bottom ul li:nth-child(3) { background: url(../img/fund/background/four.png) no-repeat left bottom; } .fund-value { padding: 14rem 0 10rem; background: url(../img/fund/background/creat_bg.jpg) no-repeat; background-size: cover !important; color: #fff; text-align: center; } .fund-value h2 { font-size: 1.8rem; font-weight: bold; } .fund-value p { font-size: 0.8rem; width: 48%; margin: 0 auto; margin-top: 1rem; } @media screen and (max-width: 1500px) { .fund-con ul li .text h2 { padding-top: 14%; } .fund-con ul li:nth-child(3) .text h2 { padding-top: 22%; } .fund-con-bottom ul li:nth-child(3) .text h2 { padding-top: 15%; } } @media screen and (max-width: 1366px) { .fund-con ul li:nth-child(4) { margin-top: -2rem; } .fund-con ul li .text h2 { width: 100%; } .fund-con-bottom ul li:nth-child(3) .text h2 { padding-top: 13%; } } @media screen and (max-width: 1280px) { .fund-con ul li .text h2 { font-size: 1.4rem; } .fund-con ul li .text .scroll-1 { height: 12rem; } } @media screen and (max-width: 1024px) { .banner { margin-top: 5.5rem; } .banner .text { top: 38%; } .fund-con ul li .text { padding-left: 5%; width: 80%; } .fund-con ul li .text h2 { font-size: 1.3rem; } .fund-con ul li:nth-child(3) .text { padding-right: 5%; width: 86%; } .fund-con ul li:nth-child(3) .text h2 { padding-top: 14%; } .fund-con-bottom ul li:nth-child(3) .text h2 { padding-top: 18%; } } @media screen and (max-width: 768px) { .banner .text { top: 30%; } .banner .text h2 { font-size: 18px; } .banner .text p { font-size: 13px; margin-top: 0.2rem; } .sub-nav .content .left { display: none; } .sub-nav .content .right { width: 100%; } .sub-nav .content .right > ul li { width: 20%; } .sub-nav .content .right > ul li a { font-size: 12px; } .sub-nav .content .right > ul li:not(:last-child) { margin-right: 0; } .fund-con ul li { width: 100%; height: auto; padding-bottom: 0; } .fund-con ul li:nth-child(even) { padding-bottom: 2rem; } .fund-con ul li:nth-child(2) { background: none; } .fund-con ul li:nth-child(3) { margin-top: 0; background: none; } .fund-con ul li:nth-child(3) .text { float: left; } .fund-con ul li:nth-child(4) { margin-top: 0; } .fund-con ul li .text { width: 100%; padding-right: 5%; } .fund-con ul li .text h2 { padding-top: 6%; font-size: 16px; } .fund-con ul li .text .scroll-1 { height: auto; } .fund-con ul li .text .scroll-1 p { font-size: 13px; } .fund-value { padding: 4rem 0; } .fund-value h2 { font-size: 16px; } .fund-value p { width: 90%; font-size: 13px; } } /*# sourceMappingURL=fund_creat.css.map */