CINXE.COM
关于隆众
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>关于隆众</title> <!-- 顶部导航栏--> <link rel="stylesheet" type="text/css" href="https://a1static.oilchem.net/logincenter/css/alertLogin.css?v=20221019"> <link rel="icon" href="https://member.oilchem.net/static/favicon.ico"> <link rel="stylesheet" href="https://a1static.oilchem.net/element-ui/index.css"> <link rel="stylesheet" href="https://a1static.oilchem.net/lzhome/swiper/swiper-bundle.min.css"> <link rel="stylesheet" href="https://a1static.oilchem.net/aboutMe/css/normalize.css"> <!-- 顶部导航的css--> <link rel="stylesheet" href="https://a1static.oilchem.net/aboutMe/css/navheader.css"> <!-- <link href="https://img1.oilchem.net/css/public_lz.css" rel="stylesheet" type="text/css" />--> <style> :root { --primary-color: #D23023; --primary-text-color: #808080; --primary-background-white: #f1f4f7; --primary-background-gray: #ECEFF2; --primary-font: Source Han Sans CN; } html, body { padding: 0; margin: 0; min-width: 1200px; } ul, h2 { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; } [v-cloak] { display: none; } /*公用样式*/ .common_list { display: flex; flex-wrap: wrap; } .common_list_item_active { box-shadow: -8px -8px 8px rgba(255, 255, 255, 0.4), 10px 10px 25px #D3D9E6 !important; } .common_list_item_active .common_title { color: var(--primary-color); } /*垂直水平居中*/ .common_center { display: flex; justify-content: center; align-items: center; } /*顶部*/ .top { display: flex; flex-direction: column; align-items: center; height: 560px; background-image: url(https://a1static.oilchem.net/aboutMe/image/index/top_banner.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } .top .nav, .top .header { width: 1200px; } .top .nav { display: flex; justify-content: space-between; margin: 36px 0 60px 0 } .top .nav .logo { cursor: pointer; height: 40px; } .top .nav .right_nav { display: flex; color: #FFFFFF; font-size: 16px; font-weight: 400; } .right_nav li { cursor: pointer; } .active { font-weight: 700; } .top .header h1 { font-size: 72px; color: #FFFFFF; margin-top: 0; margin-left: 10px; margin-bottom: 0; text-shadow: -3px -3px 3px rgba(251, 109, 109, 0.25), 3px 3px 8px #9A251D } .top .header h1:nth-child(2) { margin-top: 24px; } .top .header p { color: #FFFFFF; font-size: 24px; font-weight: 700; margin: 0 0 0 10px; text-shadow: -4px -4px 4px rgba(251, 109, 109, 0.3), 4px 4px 10px #9A251D } #index { margin-top: 31px; font-family: var(--primary-font) !important; background-image: linear-gradient( to bottom, var(--primary-background-white) 0, var(--primary-background-white) 940px, var(--primary-background-gray) 940px, var(--primary-background-gray) 1468px, var(--primary-background-white) 1468px, var(--primary-background-white) 1815px, rgba(210, 48, 35, 0.98) 1815px, rgba(210, 48, 35, 0.98) 2295px, var(--primary-background-white) 2295px, var(--primary-background-white) 3803px, var(--primary-background-gray) 3803px, var(--primary-background-gray) 4450px, var(--primary-background-white) 4450px, var(--primary-background-white) 100%); } /*主体内容*/ .main { width: 1200px; margin: -147px auto 0 auto; border-radius: 25px 25px 0 0; background: linear-gradient( to bottom, var(--primary-background-white) 0, var(--primary-background-white) 528px, var(--primary-background-gray) 528px, var(--primary-background-gray) 1100px, var(--primary-background-white) 1100px, var(--primary-background-white) 100% ); } .main_title { display: inline-block; padding-top: 38px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); } .main_title span { color: var(--primary-color); } .introduction { overflow: hidden; } .intro_text_container { height: 185px; margin: 67px 91px 0 89px; } .intro_text { margin: 23px 0 0 0; line-height: 28px; color: var(--primary-text-color); } .intro_swiper { display: flex; align-items: center; width: 1200px; height: 320px; margin-top: 43px; background-image: url(https://a1static.oilchem.net/aboutMe/image/index/bg/swiper_bg.png); background-position: center 80%; background-size: cover; border-radius: 300px; } .swiper-container { height: 245px; margin-top: 10px; width: 1130px; border-radius: 300px; } .swiper-wrapper { margin: 30px; } .swiper-slide { display: flex; box-sizing: border-box; } .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #E7ECF1; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.25), inset 2px 2px 10px rgba(0, 0, 0, 0.1); } .swiper-pagination-bullet-active { background-color: #CCD2D9; } .swiper-button-prev, .swiper-button-next { width: 40px; background-repeat: no-repeat; } .swiper-button-prev { left: 30px; background-image: url(https://a1static.oilchem.net/aboutMe/image/index/arrow_left.png); } .swiper-button-next { right: 30px; background-image: url(https://a1static.oilchem.net/aboutMe/image/index/arrow_right.png); } .swiper-button-prev:after, .swiper-button-next:after { content: ''; } .swiper_number { font-size: 80px; color: #c8281d; font-weight: 700; line-height: 90px; letter-spacing: -0.02em; } .slide { justify-content: center; } .swiper_slide_item { position: relative; display: flex; flex-direction: column; justify-content: center; height: 80%; margin-right: 59px; } .swiper_slide_item:after { content: ''; position: absolute; display: block; right: -30px; height: 100px; width: 4px; background: #E7ECF1; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.25), inset 2px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 20px; } .swiper_slide_item_last:after { width: 0; } .swiper_text { color: var(--primary-text-color); padding-left: 5px; } .industry { background-color: var(--primary-background-gray); } .industry_container { margin: 0 91px 0 89px; } .industry_list { display: flex; flex-wrap: wrap; margin-top: 33px; } .industry_item { display: flex; flex-direction: column; align-items: center; margin-right: 25px; } .industry_item:nth-child(11), .industry_item:nth-child(22) { margin-right: 0; } .industry_item:hover .industry_item_icon { background-color: var(--primary-color); box-shadow: inset -2px -2px 2px rgba(255, 152, 152, 0.4), inset 2px 2px 8px rgba(0, 0, 0, 0.25); } .industry_item:hover .industry_item_text { color: var(--primary-color); } .industry_item_icon { width: 70px; height: 70px; background: var(--primary-background-gray); box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.5), inset 2px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 60px; transition: .2s; } .industry_item_text { text-align: center; color: var(--primary-text-color); margin-bottom: 40px; } .company_honor_container, .develop_history_container, .product_container { margin: 40px 91px 0 89px; } .company_honor { position: relative; background-color: var(--primary-background-white); } .company_title { cursor: pointer } .honor_detail { display: flex; } .honor_detail p { color: var(--primary-text-color); margin: 8px 0; } .honor_detail_left { height: 100%; width: 45%; } .honor_detail_right { height: 100%; width: 55%; } .honor_detail_title { color: #000000 !important; font-weight: 700; } .honor_detail { position: absolute; z-index: 2; top: -445px; left: 0; width: 1200px; padding: 30px 70px 50px 70px; box-sizing: border-box; border-radius: 20px; box-shadow: -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; background-color: var(--primary-background-gray) } .honor_detail::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(https://a1static.oilchem.net/aboutMe/image/index/bg/blur_bg.png); background-repeat: no-repeat; background-position: 40px 0; -webkit-filter: blur(20px); -moz-filter: blur(8px); -ms-filter: blur(8px); -o-filter: blur(8px); filter: blur(8px); z-index: -3; } .company_honor_list { display: flex; margin-top: 30px; } .company_honor_item { flex-direction: column; margin-right: 18px; } .company_honor_item:nth-last-child(1) { margin-right: 0; } .company_honor_item_logo { margin-bottom: 14px; width: 190px; height: 120px; background: var(--primary-background-white); box-shadow: -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; border-radius: 25px; } .xinhuashe { background-blend-mode: multiply; background-position: center center; background-repeat: no-repeat; background-image: url(https://a1static.oilchem.net/aboutMe/image/index/logo/logo_xinhuashe.png); } .company_honor_text_list { display: flex; } .company_honor_text_list .text_list_item { text-align: center; margin-right: 8px; } .company_honor_text_list .item_text { width: 199px; } .item_text p { margin-top: 5px; } .develop_history_container { position: relative; } .develop_history { height: 480px; background: rgba(210, 48, 35, 0.98); } .dev_title { color: #FFCCCC; border-color: #FFCCCC; } .dev_title span { color: #FFFFFF; } .develop_list { display: flex; flex-wrap: wrap; margin-top: 31px; } .develop_list_item { flex-direction: column; margin-right: 42px; cursor: pointer; } .active_text { color: #FFFFFF !important; } .item_circle { position: relative; width: 170px; height: 170px; box-sizing: border-box; border-radius: 50%; box-shadow: inset 2px 2px 1px rgba(0, 0, 0, .2), 2px 2px 1px rgba(230, 230, 230, 0.1); font-weight: 700; font-size: 30px; line-height: 28px; text-align: center; color: rgba(255, 204, 204, 0.8); background-color: #ca2e22; transition: .3s; } .develop_history_line { position: absolute; top: 2035px; right: 0; left: 0; width: 100%; min-width: 1200px; height: 10px; background-color: #ca2e22; box-shadow: 0 -0.1px rgba(0, 0, 0, 1), 0 -0.1px rgba(230, 230, 230, .3); } .item_circle:after { content: ''; display: block; position: absolute; z-index: 9; right: -46px; width: 49px; height: 10px; background-color: #ca2e22; border-radius: 60px; box-shadow: 0 -0.1px rgba(0, 0, 0, .1), 0 -0.1px rgba(230, 230, 230, .3); } .circle0:before { content: ''; display: block; position: absolute; left: -12px; z-index: 9; width: 20px; height: 10px; background-color: #ca2e22; border-radius: 60px; box-shadow: 0 -0.1px rgba(0, 0, 0, .1), 0 -0.1px rgba(230, 230, 230, .3); } .item_circle_inner { flex-direction: column; width: 148px; height: 148px; background: var(--primary-color); box-shadow: inset 2px 2px rgba(230, 230, 230, .1), 3px 3px 1px rgba(0, 0, 0, .2); border-radius: 50%; transition: .3s; } .dev-enter-active, .dev-leave-active { transition: opacity 0.5s; } .dev-enter, .dev-leave-to { opacity: 0; } .dev_active { color: #FFFFFF !important; } .dev_active .item_circle_inner { box-shadow: inset 3px 3px rgba(230, 230, 230, .2), 4px 4px 1px rgba(0, 0, 0, .3); } .dev_item_text { color: rgba(255, 204, 204, 0.6); font-weight: 700; transition: .3s; } .develop_list_item:nth-child(5) { margin-right: 0; } .develop_bottom_text { position: relative; flex-direction: column; justify-content: normal; height: 56px; margin-top: 42px; margin-bottom: 71px; line-height: 28px; color: #FFFFFF; } .develop_bottom_text .text_item { display: inline-block; position: absolute; } .price_container, .dimensional_container { padding-top: 78px; margin: 0 91px 0 89px; } /*以价格为核心*/ .price_title, .dimensional_title { font-weight: 700; font-size: 48px; line-height: 28px; margin: 0; } .price_sub_title, .dimensional_sub_title { margin-top: 32px; margin-bottom: 0; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--primary-text-color); } /*价格为中心*/ .price_module { position: relative; height: 200px; width: 100%; margin-top: 40px; } .price_module_list { height: 135px; display: flex; } .price_module_item { flex-direction: column; width: 153px; margin-right: 135px; cursor: pointer; } .price_module_item:nth-child(4) { margin-right: 0; } .price_module_item_icon { width: 63px; height: 63px; background: var(--primary-background-white); box-shadow: -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; border-radius: 50%; } .price_module_item_dot { position: relative; width: 8px; height: 8px; background: #CCCCCC; border-radius: 50%; margin-top: 21px; z-index: 9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.4), 4px 4px 4px #DAE0E6; } .price_move_dot { position: absolute; background-color: var(--primary-color) !important; top: 63px; left: 72px; z-index: 999; } .pipe { position: absolute; top: 83px; left: 69px; height: 10px; width: 880px; border-radius: 5px; background: #E7ECF1; box-shadow: inset -2px -2px 4px rgba(255, 255, 255, 0.5), inset 2px 2px 4px rgba(0, 0, 0, 0.1); } .price_module_item_text { font-weight: 700; font-size: 16px; line-height: 28px; color: var(--primary-text-color); margin-top: 15px; } .price_active { background-color: var(--primary-color); } .dimensional_module { position: relative; display: flex; margin-top: 64px; } .module_left { flex-direction: column; width: 104px; height: 290px; margin-right: 69px; background: var(--primary-background-white); box-shadow: inset -6px -6px 4px rgba(255, 255, 255, 0.4), inset 6px 6px 10px #E5E9F1; border-radius: 25px; } .module_block { width: 64px; height: 33px; } .module_text { color: #999999; } .module_block:nth-child(1) { border: 1px solid var(--primary-color); } .module_block:nth-child(3) { border: 1px dashed var(--primary-text-color) } .module_block:nth-child(4) { margin-top: 10px; border: 1px dashed var(--primary-color); } .module_right { position: relative; /*z-index: 1;*/ width: 764px; height: 872px; } .price_ball_item { position: absolute; z-index: 2; top: 63px; left: 354px; width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; border: 5px solid #fce5e2; cursor: pointer; transform: rotate(0deg); transform-origin: 36px 326px; transition: .1s linear; } .ball_detail .detail_title { color: var(--primary-color) !important; } .ball_detail p { margin: 0; line-height: 28px; } .ball_detail { position: absolute; padding: 10px 20px; border-radius: 20px; background-color: var(--primary-background-white); color: var(--primary-text-color); box-shadow: inset -6px -6px 4px rgba(255, 255, 255, 0.4), inset 6px 6px 10px #E5E9F1; cursor: pointer; transition: .1s; } .ball_active .ball_detail { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.4), inset 0 0 0 #E5E9F1, -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; transform: scale(1.1); } .ball_active .price_ball_item { width: 62px; height: 62px; } /*各详情的位置*/ .cost_detail { right: 166px; top: 40px; } .profit_detail { top: 138px; right: 0; } .competition_detail { right: -30px; top: 416px; } .market_detail { bottom: 62px; right: 52px; } .policy_detail { right: 262px; bottom: 36px; } .demand_detail { bottom: 90px; left: 100px; } .supply_detail { top: 420px; left: 32px; } .provide_detail { top: 40px; left: 70px; } .inventory_detail { left: -170px; bottom: 100px; } .inner { transform: rotate(225deg) !important; transform-origin: 62px 266px !important; } .inner .ball_text, .inner .ball_detail { transform: rotate(-225deg) !important; } .ball_text { text-align: center; padding: 0 5px; color: #FFFFFF; font-weight: 700; font-size: 18px; transform: translate3d(0, 0, 0) } /*数据采集*/ .data_collection { background-color: var(--primary-background-gray); } .data_collection_container { margin: 0 91px 0 89px; } .data_list { padding-bottom: 68px; } .data_list_item { flex-direction: column; width: 220px; height: 220px; margin-top: 30px; margin-right: 46px; background: var(--primary-background-white); box-shadow: -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; border-radius: 25px; cursor: pointer; transition: .3s; } .data_list_item p { margin: 6px 0 0 0; } .data_list_item:hover .data_item_title { color: var(--primary-color); } .data_list_item:nth-child(4), .data_list_item:nth-child(8) { margin-right: 0; } .data_item_content_list { display: flex; flex-direction: column; align-items: center; height: 68px } .data_item_content { line-height: 28px; color: var(--primary-text-color); } .data_item_title { line-height: 28px; font-weight: 700; margin-bottom: 6px; margin-top: 14px; } .data_item_active { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.25), inset 0 0 0 rgba(0, 0, 0, 0.1), -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1 !important; } .data_item_icon { width: 70px; height: 70px; background: var(--primary-background-white); border-radius: 50%; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.25), inset 2px 2px 10px rgba(0, 0, 0, 0.1); transition: .3s; } /*六大产品*/ .product_list_item { margin: 30px 45px 0 0; width: 310px; height: 310px; background: var(--primary-background-white); box-shadow: -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; border-radius: 25px; cursor: pointer; transition: .3s; } .text_title { line-height: 28px; font-weight: 700; } .text_content { margin: 0; line-height: 28px; color: var(--primary-text-color); } .text_content:hover { color: var(--primary-color); } .product_list_item:hover .text_title { color: var(--primary-color); } .product_list_item:hover { box-shadow: -8px -8px 8px rgba(255, 255, 255, 0.4), 10px 10px 25px #D8DCE6; } .product_list_item:nth-child(3), .product_list_item:nth-child(6) { margin-right: 0; } .product_item_bg { width: 310px; height: 130px; } .product_item_text { padding-left: 30px; } .item_icon { width: 90px; height: 90px; background: var(--primary-background-white); border-radius: 50%; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.25), inset 2px 2px 10px rgba(0, 0, 0, 0.1); transition: .3s; } .product_item_active { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.25), inset 0 0 0 rgba(0, 0, 0, 0.1), -4px -4px 2px rgba(255, 255, 255, 0.4), 4px 4px 8px #DADEE6 !important; } .prospect_container { display: flex; flex-direction: column; justify-content: center; margin: 0 91px 30px 89px; padding: 30px; width: 1020px; height: 120px; background: var(--primary-background-white); box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.25), inset 2px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 25px; cursor: pointer; transition: .3s; } .bottom_banner_active { box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.25), inset 0 0 0 rgba(0, 0, 0, 0.1), -6px -6px 4px rgba(255, 255, 255, 0.4), 6px 6px 10px #E5E9F1; } .bottom_banner_active p { color: var(--primary-color); } .prospect_title { margin: 0; color: var(--primary-text-color); font-size: 18px; } .prospect_text { margin: 35px 0 0 0; color: var(--primary-text-color); font-size: 32px; font-weight: 700; } .vision { margin-top: 70px; } /*页面底部*/ .footer { flex-direction: column; width: 100%; height: 200px; background-image: url('https://a1static.oilchem.net/aboutMe/image/footer.png'); background-size: 100% 100%; } .footer p { font-weight: 300; color: #FFFFFF; margin: 5px 0; } </style> </head> <body> <!-- 顶部导航栏--> <div class="public_nav"> <div id="login_div" style="position: fixed; _position: absolute; width: 900px; height: 512px; padding: 0; margin: 0; top: 50%; left: -9999px; margin: -165px 0 0 -276px; z-index: 20000001; visibility: hidden;"> <iframe id="login_frame" height="100%" scrolling="no" width="100%" frameborder="0" src="about:blank;"></iframe> </div> <div id="layoutBg" class="layoutBg"></div> <!--topp1--> <div class="topp1"> <div class="topin"> <div class="topp1-left"> <span class="left" id="header_menu_top_login"> <a href="javascript:void(0);" onclick="openAlert()" class="tpbtn left">点我登录</a> <a href="https://member.oilchem.net/reg/reg.html" target="_blank" class="tpbtn left" id="zhuce1">免费注册</a> </span> </div> <div class="right"> <ol class="home_nav"> <li><a href="http://about.oilchem.net/" target="_blank">关于我们</a></a></li> <li><a href="https://www.oilchem.net/map/" target="_blank">网站导航</a></li> <li class="ot"> <a href="javascript:void(0)" target="_blank">数据服务<em></em></a> <div class="otdiv otdiv3"> <dl> <dt class="red">价格中心导航</dt> <dd> <a href="https://dc.oilchem.net/priceInternationalOil/list.htm?varietiesName=%E5%8E%9F%E6%B2%B9&varietiesId=110&templateType=null&flagAndTemplate=0-null;2-1&channelId=1672" target="_blank">国际原油</a> <a href="https://dc.oilchem.net/priceOilTrade/list.htm?varietiesName=%E6%9F%B4%E6%B2%B9&varietiesId=115&templateType=null&flagAndTemplate=5-null;3-1;4-null;1-1;6-null;2-1&channelId=1693" target="_blank">成品油主营价</a> <a href="https://dc.oilchem.net/priceBase/list.htm?varietiesName=%E6%9F%B4%E6%B2%B9&varietiesId=115&templateType=null&flagAndTemplate=5-null;3-1;4-null;1-1;6-null;2-1&channelId=1693" target="_blank">基准价</a> <a href="https://dc.oilchem.net/priceCompany/list.htm?varietiesName=%E6%9F%B4%E6%B2%B9&varietiesId=115&templateType=1&flagAndTemplate=4-null;1-1;6-null;2-1;5-null;3-1&channelId=1693&hndz=0" target="_blank">企业出厂价</a> <a href="https://dc.oilchem.net/priceDomestic/list.htm?varietiesName=%E6%9F%B4%E6%B2%B9&varietiesId=115&templateType=1&flagAndTemplate=5-null;3-1;4-null;1-1;6-null;2-1&channelId=1693" target="_blank">国内市场价</a> <a href="https://dc.oilchem.net/priceInternational/list.htm?varietiesName=%E6%9F%B4%E6%B2%B9&varietiesId=115&templateType=1&flagAndTemplate=5-null;3-1;4-null;1-1;6-null;2-1&channelId=1693" target="_blank">国际市场价</a> </dd> </dl> <dl> <dt class="red">数据导航</dt> <dd> <a href="http://info.oilchem.net/" target="_blank">石化数据分析</a> <a href="http://info.oilchem.net/prodata/queryProductDataInex/0r3SqQ" target="_blank">进出口数据库</a> <!--<a href="http://www.oilchem.net.cn/chart/pricechart.shtml?index=1" target="_blank">隆众指数</a>--> </dd> </dl> <dl> <dt class="red">资讯订阅</dt> <dd> <a href="https://member.oilchem.net/#/mypagesetup" target="_blank">点我订阅——>资讯订阅</a> </dd> </dl> <dl> <dt class="red">隆众客服</dt> <dd>客服热线：0533-7026993</dd> <dd>客服QQ号：2305736941</dd> <dd>客服微信：hxpz20160930</dd> <dd>客服邮箱：service@oilchem.net</dd> </dl> </div> </li> <li class="index_old"><a href="https://www.oilchem.net/lz_index_old" target="_blank">旧版</a></li> <li><a href="https://en.oilchem.net/" target="_blank" class="red">English</a></li> </ol> </div> <div class="right"> <ul class="nav"> <li> <a href="https://dc.oilchem.net/page/#/index" target="_blank">新版价格中心</a></a> </li> <li> <a href="http://info.oilchem.net/" target="_blank">石化数据</a> </li> <li> <a href="https://www.oilchem.net/dt/#/" target="_blank">数据终端</a> </li> <li> <a href="https://www.oilchem.net/report/" target="_blank">报告中心</a> </li> <li> <a href="http://meeting.oilchem.net/" target="_blank">隆众会议</a> </li> <li> <a href="https://consult.oilchem.net/" target="_blank">隆众咨询</a> </li> <li> <a href="https://video.oilchem.net/" target="_blank">隆众微视</a> </li> <li class="ot"> <a href="https://a1static.oilchem.net/gg/uploads/ydpt/" target="_blank"> <i></i>手机端<em></em> </a> <div class="otdiv otdiv2"> <img src="https://a1static.oilchem.net/lzhome/images/phone_erweima.png" alt=""> <p style="margin: 0">扫码下载APP</p> </div> </li> <li> <a href="https://www.mysteel.com/" target="_blank">我的钢铁</a> </li> </ul> </div> </div> </div> </div> <div id="index"> <!-- 顶部--> <div class="top"> <div class="nav"> <a href="https://www.oilchem.net" target="_blank" style="margin-left: 10px"> <img src="https://a1static.oilchem.net/aboutMe/image/logo.png" alt="" class="logo"> </a> <ul class="right_nav" style="margin-right: 10px"> <li class="active" @click="gotoPage(0)">关于隆众</li> | <li @click="gotoPage(1)">公司新闻</li> | <li @click="gotoPage(2)">招贤纳士</li> | <li @click="gotoPage(3)">联系我们</li> </ul> </div> <div class="header"> <p>母公司上海钢联: SZ300226</p> <h1>让大宗商品及相关产业数据</h1> <h1>为用户创造价值</h1> </div> </div> <!-- 文章部分--> <div class="main"> <!-- 隆众简介--> <div class="introduction"> <div class="intro_text_container"> <h2 class="main_title"><span>隆众</span>简介</h2> <p class="intro_text"> 隆众资讯是行业领先的大宗商品及相关产业数据服务商，以深耕能源化工行业30余年为积淀，聚焦基础数据进行产业裂变复制和延伸，已经形成覆盖大宗商品全行业的完整布局。以价格为核心，构建贯穿产业链各环节的多维度数据体系，深度挖掘价格波动背后的数据逻辑，辅助进行市场运行情况的监测和发展趋势的研判，为国家部委、产业及金融客户等提供数据支撑和决策参考，让大宗商品及相关产业数据为用户创造价值。 </p> </div> <div class="intro_swiper"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide slide"> <div class="swiper_item_left swiper_slide_item"> <h2 class="swiper_number">100+</h2> <p class="swiper_text">大宗商品全产业链</p> </div> <div class="swiper_item_center swiper_slide_item"> <h2 class="swiper_number">300+</h2> <p class="swiper_text">每年行业会议，走访调研</p> </div> <div class="swiper_item_right swiper_slide_item swiper_slide_item_last"> <h2 class="swiper_number">800+</h2> <p class="swiper_text">深度跟踪品种</p> </div> </div> <div class="swiper-slide slide"> <div class="swiper_item_left swiper_slide_item"> <h2 class="swiper_number">1000+</h2> <p class="swiper_text">年度举办线下行情直播</p> </div> <div class="swiper_item_center swiper_slide_item"> <h2 class="swiper_number">1200+</h2> <p class="swiper_text">团队人员规模</p> </div> <div class="swiper_item_right swiper_slide_item swiper_slide_item_last"> <h2 class="swiper_number">18,000</h2> <p class="swiper_text">日均市场沟通电话量</p> </div> </div> <div class="swiper-slide slide"> <div class="swiper_item_left swiper_slide_item"> <h2 class="swiper_number">26,500</h2> <p class="swiper_text">每年输出各类报告数量</p> </div> <div class="swiper_item_center swiper_slide_item"> <h2 class="swiper_number">100,000</h2> <p class="swiper_text">每年线上、线下会议服务人次</p> </div> <div class="swiper_item_right swiper_slide_item swiper_slide_item_last"> <h2 class="swiper_number">50,000</h2> <p class="swiper_text">日均更新数据量</p> </div> </div> <div class="swiper-slide slide"> <div class="swiper_item_left swiper_slide_item"> <h2 class="swiper_number">70,000</h2> <p class="swiper_text">大宗商品数据项目数</p> </div> <div class="swiper_item_center swiper_slide_item swiper_slide_item_last"> <h2 class="swiper_number">190,000</h2> <p class="swiper_text">全球大宗商品企业样本覆盖量</p> </div> </div> </div> <div class="swiper-pagination"></div> <!-- 如果需要导航按钮 --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <!-- 产业覆盖--> <div class="industry" v-cloak> <div class="industry_container"> <h2 class="main_title"><span>产业</span>覆盖</h2> <ul class="industry_list"> <li class="industry_item" v-for="ind in industryList" @mouseenter="ind.isHover = true" @mouseleave="ind.isHover = false"> <a :href="ind.link" target="_blank"> <div class="industry_item_icon common_center"> <img :src="ind.isHover?ind.activeIcon:ind.icon" alt=""> </div> <p class="industry_item_text">{{ind.name}}</p> </a> </li> </ul> </div> </div> <!-- 公司荣誉--> <div class="company_honor" v-cloak> <div class="company_honor_container"> <div style="display: inline-block" @mouseenter="companyTitleHover" @mouseleave="companyTitleLeave"> <transition name="el-fade-in-linear"> <div class="honor_detail" v-if="showCompanyHonorDetail"> <ul class="honor_detail_left"> <li> <p class="honor_detail_title">国家发改委</p> <p>国家发改委价格检测中心数据合作平台</p> <p>被列为大宗产品价格监测国家直报点</p> <p>发布隆众资讯“成品油批发价格指数”</p> <p>参与国家发改委《中华人民共和国价格史》编撰工作</p> </li> <li> <p class="honor_detail_title">国家商务部</p> <p>国家商务部典型统计调查企业</p> </li> <li> <p class="honor_detail_title">国际统计局</p> <p>国家统计局大数据合作平台</p> <p>国务院发展研究中心</p> <p>国务院发展研究中心战略合作单位</p> </li> <li> <p class="honor_detail_title">新华社</p> <p>与隆众资讯签署数据合作协议</p> </li> </ul> <ul class="honor_detail_right"> <li> <p class="honor_detail_title">行业协会</p> <p>中国石油和化学工业联合会等全国性行业协会深度合作机构</p> <p>全国石油和化工行业经济形势分析会主要承办方</p> <p>在中国石油和化工联合会指导下发布年度中国石化市场预警报告</p> </li> <li> <p class="honor_detail_title">交易所</p> <p>上期所、大商所、郑商所等商品期货交易所均采用隆众数据</p> <p>深度参与商品上市开发和市场调研工作</p> </li> <li> <p class="honor_detail_title">中央电视台</p> <p>隆众资讯行业分析师每年多次就热点问题接受央视经济频道采访</p> </li> <li> <p class="honor_detail_title">证券/期货机构</p> <p>国内主流证券/期货机构采用隆众资讯数据</p> </li> <li> <p class="honor_detail_title">深交所创业板上市公司（上海钢联: SZ300226）</p> <p class="honor_detail_title">APEC合作伙伴</p> <p class="honor_detail_title">国家重点高新技术企业</p> </li> </ul> </div> </transition> <h2 class="main_title company_title"><span>公司</span>荣誉</h2> </div> <ul class="company_honor_list"> <li class="company_honor_item common_center"> <div class="company_honor_item_logo common_center"> <img src="https://a1static.oilchem.net/aboutMe/image/index/logo/logo_fagaiwei.png" alt=""> </div> </li> <li class="company_honor_item common_center"> <div class="company_honor_item_logo common_center"> <img src="https://a1static.oilchem.net/aboutMe/image/index/logo/logo_shangwubu.png" alt=""> </div> </li> <li class="company_honor_item common_center"> <div class="company_honor_item_logo common_center"> <img src="https://a1static.oilchem.net/aboutMe/image/index/logo/logo_tongjiju.png" alt=""> </div> </li> <li class="company_honor_item common_center"> <div class="company_honor_item_logo common_center"> <img src="https://a1static.oilchem.net/aboutMe/image/index/logo/logo_yanjiuzhongxin.png" alt=""> </div> </li> <li class="company_honor_item common_center"> <div class="company_honor_item_logo xinhuashe common_center"></div> </li> </ul> <ul class="company_honor_text_list"> <li class="text_list_item"> <div class="item_text "> <p class="intro_text">国家发展和改革委员会</p> <p class="intro_text">价格监测中心数据合作平台</p> </div> </li> <li class="text_list_item"> <div class="item_text"> <p class="intro_text">国家商务部</p> <p class="intro_text">典型统计调查企业</p> </div> </li> <li class="text_list_item"> <div class="item_text"> <p class="intro_text">国家统计局</p> <p class="intro_text">大数据合作平台</p> </div> </li> <li class="text_list_item"> <div class="item_text"> <p class="intro_text">国务院发展研究中心</p> <p class="intro_text">战略合作单位</p> </div> </li> <li class="text_list_item"> <div class="item_text"> <p class="intro_text">新华社与隆众资讯</p> <p class="intro_text">签署数据合作协议</p> </div> </li> </ul> </div> </div> <!-- 发展历程--> <div class="develop_history_line"></div> <div class="develop_history" v-cloak> <div class="develop_history_container"> <h2 class="main_title dev_title"><span>发展</span>历程</h2> <ul class="develop_list"> <li class="develop_list_item active_text common_center" v-for="(dev,index) in developList" @mouseenter="devItemHover(index)" @mouseleave="devItemLeave(index)" > <div class="item_circle common_center" :class="devCircleClassList(index)"> <div class="item_circle_inner common_center"> <span>{{dev.year}}</span> <span v-if="index===4" style="margin-top: 10px">至今</span> </div> </div> <p class="dev_item_text " :class="{'dev_active':devCurrentIndex === index}">{{dev.text}}</p> </li> </ul> <div class="develop_bottom_text common_center"> <transition name="dev"> <span class="text_item" v-show="devCurrentIndex === 0">中国石化商情网（隆众资讯前身）成立 | 成为中国首个石化资讯服务机构</span> </transition> <transition name="dev"> <span class="text_item" v-show="devCurrentIndex === 1">山东隆众信息技术有限公司成立 | 全面承接中国石化商情网网站业务运营</span> </transition> <transition name="dev"> <span class="text_item" v-show="devCurrentIndex === 2">上海钢联注资 山东隆众信息技术有限公司</span> </transition> <transition name="dev"> <span class="text_item" v-show="devCurrentIndex === 3">上海钢联全面赋能隆众资讯，人员数量及结构、服务及产品迭代方面快速发展</span> </transition> <transition name="dev"> <div v-show="devCurrentIndex === 4" class="common_center" style="flex-direction: column"> <span v-show="devCurrentIndex === 4">全局性的产业链图谱日趋完整 丨 公司人员数量与收入目标实现突破 丨 完整的产品和服务体系已然形成</span> <span v-show="devCurrentIndex === 4">行业品牌影响力与日俱增 丨 服务客户能力与客户体量实现飞跃与蝶变丨……</span> </div> </transition> </div> </div> </div> <!-- 价格--> <div class="price"> <div class="price_container"> <h1 class="price_title">以<span style="color: #D23023">价格</span>为核心</h1> <p class="price_sub_title">秉承客观、独立、公正的立场 丨 每日报告真实主流价格并编制价格指数 丨 科学直观反映市场变化</p> <div class="price_module"> <!-- 点位的轨道--> <div class="pipe"></div> <!-- active的点位--> <div class="price_module_item_dot price_active price_move_dot" ref="activeDot"></div> <ul class="price_module_list"> <li class="price_module_item common_center" v-for="(priceItem,index) in priceList" @mouseenter="priceItemHover(index)" @mouseleave="priceItemLeave"> <div class="price_module_item_icon common_center" :class="{'price_active':priceCurrentIndex===index}"> <img :src="priceCurrentIndex===index?priceItem.activeIcon:priceItem.icon" alt=""> </div> <div class="price_module_item_dot" :ref="'dot'+(index+1)"></div> <span class="price_module_item_text" :style="{color:priceCurrentIndex===index?'#D23023':'#808080'}">{{priceItem.text}}</span> </li> </ul> </div> </div> </div> <!-- 多维度--> <div class="dimensional"> <div class="dimensional_container"> <h1 class="dimensional_title">构建<span style="color: #D23023">多维度</span>数据体系</h1> <p class="dimensional_sub_title">高频监测大宗商品全产业链条多维数据 丨 确定了结构化的定量分析逻辑 丨 结合政策以及市场心态调研等定性分析 丨 辅助研判价格趋势</p> <div class="dimensional_module common_center"> <div class="module_left common_center"> <div class="module_block"></div> <p class="module_text">直接影响</p> <div class="module_block"></div> <div class="module_block"></div> <p class="module_text">间接影响</p> </div> <div class="module_right"> <img src="https://a1static.oilchem.net/aboutMe/image/index/bg/dimensional_bg.png" alt=""> <div :class="{'ball_active':ballCurrentIndex === 0}"> <div class="price_ball_item common_center" ref="priceBall" @mouseenter="priceBallItemHover(0)" @mouseleave="priceBallItemLeave(0)"> <span class="ball_text">成本</span> </div> <div class="ball_detail cost_detail" @mouseenter="priceBallItemHover(0)" @mouseleave="priceBallItemLeave(0)"> <p class="detail_title">一条成本曲线</p> <p>直接材料 | 直接人工</p> <p>制造费等</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 1}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(1)" @mouseleave="priceBallItemLeave(1)"> <span class="ball_text">利润</span> </div> <div class="ball_detail profit_detail" @mouseenter="priceBallItemHover(1)" @mouseleave="priceBallItemLeave(1)"> <p class="detail_title" ref="detailText">一条</p> <p class="detail_title">模拟利润曲线</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 2}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(2)" @mouseleave="priceBallItemLeave(2)"> <span class="ball_text">竞争</span> </div> <div class="ball_detail competition_detail" @mouseenter="priceBallItemHover(2)" @mouseleave="priceBallItemLeave(2)"> <p class="detail_title">一张市场结构图</p> <p>集中度</p> <p>替代品数量</p> <p>替代品价格</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 3}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(3)" @mouseleave="priceBallItemLeave(3)"> <span class="ball_text">市场心态</span> </div> <div class="ball_detail market_detail" @mouseenter="priceBallItemHover(3)" @mouseleave="priceBallItemLeave(3)"> <p class="detail_title">辅助市场心态</p> <p class="detail_title">调研图</p> <p>生产企业心态调查</p> <p>贸易商心态调查</p> <p>深加工企业心态调查</p> <p>金融机构心态调查</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 4}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(4)" @mouseleave="priceBallItemLeave(4)"> <span class="ball_text">政策</span> </div> <div class="ball_detail policy_detail" @mouseenter="priceBallItemHover(4)" @mouseleave="priceBallItemLeave(4)"> <p class="detail_title">辅助政策汇总表</p> <p>产业政策 | 环保政策</p> <p>金融政策等</p> <p>定价政策 | 汇率政策</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 5}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(5)" @mouseleave="priceBallItemLeave(5)"> <span class="ball_text">需求</span> </div> <div class="ball_detail demand_detail" @mouseenter="priceBallItemHover(5)" @mouseleave="priceBallItemLeave(5)"> <p class="detail_title">一张需求分类图</p> <p>下游产能及拟在建</p> <p>下游原料加工量</p> <p>下游产品产销量</p> <p>出口量</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 6}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(6)" @mouseleave="priceBallItemLeave(6)"> <span class="ball_text">供需平衡</span> </div> <div class="ball_detail supply_detail" @mouseenter="priceBallItemHover(6)" @mouseleave="priceBallItemLeave(6)"> <p class="detail_title">一个</p> <p class="detail_title">供需平衡表</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 7}"> <div class="price_ball_item common_center" @mouseenter="priceBallItemHover(7)" @mouseleave="priceBallItemLeave(7)"> <span class="ball_text">供给</span> </div> <div class="ball_detail provide_detail" @mouseenter="priceBallItemHover(7)" @mouseleave="priceBallItemLeave(7)"> <p class="detail_title">一张产能表</p> <p>产能/储能 | 拟在建产能</p> <p>产量/开工率 | 检修及损失产量</p> <p>进口量</p> </div> </div> <div :class="{'ball_active':ballCurrentIndex === 8}"> <div class="price_ball_item common_center inner" @mouseenter="priceBallItemHover(8)" @mouseleave="priceBallItemLeave(8)"> <span class="ball_text">库存</span> </div> <div class="ball_detail inventory_detail" @mouseenter="priceBallItemHover(8)" @mouseleave="priceBallItemLeave(8)"> <p class="detail_title">库存</p> <p>生产成品库存</p> <p>成品流通库存</p> <p>下游原料库存</p> </div> </div> </div> </div> </div> </div> <!-- 八步数据采集流程--> <div class="data_collection" v-cloak> <div class="data_collection_container"> <h2 class="main_title"><span>八步</span>数据采集流程</h2> <ul class="data_list common_list"> <li class="data_list_item common_center" v-for="(data,index) in dataCollectionList" :class="{'common_list_item_active':index === currentItemIndex}" @mouseenter="dataCollectionItemHover(data,index)" @mouseleave="dataCollectionItemLeave(data)"> <div class="data_item_icon common_center" :class="{'data_item_active':index === currentItemIndex}"> <img :src="currentItemIndex===index?data.activeIcon:data.icon" alt=""> </div> <p class="data_item_title common_title">{{data.title}}</p> <div class="data_item_content_list"> <p class="data_item_content" v-for="content in data.content"> {{content}} </p> </div> </li> </ul> </div> </div> <!-- 六大产品--> <div class="product" v-cloak> <div class="product_container"> <h2 class="main_title"><span>六大</span>产品</h2> <ul class="product_list common_list"> <li class="product_list_item " v-for="(prod,index) in productList" @mouseenter="prod.isHover = true" @mouseleave="prod.isHover = false"> <div class="product_item_bg common_center" :style="productItemStyle(index)"> <div class="item_icon common_center" :class="{'product_item_active':prod.isHover}"> <img :src="prod.isHover?prod.activeIcon:prod.icon" alt=""> </div> </div> <div class="product_item_text"> <p class="text_title" @click="productItemClick(prod)">{{prod.title}}</p> <template v-if="!Array.isArray(prod.content[0])"> <p class="text_content" v-for="content in prod.content" @click="productItemClick(content)"> {{content.text}}</p> </template> <template v-else> <template v-for="content in prod.content"> <div> <span class="text_content" @click="productItemClick(content[0])">{{content[0].text}}</span> <span style="color: #808080"> | </span> <span class="text_content" @click="productItemClick(content[1])">{{content[1].text}}</span> </div> </template> </template> </div> </li> </ul> </div> </div> <!--底部banner--> <div class="vision prospect_container" :class="{'bottom_banner_active':bottomBannerIndex === 0}" @mouseenter="bottomBannerItemHover(0)" @mouseleave="bottomBannerItemLeave" > <p class="prospect_title">愿景</p> <p class="prospect_text">成为全球大宗商品及相关产业数据服务领航者</p> </div> <div class="prospect_container" :class="{'bottom_banner_active':bottomBannerIndex === 1}" @mouseenter="bottomBannerItemHover(1)" @mouseleave="bottomBannerItemLeave" > <p class="prospect_title">工作原则</p> <p class="prospect_text">客观 丨 独立 丨 公正 丨 准确 丨 及时 丨 全面</p> </div> <div class="prospect_container" :class="{'bottom_banner_active':bottomBannerIndex === 2}" @mouseenter="bottomBannerItemHover(2)" @mouseleave="bottomBannerItemLeave"> <p class="prospect_title">价值观</p> <p class="prospect_text">勤奋 · 诚信 · 合利 · 智慧</p> </div> </div> <div class="footer common_center"> <p> 增值电信业务经营许可证 鲁B2-20080117 / 隆众客服热线：400-658-1688（工作日-周一至周五08:00-17:00） </p> <p>山东隆众信息技术有限公司 鲁ICP备18001665号-2</p> <p>CopyRight ◎ 2011-2024 oilchem.net All rights reserved.</p> </div> </div> <script src="https://a1static.oilchem.net/plugin/vue@2.6.12/dist/vue.min.js"></script> <script src="https://a1static.oilchem.net/element-ui/index.js"></script> <script src="https://a.mysteelcdn.com/oilchem/web/js/jquery.lz.5.1.min.js?v=20200806"></script> <script src="https://a.mysteelcdn.com/oilchem/web/js/cssjs.min.js?v=20210108"></script> <script src="https://a1static.oilchem.net/logincenter/js/url.js"></script> <script src="https://a1static.oilchem.net/lzhome/swiper/swiper-bundle.min.js"></script> <script charset="UTF-8" type="text/javascript" src="https://cstaticdun.126.net/load.min.js?t=201903281201"></script> <script src="https://a1static.oilchem.net/logincenter/js/newLoginDialog.js?v=20230131"></script> <script src="https://a1static.oilchem.net/logincenter/js/cookiesUtils.js"></script> <script src="https://a1static.oilchem.net/logincenter/js/md5.js"></script> <!--最上边导航栏的登录--> <script src="https://a1static.oilchem.net/aboutMe/js/nav_login.js"></script> <script src='//a.mysteelcdn.com/mysteel_public/js/statistic-102138.js?v=2024-07-12' defer></script> <script> const vm = new Vue({ el: '#index', data() { return { swiper: null, currentItemIndex: 0, bottomBannerIndex: 0, devCurrentIndex: 0, priceCurrentIndex: 0, ballCurrentIndex: 999, showCompanyHonorDetail: false, intervalList: {}, industryList: [ { name: '能源', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_nengyuan.png', link: 'https://oil.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_nengyuan_active.png', isHover: false }, { name: '化工', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_huagong.png', link: 'https://chem.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_huagong_active.png', isHover: false }, { name: '橡胶', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_xiangjiao.png', link: 'https://rubb.oilchem.net/ ', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_xiangjiao_active.png', isHover: false }, { name: '塑料', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_suliao.png', link: 'https://plas.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_suliao_active.png', isHover: false }, { name: '化纤', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_huaxian.png', link: 'https://fiber.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_huaxian_active.png', isHover: false }, { name: '聚氨酯', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_juanzhi.png', link: 'https://pu.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_juanzhi_active.png', isHover: false }, { name: '煤化工', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_meihuagong.png', link: 'https://coalchem.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_meihuagong_active.png', isHover: false }, { name: '盐化工', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_yanhuagong.png', link: 'https://ca.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_yanhuagong_active.png', isHover: false }, { name: '磷化工', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_linhuagong.png', link: '', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_linhuagong_active.png', isHover: false }, { name: '化肥', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_huafei.png', link: 'https://fert.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_huafei_active.png', isHover: false }, { name: '油脂化工', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_youzhihuagong.png', link: 'https://chem.oilchem.net/chemical/Grease.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_youzhihuagong_active.png', isHover: false }, { name: '锂电池', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_lidianchi.png', link: 'https://material.oilchem.net/new_material/lithiumbattery.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_lidianchi_active.png', isHover: false }, { name: '新能源', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_xinnengyuan.png', link: 'https://material.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_xinnengyuan_active.png', isHover: false }, { name: '新材料', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_xincailiao.png', link: 'https://material.oilchem.net/new_material/new_materials.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_xincailiao_active.png', isHover: false }, { name: '工业气体', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_gongyeqiti.png', link: 'https://material.oilchem.net/new_material/Industrialgas.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_gongyeqiti_active.png', isHover: false }, { name: '硅产业', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_guichanye.png', link: 'https://rubb.oilchem.net/rubber/ruorganosilicon.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_guichanye_active.png', isHover: false }, { name: '氟化工', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_fuhuagong.png', link: 'https://material.oilchem.net/new_material/fluorinechemical.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_fuhuagong_active.png', isHover: false }, { name: '涂料', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_tuliao.png', link: 'https://coating.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_tuliao_active.png', isHover: false }, { name: '造纸', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_zaozhi.png', link: 'https://paper.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_zaozhi_active.png', isHover: false }, { name: '药物', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_yaowu.png', link: 'https://fert.oilchem.net/fert/Pesticides.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_yaowu_active.png', isHover: false }, { name: '农产品', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_nongchanpin.png', link: 'https://ncp.oilchem.net/', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_nongchanpin_active.png', isHover: false }, { name: '电力', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_dianli.png', link: 'https://oil.oilchem.net/oil/power.shtml', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/industry/ind_icon_dianli_active.png', isHover: false }, ], productList: [ { title: 'PC端', link: 'https://www.oilchem.net/', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon1.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon1_active.png', content: [ {text: '网站', link: 'https://www.oilchem.net/'}, { text: '数据终端', link: 'https://dt.oilchem.net/home?token=e04924a6a985d282626fc25d67a59485' } ], isHover: false }, { title: '移动端', link: 'https://a1static.oilchem.net/gg/uploads/ydpt/', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon2.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon2_active.png', content: [ {text: '手机短信', link: ''}, { text: '隆众快讯APP', link: 'https://a1static.oilchem.net/gg/uploads/ydpt/' }, { text: '隆众资讯APP', link: 'https://a1static.oilchem.net/gg/uploads/ydpt/' } ], isHover: false }, { title: '报告线', link: 'https://www.oilchem.net/report/', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon3.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon3_active.png', content: [ {text: '周期性分析报告', link: 'https://www.oilchem.net/report/1/'}, { text: '多维度数据报告', link: 'https://consult.oilchem.net/2/33553/1' }, {text: '专项定制报告', link: 'https://consult.oilchem.net/2/33553/1'} ], isHover: false }, { title: '数据线', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon4.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon4_active.png', content: [ {text: '产业链数据包', link: ''}, {text: '定制数据以及数据分析报告', link: ''}, {text: '数据集成及可视化大屏', link: ''} ], isHover: false }, { title: '咨询版块', link: 'https://consult.oilchem.net/ ', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon5.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon5_active.png', content: [ [ {text: '行业研究类咨询', link: 'https://consult.oilchem.net/1/1/1'}, {text: '战略规划类咨询', link: 'https://consult.oilchem.net/1/1/1'} ], [ {text: '经营策略类咨询', link: 'https://consult.oilchem.net/1/1/1'}, {text: '数据管理类咨询', link: 'https://consult.oilchem.net/1/1/1'} ], [ {text: '投资金融类咨询', link: 'https://consult.oilchem.net/1/1/1'}, {text: '融资金融类咨询', link: 'https://consult.oilchem.net/1/1/1'} ], ], isHover: false }, { title: '会展模块', link: 'https://meeting.oilchem.net/ ', icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon6.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/production/product_bg_icon6_active.png', content: [ [ {text: '走访调研', link: 'https://list.oilchem.net/1/46309/'}, {text: '线上直播', link: 'https://video.oilchem.net/'} ], [ {text: '行业会议', link: 'https://meeting.oilchem.net/'}, {text: '会展及商务推介', link: 'https://meeting.oilchem.net/'} ] ], isHover: false }, ], dataCollectionList: [ { title: '市场调研', content: ['选取产业链', '代表性指标'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon1.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon1_active.png', }, { title: '建立样本库', content: ['产业链上中下游', '全面、稳定、连续'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon2.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon2_active.png', }, { title: '采集与入库', content: ['专业的采集团队', '存储系统满足留痕与安全需要'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon3.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon3_active.png', }, { title: '验证与分类', content: ['核查交易真实性', '多维度数据相互验证'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon4.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon4_active.png', }, { title: '样本标准化', content: ['对非标样本数据', '进行标准化处理'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon5.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon5_active.png', }, { title: '离群值处理', content: ['依据缜密的统计学方法', '剔除离群值样本'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon6.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon6_active.png', }, { title: '数据编制', content: ['遵循严谨的方法论'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon7.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon7_active.png', }, { title: '数据发布', content: ['以固定时频通过网站、', 'APP、钢炼数据终端发布'], icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon8.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/dataCollection/data_collection_icon8_active.png', }, ], developList: [ {year: 1988, text: '前身'}, {year: 1999, text: '成立'}, {year: 2017, text: '融合'}, {year: 2018, text: '赋能'}, {year: 2021, text: '飞跃·蝶变'}, ], priceList: [ { icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon1.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon1_active.png', text: '交易结算与成本核算' }, { icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon2.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon2_active.png', text: '风险控制依据' }, { icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon3.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon3_active.png', text: '衍生品合约结算' }, { icon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon4.png', activeIcon: 'https://a1static.oilchem.net/aboutMe/image/index/icon/price/price_icon4_active.png', text: '政府产业监测' } ], } }, computed: { productItemStyle() { return (index) => { return { backgroundImage: 'url(https://a1static.oilchem.net/aboutMe/image/index/bg/product_bg' + (index + 1) + '.png)' } } }, devCircleClassList() { return (index) => { let className1 = '' this.devCurrentIndex === index ? className1 = 'dev_active' : '' const className2 = 'circle' + index return [className1, className2] } } }, mounted() { this._init() }, destroyed() { this.clearTime() }, methods: { _init() { this.initSwiper() this.dimensionBallRender() this.dataCollectionAnimation() this.priceAnimation() this.bottomBannerAnimation() this.devCircleAnimation() window.scrollTo(0, 0) }, gotoPage(index) { const navUrlList = ['https://about.oilchem.net/', '/templates/catListByTemplate/news.html', '/templates/pageZhaopin/joinUs.html', '/templates/page/contactUs.html'] if (index === 0) { return } window.open(navUrlList[index]) }, // 删除所有的定时器 clearTime() { for (const intervalKey in this.intervalList) { const interval = this.intervalList[intervalKey] clearInterval(interval) } }, dataCollectionAnimation() { this.intervalList.dataAnimationInterval = setInterval(() => { if (this.currentItemIndex !== 7) { this.currentItemIndex = this.currentItemIndex + 1 } else { this.currentItemIndex = 0 } this.dataCollectionList.forEach((data, index) => { data.isHover = this.currentItemIndex === index; }) }, 3500) }, productItemClick({link} = {}) { link ? window.open(link) : null }, companyTitleHover() { this.showCompanyHonorDetail = true }, companyTitleLeave() { this.showCompanyHonorDetail = false }, dataCollectionItemHover(item, index) { this.currentItemIndex = index clearInterval(this.intervalList.dataAnimationInterval) }, dataCollectionItemLeave() { this.dataCollectionAnimation() }, priceItemHover(index) { const activeDot = this.$refs.activeDot activeDot.style.transition = '0.2s' clearInterval(this.intervalList.priceAnimationInterval) this.priceAnimationFn(index) }, priceAnimationFn(index) { const currentItem = this.$refs['dot' + (index + 1)] const activeDot = this.$refs.activeDot if (currentItem.length > 0) { const {offsetLeft} = currentItem[0] activeDot.style.left = offsetLeft + 'px' } this.priceCurrentIndex = index }, priceAnimation(currentIndex) { let index = currentIndex || 0 const activeDot = this.$refs.activeDot this.intervalList.priceAnimationInterval = setInterval(() => { if (index === 3) { activeDot.style.transition = 'none' index = 0 } else { activeDot.style.transition = '0.2s' index++ } this.priceAnimationFn(index) }, 4000) }, priceItemLeave() { this.priceAnimation(this.priceCurrentIndex) }, bottomBannerAnimation(currentIndex) { const animationFlag = true if (animationFlag) { } let index = currentIndex || 0 this.intervalList.bottomBannerInterval = setInterval(() => { index === 2 ? index = 0 : index++ this.bottomBannerIndex = index }, 3000) }, bottomBannerItemHover(index) { clearInterval(this.intervalList.bottomBannerInterval) this.bottomBannerIndex = index }, bottomBannerItemLeave() { this.bottomBannerAnimation(this.bottomBannerIndex) }, // 发展历程切换动画 devCircleAnimation(currentIndex) { let index = currentIndex || 0 this.intervalList.devCircleInterval = setInterval(() => { index === 4 ? index = 0 : index++ this.devCurrentIndex = index }, 3000) }, // 发展历程每一项的hover事件 devItemHover(index) { clearInterval(this.intervalList.devCircleInterval) this.devCurrentIndex = index }, // 发展历程每一项的leave事件 devItemLeave() { this.devCircleAnimation(this.devCurrentIndex) }, // 初始化swiper initSwiper() { this.swiper = new Swiper('.swiper-container', { loop: true, speed: 1000, autoplay: { delay: 3500, disableOnInteraction: false, pauseOnMouseEnter: true }, pagination: { el: '.swiper-pagination', clickable: true }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }) }, // 多维度数据体系小球的排布 dimensionBallRender() { const balls = document.getElementsByClassName('price_ball_item') const ballText = document.getElementsByClassName('ball_text') if (balls.length > 0) { for (let i = 0; i < balls.length; i++) { const element = balls[i] const deg = (45 * i) element.style.transform = 'rotate(' + deg + 'deg)' ballText[i].style.transform = 'rotate(-' + (deg + 1) + 'deg)' } } }, priceBallItemHover(index) { this.ballCurrentIndex = index }, priceBallItemLeave() { this.ballCurrentIndex = null } } }) </script> </body> </html>