@charset "utf-8";
/* CSS Document
.header_main{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2)}
.topbar{ background:#f6f6f6; border-bottom:1px solid #eee}
.topbar .fl{ color:#666}
.topbar .fr ul li a{ color:#666}
.topbar .fr .login a{ color:#cd9746;}
.topbar .fr .ad a{ color:#cd9746; height:24px; line-height:24px; border:1px solid #cd9746}
.header h1 a{ background:url(../images/logo_2.png?v=1) no-repeat center;background-size:198px 50px;}
.header_main .menu{ margin:0}
.header_main .menu ul li span a{color: #333;height:90px;line-height:90px;}
.header_main .menu ul li.on span a{ background:none; color:#e85518;}
.header_main .menu ul li span i{ border-color:#ccc}
.header_main .menu ul li.login a{ margin-top:16px; height:36px; line-height:36px;border:1px solid #e85518; background:#e85518; color:#fff}
.header_fixed .menu ul li span a{height:70px;line-height:70px;}
 */

.baidumap{height:370px;background:#eee url(../images/map.jpg) no-repeat center top;transition: all .3s}
.baidumap:after{ background:rgba(188, 197, 204, 0.2)}
.baidumap .p{ background:#fff; color:#333}
.baidumap .p a{ color:#2196F3}
.baidumap iframe{ position:absolute; left:0; top:-80px; height:600px; -webkit-filter: grayscale(100%); filter: grayscale(100%);transition: all .3s;}
.map_btn{ position:absolute; bottom:0; left:50%; margin-left:-100px; z-index:1; display:block; width:200px; height:50px; background:rgba(0, 0, 0, 0.2);border-radius:6px 6px 0 0;}
.map_btn a{ width:100%; height:100%; display:block; background: url(../images/arrow_d.png) no-repeat center; -webkit-animation:fadeInDown 1s .2s ease infinite;-moz-animation:fadeInDown 1s .2s ease infinite;}
.map_on{ height:600px}
.map_on:after,.map_on .p{ display:none}
.map_on iframe{ top:0; -webkit-filter:none; filter: none;}

.main_banner{ position: relative; width: 100%; height: 280px; margin-top:115px; overflow: hidden;}
.bg_news{ background: url(../images/banner/news.jpg) no-repeat center; }

.main_body{ padding-top: 0 }
.main_box{width: 100%; position: relative; padding-bottom: 50px; background: #fff}
.body_title{ margin:50px auto 0; text-align:center}
.body_title h3{ font-size:24px; font-weight:300}
.body_title em{ font-family: "Microsoft Yahei"; color:#b2c0cc}

.page{ width:1200px; margin: 0 auto; padding:50px 0 80px; height:30px; text-align:right; line-height:30px; overflow:hidden}
.page a{ margin-right:5px; line-height: 30px; padding:12px; }
.page a:hover{ background:#f8f8f8; color: #ff6500; text-decoration: none; border-radius:3px}
.page a.select{ padding:12px; font-weight:700; color:#ff6500; }

.main_news{ padding:0 0 60px; overflow:hidden}
.main_view{ width:100%; background:#fff; overflow:hidden}
.view_left{ width:800px; padding:60px 100px 100px 0; background:#fff; }
.view_right{ width:260px; padding:60px 0}
.view_title{ padding:0 0 20px; border-bottom:1px dotted #eee; overflow:hidden}
.view_title h1{ font-weight:700; font-size:30px; color:#3a3a3a }
.view_title li{ float:left; font-size:15px; padding:10px 30px 0 0; color:#999}
.view_title li:first-child a{ color:#e83d18; font-weight:700}
.view_content{ padding:30px 0; line-height:2em; font-size:16px;text-align: justify;}
.view_content p{ padding:1em 0}
.view_content img{ width:100%; height:100%}
.next_view{ width:100%; margin-top:15px; overflow:hidden}
.next_view li{ float:left; width:50%; padding-top:10px}
.next_view li a{ font-size:16px; display:block; height:50px; line-height:50px; text-align:center; background:#f9fafb; border:1px solid #f9fafb}
.next_view li.next a{ background:#fff}
.next_view li a:hover{ border-color:#ddd}

.view_content_link{ display:flex; margin:30px 0; justify-content:space-between; align-items:center; padding:30px 0; line-height:2em; font-size:16px; border:2px solid #eee}
.link_l{ width:50%; text-align:center; padding:30px; display:flex; flex-direction: column; align-items:center}
.link_l span{ position:relative; padding:30px 0 0 30px; display:block}
.link_l span:before{ position:absolute; left:0; top:33px; content:""; display:block; width:24px; height:24px; background:#28c445 url("../images/wx_icon.png") no-repeat center; background-size:80%; border-radius:3px}
.link_l p{ color:#607D8B}
.link_r{ width:50%;}
.link_r a{ display:block; padding:20px 30px; font-size:20px; font-weight:500; background:#607D8B url("../images/arrow.png") no-repeat 95% 24px; color:#fff; background-size:25px}
.link_r a:hover{ background-color:#5093b3}
.link_r p{ color:rgba(255,255,255,.5); padding-top:10px; font-size:16px; line-height:1.2}

.right_newslist{ width: 260px; margin:10px auto; padding:20px 0;}
.right_newslist .news_index{ width: auto }
.right_newslist .news_index .news_item{ margin:30px 0 0; height:240px}
.right_newslist .news_index .news_item dl{ height:130px}
.right_newslist .news_index .news_item dl dd p{ margin:0; padding:10px 0 0}
.upload_btn button{ width:100%; height:50px; color:#fff; background:#c956ff url(../images/code_icon.png) no-repeat 55px center; border:0}

.main_m{ width:100%; }
.main_m .view_left{ width: 100%; padding:0; border:0}
.main_m .view_right{ width: 100%; padding:0; margin-bottom:80px}
.main_m .view_title{ padding:20px; border-bottom:1px dotted #d5d5d8; overflow:hidden}
.main_m .view_title h1{ line-height:36px}
.main_m .upload_btn{ position:fixed; left:0; bottom:0; width:100% }
.view_qrcode img{ width:100%}
.main_m .gong{ margin-bottom:0}
.main_m .gong .upload_btn{ position: static}

.main_title{ padding:30px 0 0}
.main_title ul{ float:none; width:1200px; margin:0 auto; padding:0}
.main_news .mauto{ width:1200px}
.news_list{float:left;width:100%;margin: 20px 0 0 0; padding:0 0 20px; border-bottom:1px solid #eee; transition: all .3s;}
.news_list dl{transition: all .3s;}
.news_list dl dt{ float:left; width:200px; margin:15px 30px 20px 0}
.news_list dl dt img{width:100%;display:block; background:url(../images/260x156.png) no-repeat; border-radius:3px}
.news_list dl dd{margin-top:10px;line-height:20px;padding:0;}
.news_list dl dd span{ display:block; width:100%; line-height:1.5; font-size:18px; font-weight:700; text-align:justify;}
.news_list dl dd p{ font-size:15px; color:#888; padding:20px 0 0; line-height:1.5; text-align:justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_list em{ float:left; font-size:14px; color:#bbb; margin-right:30px}
.news_list.on dl{ height:310px;}

.video_list .news_list{ border:0}
.video_list li{ float:left; width:458px; height:260px; margin-top:30px; padding:10px 60px 30px; border:1px solid #eee; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.video_list li:nth-child(odd){ margin-right:40px}
.video_list dl dt{ float:right; width:160px; height:220px; margin:0 0 0 50px; border-radius:10px; overflow:hidden}

.product_view{ width:100%; height:400px; background:#262e41;}
.product_view .main_title{ color:#fff}
.product_box{ width:100%; height:400px; background:#fff; box-shadow:0 0 30px rgba(55,100,207,.2); overflow:hidden}
.product_left{ float:left; width:400px; height:400px; overflow:hidden;transition: all .3s; background:url(../images/ai.jpg) no-repeat center}

.product_right{ position:relative; float:left; width:700px; height:300px; padding:50px; background:#f7f9ff; overflow:hidden;transition: all .3s;}
.product_right h2{ font-size:36px; font-weight:300}
.product_right em{ color:#f60; font-size:46px; font-weight:300}
.product_right em.b{ color:#4b81a3}
.product_right em.c{ color:#e4d3c8}
.product_right dl{ float:left; height:58px; padding:30px 60px 10px 0}
.product_right dl dd{ padding-top:10px}
.product_right span a{ position:absolute; right:50px; bottom:20px; display:block; width:200px; line-height:50px; text-align:center; margin:18px 0; color:#fff; font-size:18px; background:#93abba; border-radius:6px}
.product_right span a:hover{ background:#f80}

.product_main{ width:100%; padding:10px 0 100px; background:#fff; margin:130px auto 0; overflow:hidden}
.product_main span.t1{ display:block; font-size:20px; border-left:3px solid #f40; padding-left:20px; margin:40px 0 20px}
.product_main table{ width:100%; text-align:center; border-collapse: collapse; }
.product_main table th{ background-color: #f7f9ff; border-bottom:1px solid #f5f5f5; font-weight:700; padding: 10px 0;text-align: center; }
.product_main table td{border-bottom: 1px solid #f5f5f5; padding: 10px 0; color:#666}
.product_main table tr td:first-of-type{ padding:10px 0}
.product_main table tr:nth-of-type(even){ background:#}
.product_main table tr:hover{background: #fcfcfc}
.product_main ul{ padding:0 40px}
.product_main ul li{ font-weight:700; font-size:16px; list-style:inherit; color:#333; padding:10px 0}
.product_main ul li p{ font-weight:500; font-size:14px; color:#666}

/* 产品切换 */
.w3cFocus{ width:100%; height: 500px; position:relative; padding:10px 0; }
.w3cFocus .prev,.w3cFocus .next{ position:absolute;  display:block;  left:10px; top:240px; width:46px; height:62px; background:url(../images/focusAdvBg.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
.w3cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
.w3cFocusIn{ width:1200px; height:500px; position:relative;  margin:0 auto;  overflow:hidden;  }
/* 关于我们 */
.main_about{ width:1100px; margin:0 auto 40px; background:#fff; padding:50px; font-size:18px; line-height:2em; text-align:justify}
.main_about p{ padding:0}
.main_about strong{ font-size:24px}
.about_time{ width:1200px; margin:50px auto 10px; height:100px; padding-top:30px; background:#fff; border:1px solid #eee; box-shadow:0 5px 5px rgba(0,0,0,.03)}
.about_time ul li{ float:left; width:300px; text-align:center; padding:0; font-size:18px; background:url(../images/l.gif) repeat-y right}
.about_time ul li:last-child{background:none}
.about_time ul li span{ position:relative; font-size:32px}
.about_time ul li em{ position:absolute; top:2px; right:-14px; font-size:12px}
.about_time ul li p{ font-size:16px}
/* 董事长致辞 */
.wwzbody{ width:90%; padding:0 5%}
.zorbvideo{ position:relative; z-index:1; width:760px; height: auto; margin:150px auto 0}
.wwz{ position:relative; width:1000px; margin:0 auto 250px; background:#fffbf8; padding:100px 100px 350px; font-size:15px; line-height:2em;text-align:justify; box-shadow:0 30px 30px rgba(0,0,0,.1)}
.wwz p{ padding:0; color:#8a6b48}
.wwz:before{ position:absolute; bottom:-200px; left:50%; margin-left:-677px; content:""; display:block; width:1354px; height:577px; background:url("../images/xf3.png") no-repeat center}
/* 经营团队 */
.zorbteam{ width:1200px; margin:0 auto 60px; overflow:hidden}
.zorbteam ul li{ position:relative; float:left; width:100%; height:120px; padding:30px 0; border-bottom:1px solid #eee;}
.zorbteam ul li img{ float:left; width:120px; height:120px; margin-right:30px; border-radius:50%}
.zorbteam ul li span{ float:left; width:240px; height:120px; font-weight:700}
.zorbteam ul li strong{ margin-top:30px; display:block; color:#3a3a3a; font-size:26px; font-weight:300; font-family:"Microsoft Yahei Light","Microsoft Yahei";}
.zorbteam ul li p{ position:absolute; top: 50%;right: 0;transform: translate(0, -50%); width:800px; color:#888;}
/* 常见问题 */
.slideTxtBox{ width:1200px; margin:0 auto 50px; font-size:16px;}
.slideTxtBox .hd{ padding:50px 0 10px; height:40px; line-height:40px; position:relative; font-size:12px; border-bottom:1px solid #eee; overflow:hidden}
.slideTxtBox .hd ul{ float:left; padding:11px 10px 0 0}
.slideTxtBox .hd ul li{ float:left; position:relative; display:block; line-height:22px; padding:0 20px; margin:0 5px; border-radius:2px; cursor:pointer;}
.slideTxtBox .hd ul li:before{ position:absolute; right:-5px; content:""; display:block; width:1px; height:100%; background:url(../images/l.gif) no-repeat right center}
.slideTxtBox .hd ul li.on{ background:#FF9800; color:#fff;}
.slideTxtBox .bd{ padding:30px 0}
.sideMenu{ display: none }
.sideMenu h3{ color:#8696a5; font-size:16px; height:50px; line-height:50px; cursor:pointer; border-bottom:1px solid #f2f2f2; font-weight: normal; }
.sideMenu h3 em{ float:left; display:block; width:50px; text-align:right; height:32px; background:url(../images/goods_ico.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on{ background:#f9f9f9; color:#2196F3; font-weight:700; font-size:18px; height:60px; line-height:60px; border:1px solid #eee; margin-top:-1px}
.sideMenu h3.on em{ background-position:16px -28px; font-size:18px}
.sideMenu .text{ padding:20px 50px 50px; display:none; margin-bottom:10px; border:1px solid #eee; border-top:0; box-shadow:0 5px 5px rgba(0,0,0,.03)}
.sideMenu .text i{ color:#f90}
.sideMenu span.mtext{ color:#c00}
.sideMenu span.tk{ color:#23466a; border:1px dashed #b4c5d7; display:block; padding:10px 20px; line-height:24px; background:#e8eff6}
.sideMenu span.tk strong{ color:#f60}
/* 联系我们 */
.contact{ width:1200px; margin:-50px auto 200px; overflow:hidden}
.contact ul li{ float:left; width:320px; font-size:14px; line-height:30px; color:#888}
.contact ul li.wx{ width:300px}
.contact ul li.adr{ width:580px}
.contact ul li span, .contact ul li h3{ display:block; font-size:20px; margin:50px 0 20px; font-weight:700; color:#3a3a3a}
.contact ul li dl{ float:left; text-align:center; width:100px; padding:10px 20px 0 0}
.contact ul li dt img{ width:100%; border:1px solid #ddd}
.contact ul li em{ color:#c00; font-size:28px}
/* 下载中心 */
.downlist{ width:100%; margin:0 auto; padding:100px 0; overflow:hidden }
.downlist ul{ width:1200px; margin:0 auto;}
.downlist ul li{ float:left; width:380px; margin:10px; text-align:center; }
.downlist ul li span{ display:block; margin-bottom:10px; color:#3a3a3a}
.downlist ul li a{ color:#cdb06c; display:block; height:60px; padding:20px 0; background:#fff; border-radius:10px; box-shadow:0 2px 50px rgba(0,0,0,.05)}
.downlist ul li a:hover{ box-shadow:none}

.side_video .btn{ position:relative; width:100%; border-radius:10px; overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1); cursor:pointer}
.side_video .btn img{ float:left;width:100%}
.side_video .btn:before{z-index:1; position:absolute; left:0; right:0; top:55%; opacity:0; content:""; display:block; width:63px; height:63px; margin:-32px auto 0; background:url('../images/play_btn.png') no-repeat center;transition: all .3s;}
.side_video .btn:after{ position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0);transition: all .3s;}
.side_video.on .btn:before{ top:50%; opacity:1}
.side_video.on .btn:after{background:rgba(0,0,0,.2)}

.position_bar.investmentbanner{ height:100vh; min-height:923px; background:url('../images/abg.jpg') no-repeat center bottom}
.position_bar.aboutbanner{ height:650px; background:url('../video/about_bg.jpg') no-repeat center}
.position_bar.teambanner{ height:650px; background:url('../video/team_bg.jpg') no-repeat center}
.position_bar.culturebanner{ height:650px; background:#000}
.position_bar.newsjobbanner{ height:370px; background: url('https://hk.rabbitfund.com.cn/templates/hk/images/bg/03.jpg') center center no-repeat;}
.position_bar.videobg{ height:650px; background:url(../images/bg.jpg) no-repeat center top fixed;}
.xmask5 {background-image: linear-gradient(to bottom right, rgba(17,0,1,.5), rgba(192,0,0,.9));width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.xmask7 {background-image: linear-gradient(to bottom right, rgba(4,5,25,1), rgba(0,0,0,0));width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.5s;}
.investmentbanner .main_title{ position:absolute; z-index:1; top:125px; margin:0; padding:0; border-top:1px solid rgba(255,255,255,.1)}
.investmentbanner .main_title ul li{ background:url(../images/l.gif) no-repeat right 50%}
.investmentbanner .main_title ul li a{ color:rgba(255,255,255,.5); padding:30px 0}
.investmentbanner .main_title ul li a:hover{ color:#fff}
.investmentbanner .main_title ul li.on a{ color:#cdb06c; border:0; border-top:3px solid}


.about2{ position:absolute; z-index:2; left:0; bottom:40px; right:0;}
.about2 ul{ width:1260px; margin:0 auto; display:flex; justify-content:space-between;}
.about2 ul li { width:330px; transition: all .3s;}
.about2 ul li span{ width:100%; padding:0 30px; border-left:1px solid rgba(255,255,255,.1); display:flex; flex-direction: column; justify-content:flex-start;}
.about2 ul li:first-child span{ border:0}
.about2 ul li strong{ color:rgba(255,255,255,.3); font-size:28px; font-weight:700; transition: all .3s;}
.about2 ul li p{ color:rgba(255,255,255,.3); font-size:13px; padding-top:20px; line-height:1.4; text-align:justify; transition: all .3s;}
.about2 ul li.on strong{ color:#cdb06c}
.about2 ul li.on p{ color:#fff}

.culturebg{position:relative;width:100%;height:100%;overflow:hidden;}
.culturebg:before{z-index:2;position:absolute;bottom:0;width:100%;height:200px;content:"";display:block;background-image: linear-gradient(to bottom, rgba(4,25,18,.5), rgba(0,0,0,0));-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.culturebg:after {z-index:2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content:"";display:block;background-image: linear-gradient(to bottom right, rgba(4,5,25,.5), rgba(0,0,0,0));transition: all 0.5s;}
.culturebg ul li{ opacity:0; position:absolute; z-index:-1; left:0; right:0; top:0; content:""; display:block; width:100%; height:100%; transition: all 1s;}
.culturebg ul li video{ position:absolute; left:0; bottom:0; width:100%;opacity:0;}
.culturebg ul li.c1{background:url('../video/culture_bg.jpg') no-repeat center bottom}
.culturebg ul li.c1:before{ content:""; display:block; background: url('../images/x.png') repeat; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.culturebg ul li.c2{background:url('../images/pic/ab2.jpg') no-repeat center top; background-size:cover}
.culturebg ul li.c3{background:url('../images/pic/ab1.jpg') no-repeat center -150px; background-size:cover}
.culturebg ul li.on{z-index:1;opacity:1;}
.culturebg ul li.on video{z-index:-1; opacity:1}

.about3{ position:relative; width:1200px; margin:auto; text-align:center; padding:60px 0;}
.about3 .title{ position:relative; color:#999;font-size:36px; font-weight:700; margin:30px 0}
.about3 ul{ display:flex; justify-content:space-between;}
.about3 ul li{ position:relative; width:260px; padding:30px 0; display:flex; flex-direction: column; align-items:center; border:1px solid #fff}
.about3 ul li .btn{ position:relative; width:260px; height:347px; border-radius:10px; overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1); cursor:pointer}
.about3 ul li .btn:before{ z-index:1; position:absolute; left:0; right:0; top:55%; opacity:0; content:""; display:block; width:63px; height:63px; margin:-32px auto 0; background:url('../images/play_btn.png') no-repeat center;transition: all .3s;}
.about3 ul li .btn:after{ position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0);transition: all .3s;}
.about3 ul li img{ width:100%; border-radius:5px}
.about3 ul li span{ display:block; margin-top:50px; font-size:20px; font-weight:700}
.about3 ul li p{ font-size:16px; line-height:2; text-align:justify; padding:50px 0}
.about3 ul li.on .btn:before{ top:50%; opacity:1}
.about3 ul li.on .btn:after{background:rgba(0,0,0,.2)}
/*投资理念*/
.investment{ position:relative; z-index:1; height:100%; padding:0 90px; display:flex; justify-content:center;-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}
.investment .li{ position:relative; width:600px; padding:175px 0 0; transition: all .3s;}
.investment .lit{ position:absolute; bottom:85px; left:0; right:0; padding:20px 40px; color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.2);transition: all .3s;}
.investment .lit span{ font-size:20px;white-space:nowrap;}
.investment .lit p{ opacity:.5; padding:10px 0 0 0;white-space:nowrap;}
.investment .li.on .lit{ background:#fff; color:#000}

.maper_box{position:relative;width:200%;opacity:0;transform: translate3d(0, 30px, 0);transition: all .3s;}
.maper_box .mb_1{ position:absolute; top:180px; width:100%; height:196px; background:url('../images/maper.png') no-repeat center}
.maper_box .mb_2{ position:absolute; top:100px; width:100%; height:316px; background:url('../images/maper_00.png?=1') no-repeat center}
.maper{ position:relative;}
.maper li{ position:absolute; left:50%; top:40px; text-align:center}
.maper li.m{ margin:0 0 0 -35px}
.maper li.a{ margin:150px 0 0 180px}
.maper li.p{ margin:350px 0 0 120px}
.maper li.e{ margin:355px 0 0 -190px}
.maper li.r{ margin:150px 0 0 -250px}
.maper li span{ font-size:18px; color:#fff}
.maper li em{ font-size:15px; color:rgba(255,255,255,.3); display:block}
.maper li b{ font-size:18px; color:#cdb06c; font-weight:300;}

.season_box{ position:relative; margin:40px 0 0 -100%; width:200%; height:436px;opacity:0;transform: translate3d(0, 30px, 0);transition: all .3s;}
.season_3,.season_2,.season_1,.season_0{ position:absolute; width:100%; height:100%;}
.season_3{ background:url('../images/season_3.png') no-repeat center}
.season_2{ background:url('../images/season_2_2.png') no-repeat center}
.season_1{ background:url('../images/season_1.png') no-repeat center}
.season_0{ background:url('../images/season_0.png') no-repeat center}
@keyframes rotate3 {
  from {transform: rotate(0deg);}
  to {transform: rotate(-180deg);}
}
.investment .li.on .maper_box{ opacity:1;transform: translate3d(0, 0, 0); transition-delay:.3s}
.investment .li.on .season_box{ opacity:1;transform: translate3d(0, 0, 0); transition-delay:.3s}
.investment .li.on .season_2{animation: rotate3 3s 1s 4 ease}

.strategy_box{ z-index:1; position:relative; margin-top:225px; text-align:center; padding:0 20px}
.strategy_box span{ color:#fff; font-size:30px; font-weight:700}
.strategy_box p{ color:rgba(255,255,255,.5); font-size:16px; padding-top:20px}

.linebox{position: relative; width:100%; height:720px; background:url('../images/pmap.png') no-repeat center; overflow:hidden}
.pointbox{ margin:300px 0 0; display:flex; justify-content:space-around; border-top:1px solid #a00000}
.po{ position:relative; top:-7px; display:flex; justify-content:center}
.po:before{ content:''; display:block; width: 9px;height: 9px;background: #fff;border-radius:50%;border:2px solid #a00000}
.po:after{ position:absolute; top:-100px; content:''; display:block; width:50px; height:50px; background:url('../images/tz.png?=1') no-repeat center; background-size:cover; opacity:0;transition: all .3s .3s;}
.p2{ }
.p3{ }
.p4{ }
.p5{ }
.p6{ }
.p7{ }
.p8{ }
.po em{ position:absolute; top:-40px; font-size:20px; font-weight:700; white-space:nowrap;transition: all .3s;}
.po span{ position:absolute; top:30px; width:100px; padding:20px; border-radius:8px; text-align:justify; box-shadow:0 5px 20px rgba(0,0,0,.05); background:#fff; transition: all .3s}
.po.on:after{ top:-110px; opacity:1}
.po.on em{ top:-60px; font-size:30px; color:#a00000}
.po.on span{ background:#a00000; color:#fff;}
/*投研团队*/
.ir_team{ position:relative; z-index:1; width:1200px; margin:250px auto 0; display:flex; justify-content:space-around;-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}
.ir_team .li{ padding:400px 0 0}
.ir_team .li .avatar{ width:70px; height:70px; background:#4d5a64; border:2px solid #4d5a64; border-radius:50%; overflow:hidden; transition: all .3s}
.ir_team .li .avatar img{ width:100%}
.ir_team .li:before{ position:absolute; z-index:3; top:-60px; right:-50px; content:""; display:block; width:315px; height:475px;filter: blur(10px); opacity:0; transition: all 1s;}
.ir_team .li.a1:before{ background:url('../images/avatar/a1.png') no-repeat center}
.ir_team .li.a2:before{ background:url('../images/avatar/a2.png') no-repeat center}
.ir_team .li.a3:before{ background:url('../images/avatar/a3.png') no-repeat center}
.ir_team .li.a4:before{ background:url('../images/avatar/a4.png') no-repeat center}
.ir_team .li.a5:before{ background:url('../images/avatar/a5.png') no-repeat center}
.ir_team .li.a6:before{ background:url('../images/avatar/a6.png') no-repeat center}
.ir_team .li.a7:before{ background:url('../images/avatar/a7.png') no-repeat center}
.ir_team .li.a8:before{ background:url('../images/avatar/a8.png') no-repeat center}
.ir_team .li.a9:before{ background:url('../images/avatar/a9.png') no-repeat center}
.ir_team .li.a10:before{ background:url('../images/avatar/a10.png') no-repeat center}
.ir_team .li.a11:before{ background:url('../images/avatar/a11.png') no-repeat center}
.ir_team .li.a12:before{ background:url('../images/avatar/a12.png') no-repeat center}
.ir_team .li .info{ position:absolute; left:0; bottom:170px; opacity:0; transform: translate3d(0, 30px, 0); transition: all .3s;}
.ir_team .li .info span{ padding:0 60px; }
.ir_team .li .info strong{ font-size:30px; color:#fff; font-weight:300}
.ir_team .li .info i{ font-family: 'Microsoft yahei'; color:rgb(205 176 108 / 60%); margin-left:20px}
.ir_team .li .info p{ margin-top:20px; line-height:2em; padding:30px 350px 40px 60px; color:rgba(255,255,255,.5); background:rgba(0,0,0,.05); border-radius:10px}

.ir_team .li.on:before{right:0;filter: blur(0);opacity:1;}
.ir_team .li.on .avatar{ background:#cdb06c; border-color:#cdb06c}
.ir_team .li.on .info{ opacity:1; transform: translate3d(0, 0, 0); transition-delay:.3s}

.ir_team_focus{ position:absolute; left:0; bottom:170px; opacity:0; transform: translate3d(0, 30px, 0); transition: all .3s;}
.ir_team .li.a0 .avatar{ display:flex; justify-content:center; align-items:center}
.ir_team .li.a0 .avatar svg{ width:30px; height:30px}
.ir_team .li.a0 .avatar path{ fill:#304352}
.ir_team_focus ul{ display:flex; justify-content:space-between}
.ir_team_focus ul li{ flex:1; color:rgba(255,255,255,.5); padding:20px 80px; color:rgba(255,255,255,.5); border-left:1px solid rgba(255,255,255,.2);transition: all .3s;}
.ir_team_focus ul li:first-child{ border:0}
.ir_team_focus ul li span{ position:relative; margin:0 0 20px; display:block; font-size:16px; color:#cdb06c}
.ir_team_focus ul li span:after{ position:absolute; right:-40px; top:50%; content:""; display:none; width:30px; height:1px; background:rgba(255,255,255,.3)}
.ir_team .li.on .ir_team_focus{ opacity:1; transform: translate3d(0, 0, 0); transition-delay:.3s}
/* 滚动文字 */
.txtScroll-top{ display:none; position:relative; margin-top:30px; overflow:hidden}
.txtScroll-top .bd{ margin:0 auto;padding:15px}
.txtScroll-top ul{ display:flex; justify-content:space-between}
.txtScroll-top ul li{ flex:1; color:rgba(255,255,255,.5); padding:20px 80px; color:rgba(255,255,255,.5); border-left:1px solid rgba(255,255,255,.2);transition: all .3s;}
.txtScroll-top ul li:first-child{ border:0}
.txtScroll-top ul li span{ position:relative; margin-right:50px; display:block; font-size:16px; color:#cdb06c}
.txtScroll-top ul li span:after{ position:absolute; right:-40px; top:50%; content:""; display:none; width:30px; height:1px; background:rgba(255,255,255,.3)}
/* 招聘 */
.banner-text{ z-index:1; position:absolute; width: 100%; top: 45%; color:rgba(255,255,255,.7); font-size:24px; text-align:center; line-height:2.5em;letter-spacing:4px;-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}
.banner-text h3{ font-size:50px; font-weight:700; color:#fff}
@media screen and (max-width: 767px) {
    .header_main{ height:40px; background:none; box-shadow:none}
    .header h1 a{ margin-right:10px; width:30px; height:40px; background:url(../images/logo.png) no-repeat left center; background-size:auto 30px;transition:none}
    .header_main .menu{ float:none; margin:0; }
    .header_main .menu ul li{ width:50px; padding:0; font-size:10px}
    .header_main .menu ul li span a{ height:auto; line-height:16px; padding:5px 15px 0; border-radius:0; color:#fff}
    .header_main .menu ul li.on span a{background:rgba(46, 60, 78, 0.95);color:#fff}
    .header_main .menu ul li.login{ display:none}

    .header_main .menu ul li ol{ left:0; width:100%; padding:10px 0; border-radius:2px;background:rgba(46, 60, 78, 0.95)}
    .header_main .menu ol li{ width:100%; padding:0}
    .header_main .menu ol li a{ font-size:14px}

    .header_fixed{ background: rgba(255, 255, 255, 0.95);box-shadow:0 0 5px rgba(0,0,0,.2)}
    
    .position_bar{height:40px; background:#333}
    .position_bar:after{display:none}
    .position_bar.nobg{ background:#333; height:40px}
    .position_bar.baidumap{ height:370px; background:#eee url(../images/map.jpg) no-repeat center top;}
    
    .baidumap:after{ display:block;background:rgba(38, 50, 60, 0.4)}
    .map_on{z-index:9999}
    .map_on:after,.map_on .p{ display:none}

	.view_content_link{ flex-direction: column-reverse; padding-top:0; border:0}
	.link_r{ width:100%}
	.link_l{ padding-top:50px}
    /* 关于我们 */
	.main_title{ padding:0}
	.main_title ul{ width:100%}
	.main_title ul li{ width:20%; padding:0; background:none; margin:0}
	.main_title ul li a{ font-size:12px; display:block; line-height:22px; padding-bottom:10px; background:none;white-space: nowrap;}
	.main_title ul li.on a{ color:#cdb06c; border-bottom:3px solid}
	
    .main_about{ width:auto; margin:0 auto; font-size:14px; padding:50px 25px}
    .about_time{ margin:0 auto; width:auto; height:80px; border:.5px solid #eee; border-left:0; border-right:0; border-top:0}
    .about_time ul li{ width:25%; font-size:16px}
    .about_time ul li span{ font-size:20px}
    .about_time ul li em{ top:0; right:-14px; font-size:14x}
    .about_time ul li p{ font-size:10px}
    /* 常见问题 */
    .slideTxtBox{ width:auto; margin:0 auto; font-size:14px;}
    .slideTxtBox .hd{ height:auto; border:0}
    .slideTxtBox .hd ul{ padding:0 3% 0 2%; width:95%}
    .slideTxtBox .hd ul li{ width:24%; padding:10px 0; margin:1% 0 0 1%; text-align:center; background:#f9f9f9}
    .slideTxtBox .hd ul li:before{ display:none}
    .slideTxtBox .bd{ padding:30px 0}
    .sideMenu{ display: none }
    .sideMenu h3{ font-size:14px; height:40px; line-height:40px; border-bottom:.5px solid #f2f2f2}
    .sideMenu h3 em{ width:40px}
    .sideMenu h3.on{ font-size:16px; height:50px; line-height:50px; border:.5px solid #eee; border-left:0; border-right:0; margin-top:-1px}
    .sideMenu .text{ padding:20px 40px 40px; border:0; border-bottom:.5px solid #eee}
    /* 联系我们 */
    .contact{ width:auto; margin:-50px auto 50px}
    .contact ul li{ float:left; width:94%; padding:0 3%}
    .contact ul li.wx{ width:auto}
	.contact ul li.adr{ width:auto}
    .contact ul li dl{ width:80px; padding:10px 20px 10px 0}

    .page{ width:94%; padding:50px 3%; height:auto; line-height:30px}
    .page a{ margin:5px 5px 0 0; padding:0 12px; border-radius:2px;}
    .page a.select{border-radius:2px}

    .view_left{ width:94%; padding:50px 3%; border:0}
    .view_right{ width:100%}
    .view_title h1{ font-size:22px}
    .view_title li{ font-size:11px}
    .view_content{ padding:30px 15px; font-size:14px}
    .next_view{ margin-top:0}
    .next_view li a{ font-size:14px}
    
    .right_newslist{ width: 100%; margin:0; overflow:hidden}

    /* 董事长致辞 */
    .wwzbody{ width:100%; padding:0}
    .zorbvideo{ width:85%; margin:50px auto}
    .wwz{ width:auto; margin:0 20px 50px; padding:50px 25px 200px;}
	.wwz:before{ bottom:-220px; left:0; margin-left:-5%; width:110%; height:577px; background:url("../images/xf2.png") no-repeat center; background-size:100%}
	.wwz:after{ position:absolute; right:25px; content:""; display:block; width:150px; height:30px; background:url("../images/name_wwz.png") no-repeat center; background-size:cover}
    /* 经营团队 */
    .zorbteam{ width:100%; margin:0 auto 60px}
    .zorbteam ul li{ float:left; width:auto; height:auto; padding:25px}
	.zorbteam ul li:last-child{ border:0}
    .zorbteam ul li img{ width:80px; height:80px; margin-right:25px;}
    .zorbteam ul li span{ width:auto; height:100px;}
    .zorbteam ul li strong{ margin-top:10px}
    .zorbteam ul li p{ position:static; transform: none; width:100%; overflow:hidden}

    .main_news .mauto{ width:100%}
    .news_list{ float:none; display:block; width:auto; padding:0 25px 20px 15px; overflow:hidden}
	.main_news .news_index li:last-child .news_list{ border:0}
    .news_list dl dt{ width:100px; margin:15px 15px 20px 0}
    .news_list dl dd span{ font-size:16px;}
    .news_list dl dd p{ padding:10px 0 0; font-size:12px; text-align:justify;}
    .news_list dl dd p.d{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
    .news_list em{ font-size:12px; margin-right:10px}
    /* 下载中心 */
    .downlist{ padding:30px 0}
    .downlist ul{ width:100%}
    .downlist ul li{ width:100%; margin:10px 0}

	.position_bar.investmentbanner{ min-height:100vh}
	.position_bar.aboutbanner{ height:250px; background-size:140%}
	.position_bar.aboutbanner .xvideo{ display:none}
	.position_bar.teambanner{ height:250px; background-size:125%}
	.position_bar.teambanner .xvideo{ display:none}
	.position_bar.culturebanner{ height:250px; background:#000}
	.position_bar.newsjobbanner{ height:370px; background: url('https://hk.rabbitfund.com.cn/templates/hk/images/bg/03.jpg') center center no-repeat;}
	.position_bar.videobg{ height:250px; background-size:200%}

	.investmentbanner .main_title{ top:40px; left:0; right:0;}

	.about2{ bottom:0;}
	.about2 ul{ position:relative; width:100%; margin:0 auto; display:flex; justify-content:space-between;}
	.about2 ul li { width:100%; height:100px; transition: all .3s; text-align:center}
	.about2 ul li span{ padding:0; border-left:1px solid rgba(255,255,255,.1); display:flex; flex-direction: column; justify-content:flex-start;}
	.about2 ul li:first-child span{ border:0}
	.about2 ul li strong{ color:rgba(255,255,255,.3); font-size:16px; font-weight:300; transition: all .3s;}
	.about2 ul li p{ position:absolute; left:20px; right:20px; bottom:0; opacity:0; font-size:10px; text-align:center; height:80px; padding:0; display:flex; justify-content:center; align-items:center}
	.about2 ul li.on strong{ color:#cdb06c; font-weight:700}
	.about2 ul li.on p{ opacity:1; color:#fff}

	.culturebg:before{height:110px}
	.culturebg ul li video{ display:none}
	.culturebg ul li.c1{background:url('../video/culture_bg.jpg') no-repeat center bottom; background-size:120%}
	.culturebg ul li.c1:before{background-size:2px}
	.culturebg ul li.c2{background:url('../images/pic/ab2.jpg') no-repeat center top; background-size:cover}
	.culturebg ul li.c3{background:url('../images/pic/ab1.jpg') no-repeat center -40px; background-size:cover}
	.culturebg ul li.on{z-index:1;opacity:1;}
	.culturebg ul li.on video{z-index:-1; opacity:1}

	.about3{ width:100%; padding:50px 0;}
	.about3 ul{ flex-direction:column}
	.about3 ul li{ width:auto; padding:60px 30px; border-bottom:1px solid #eee}
	.about3 ul li:last-child{ border:0}
	.about3 ul li span{ margin-top:20px}
	.about3 ul li p{ padding:20px 0}

	/*投资理念*/
	.investment{ padding:0}
	.investment .li{ width:100%; padding:140px 0 0}
	.investment .lit{ position:absolute; bottom:85px; left:0; right:0; padding:20px; height:80px}
	.investment .lit span{ font-size:16px}
	.investment .lit p{ font-size:12px; white-space:normal}
	
	.maper_box{zoom:.65}
	.maper_box .mb_1{ top:-100px; background-size:90%}
	.maper_box .mb_2{ top:100px}
	.maper li.p{ margin:350px 0 0 120px; display:block;left:50%; top:40px;}
	.maper li em{ font-size:20px}
	.maper li b{ font-size:22px}
	
	.season_box{ margin:40px 0 0 -100%; zoom:.7}
	@keyframes rotate {
	  from {transform: rotate(0deg);}
	  to {transform: rotate(-180deg);}
	}
	.investment .li.on .maper_box{ opacity:1;transform: translate3d(0, 0, 0); transition-delay:.3s}
	.investment .li.on .season_box{ opacity:1;transform: translate3d(0, 0, 0); transition-delay:.3s}
	.investment .li.on .season_2{animation: rotate 3s 1s 4 ease}
	
	.strategy_box{ margin-top:140px}
	.strategy_box span{ font-size:26px}
	.strategy_box p{ font-size:12px}

	.linebox{height:520px;overflow-x:scroll}
	.pointbox{ width:1200px; height:100%; margin:120px 0 0;}
	.po:after{ top:-50px; width:30px; height:30px}
	.po em{ top:-40px; font-size:16px}
	.po span{ font-size:12px; top:30px; width:80px}
	.po.on:after{ top:-80px}
	.po.on em{ top:-50px; font-size:26px}
	/*投研团队*/
	.ir_team{ width:100%; margin:120px auto 0; flex-wrap:wrap; justify-content:center;}
	.ir_team .li{ padding:4px}
	.ir_team .li .avatar{ width:30px; height:30px}
	.ir_team .li:before{ top:150px; right:-150px; zoom:.5}
	.ir_team .li .info{ left:0; top:120px; }
	.ir_team .li .info span{ padding:0 20px}
	.ir_team .li .info strong{ font-size:20px;}
	.ir_team .li .info i{ font-size:10px; margin-left:10px}
	.ir_team .li .info p{ font-size:10px; margin-top:10px; padding:10px 130px 20px 20px; border-radius:0}
	.ir_team .li.on:before{right:-50px}

	.ir_team_focus{ top:120px}
	.ir_team .li.a0 .avatar svg{ width:16px; height:16px}
	.ir_team_focus ul{ flex-direction:column}
	.ir_team_focus ul li{ margin:0 50px 0 30px; padding:30px 0; border:0; border-bottom:1px solid rgba(255,255,255,.2)}
	.ir_team_focus ul li:first-child{ border-bottom:1px solid rgba(255,255,255,.2)}
	.ir_team_focus ul li:last-child{ border:0}
	.ir_team_focus ul li span{ margin:0 0 10px}
	/* 滚动文字 */
	.txtScroll-top{ margin:0; position:absolute; bottom:50px}
	.txtScroll-top .bd{ padding:15px 0}
	.txtScroll-top ul li{ flex:1; font-size:10px; padding:10px}
	.txtScroll-top ul li span{ margin:0 0 10px; font-size:12px}

	.video_list .news_list{ padding:0}
	.video_list li{ float:none; width:auto; height:auto; margin-top:0; padding:10px 20px 30px; border:0; border-bottom:1px solid #eee; border-radius:0;}
	.video_list li:nth-child(odd){ margin-right:0}
	.video_list dl dt{ width:100px; height:138px; margin:0 0 0 20px; border-radius:5px;}

	.side_video .btn{ width:60%; margin:0 auto 30px}
	.side_video .btn:before{ top:50%; opacity:1}
	.side_video .btn:after{ background:rgba(0,0,0,.2)}

	.right_newslist{ width: auto}
	.right_newslist .news_index{ width: auto }
	.right_newslist .news_index .news_item{ height:auto; padding-bottom:20px}
	.right_newslist .news_index li:last-child .news_item{ border:0}
	.right_newslist .news_index .news_item dl{ height:auto}
	/* 招聘 */
	.banner-text{ font-size:16px}
	.banner-text h3{ font-size:30px}
}
@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}