|
|
|
|
@ -1,7 +1,7 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap index"> |
|
|
|
|
<div class="actions"> |
|
|
|
|
<p class="page-name">页面设置/关于IASF-发展历程</p> |
|
|
|
|
<p class="page-name">页面设置/关于我们</p> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
@click="preview">预览</el-button> |
|
|
|
|
@ -14,15 +14,61 @@ |
|
|
|
|
|
|
|
|
|
<div class="modules"> |
|
|
|
|
<div class="relative"> |
|
|
|
|
<div class="banner"> |
|
|
|
|
<img class="texts" |
|
|
|
|
src="http://139.159.254.212/images/about/banner-text.png" |
|
|
|
|
alt=""> |
|
|
|
|
<el-carousel v-if="modules[0].list.length && modules[0].list.filter(e => e.isEnable).length" |
|
|
|
|
class="carousel" |
|
|
|
|
:interval="6000" |
|
|
|
|
height="480px" |
|
|
|
|
:arrow="(modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" |
|
|
|
|
:indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> |
|
|
|
|
<template v-for="(item, i) in modules[0].list"> |
|
|
|
|
<el-carousel-item v-if="item.pic && item.isEnable" |
|
|
|
|
:key="i"> |
|
|
|
|
<div v-if="isImg(item.mediaType)" |
|
|
|
|
class="pic" |
|
|
|
|
:style="{backgroundImage: 'url(' + item.pic + ')'}"></div> |
|
|
|
|
<video v-else |
|
|
|
|
class="pic" |
|
|
|
|
width="100%" |
|
|
|
|
height="100%" |
|
|
|
|
autoplay |
|
|
|
|
muted |
|
|
|
|
loop> |
|
|
|
|
<source :src="item.pic" |
|
|
|
|
type="video/mp4"> |
|
|
|
|
您的浏览器不支持 video 标签。 |
|
|
|
|
</video> |
|
|
|
|
<div class="text-wrap"> |
|
|
|
|
<div class="text" |
|
|
|
|
v-html="item.des"></div> |
|
|
|
|
<div v-if="!GTA" |
|
|
|
|
class="qrcodes"> |
|
|
|
|
<div class="qrcode"> |
|
|
|
|
<img width="103" |
|
|
|
|
src="http://139.159.254.212/images/about/qrcode.jpg" |
|
|
|
|
:src="item.weixinPic1" |
|
|
|
|
alt=""> |
|
|
|
|
<p class="text">{{ item.weixinText1 }}</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="qrcode m-l-30"> |
|
|
|
|
<img width="103" |
|
|
|
|
:src="item.weixinPic2" |
|
|
|
|
alt=""> |
|
|
|
|
<p class="text">{{ item.weixinText2 }}</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-carousel-item> |
|
|
|
|
</template> |
|
|
|
|
</el-carousel> |
|
|
|
|
|
|
|
|
|
<div v-else |
|
|
|
|
class="banner"> |
|
|
|
|
<img class="texts" |
|
|
|
|
src="https://huorantech.com/images/about/banner-text.png" |
|
|
|
|
alt=""> |
|
|
|
|
<div class="qrcodes"> |
|
|
|
|
<div class="qrcode"> |
|
|
|
|
<img width="103" |
|
|
|
|
src="https://huorantech.com/images/about/qrcode.jpg" |
|
|
|
|
alt=""> |
|
|
|
|
<p class="text">扫一扫，关注公众号</p> |
|
|
|
|
</div> |
|
|
|
|
@ -34,57 +80,60 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(0)">点击更换banner与链接</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="intro"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<div class="pics"> |
|
|
|
|
<div class="pics c-wrap"> |
|
|
|
|
<div class="text"> |
|
|
|
|
<div class="title-wrap"> |
|
|
|
|
<p class="title">或然科技有限公司</p> |
|
|
|
|
<p class="brief">职站商城，让您一站式采购无忧</p> |
|
|
|
|
<p class="en">HUORAN TECH</p> |
|
|
|
|
<p class="title">{{ modules[1].form.title }}</p> |
|
|
|
|
<p class="brief">{{ modules[1].form.subTitle1 }}</p> |
|
|
|
|
<p class="en">{{ modules[1].form.subTitle2 }}</p> |
|
|
|
|
</div> |
|
|
|
|
<p class="desc wow fadeInLeft" |
|
|
|
|
data-wow-delay="0.7s">深圳或然科技，教育数字化产业的推动者，为教育IT创业者赋能的首选合作伙伴。我们是一家拥有丰富IT互联网背景的科技企业，致力于为教育软件销售代理人提供专业而全面的产品供应链服务。</p> |
|
|
|
|
<div class="desc wow fadeInLeft" |
|
|
|
|
v-html="modules[1].form.des"></div> |
|
|
|
|
</div> |
|
|
|
|
<img class="bg" |
|
|
|
|
src="http://139.159.254.212/images/about/about1.png" |
|
|
|
|
:src="modules[1].form.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<div class="cover" |
|
|
|
|
style="height: 360px;" |
|
|
|
|
@click="toSet(1)">点击更改图片、标题概述与链接</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="service-intro"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h6>随时、随地、贴心为您提供全方位服务</h6> |
|
|
|
|
<p class="text">At anytime,anywhere,intimate to provide you with a full range of services</p> |
|
|
|
|
<h6>{{ modules[2].form.title }}</h6> |
|
|
|
|
<p class="text">{{ modules[2].form.des }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(2)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="culture"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h6 class="i-title wow fadeInDown">企业文化</h6> |
|
|
|
|
<p class="en">CORPORATE CULTURE</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li class="wow fadeInDown" |
|
|
|
|
data-wow-delay="0.5s"> |
|
|
|
|
<img src="http://139.159.254.212/images/about/about4.png" |
|
|
|
|
alt=""> |
|
|
|
|
<h6>使命</h6> |
|
|
|
|
<p class="text">成就百万教育产业数字化的创业者</p> |
|
|
|
|
</li> |
|
|
|
|
<li class="wow fadeInRight" |
|
|
|
|
data-wow-delay="0.8s"> |
|
|
|
|
<img src="http://139.159.254.212/images/about/about5.png" |
|
|
|
|
alt=""> |
|
|
|
|
<h6>愿景</h6> |
|
|
|
|
<p class="text">成为教育产业数字化的共创平台</p> |
|
|
|
|
</li> |
|
|
|
|
<li class="wow fadeInUp" |
|
|
|
|
data-wow-delay="1.1s"> |
|
|
|
|
<img src="http://139.159.254.212/images/about/about6.png" |
|
|
|
|
<div class="c-wrap" |
|
|
|
|
style="height: 150px"> |
|
|
|
|
<h6 class="i-title wow fadeInDown">{{ modules[3].form.title }}</h6> |
|
|
|
|
<p class="en">{{ modules[3].form.des }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(3)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
<ul class="list c-wrap"> |
|
|
|
|
<template v-for="(item, i) in modules[4].list"> |
|
|
|
|
<li v-if="item.isEnable" |
|
|
|
|
:key="i"> |
|
|
|
|
<img :src="item.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<h6>核心价值观</h6> |
|
|
|
|
<p class="text">公正、诚信、创新、实干</p> |
|
|
|
|
<h6>{{ item.title }}</h6> |
|
|
|
|
<div class="text" |
|
|
|
|
v-html="item.des"></div> |
|
|
|
|
</li> |
|
|
|
|
</template> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(4)">点击更改图片、标题、概述与链接</div> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -93,130 +142,151 @@ |
|
|
|
|
<div class="adv" |
|
|
|
|
id="part2"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h6 class="i-title wow fadeInDown">为什么选择我们</h6> |
|
|
|
|
<p class="en">WHY CHOOSE US</p> |
|
|
|
|
<p class="title-des wow fadeInDown">专业、全面、高效</p> |
|
|
|
|
<div class="c-wrap" |
|
|
|
|
style="height: 150px"> |
|
|
|
|
<h6 class="i-title wow fadeInDown">{{ modules[5].form.title }}</h6> |
|
|
|
|
<p class="en">{{ modules[5].form.subTitle }}</p> |
|
|
|
|
<p class="title-des wow fadeInDown">{{ modules[5].form.des }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(5)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<ul class="list"> |
|
|
|
|
<li class="wow fadeInDown" |
|
|
|
|
data-wow-delay="0.5s"> |
|
|
|
|
<img src="http://139.159.254.212/images/index/index3.png" |
|
|
|
|
alt=""> |
|
|
|
|
<h6>产品优势</h6> |
|
|
|
|
<p class="text">整合好不同的教育信息化解决方案所需的软件和硬件产品，通过教育产业互联网平台和反向供应链，提供利润合适，交付便捷，质量有保障的体系化产品。</p> |
|
|
|
|
</li> |
|
|
|
|
<li class="wow fadeInRight" |
|
|
|
|
data-wow-delay="0.8s"> |
|
|
|
|
<img src="http://139.159.254.212/images/index/index4.png" |
|
|
|
|
alt=""> |
|
|
|
|
<h6>服务优势</h6> |
|
|
|
|
<p class="text">专业的培训和服务团队，提供教育信息化产业的创业辅导和专业培训。帮助打造一支专业化的商务支持、客户成功和售后运营服务的支撑型团队。</p> |
|
|
|
|
</li> |
|
|
|
|
<li class="wow fadeInUp" |
|
|
|
|
data-wow-delay="1.1s"> |
|
|
|
|
<img src="http://139.159.254.212/images/index/index5.png" |
|
|
|
|
<ul class="list c-wrap"> |
|
|
|
|
<template v-for="(item, i) in modules[6].list"> |
|
|
|
|
<li v-if="item.isEnable" |
|
|
|
|
:key="i"> |
|
|
|
|
<img :src="item.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<h6>生态优势</h6> |
|
|
|
|
<p class="text">我们拥有强大可靠的渠道、产品的生态联盟，可共享、调用生态内的多方资源，背靠联盟携手共创新奇迹。</p> |
|
|
|
|
<h6>{{ item.title }}</h6> |
|
|
|
|
<div class="text" |
|
|
|
|
v-html="item.des"></div> |
|
|
|
|
</li> |
|
|
|
|
</template> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(6)">点击更改图片、标题、概述与链接</div> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 合作客户 --> |
|
|
|
|
<div class="client"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h6 class="i-title wow fadeInDown">合作院校</h6> |
|
|
|
|
<p class="en">PARTNERSHIP</p> |
|
|
|
|
<p class="title-des wow fadeInDown">助力100+所院校客户实现数字化升级</p> |
|
|
|
|
<div class="client-pic"> |
|
|
|
|
<div class="c-wrap" |
|
|
|
|
style="height: 150px"> |
|
|
|
|
<h6 class="i-title wow fadeInDown">{{ modules[7].form.title }}</h6> |
|
|
|
|
<p class="en">{{ modules[7].form.subTitle }}</p> |
|
|
|
|
<p class="title-des wow fadeInDown">{{ modules[7].form.des }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(7)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="client-pic c-wrap"> |
|
|
|
|
<img class="bg" |
|
|
|
|
src="http://139.159.254.212/images/index/index0.png" |
|
|
|
|
:src="modules[8].form.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<div class="text"> |
|
|
|
|
<div class="c-title1"> |
|
|
|
|
<img src="http://139.159.254.212/images/index/comma1.png" |
|
|
|
|
<img src="https://huorantech.com/images/index/comma1.png" |
|
|
|
|
alt=""> |
|
|
|
|
他们说 |
|
|
|
|
{{ modules[8].form.title }} |
|
|
|
|
</div> |
|
|
|
|
<div class="text">平台功能丰富，操作简单，自动判分功能，能更高效的批改作业给学生更好的指导。</div> |
|
|
|
|
<div class="text" |
|
|
|
|
v-html="modules[8].form.des"></div> |
|
|
|
|
<div class="c-title2"> |
|
|
|
|
—— 河海大学老师 |
|
|
|
|
<img src="http://139.159.254.212/images/index/comma2.png" |
|
|
|
|
{{ modules[8].form.subTitle }} |
|
|
|
|
<img src="https://huorantech.com/images/index/comma2.png" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(8)">点击更改图片、标题、概述与链接</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- <scroll class="clients" |
|
|
|
|
:data="clients" |
|
|
|
|
<div class="c-wrap"> |
|
|
|
|
<scroll class="clients" |
|
|
|
|
:data="modules[9].list" |
|
|
|
|
:class-option="{limitMoveNum: 2, direction: 2}"> |
|
|
|
|
<ul class="client-list" |
|
|
|
|
ref="client"> |
|
|
|
|
<li v-for="i in clients" |
|
|
|
|
:key="i"> |
|
|
|
|
<img :src="require('http://139.159.254.212/images/index/school' + i + '.png')" |
|
|
|
|
<li v-for="item in modules[9].list" |
|
|
|
|
:key="item"> |
|
|
|
|
<img :src="item.pic" |
|
|
|
|
alt=""> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</scroll> --> |
|
|
|
|
</scroll> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(9)">点击更改图片</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="contact"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<h6>联系我们</h6> |
|
|
|
|
<p class="text">CONTACT US</p> |
|
|
|
|
<div class="title c-wrap"> |
|
|
|
|
<h6>{{ modules[10].form.title }}</h6> |
|
|
|
|
<p class="text">{{ modules[10].form.des }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(10)">点击更改标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="region"> |
|
|
|
|
<img class="dot" |
|
|
|
|
src="http://139.159.254.212/images/about/dot.png" |
|
|
|
|
src="https://huorantech.com/images/about/dot.png" |
|
|
|
|
alt=""> |
|
|
|
|
<p class="name">深圳</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="info"> |
|
|
|
|
<img class="logo" |
|
|
|
|
src="http://139.159.254.212/images/about/logo.png" |
|
|
|
|
:src="modules[11].form.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<div class="texts c-wrap"> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="line"> |
|
|
|
|
<img class="icon" |
|
|
|
|
src="http://139.159.254.212/images/about/site.png" |
|
|
|
|
src="https://huorantech.com/images/about/site.png" |
|
|
|
|
alt=""> |
|
|
|
|
公司官网：www.huorantech.com |
|
|
|
|
{{ modules[11].form.site }} |
|
|
|
|
</div> |
|
|
|
|
<div class="line"> |
|
|
|
|
<img class="icon" |
|
|
|
|
src="http://139.159.254.212/images/about/address.png" |
|
|
|
|
src="https://huorantech.com/images/about/address.png" |
|
|
|
|
alt=""> |
|
|
|
|
地址：广东省深圳市南山区粤海街道海天二路盈峰中心2101 |
|
|
|
|
{{ modules[11].form.address }} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="line"> |
|
|
|
|
<img class="icon" |
|
|
|
|
src="http://139.159.254.212/images/about/phone.png" |
|
|
|
|
src="https://huorantech.com/images/about/phone.png" |
|
|
|
|
alt=""> |
|
|
|
|
合作咨询：郭经理 17671782660 |
|
|
|
|
{{ modules[11].form.phone }} |
|
|
|
|
</div> |
|
|
|
|
<div class="line"> |
|
|
|
|
<img class="icon" |
|
|
|
|
src="http://139.159.254.212/images/about/mail.png" |
|
|
|
|
src="https://huorantech.com/images/about/mail.png" |
|
|
|
|
alt=""> |
|
|
|
|
客户建议：service@huorantech.cn |
|
|
|
|
{{ modules[11].form.mail }} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="qrcode"> |
|
|
|
|
<div class="cover" |
|
|
|
|
style="width: 800px" |
|
|
|
|
@click="toSet(11)">点击更改信息</div> |
|
|
|
|
<div class="cover" |
|
|
|
|
style="width: 800px" |
|
|
|
|
@click="toSet(11)">点击更改信息</div> |
|
|
|
|
<div class="qrcode c-wrap"> |
|
|
|
|
<img width="103" |
|
|
|
|
src="http://139.159.254.212/images/about/qrcode.jpg" |
|
|
|
|
:src=" modules[12].form.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<p class="text">扫一扫，关注公众号</p> |
|
|
|
|
<p class="text">{{ modules[12].form.title }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(12)">点击更改信息</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="qrcode m-l-30"> |
|
|
|
|
<div class="qrcode c-wrap m-l-30"> |
|
|
|
|
<img width="103" |
|
|
|
|
src="@/assets/images/mini-program-sm.jpg" |
|
|
|
|
:src=" modules[13].form.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<p class="text">扫一扫，登录职站商城</p> |
|
|
|
|
<p class="text">{{ modules[13].form.title }}</p> |
|
|
|
|
<div class="cover" |
|
|
|
|
@click="toSet(13)">点击更改信息</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -235,13 +305,19 @@ |
|
|
|
|
<script> |
|
|
|
|
import mixins from '@/mixins/page' |
|
|
|
|
import Modules from '@/const/modules' |
|
|
|
|
import scroll from 'vue-seamless-scroll' |
|
|
|
|
import Util from '@/libs/util' |
|
|
|
|
export default { |
|
|
|
|
mixins: [mixins], |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
modules: Modules.application |
|
|
|
|
isImg: Util.isImg, |
|
|
|
|
modules: Modules.aboutUs |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
scroll |
|
|
|
|
}, |
|
|
|
|
mounted () { |
|
|
|
|
this.$store.commit('user/setCrumbs', [ |
|
|
|
|
{ |
|
|
|
|
@ -275,8 +351,8 @@ export default { |
|
|
|
|
.banner { |
|
|
|
|
position: relative; |
|
|
|
|
height: 480px; |
|
|
|
|
background: url(http://139.159.254.212/images/about/banner1.png) 0 0 / auto no-repeat, |
|
|
|
|
url(http://139.159.254.212/images/about/banner2.png) (90% 37px) / auto no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/about/banner1.png) 0 0 / auto no-repeat, |
|
|
|
|
url(https://huorantech.com/images/about/banner2.png) (90% 37px) / auto no-repeat; |
|
|
|
|
background-color: #0f5bed; |
|
|
|
|
.texts { |
|
|
|
|
position: absolute; |
|
|
|
|
@ -290,6 +366,28 @@ export default { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.carousel { |
|
|
|
|
.pic { |
|
|
|
|
height: 100%; |
|
|
|
|
background-position: center center; |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
} |
|
|
|
|
/deep/.el-carousel__container { |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
.text-wrap { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 50%; |
|
|
|
|
left: 165px; |
|
|
|
|
color: #fff; |
|
|
|
|
transform: translateY(-50%); |
|
|
|
|
} |
|
|
|
|
.qrcodes { |
|
|
|
|
display: flex; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.qrcode { |
|
|
|
|
text-align: center; |
|
|
|
|
@ -379,7 +477,7 @@ export default { |
|
|
|
|
height: 153px; |
|
|
|
|
margin-top: -240px; |
|
|
|
|
color: #fff; |
|
|
|
|
background: url(http://139.159.254.212/images/about/about2.png) 0 0 / cover no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/about/about2.png) 0 0 / cover no-repeat; |
|
|
|
|
.inner { |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
@ -393,7 +491,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
.culture { |
|
|
|
|
position: relative; |
|
|
|
|
background: #fff url(http://139.159.254.212/images/about/about3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
background: #fff url(https://huorantech.com/images/about/about3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
.inner { |
|
|
|
|
padding-bottom: 112px; |
|
|
|
|
} |
|
|
|
|
@ -519,7 +617,7 @@ export default { |
|
|
|
|
.contact { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 0 0 106px 0; |
|
|
|
|
background: url(http://139.159.254.212/images/about/map.png) 0 0 / cover no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/about/map.png) 0 0 / cover no-repeat; |
|
|
|
|
.inner { |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
@ -575,8 +673,8 @@ export default { |
|
|
|
|
|
|
|
|
|
.about { |
|
|
|
|
padding: 130px 0 200px; |
|
|
|
|
background: url(http://139.159.254.212/images/index/about2.png) (bottom right) / auto no-repeat, |
|
|
|
|
url(http://139.159.254.212/images/index/about1.png) 0 0 / cover no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/index/about2.png) (bottom right) / auto no-repeat, |
|
|
|
|
url(https://huorantech.com/images/index/about1.png) 0 0 / cover no-repeat; |
|
|
|
|
.inner { |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
@ -617,7 +715,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
.adv { |
|
|
|
|
position: relative; |
|
|
|
|
background: #fff url(http://139.159.254.212/images/index/index7.png) 0 0/100% 100% no-repeat; |
|
|
|
|
background: #fff url(https://huorantech.com/images/index/index7.png) 0 0/100% 100% no-repeat; |
|
|
|
|
.list { |
|
|
|
|
display: flex; |
|
|
|
|
li { |
|
|
|
|
@ -661,7 +759,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
.service { |
|
|
|
|
position: relative; |
|
|
|
|
background: #0653ff url(http://139.159.254.212/images/index/service4.png) 0 0/100% 100% no-repeat; |
|
|
|
|
background: #0653ff url(https://huorantech.com/images/index/service4.png) 0 0/100% 100% no-repeat; |
|
|
|
|
.i-title { |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
@ -751,8 +849,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.product { |
|
|
|
|
background: url(http://139.159.254.212/images/index/pro-bg1.png) (right 828px) / auto no-repeat, |
|
|
|
|
url(http://139.159.254.212/images/index/pro-bg8.png) (left bottom) / auto no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/index/pro-bg1.png) (right 828px) / auto no-repeat, |
|
|
|
|
url(https://huorantech.com/images/index/pro-bg8.png) (left bottom) / auto no-repeat; |
|
|
|
|
background-color: #fff; |
|
|
|
|
.list { |
|
|
|
|
display: flex; |
|
|
|
|
@ -807,10 +905,10 @@ export default { |
|
|
|
|
top: 157px; |
|
|
|
|
width: 21px; |
|
|
|
|
height: 21px; |
|
|
|
|
background: url(http://139.159.254.212/images/index/arrow.png) no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/index/arrow.png) no-repeat; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&:hover { |
|
|
|
|
background-image: url(http://139.159.254.212/images/index/arrow-active.png); |
|
|
|
|
background-image: url(https://huorantech.com/images/index/arrow-active.png); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.a-left { |
|
|
|
|
@ -886,7 +984,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.parner { |
|
|
|
|
background: #fff url(http://139.159.254.212/images/index/parner.png) 0 0 / cover no-repeat; |
|
|
|
|
background: #fff url(https://huorantech.com/images/index/parner.png) 0 0 / cover no-repeat; |
|
|
|
|
.i-title, |
|
|
|
|
.brief { |
|
|
|
|
color: #fff; |
|
|
|
|
@ -899,7 +997,7 @@ export default { |
|
|
|
|
height: 600px; |
|
|
|
|
} |
|
|
|
|
.client { |
|
|
|
|
background: url(http://139.159.254.212/images/index/client.png) 0 0 / cover no-repeat; |
|
|
|
|
background: url(https://huorantech.com/images/index/client.png) 0 0 / cover no-repeat; |
|
|
|
|
} |
|
|
|
|
.client-pic { |
|
|
|
|
display: flex; |
|
|
|
|
@ -1017,9 +1115,9 @@ export default { |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
.wechat { |
|
|
|
|
background: #fff url(http://139.159.254.212/images/index/wechat.png) center center/auto no-repeat; |
|
|
|
|
background: #fff url(https://huorantech.com/images/index/wechat.png) center center/auto no-repeat; |
|
|
|
|
&:hover { |
|
|
|
|
background-image: url(http://139.159.254.212/images/index/wechat-1.png); |
|
|
|
|
background-image: url(https://huorantech.com/images/index/wechat-1.png); |
|
|
|
|
background-color: #006eff; |
|
|
|
|
& + .popup { |
|
|
|
|
display: block; |
|
|
|
|
@ -1027,9 +1125,9 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.tel { |
|
|
|
|
background: #fff url(http://139.159.254.212/images/index/tel.png) center center/auto no-repeat; |
|
|
|
|
background: #fff url(https://huorantech.com/images/index/tel.png) center center/auto no-repeat; |
|
|
|
|
&:hover { |
|
|
|
|
background-image: url(http://139.159.254.212/images/index/tel-1.png); |
|
|
|
|
background-image: url(https://huorantech.com/images/index/tel-1.png); |
|
|
|
|
background-color: #006eff; |
|
|
|
|
& + .popup { |
|
|
|
|
display: block; |
|
|
|
|
@ -1037,9 +1135,9 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.topping { |
|
|
|
|
background: #fff url(http://139.159.254.212/images/index/top.png) center center/auto no-repeat; |
|
|
|
|
background: #fff url(https://huorantech.com/images/index/top.png) center center/auto no-repeat; |
|
|
|
|
&:hover { |
|
|
|
|
background-image: url(http://139.159.254.212/images/index/top-1.png); |
|
|
|
|
background-image: url(https://huorantech.com/images/index/top-1.png); |
|
|
|
|
background-color: #006eff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
