﻿div.aps-solve{width: 100%;}
div.aps-solve *{margin: 0;padding: 0;font-family: "Microsoft YaHei";box-sizing: border-box;}
div.aps-solve h3{font-size: 30px;margin: auto;font-weight: 500;text-align: center;}
div.aps-solve hr{height: 2px;margin: 15px auto 40px;background-color: #e94709;border: none;}

div.aps-solve .top-adv{height: 630px;position: relative}
div.aps-solve .top-title{position: absolute;width: 1200px;height: 155px;top: 0;bottom: 0;left: 0;right:0;margin:auto;color: white;text-align: center;}
div.aps-solve .top-title h2{font-size: 48px;margin-bottom: 55px;color:#fff;}
div.aps-solve .top-title p{font-size: 30px;color: #fff;}

/*生产计划排程解决方案*/
div.aps-solve .aps-case{padding: 60px 0;background-color: #fff;}
div.aps-solve .aps-case hr{width: 520px;}
div.aps-solve .aps-case .case-con{width: 1200px;margin: 0 auto;line-height: 35px;text-align: center;font-size: 18px;}

/*行业生产现状*/
div.aps-solve .now-state{padding: 60px 0;}
div.aps-solve .now-state h3{color: white}
div.aps-solve .now-state hr{width: 170px;}
div.aps-solve .now-state .now-state-con{width: 1200px;margin: 0 auto;height: 550px;position: relative;transform-style: preserve-3d;}

div.aps-solve .now-state .now-state-con span{position: absolute;cursor: pointer;font-size:14px;transform-style: preserve-3d;}
div.aps-solve .now-state .now-state-con span:nth-child(3n-2){background-color: rgba(255, 255, 255, 0.75);padding: 30px 60px;}
div.aps-solve .now-state .now-state-con span:nth-child(3n-1){background-color: #fff;padding: 40px 60px;}
div.aps-solve .now-state .now-state-con span:nth-child(3n){background-color: rgba(255, 255, 255, 0.9);padding: 30px 60px;}

div.aps-solve .now-state .now-state-con span:nth-child(5n-4){left: 0;
    -moz-animation: spanList1 9s;	/* Firefox */
    -webkit-animation: spanList1 9s;	/* Safari 和 Chrome */
    -o-animation: spanList1 9s;
    animation:spanList1 9s;
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
    -webkit-animation-iteration-count: infinite;
}
div.aps-solve .now-state .now-state-con span:nth-child(5n-3){left: 240px;
    -moz-animation: spanList2 6s;	/* Firefox */
    -webkit-animation: spanList2 6s;	/* Safari 和 Chrome */
    -o-animation: spanList2 6s;
    animation:spanList2 6s;
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
    -webkit-animation-iteration-count: infinite;
}
div.aps-solve .now-state .now-state-con span:nth-child(5n-2){left: 480px;
    -moz-animation: spanList3 8s;	/* Firefox */
    -webkit-animation: spanList3 8s;	/* Safari 和 Chrome */
    -o-animation: spanList3 8s;
    animation:spanList3 8s;
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
    -webkit-animation-iteration-count: infinite;
}
div.aps-solve .now-state .now-state-con span:nth-child(5n-1){left: 740px;
    -moz-animation: spanList4 5s;	/* Firefox */
    -webkit-animation: spanList4 5s;	/* Safari 和 Chrome */
    -o-animation: spanList4 5s;
    animation:spanList4 5s;
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
    -webkit-animation-iteration-count: infinite;
}
div.aps-solve .now-state .now-state-con span:nth-child(5n){right: 0;
    -moz-animation: spanList5 4s;	/* Firefox */
    -webkit-animation: spanList5 4s;	/* Safari 和 Chrome */
    -o-animation: spanList5 4s;
    animation:spanList5 4s;
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
    -webkit-animation-iteration-count: infinite;
}

div.aps-solve .now-state .now-state-con span:nth-child(1),div.aps-solve .now-state .now-state-con span:nth-child(5){top: 0;}
div.aps-solve .now-state .now-state-con span:nth-child(2),div.aps-solve .now-state .now-state-con span:nth-child(4){top: 80px;}
div.aps-solve .now-state .now-state-con span:nth-child(6),div.aps-solve .now-state .now-state-con span:nth-child(10){top: 230px;}
div.aps-solve .now-state .now-state-con span:nth-child(7),div.aps-solve .now-state .now-state-con span:nth-child(9){top: 290px;}
div.aps-solve .now-state .now-state-con span:nth-child(8){top: 180px;}
div.aps-solve .now-state .now-state-con span:nth-child(11){top:380px;}
div.aps-solve .now-state .now-state-con span:nth-child(12){top: 400px;left: 810px;}
div.aps-solve .now-state .now-state-con span:nth-child(3){top: 20px}
div.aps-solve .now-state .now-state-con span:nth-child(13){top: 410px}
div.aps-solve .now-state .now-state-con span:nth-child(14){left: 1000px;top: 430px;}

/*鼠标移入，停止播放动画*/
div.aps-solve .now-state .now-state-con span:hover{background-color: #e94709;color: #fff;animation-play-state:paused;}


div.aps-solve .now-state .now-state-con span div{position: absolute;z-index:10; height:120px;width:292px;top:-120px;left:0;background:url("/imgs/2018/solution/APS/pao7.png") no-repeat;display:none;transform: translateZ(10px);}
div.aps-solve .now-state .now-state-con span div p{display:inline-block;height:90px;width:100%;padding:0 10px;font-size: 14px;color:#fff;text-align:center;

    display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;
    display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;
    display: -o-box;-o-box-orient: horizontal;-o-box-pack: center;-o-box-align: center;
    display: -ms-box;-ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: center;
    display: box;box-orient: horizontal;box-pack: center;box-align: center;
}
div.aps-solve .now-state .now-state-con span:hover div{display:block;}

@keyframes spanList1{
    0%,100% {transform:translateY(0)}
    20% {transform:translateY(20px)}
    80% {transform:translateY(-20px)}
}
@-webkit-keyframes spanList1{
    0%,100% {transform:translateY(0)}
    20% {transform:translateY(20px)}
    80% {transform:translateY(-20px)}
}
@keyframes spanList2 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(10px);}
    80% {transform: translateY(-10px);}
}
@-webkit-keyframes spanList2 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(10px);}
    80% {transform: translateY(-10px);}
}
@keyframes spanList3 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(-20px);}
    80% {transform: translateY(20px);}
}
@-webkit-keyframes spanList3 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(-20px);}
    80% {transform: translateY(20px);}
}
@keyframes spanList4 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(-10px);}
    80% {transform: translateY(10px);}
}
@-webkit-keyframes spanList4 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(-10px);}
    80% {transform: translateY(10px);}
}
@keyframes spanList5 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(15px);}
    80% {transform: translateY(-15px);}
}
@-webkit-keyframes spanList5 {
    0%,100% {transform: translateY(0);}
    20% {transform: translateY(15px);}
    80% {transform: translateY(-15px);}
}


/*生产管理难点*/
div.aps-solve .diff{padding: 60px 0;background-color: #fff;}
div.aps-solve .diff hr{width: 230px;}
div.aps-solve .diff .diff-con{width: 1200px;margin: auto; text-align: center;}
div.aps-solve .diff .diff-con .diff-item{display: inline-block;width: 370px;height: 380px;margin: 0 20px;border: 1px solid #ededed;vertical-align: top;background-color: #f9f9f9;}
div.aps-solve .diff .diff-con .diff-item:nth-child(3n-2){margin-left: 0}
div.aps-solve .diff .diff-con .diff-item:nth-child(3n){margin-right: 0}
div.aps-solve .diff .diff-con .diff-item:nth-child(1),div.aps-solve .diff .diff-con .diff-item:nth-child(2),div.aps-solve .diff .diff-con .diff-item:nth-child(3){margin-bottom: 40px;}
div.aps-solve .diff .diff-con .diff-item h4{height: 85px;line-height: 85px;color: white;background-color: #e94709;text-align: center;font-size: 22px;font-weight: 500;margin-bottom: 20px;}
div.aps-solve .diff .diff-con .diff-item p{font-size: 16px;line-height: 30px;padding: 0 25px;box-sizing: border-box;text-align: justify}

/*实施慧都APS后的效果*/
div.aps-solve .effect{padding: 60px 0;background-color: #f3f3f3;}
div.aps-solve .effect hr{width: 230px;}
div.aps-solve .effect .effect-list{width: 1200px;margin: auto;text-align: left;}
div.aps-solve .effect .effect-list div{display: inline-block;width: 190px;height: 100px; vertical-align: top;margin: 0 28px 30px;}
div.aps-solve .effect .effect-list div:nth-child(5n-4){margin-left: 0}
div.aps-solve .effect .effect-list div:nth-child(5n){margin-right: 0}
div.aps-solve .effect .effect-list div p{width: 100%; height: 50px;background-color: #fff;text-align: center;line-height: 50px;}
div.aps-solve .effect .effect-list div span{display: inline-block;width: 100%; height: 50px;text-align: center;color: white;line-height: 50px;}
div.aps-solve .effect .effect-list div.down span{background-color: #22ac38;}
div.aps-solve .effect .effect-list div.up span{background-color: #e94709;}
div.aps-solve .effect .effect-list div span img{display: inline-block;vertical-align: -8px;margin-right: 5px;}


/*免费业务测评*/
div.public-form{padding: 60px 0;background-color: #fff;}
div.public-form hr{width:200px;}
div.public-form  .contact_input{width:1200px;margin:20px auto 0;padding: 0 50px;box-sizing: border-box;text-align: center;}
div.public-form  .contact_input input[type=text]{width:490px;height:40px;border:none;border-bottom:2px #b2b2b2 solid;margin-right:100px;font-size:16px;color:#000;opacity:0.7;margin-top:30px;outline:none;background-color: transparent;}
div.public-form  .contact_input textarea{width:1080px;height:39px;border:none;border-bottom:2px #b2b2b2 solid;font-size:16px;color:#000;opacity:0.7;margin-top:40px;outline:none;resize:none;background-color: transparent;}
div.public-form  .contact_input p{font-size:12px;color:#000;opacity:0.6;line-height:40px;text-align:left;margin-left: 10px;}
div.public-form  .contact_input input[type=submit]{width:194px;height:48px;background-color:#e3531c;line-height:48px;color:#fff;font-size:18px;margin-top:35px;border:none;}
div.public-form  .contact_input p a{color:#2A89B5;text-decoration:underline;}
div.public-form  .contact_input input[type=text]:focus{border-bottom:2px #FF8C00 solid;}
div.public-form  .contact_input textarea:focus{border-bottom:2px #FF8C00 solid;}
div.public-form  .contact_input>div{text-align: left;margin-left: 10px;}




div.ele-aps .top-adv{background: url("https://image.evget.com//Content/files/2018/12/11/4b6477876de04c05a7fea8d3eb368d50636801404572811653.png ") no-repeat center;background-size: cover;}
div.ele-aps .now-state{background: url("https://image.evget.com//Content/files/2018/12/11/7a43d5dcd97c4d08adf2dc55d60c37ab636801418534587999.png") no-repeat center;background-size: cover;}

div.mec-aps .top-adv{background: url("https://image.evget.com//Content/files/2018/12/12/6befb269e9254b3ba19d143a17c93dc9636802116109798565.png") no-repeat center;background-size: cover;}
div.mec-aps .now-state{background: url("https://image.evget.com//Content/files/2018/12/12/05c6ef347b534aa09f053b12b991b941636802116717400021.png") no-repeat center;background-size: cover;}

div.food-aps .top-adv{background: url("https://image.evget.com//Content/files/2018/12/12/ddc1c1eb28314eba8f8813dea4a487e0636802116857317503.png") no-repeat center;background-size: cover;}
div.food-aps .now-state{background: url("https://image.evget.com//Content/files/2018/12/12/faf81e945efa40198dc134bb1f8141e5636802116987097877.png") no-repeat center;background-size: cover;}

div.part-aps .top-adv{background: url("https://image.evget.com//Content/files/2018/12/12/bb816b06b8f947858d8ef04bc8ba0f0b636802117176079743.png") no-repeat center;background-size: cover;}
div.part-aps .now-state{background: url("https://image.evget.com//Content/files/2018/12/12/f60a921273ae4e6c939e0ab0791f3e98636802117273573721.png") no-repeat center;background-size: cover;}


div.mec-aps .diff .diff-con .diff-item{height: 350px;}
div.part-aps .diff .diff-con .diff-item{height: 320px;}

.Aps_last .Aps_contact{width:100%;color:#fff;padding: 100px 0;height: auto;text-align: center;}
.Aps_last .Aps_contact h1{font-size:30px;color:#000;text-align:center;}
.Aps_last h3{color: #000;font-size: 35px;display: inline-block;font-weight: bold;margin: 0;}
.Aps_last h3 hr{border: none;height: 3px;width: 60%;background-color: #e94709;margin: 24px auto 40px;}
.Aps_last .Aps_contact .contact_input{width:1008px;/*height:340px;*/margin:auto;text-align: left;}
.Aps_last .Aps_contact .contact_input input[type=text]{width:468px;height:39px;border:none;border-bottom:2px #b2b2b2 solid;margin-right:36px;font-size:16px;color:#000;opacity:0.7;margin-top:30px;outline:none;}
.Aps_last .Aps_contact .contact_input textarea{width:980px;height:39px;border:none;border-bottom:2px #b2b2b2 solid;margin-right:36px;font-size:16px;color:#000;opacity:0.7;margin-top:40px;outline:none;resize:none;}
.Aps_last .Aps_contact .contact_input p{font-size:12px;color:#000;opacity:0.6;line-height:40px;margin-bottom: 10px;}
.Aps_last .Aps_contact .contact_input input[type=submit]{width:194px;height:48px;background-color:#e3531c;line-height:48px;color:#fff;font-size:18px;margin-top:35px;border:none;}
.Aps_last .Aps_contact .contact_input p a{color:#2A89B5;text-decoration:underline;}
.Aps_last .Aps_contact .contact_input input[type=text]:focus{border-bottom:2px #FF8C00 solid;}
.Aps_last .Aps_contact .contact_input textarea:focus{border-bottom:2px #FF8C00 solid;}

