|
|
@@ -0,0 +1,615 @@
|
|
|
+<#include "_layout.html"/>
|
|
|
+<#macro css>
|
|
|
+ .warp{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .content{
|
|
|
+ width: 1190px;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .uas .section{
|
|
|
+ height: 640px;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 0;
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .uas .section .content{
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ height: 640px;
|
|
|
+ margin: -320px 0 0 -595px;
|
|
|
+ }
|
|
|
+ .uas .section-3 .content{
|
|
|
+ top: 40%;
|
|
|
+ }
|
|
|
+ .uas .section-4 .content,.uas .section-5 .content{
|
|
|
+ top: 41%;
|
|
|
+ }
|
|
|
+ .uas .section-1{
|
|
|
+ background: #408eff;
|
|
|
+ }
|
|
|
+ .uas .section-1 .uas01{
|
|
|
+ position: absolute;
|
|
|
+ top: 12%;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text{
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 23%;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text h3{
|
|
|
+ font-size: 46px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 28px;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text h3 em{
|
|
|
+ font-size: 30px;
|
|
|
+ font-style: inherit;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text p{
|
|
|
+ font-size: 30px;
|
|
|
+ line-height: 40px;
|
|
|
+ color: #333;
|
|
|
+ letter-spacing: 4px;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text h5{
|
|
|
+ margin-bottom: 65px;
|
|
|
+ font-size: 20px;
|
|
|
+ line-height: 40px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text div.sec1-mark{
|
|
|
+ position: relative;
|
|
|
+ width: 460px;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text div.sec1-mark span{
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 30px 27px 0;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #0a489c;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text div.sec1-mark span img.line{
|
|
|
+ margin-left: 30px;
|
|
|
+ width: 1px;
|
|
|
+ height: 18px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon{
|
|
|
+ border-bottom: #cfcfcf 1px dashed;
|
|
|
+ display: inline-flex;
|
|
|
+ }
|
|
|
+ .uas .uas-icon,.uas .uas-icon ul{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 120px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li{
|
|
|
+ width: 14.28%;
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ list-style: none;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li a{
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon01 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_1.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon01:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_1.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon02 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_2.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon02:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_2.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon03 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_3.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon03:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_3.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon04 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_4.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon04:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_4.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon05 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_5.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon05:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_5.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon06 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_6.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon06:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_6.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon07 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_icon_7.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li.icon07:hover a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_7.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon01 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_1.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon02 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_2.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon03 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_3.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon04 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_4.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon05 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_5.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon06 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_6.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active.icon07 a{
|
|
|
+ background: url("${CTPATH}/images/uas/UAS_selected_icon_7.png") no-repeat;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul .floors-lift-item.active p{
|
|
|
+ color: #83b0ff;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li p{
|
|
|
+ line-height: 20px;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon ul li:hover p{
|
|
|
+ color: #83b0ff;
|
|
|
+ }
|
|
|
+ .uas .section-2{
|
|
|
+ height: 670px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .uas .section-2 .com-text{
|
|
|
+ float: left;
|
|
|
+ position: absolute;
|
|
|
+ top: 22%;
|
|
|
+ left: 2%;
|
|
|
+ }
|
|
|
+ .uas .section-2 .com-text h3{
|
|
|
+ font-size: 48px;
|
|
|
+ color: #333;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .uas .section-2 .com-text p{
|
|
|
+ margin-bottom: 42px;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .uas .section-2 .com-text h5{
|
|
|
+ width: 550px;
|
|
|
+ line-height: 32px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #8b8b8b;
|
|
|
+ }
|
|
|
+ .uas .section-2 .uas-2{
|
|
|
+ float: right;
|
|
|
+ top: 18%;
|
|
|
+ position: absolute;
|
|
|
+ right: 1%;
|
|
|
+ }
|
|
|
+ .uas .section-3{
|
|
|
+ height: 690px;
|
|
|
+ background: #eefaff;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text{
|
|
|
+ float: right;
|
|
|
+ position: absolute;
|
|
|
+ top: 35%;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text h3{
|
|
|
+ font-size: 48px;
|
|
|
+ color: #333;
|
|
|
+ margin-bottom: 80px;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text p{
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .uas .section-3 .uas-3{
|
|
|
+ float: left;
|
|
|
+ top: 20%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text .btn-toggle{
|
|
|
+ width: 450px;
|
|
|
+ border-bottom: 3px solid #f0f0f0;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text .btn-toggle span{
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 47px;
|
|
|
+ padding-bottom: 14px;
|
|
|
+ width: 80px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #646464;
|
|
|
+ border-bottom: 3px solid transparent;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text .btn-toggle span:hover,.uas .section-3 .com-text .btn-toggle span.active{
|
|
|
+ color: #3b8eff;
|
|
|
+ border-bottom: 3px solid #3b8eff;
|
|
|
+ }
|
|
|
+ .uas .section-3 .com-text .text-show{
|
|
|
+ display: none;
|
|
|
+ margin-top: 40px;
|
|
|
+ width: 450px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #8b8b8b;
|
|
|
+ }
|
|
|
+ .uas .section-4{
|
|
|
+ height: 980px;
|
|
|
+ background: #3a8eff;
|
|
|
+ }
|
|
|
+ .uas .section-4 .com-text{
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1100px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .uas .section-4 .com-text h3{
|
|
|
+ margin-bottom: 60px;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #f0f0f0;
|
|
|
+ }
|
|
|
+ .uas .section-4 .com-text p{
|
|
|
+ margin-bottom: 65px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #f0f0f0;
|
|
|
+ }
|
|
|
+ .uas .section-5{
|
|
|
+ height: 1000px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .uas .section-5 .com-text{
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .uas .section-5 .com-text h3{
|
|
|
+ margin-bottom: 60px;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .uas01,.uas-2,.uas-3,.uas-4,.uas-5,.uas-6,.uas-7,.uas-8{
|
|
|
+ -webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
|
|
|
+ -moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
|
|
|
+ -ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
|
|
|
+ animation:resetOpacity 0s ease 0s 1 normal forwards
|
|
|
+ }
|
|
|
+ .com-text,.sec1-text{
|
|
|
+ -webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
|
|
|
+ -moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
|
|
|
+ -ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
|
|
|
+ animation:resetOpacity 0s ease 0s 1 normal forwards
|
|
|
+ }
|
|
|
+ .animated .uas01,.animated .uas-3,.animated .uas-5,.animated .uas-7{
|
|
|
+ -webkit-opacity:1;
|
|
|
+ -moz-opacity:1;
|
|
|
+ opacity:1;
|
|
|
+ -webkit-animation:slideRight 1s ease 0s 1 normal none;
|
|
|
+ -moz-animation:slideRight 1s ease 0s 1 normal none;
|
|
|
+ -ms-animation:slideRight 1s ease 0s 1 normal none;
|
|
|
+ animation:slideRight 1s ease 0s 1 normal none
|
|
|
+ }
|
|
|
+ .animated .uas-2,.animated .uas-4,.animated .uas-6,.animated .uas-8{
|
|
|
+ -webkit-opacity:1;
|
|
|
+ -moz-opacity:1;
|
|
|
+ opacity:1;
|
|
|
+ -webkit-animation:slideLeft 1s ease 0s 1 normal none;
|
|
|
+ -moz-animation:slideLeft 1s ease 0s 1 normal none;
|
|
|
+ -ms-animation:slideLeft 1s ease 0s 1 normal none;
|
|
|
+ animation:slideLeft 1s ease 0s 1 normal none
|
|
|
+ }
|
|
|
+ .animated .com-text,.animated .sec1-text{
|
|
|
+ animation:slideDown 1s ease 0s 1 normal both;
|
|
|
+ }
|
|
|
+ @-webkit-keyframes resetOpacity {
|
|
|
+ from {
|
|
|
+ -webkit-opacity:1;
|
|
|
+ -moz-opacity:1;
|
|
|
+ opacity:1
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ -webkit-opacity:0;
|
|
|
+ -moz-opacity:0;
|
|
|
+ opacity:0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @-webkit-keyframes slideRight {
|
|
|
+ from {
|
|
|
+ -webkit-opacity:0;
|
|
|
+ -moz-opacity:0;
|
|
|
+ opacity:0;
|
|
|
+ -webkit-transform:translate3d(-20%,0,0);
|
|
|
+ -moz-transform:translate3d(-20%,0,0);
|
|
|
+ -ms-transform:translate3d(-20%,0,0);
|
|
|
+ -o-transform:translate3d(-20%,0,0);
|
|
|
+ transform:translate3d(-20%,0,0)
|
|
|
+ }
|
|
|
+ 10% {
|
|
|
+ -webkit-opacity:0;
|
|
|
+ -moz-opacity:0;
|
|
|
+ opacity:0;
|
|
|
+ -webkit-transform:translate3d(-20%,0,0);
|
|
|
+ -moz-transform:translate3d(-20%,0,0);
|
|
|
+ -ms-transform:translate3d(-20%,0,0);
|
|
|
+ -o-transform:translate3d(-20%,0,0);
|
|
|
+ transform:translate3d(-20%,0,0)
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ -webkit-opacity:1;
|
|
|
+ -moz-opacity:1;
|
|
|
+ opacity:1;
|
|
|
+ -webkit-transform:translate3d(0,0,0);
|
|
|
+ -moz-transform:translate3d(0,0,0);
|
|
|
+ -ms-transform:translate3d(0,0,0);
|
|
|
+ -o-transform:translate3d(0,0,0);
|
|
|
+ transform:translate3d(0,0,0)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @-webkit-keyframes slideLeft {
|
|
|
+ from {
|
|
|
+ -webkit-opacity:0;
|
|
|
+ -moz-opacity:0;
|
|
|
+ opacity:0;
|
|
|
+ -webkit-transform:translate3d(20%,0,0);
|
|
|
+ -moz-transform:translate3d(20%,0,0);
|
|
|
+ -ms-transform:translate3d(20%,0,0);
|
|
|
+ -o-transform:translate3d(20%,0,0);
|
|
|
+ transform:translate3d(20%,0,0)
|
|
|
+ }
|
|
|
+ 10% {
|
|
|
+ -webkit-opacity:0;
|
|
|
+ -moz-opacity:0;
|
|
|
+ opacity:0;
|
|
|
+ -webkit-transform:translate3d(20%,0,0);
|
|
|
+ -moz-transform:translate3d(20%,0,0);
|
|
|
+ -ms-transform:translate3d(20%,0,0);
|
|
|
+ -o-transform:translate3d(20%,0,0);
|
|
|
+ transform:translate3d(20%,0,0)
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ -webkit-opacity:1;
|
|
|
+ -moz-opacity:1;
|
|
|
+ opacity:1;
|
|
|
+ -webkit-transform:translate3d(0,0,0);
|
|
|
+ -moz-transform:translate3d(0,0,0);
|
|
|
+ -ms-transform:translate3d(0,0,0);
|
|
|
+ -o-transform:translate3d(0,0,0);
|
|
|
+ transform:translate3d(0,0,0)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @-webkit-keyframes slideDown {
|
|
|
+ from {
|
|
|
+ -webkit-opacity:0;
|
|
|
+ -moz-opacity:0;
|
|
|
+ opacity:0;
|
|
|
+ -webkit-transform:translate3d(0,-20%,0);
|
|
|
+ -moz-transform:translate3d(0,-20%,0);
|
|
|
+ -ms-transform:translate3d(0,-20%,0);
|
|
|
+ -o-transform:translate3d(0,-20%,0);
|
|
|
+ transform:translate3d(0,-20%,0)
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ -webkit-opacity:1;
|
|
|
+ -moz-opacity:1;
|
|
|
+ opacity:1;
|
|
|
+ -webkit-transform:translate3d(0,0,0);
|
|
|
+ -moz-transform:translate3d(0,0,0);
|
|
|
+ -ms-transform:translate3d(0,0,0);
|
|
|
+ -o-transform:translate3d(0,0,0);
|
|
|
+ transform:translate3d(0,0,0)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .uas .uas-icon.act{
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: 10000;
|
|
|
+ background: #fff;
|
|
|
+ height: 120px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon.act ul{
|
|
|
+ height: 120px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon.act li{
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .uas .uas-icon.act ul li p{
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1170px) {
|
|
|
+ .uas .content{
|
|
|
+ max-width: 1024px;
|
|
|
+ }
|
|
|
+ .uas .section-1 .uas01{
|
|
|
+ width: 38%;
|
|
|
+ top: 25%;
|
|
|
+ }
|
|
|
+ .uas .section-1 .sec1-text{
|
|
|
+ top: 25%;
|
|
|
+ }
|
|
|
+ .uas .section .content{
|
|
|
+ margin: -320px 0 0 -512px;
|
|
|
+ }
|
|
|
+ .uas .section img{
|
|
|
+ width: 45%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 640px) {
|
|
|
+ .warp{
|
|
|
+ width: 1170px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .act02{
|
|
|
+ height: 760px !important;
|
|
|
+ }
|
|
|
+ .act02 .content{
|
|
|
+ margin: -260px 0 0 -595px !important;
|
|
|
+ }
|
|
|
+ .section-1{
|
|
|
+ margin-bottom: 10px !important;
|
|
|
+ }
|
|
|
+</#macro>
|
|
|
+<@layout>
|
|
|
+<!-- content here -->
|
|
|
+<div class="warp uas">
|
|
|
+ <div class="section section-1">
|
|
|
+ <div class="content">
|
|
|
+ <img class="uas01" src="${CTPATH}/images/mes/mes01.png" alt="">
|
|
|
+ <div class="sec1-text">
|
|
|
+ <h3>MES 制造执行系统</h3>
|
|
|
+ <h5>全面整合制造资源、全方位管理生产进度、质量、设备和人员绩效</h5>
|
|
|
+ <div class="sec1-mark">
|
|
|
+ <span>智能化<img class="line" src="${CTPATH}/images/mes/line.png"></span>
|
|
|
+ <span>可视化<img class="line" src="${CTPATH}/images/mes/line.png"></span>
|
|
|
+ <span>一体化<img class="line" src="${CTPATH}/images/mes/line.png"></span>
|
|
|
+ <span>标准化</span>
|
|
|
+ <span>多平台<img class="line" src="${CTPATH}/images/mes/line.png"></span>
|
|
|
+ <span>协同性</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section section-2">
|
|
|
+ <div class="content">
|
|
|
+ <div class="com-text">
|
|
|
+ <h3>8大功能</h3>
|
|
|
+ <p>MES系统包括以下八大功能：</p>
|
|
|
+ <h5>生产排程管理、生产过程管理、生产追溯、大数据分析、可视化管理、全程质量控制、智能仓储管理、工业4.0接口</h5>
|
|
|
+ </div>
|
|
|
+ <img class="uas-2" src="${CTPATH}/images/mes/mes02.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section section-3">
|
|
|
+ <div class="content">
|
|
|
+ <div class="com-text">
|
|
|
+ <h3>3大核心价值</h3>
|
|
|
+ <div class="btn-toggle"><span class="active">库存水准</span><span>生产效率</span><span>交期承诺</span></div>
|
|
|
+ <h5 class="text-show show">MES实时采集数据及不良数量的统计，以确保每件产品从工单开立、生产加工到完成入库的过程中，能够实现精确的可追溯性，一旦发现不合格的零部件，可以迅速找到受损的原因和结果。</h5>
|
|
|
+ <h5 class="text-show">生产现场操作者可实时反馈生产的实际状况，生产管理人员可掌握车间生产作业实时状态信息，提高车间生产应变的效率。</h5>
|
|
|
+ <h5 class="text-show">MES实时透明的掌握生产过程信息，了解生产计划的执行情况，并对生产过程进行有效管控以缩短制造周期。</h5>
|
|
|
+ </div>
|
|
|
+ <img class="uas-3" src="${CTPATH}/images/mes/mes03.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section section-4">
|
|
|
+ <div class="content">
|
|
|
+ <div class="com-text">
|
|
|
+ <h3>MES实现智能制造转型</h3>
|
|
|
+ <p>MES成功扮演智能制造承上启下的角色，集成工厂车间的多重生产执行管理功能，将ERP系统的生产计划落实，提升现场管理执行能力，把ERP计划与车间现场工业控制链接起来，实现集成化的车间生产管理，提升制造业生产效率，从设备层、管控层、管理层，搭建智能化工厂。</p>
|
|
|
+ </div>
|
|
|
+ <img class="uas-4" src="${CTPATH}/images/mes/mes04.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section section-5">
|
|
|
+ <div class="content">
|
|
|
+ <div class="com-text">
|
|
|
+ <h3>MES系统架构</h3>
|
|
|
+ </div>
|
|
|
+ <img class="uas-5" src="${CTPATH}/images/mes/mes05.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<script src="${CTPATH}/assets/js/jquery.min.js"></script>
|
|
|
+<script type="text/javascript">
|
|
|
+ !function(t) {
|
|
|
+ t(document).ready(function() {
|
|
|
+ function i(t, i, o, n) {
|
|
|
+ var e = null,
|
|
|
+ s = t,
|
|
|
+ r = t + i,
|
|
|
+ h = o,
|
|
|
+ c = o + n,
|
|
|
+ p = 200;
|
|
|
+ return (s + p > c || h > r - p) && (e = !1),
|
|
|
+ s + p >= h && h >= s && (e = !0),
|
|
|
+ c >= r - p && r >= c && (e = !0),
|
|
|
+ h > s + p && r - p > c && (e = !0),
|
|
|
+ s > h && c > r && (e = !0),
|
|
|
+ e
|
|
|
+ }
|
|
|
+ function o(i, o, n) {
|
|
|
+ this.targets = t(i),
|
|
|
+ this.onEnterViewport = o,
|
|
|
+ this.onLeaveViewport = n,
|
|
|
+ this.winHeight = 0,
|
|
|
+ this.initController()
|
|
|
+ }
|
|
|
+ function n(t) {
|
|
|
+ t.addClass("animated")
|
|
|
+ }
|
|
|
+ function e(t) {
|
|
|
+ t.removeClass("animated")
|
|
|
+ }
|
|
|
+ o.prototype.computePositions = function() {
|
|
|
+ var i = [],
|
|
|
+ o = t(window).height();
|
|
|
+ t.each(this.targets,
|
|
|
+ function(o, n) {
|
|
|
+ var e = t(n);
|
|
|
+ i.push({
|
|
|
+ target: e,
|
|
|
+ top: e.offset().top,
|
|
|
+ height: e.height(),
|
|
|
+ isVisible: !1
|
|
|
+ })
|
|
|
+ }),
|
|
|
+ this.positions = i,
|
|
|
+ this.winHeight = o
|
|
|
+ },
|
|
|
+ o.prototype.checkViewport = function() {
|
|
|
+ var o = t(window).scrollTop(),
|
|
|
+ n = this.winHeight,
|
|
|
+ e = this;
|
|
|
+ t.each(e.positions,
|
|
|
+ function(t, s) {
|
|
|
+ var r = i(o, n, s.top, s.height);
|
|
|
+ null !== r && r !== s.isVisible && (r ? e.onEnterViewport(s.target) : e.onLeaveViewport(s.target)),
|
|
|
+ s.isVisible = r
|
|
|
+ })
|
|
|
+ },
|
|
|
+ o.prototype.initController = function() {
|
|
|
+ this.computePositions(),
|
|
|
+ this.checkViewport();
|
|
|
+ var i = this;
|
|
|
+ t(window).on("scroll",
|
|
|
+ function() {
|
|
|
+ i.checkViewport()
|
|
|
+ }).on("resize",
|
|
|
+ function() {
|
|
|
+ i.computePositions(),
|
|
|
+ i.checkViewport()
|
|
|
+ })
|
|
|
+ };
|
|
|
+ new o(".section", n, e)
|
|
|
+ // 切换标签
|
|
|
+ $('.btn-toggle').on('click','span',function() {
|
|
|
+ var $index = $(this).index();
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('.text-show').eq($index).addClass('show').siblings().removeClass('show');
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } (jQuery);
|
|
|
+</script>
|
|
|
+</@layout>
|
hangb
