<template xmlns="http://www.w3.org/1999/html">
|
<div class="containerHJ">
|
<div class="HJLeft">
|
<div class="HJLeft1">
|
<div class="title"><span>产业定位</span></div>
|
<!-- <img src="../../../assets/images/发展定位.png" style="margin-top: 40px">-->
|
<video src="../../../assets/images/2020.10.5经开区第一版.mp4" autoplay muted loop style="width: 609px;height: 382px"
|
@click="zjvideo()"></video>
|
<marquee class="wenzi" direction=up scrolldelay=200 behavior=scroll> 朝阳经济技术开发区按照“
|
<span>引进、聚集、升级、智能、低碳</span>
|
”的产业发展思路，以高端制造和数字经济产业为主攻方向，加快绿色低碳新材料产业园、电子信息装备制造产业园、医疗器械产业园、轻纺产业园和数字经济产业园“五园”新型工业化中心区，建设现代化都市圈、高品质生活宜居地，打造朝阳全面振兴、全方位振兴引领区。
|
</marquee>
|
</div>
|
<div class="HJLeft2">
|
<div class="title"><span>投资优势</span></div>
|
<div>
|
<img :src="active?scdz:scdz1" class="img2" @click="CheckAttachment('生产成本优势')">
|
<img :src="active1?qydz:qydz1" class="img3" @click="CheckAttachment('区域优势')">
|
<img :src="active2?spdz:spdz1" class="img4" @click="CheckAttachment('审批服务优势')">
|
<img :src="active3?rcdz:rcdz1" class="img5" @click="CheckAttachment('人才优势')">
|
</div>
|
</div>
|
</div>
|
<div class="HJRight">
|
<div class="HJRight1">
|
<div class="title"><span>基础设施保障</span></div>
|
<img src="../../../assets/images/基础设施保障.png" style="margin-top: 40px">
|
</div>
|
<div class="HJRight2">
|
<div class="title"><span>优惠政策</span></div>
|
<div class="favouredPolicy">
|
<img :src="active4?zddz:zddz1" class="zcimg2" @click="CheckAttachment('征地项目支持政策')">
|
<img :src="active5?xddz:xddz1" class="zcimg3" @click="CheckAttachment('现代服务业项目政策')">
|
<img :src="active6?qtdz:qtdz1" class="zcimg4" @click="CheckAttachment('其他政策')">
|
</div>
|
</div>
|
</div>
|
<!-- <el-dialog v-dialogDrag title="征地项目支持政策" :visible.sync="dialogVisible1" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose1">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/土地政策.png">-->
|
<!-- <p>（一）产业资金支持政策</p>-->
|
<!-- <p>项目建设用地由开发区征收、拆迁为净地后进行出让。</p>-->
|
<!-- <p>固定资产投资强度大于150万元/亩、总投资5000万元-1亿元（含1亿元）征地的工业项目，每亩地给予5万元的产业资金支持。</p>-->
|
<!-- <p>固定资产投资强度大于150万元/亩、总投资1亿元以上征地的工业项目，每亩地给予10万元的产业资金支持。</p>-->
|
<!-- <p>对投资额大的主导产业项目或者产业牵动性强、科技含量高的引领型项目，高新技术等新兴产业项目可以采取“一事一议”、“一企一策”的方式给予更大力度的支持。</p>-->
|
<!-- <p>支持资金在完成工程基础正负零和项目投入生产并形成第一笔税收后各支付50%。</p>-->
|
<!-- <p>（二）经济贡献奖励政策</p>-->
|
<!-- <p>对新引进主导产业项目，从约定投产年度起，按其投资额度给予经济贡献奖励。</p>-->
|
<!-- <p>-->
|
<!-- 固定资产投资5000万元-2亿元(不含2亿)主导产业项目，给予五年奖励政策，前3年按其对开发区地方经济贡献的100%给予企业技术研发和市场开拓支持；后2年按其对开发区地方经济贡献的50%给予企业技术研发和市场开拓支持。此政策与产业资金支持政策任选其一，不可兼得。</p>-->
|
<!-- <p>-->
|
<!-- 固定资产投资2亿元（含2亿元）以上的主导产业项目，给予五年奖励政策，前2年按其对开发区地方经济贡献的100%给予企业技术研发和市场开拓支持；后3年按其对开发区地方经济贡献的50%给予企业技术研发和市场开拓支持。此政策与产业资金支持政策可兼得。</p>-->
|
<!-- <p>对投资额大的主导产业项目或者产业牵动性强、科技含量高的引领型项目，高新技术等新兴产业项目可以按照“一事一议” 、“一企一策”的方式给予更大力度的支持。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
<!-- <el-dialog v-dialogDrag title="现代服务业项目政策" :visible.sync="dialogVisible2" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose2">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/税收政策.png">-->
|
<!-- <p>在开发区内租用经营场所、当年运营对开发区地方经济贡献达到60万元以上，并覆盖租金2倍的保险、生产性服务业总部经济等现代服务业项目，开发区给予奖励政策。</p>-->
|
<!-- <p>（一）租购办公用房支持政策</p>-->
|
<!-- <p>-->
|
<!-- 新引进的总部企业租用开发区指定的总部楼宇且全部自用的，企业先行支付房租，企业申请，管委会进行评估认定，自认定之日起连续6年给予租金补助，前3年补助年度租金的100%，后3年补助年度租金的50%，每年补助金额最高不超过100万元。</p>-->
|
<!-- <p>新引进的总部企业新购置开发区指定总部楼宇且自用的，按每平方米800元的标准给予一次性补助，每个企业补助金额最高不超过100万元。</p>-->
|
<!-- <p>兑现补助时间节点为对开发区地方经济贡献覆盖租金2倍后且在协议期内的三个月内。</p>-->
|
<!-- <p>租赁办公用房与购买办公用房支持政策不得同时享受。</p>-->
|
<!-- <p>不需要租购办公用房的，或者租用面积较小的情况，经协商给予一定支持。</p>-->
|
<!-- <p>（二）经济贡献奖励</p>-->
|
<!-- <p>-->
|
<!-- 对上年度地方经济实际贡献达400万元（起始计算点为超出2倍房租金额）以上的，给予超出400万部分50%额度的奖励资金支持企业发展。对上年度地方经济实际贡献达1000万元（起始计算点为超出2倍房租金额）以上的，按照“一事一议”给予特殊奖励。原则上兑现奖励时间节点为协议满一年的最后一个月，特殊情形按协议约定执行。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
<!-- <el-dialog v-dialogDrag title="其他政策" :visible.sync="dialogVisible3" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose3">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/重点项目.png">-->
|
<!-- <p>（一）重点项目支持政策</p>-->
|
<!-- <p>积极协调争取国家、省、市对企业各项支持政策，全力帮助企业争取，并及时全额发放到企业账户。</p>-->
|
<!-- <p>（二）财政扶持政策</p>-->
|
<!-- <p>执行《朝阳市加快民营经济发展二十七条政策措施》，开发区财政每年按一定（根据项目方投资额度等相关情况，由双方商议来设定）的额度设立专项资金，用于鼓励支持入园企业技术创新、贷款贴息、上市融资、品牌建设等。</p>-->
|
<!-- <p>（三）支持企业科技创新政策</p>-->
|
<!-- <p>制定实施企业研究开发费用补助资金管理办法，对获评省级及以上技术中心、技术研发检测平台、专精特新产品的企业给予一定数额的奖励。</p>-->
|
<!-- <p>（四）扶持企业上市政策</p>-->
|
<!-- <p>在资金和政策上优先支持符合中高端产业发展方向的企业上市。通过与企业点对点对接等方式推动企业开拓资本市场。财政安排上市奖励专项资金，对成功在主板、中小板、创业板和新三板上市的企业进行一次性奖励。</p>-->
|
<!-- <p>（五）推动品牌建设战略政策</p>-->
|
<!-- <p>对获得“中国驰名商标”、“中国名牌产品” 称号的企业，奖励30万元；获得“辽宁省著名商标”、“辽宁省名牌产品” 称号的企业，奖励10万元。</p>-->
|
<!-- <p>（六）人才政策</p>-->
|
<!-- <p>对企业引进的高端实用人才，可充分享受关于《朝阳市引进人才16条政策措施》等人才政策。</p>-->
|
<!-- <p>（七）收费政策</p>-->
|
<!-- <p>入驻开发区的工业项目，各项行政事业性收费全免（国家、省、市规定收费项目和消防、人防费除外）。</p>-->
|
<!-- <p>（八）一事一议政策</p>-->
|
<!-- <p>对于引领性较强、支撑性重大、高新技术产业项目，或引进固定资产投资额特别大及高税收回报的招商项目，可采取“一事一议”、“一企一策”的方式给予更大的支持。</p>-->
|
<!-- <p>（九）服务保障</p>-->
|
<!-- <p>开发区成立项目管家专职协调服务工作组，为项目提供投资审批、环保审批、节能评价、项目报建等方面一站式办公、一条龙服务，并施行审批手续“代办制”，免收代办费。</p>-->
|
<!-- <p>（十）其它事项</p>-->
|
<!-- <p>1.主任办公会议已经通过或已签订投资协议的项目，按主任办公会议纪要或原投资协议执行。</p>-->
|
<!-- <p>2.此前印发的招商引资支持政策与本政策不一致的，以本政策为准。</p>-->
|
<!-- <p>3.关于地方经济贡献的解释：企业地方经济贡献原则上为企业缴纳的增值税和所得税市本级及以下留成部分。</p>-->
|
<!-- <p>4.本政策由朝阳经济技术开发区招商局负责解释，自2021年4月1日起施行。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
<!-- <el-dialog v-dialogDrag title="生产成本优势" :visible.sync="dialogVisible7" width="3659"-->
|
<!-- :before-close="handleDialogClose7">-->
|
|
<!-- </el-dialog>-->
|
|
<!-- <el-dialog v-dialogDrag title="区域优势" :visible.sync="dialogVisible8" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose8">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/区域优势1.png">-->
|
<!-- <p>-->
|
<!-- 开发区东眺辽宁自由贸易实验区沈阳片区，西望京津冀一体化经济区，南临环渤海经济圈，北接内蒙古，是东北地区西线入关的节点城市，内蒙古东部及至蒙古国的出海通道。境内有十条国、省干道公路，六条铁路纵横交错，直通北京、沈阳、大连、承德、丹东、赤峰等城市。长深、丹锡两条高速全境通过，距锦州港100公里，葫芦岛港180公里。京沈高铁建成后，朝阳将进入北京和沈阳两个一小时经济圈，朝阳机场可通达北京、天津、大连、青岛、松原、上海。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
<!-- <el-dialog v-dialogDrag title="审批服务优势" :visible.sync="dialogVisible9" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose9">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/审批服务.png">-->
|
<!-- <p>开发区审批服务大厅搭建了“一站式”审批服务平台，封闭运行、独立审批，为投资者提供快捷、方便、完善、优质的“店小二”、“保姆式”服务。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
<!-- <el-dialog v-dialogDrag title="人才优势" :visible.sync="dialogVisible10" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose10">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/人才优势1.png">-->
|
<!-- <p>-->
|
<!-- 朝阳市院校资源丰富，拥有财经、农业、工业等14所技工学校，朝阳师范高等专科学校、朝阳工程技术学校、朝阳市财经学校、朝阳广播电视大学、中国民航大学朝阳飞行学院等17所大中专院校，具有较好的教育研发基础，能够为产业发展提供较好的人力资源和智力支持。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
<div style="display: none" class="zjvideo" id="zjvideo">
|
<div style="font-size: 50px;color: #FFFFFF;position: absolute;top: 10px;right: 10px;z-index: 999999999;"
|
@click="handleDialogClose11">X
|
</div>
|
<video src="../../../assets/images/2020.10.5经开区第一版.mp4" autoplay controls style="width: 1615px" ref="vueRef"
|
muted>
|
</video>
|
</div>
|
<div class="sccb" v-if="dialogVisible7">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img src="../../../assets/images/生产成本优势1 (1).png" id="scOne">
|
<img src="../../../assets/images/a2.png" style="position: absolute;left: 1272px;top: 425px;" @click="imgRight">
|
<img src="../../../assets/images/a4.png" style="position: absolute;left: 7px;top: 425px;" @click="imgLeft">
|
<img src="../../../assets/images/生产成本优势2.png" id="scTwo">
|
</div>
|
<div class="sccb" v-if="dialogVisible9">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img src="../../../assets/images/审批服务弹窗.png" id="spOne">
|
</div>
|
<div class="sccb" v-if="dialogVisible8">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img :src="showImg">
|
<!-- <img :class="showImg" src="../../../assets/images/区域优势2.png" id="scTwo">-->
|
<!-- <img :class="showImg" src="../../../assets/images/区域优势3.png" id="scThree">-->
|
<!-- <img :class="showImg" src="../../../assets/images/区域优势4.png" id="scFour">-->
|
<!-- <img :class="showImg" src="../../../assets/images/区域优势5.png" id="scFive">-->
|
<img src="../../../assets/images/a2.png" style="position: absolute;left: 1272px;top: 425px;" @click="imgRight">
|
<img src="../../../assets/images/a4.png" style="position: absolute;left: 7px;top: 425px;" @click="imgLeft">
|
</div>
|
<div class="sccb" v-if="dialogVisible10">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img src="../../../assets/images/人才.png" id="spOne">
|
</div>
|
<div class="sccb" v-if="dialogVisible1">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img src="../../../assets/images/征地项目1.png" id="scOne">
|
<img src="../../../assets/images/a2.png" style="position: absolute;left: 1272px;top: 425px;" @click="imgRight">
|
<img src="../../../assets/images/a4.png" style="position: absolute;left: 7px;top: 425px;" @click="imgLeft">
|
<img src="../../../assets/images/征地项目2.png" id="scTwo">
|
</div>
|
<div class="sccb" v-if="dialogVisible2">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img src="../../../assets/images/现代.png" id="spOne">
|
</div>
|
<div class="sccb" v-if="dialogVisible3">
|
<img src="../../../assets/images/a5.png" style="position: absolute;left: 1190px;top: 109px;" @click=closeTC>
|
<img src="../../../assets/images/其他.png" id="spOne">
|
</div>
|
</div>
|
</template>
|
|
<script>
|
|
export default {
|
components: {},
|
data() {
|
return {
|
|
superurl: [
|
require("../../../assets/images/区域优势1.png")
|
,
|
require('../../../assets/images/区域优势2-2.png')
|
,
|
require('../../../assets/images/区域优势3.png')
|
,
|
require('../../../assets/images/区域优势4.png')
|
, require('../../../assets/images/区域优势5.png'),
|
|
],
|
calleft: 0,
|
|
active: true,
|
active1: true,
|
active2: true,
|
active3: true,
|
active4: true,
|
active5: true,
|
active6: true,
|
dialogVisible1: false,
|
dialogVisible2: false,
|
dialogVisible3: false,
|
dialogVisible7: false,
|
dialogVisible8: false,
|
dialogVisible9: false,
|
dialogVisible10: false,
|
dialogVisible11: false,
|
DialogClose1: false,
|
DialogClose2: false,
|
DialogClose3: false,
|
DialogClose7: false,
|
DialogClose8: false,
|
DialogClose9: false,
|
DialogClose10: false,
|
DialogClose11: false,
|
|
showImg: require("../../../assets/images/区域优势1.png"), // 显示得图片路径
|
scdz: require("../../../assets/images/生产成本优势.png"),
|
scdz1: require("../../../assets/images/生产-变.png"),
|
qydz: require("../../../assets/images/区域优势.png"),
|
qydz1: require("../../../assets/images/区域优势-变.png"),
|
spdz: require("../../../assets/images/审批服务优势.png"),
|
spdz1: require("../../../assets/images/审批服务优势-变.png"),
|
rcdz: require("../../../assets/images/人才优势.png"),
|
rcdz1: require("../../../assets/images/人才优势-变.png"),
|
zddz:require("../../../assets/images/征地项目支持政策.png"),
|
zddz1:require("../../../assets/images/征地项目支持政策-变.png"),
|
xddz:require("../../../assets/images/现代服务业项目政策.png"),
|
xddz1:require("../../../assets/images/现代服务业项目政策-变.png"),
|
qtdz:require("../../../assets/images/其他政策.png"),
|
qtdz1:require("../../../assets/images/其他政策-变.png"),
|
imgNum: 0, // 当前图片index
|
}
|
},
|
computed: {
|
defaultOption() {
|
return {
|
step: 0.4, // 数值越大速度滚动越快
|
limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length
|
hoverStop: true, // 是否开启鼠标悬停stop
|
direction: 1, // 0向下 1向上 2向左 3向右
|
openWatch: true, // 开启数据实时监控刷新dom
|
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
|
singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
|
waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
|
}
|
}
|
|
},
|
mounted() {
|
},
|
methods: {
|
CheckAttachment(parm) {
|
switch (parm) {
|
case "征地项目支持政策":
|
this.DialogClose1 = true;
|
this.dialogVisible1 = true;
|
this.active4 = false;
|
break;
|
case "现代服务业项目政策":
|
this.dialogVisible2 = true;
|
this.DialogClose2 = true;
|
this.active5 = false;
|
break;
|
case "其他政策":
|
this.dialogVisible3 = true;
|
this.DialogClose3 = true;
|
this.active6 = false;
|
break;
|
case "生产成本优势":
|
this.dialogVisible7 = true;
|
this.DialogClose7 = true;
|
this.active = false;
|
break;
|
case "区域优势":
|
this.dialogVisible8 = true;
|
this.DialogClose8 = true;
|
this.active1 = false;
|
break;
|
case "审批服务优势":
|
this.dialogVisible9 = true;
|
this.DialogClose9 = true;
|
this.active2 = false;
|
break;
|
case "人才优势":
|
this.dialogVisible10 = true;
|
this.DialogClose10 = true;
|
this.active3 = false;
|
break;
|
}
|
},
|
zjvideo() {
|
const zjvideo = document.getElementById('zjvideo');
|
zjvideo.style.display = 'block';// 显示选择的元素
|
},
|
handleDialogClose1() {
|
this.dialogVisible1 = false;
|
this.DialogClose1 = false;
|
},
|
handleDialogClose2() {
|
this.dialogVisible2 = false;
|
this.DialogClose2 = false;
|
},
|
handleDialogClose3() {
|
this.dialogVisible3 = false;
|
|
},
|
closeTC() {
|
this.dialogVisible1 = false;
|
this.dialogVisible2 = false;
|
this.dialogVisible3 = false;
|
this.dialogVisible7 = false;
|
this.dialogVisible8 = false;
|
this.dialogVisible9 = false;
|
this.dialogVisible10 = false;
|
// this.DialogClose7 = false;
|
this.active = true;
|
this.active1 = true;
|
this.active2 = true;
|
this.active3 = true;
|
this.active4 = true;
|
this.active5 = true;
|
this.active6 = true;
|
},
|
handleDialogClose8() {
|
this.dialogVisible8 = false;
|
this.DialogClose8 = false;
|
},
|
// handleDialogClose9() {
|
// this.dialogVisible9 = false;
|
// this.DialogClose9 = false;
|
// },
|
handleDialogClose10() {
|
this.dialogVisible10 = false;
|
this.DialogClose10 = false;
|
},
|
handleDialogClose11() {
|
const zjvideo = document.getElementById('zjvideo');
|
zjvideo.style.display = 'none';// 隐藏选择的元素
|
this.$refs.vueRef.pause();//暂停
|
},
|
imgRight() {
|
if (this.imgNum < 4) this.imgNum++;
|
this.showImg = this.superurl[this.imgNum];
|
const scOne = document.getElementById('scOne');
|
const scTwo = document.getElementById('scTwo');
|
scOne.style.display = 'none';// 隐藏选择的元素
|
scTwo.style.display = 'block';// 隐藏选择的元素
|
},
|
imgLeft() {
|
if (this.imgNum > 0) this.imgNum--;
|
this.showImg = this.superurl[this.imgNum];
|
const scOne = document.getElementById('scOne');
|
const scTwo = document.getElementById('scTwo');
|
scOne.style.display = 'block';// 隐藏选择的元素
|
scTwo.style.display = 'none';// 隐藏选择的元素
|
},
|
|
|
},
|
|
|
}
|
</script>
|
|
<style scoped="scoped" lang="less">
|
.containerHJ {
|
height: 100%;
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
.HJLeft {
|
width: 49%;
|
height: 100%;
|
|
.HJLeft1 {
|
height: 50%;
|
width: 100%;
|
|
.wenzi {
|
color: #FFFFFF;
|
font-size: 22px;
|
line-height: 36px;
|
height: 230px;
|
overflow: scroll;
|
text-indent: 2em;
|
letter-spacing: 8px;
|
}
|
|
.scrool {
|
margin-top: 20px;
|
height: calc(100% - 112px);
|
width: 100%;
|
}
|
}
|
|
.HJLeft2 {
|
height: 40%;
|
width: 100%;
|
color: #FFFFFF;
|
font-size: 30px;
|
|
.img1 {
|
position: absolute;
|
bottom: 293px;
|
left: 245px;
|
}
|
|
.img2 {
|
position: absolute;
|
bottom: 378px;
|
left: 80px;
|
}
|
|
.msg1 {
|
position: absolute;
|
bottom: 500px;
|
left: 72px;
|
}
|
|
.msg2 {
|
position: absolute;
|
bottom: 471px;
|
left: 72px;
|
font-size: 21px;
|
color: #0080FF;
|
}
|
|
.img3 {
|
position: absolute;
|
bottom: 378px;
|
left: 355px;
|
}
|
|
.msg3 {
|
position: absolute;
|
bottom: 500px;
|
left: 448px;
|
}
|
|
.msg4 {
|
position: absolute;
|
bottom: 413px;
|
left: 448px;
|
width: 232px;
|
font-size: 21px;
|
color: #36FFCC;
|
}
|
|
.img4 {
|
position: absolute;
|
left: 80px;
|
bottom: 116px;
|
}
|
|
.msg5 {
|
position: absolute;
|
bottom: 170px;
|
left: 72px;
|
}
|
|
.msg6 {
|
position: absolute;
|
bottom: 135px;
|
left: 72px;
|
font-size: 21px;
|
color: #1EABFB;
|
}
|
|
.img5 {
|
position: absolute;
|
bottom: 116px;
|
left: 355px;
|
}
|
|
.msg7 {
|
position: absolute;
|
bottom: 170px;
|
left: 480px;
|
}
|
|
.msg8 {
|
position: absolute;
|
bottom: 110px;
|
left: 480px;
|
font-size: 21px;
|
width: 155px;
|
color: #FFF146;
|
}
|
}
|
}
|
|
.HJRight {
|
width: 47%;
|
height: 100%;
|
|
.HJRight1 {
|
height: 50%;
|
width: 100%;
|
|
|
.HJRight12 {
|
height: 34%;
|
width: 100%;
|
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
align-items: center;
|
justify-content: space-around;
|
|
.HJRight121 {
|
width: 30%;
|
height: 45%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-around;
|
|
.HJRight1211 {
|
width: 80%;
|
display: flex;
|
flex-direction: column;
|
|
.span1 {
|
height: 50%;
|
width: 100%;
|
font-size: 28px;
|
color: #FFFFFF;
|
}
|
|
.span2 {
|
height: 50%;
|
width: 100%;
|
font-size: 38px;
|
color: #4AA9F2;
|
font-family: MyTime;
|
|
span {
|
font-size: 18px;
|
margin-left: 20px;
|
color: #FFFFFF;
|
}
|
}
|
}
|
}
|
}
|
|
.HJRight13 {
|
height: 22%;
|
width: 100%;
|
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-around;
|
|
.span1, .span2, .span3 {
|
width: 25%;
|
height: 80%;
|
}
|
|
.span1, .span2, .span3 {
|
display: flex;
|
flex-direction: column;
|
|
.span11, .span12 {
|
height: 50%;
|
width: 100%;
|
color: #FFFFFF;
|
display: flex;
|
align-items: center;
|
font-size: 28px;
|
}
|
|
.span12 {
|
font-size: 42px;
|
font-family: MyTime;
|
color: yellow;
|
}
|
|
}
|
|
.span2 {
|
.span12 {
|
font-size: 42px;
|
font-family: MyTime;
|
color: #98deff;
|
}
|
}
|
|
|
.span3 {
|
display: flex;
|
align-items: flex-end;
|
justify-content: center;
|
|
.span31 {
|
height: 117px;
|
width: 117px;
|
background-image: url(../../../assets/image/Left/Environmental/HJZB.png);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
color: #F4D502;
|
font-size: 36px;
|
font-weight: 600;
|
}
|
}
|
|
}
|
|
.HJRight14 {
|
height: 22%;
|
width: 100%;
|
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
|
.span1, .span2, .span3 {
|
width: 25%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
|
span {
|
height: 30%;
|
width: 100%;
|
display: flex;
|
align-items: center;
|
color: #FFFFFF;
|
font-size: 28px;
|
}
|
|
.span11 {
|
font-family: Mytime;
|
color: #4AA9F2;
|
font-size: 38px;
|
}
|
}
|
}
|
}
|
|
.HJRight2 {
|
height: 40%;
|
width: 100%;
|
|
.favouredPolicy {
|
.zcimg1 {
|
margin-top: 60px;
|
}
|
|
.zcimg2 {
|
position: absolute;
|
left: 661px;
|
bottom: 374px;
|
}
|
|
.zcimg3 {
|
position: absolute;
|
left: 661px;
|
bottom: 92px;
|
}
|
|
.zcimg4 {
|
position: absolute;
|
left: 942px;
|
bottom: 102px;
|
}
|
|
.policy1 {
|
color: #ffffff;
|
position: absolute;
|
left: 850px;
|
bottom: 430px;
|
font-size: 28px;
|
}
|
|
.policy2 {
|
color: #ffffff;
|
position: absolute;
|
left: 672px;
|
bottom: 165px;
|
font-size: 28px;
|
}
|
|
.policy3 {
|
color: #ffffff;
|
position: absolute;
|
left: 1055px;
|
bottom: 165px;
|
font-size: 28px;
|
}
|
|
}
|
|
|
}
|
|
|
}
|
}
|
|
|
.title {
|
width: 100%;
|
height: 38px;
|
background-image: url(../../../assets/images/title.png);
|
background-size: 100% 100%;
|
font-family: MytitileName;
|
font-size: 28px;
|
display: flex;
|
align-items: center;
|
color: #98deff;
|
letter-spacing: 3px;
|
|
span {
|
width: 70%;
|
text-indent: 70px;
|
}
|
|
button {
|
height: 80%;
|
width: 20%;
|
font-size: 24px;
|
font-family: "microsoft yahei";
|
background-color: transparent;
|
color: #FFFFFF;
|
border: solid 1px #04A7DC;
|
background-color: #020919;
|
border-radius: 10px;
|
}
|
|
}
|
|
.datlog {
|
border-radius: 10px;
|
background: url("../../../assets/images/弹出背景.png") no-repeat;
|
width: 708px;
|
height: 836px;
|
|
img {
|
width: 640px;
|
height: 250px;
|
margin-bottom: 10px;
|
}
|
}
|
|
.datlog /deep/ .el-dialog__header {
|
background-color: #002a54;
|
border: none;
|
height: 50px;
|
display: flex;
|
align-items: center;
|
// font-size: 40px;
|
}
|
|
.datlog /deep/ .el-dialog__title {
|
color: #ffffff;
|
font-size: 36px;
|
font-weight: 700;
|
}
|
|
.datlog /deep/ .el-dialog__headerbtn {
|
font-size: 38px;
|
top: -11px;
|
right: 1px;
|
}
|
|
.datlog /deep/ .el-dialog__body {
|
padding: 0px;
|
//background-color: rgba(0, 0, 0);
|
background-color: #002a54;
|
color: #FFFFFF;
|
font-size: 28px;
|
height: 100%;
|
padding-top: 1px
|
}
|
|
|
.datlog /deep/ .el-dialog {
|
display: flex;
|
display: -ms-flex;
|
flex-direction: column;
|
position: absolute;
|
top: -25%;
|
left: 5%;
|
width: 655px;
|
height: 795px;
|
max-height: calc(100% - 30px);
|
max-width: calc(100% - 30px);
|
}
|
|
.DatLog /deep/ .el-dialog .el-dialog__body {
|
max-height: 100%;
|
flex: 1;
|
-ms-flex: 1 1 auto;
|
/* 兼容IE */
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
|
//.el-dialog__wrapper {
|
// /*隐藏ie和edge中遮罩的滚动条*/
|
// overflow: hidden;
|
// top: 20%;
|
// right: 60%;
|
//}
|
.zjvideo {
|
position: absolute;
|
left: 102%;
|
top: 16%;
|
}
|
|
.sccb {
|
width: 1275px;
|
height: 841px;
|
position: absolute;
|
left: 1552px;
|
overflow: hidden;
|
padding-left: 60px;
|
}
|
|
</style>
|
<style lang="less">
|
.el-dialog {
|
position: relative;
|
margin: 0 auto 50px;
|
background: transparent !important;
|
border-radius: 2px;
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
box-sizing: border-box;
|
width: 50%;
|
}
|
</style>
|
