.header{ background:#0084C5;}
.indexBanner { position: relative; width: 100%; height: 540px; overflow: hidden; margin-top:70px;}
.indexBanner:hover .prev,.indexBanner:hover .next { display: block; }
.indexBanner .prev, .indexBanner .next { position: absolute; display: block; width: 45px; height: 50px; top: 50%; margin-top: -25px; z-index: 2; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); display: none; }
.indexBanner .prev:hover, .indexBanner .next:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexBanner .prev { left: 0; background: url(../img/zuo.png) no-repeat; }
.indexBanner .next { right: 0; background: url(../img/you.png) no-repeat; }
.indexBanner .bd { position: relative; width: 100%; height: 100%; overflow: hidden; }
.indexBanner .bd ul { height: 100%; margin:0;padding:0;}
.indexBanner .bd li { position: relative; width: 100%; height: 100%; list-style: none; }
.indexBanner .bd li > div { position: absolute; left: 50%; }
.indexBanner .bd li.l1 .pic1 { width: 721px; height: 312px; top: -50px; margin-left: 50px; opacity: 0; }
.indexBanner .bd li.l1 .pic2 { width: 419px; height: 256px; top: 100px; margin-left: -550px; opacity: 0; }
.indexBanner .bd li.l2 .pic1 { width: 631px; height: 598px; top: -70px; margin-left: -575px; opacity: 0; }
.indexBanner .bd li.l2 .pic2 { width: 523px; height: 178px; top: 130px; margin-left: 75px; opacity: 0; }
.indexBanner .bd li.l2 .pic2 .more { position: absolute; display: block; width: 144px; height: 33px; left: 0; bottom: 0; background: url(../img/pic11.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l2 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic1 { width: 469px; height: 234px; top: 122px; margin-left: -537px; opacity: 0; }
.indexBanner .bd li.l3 .pic1 .more { position: absolute; display: block; width: 147px; height: 40px; left: 0; bottom: 0; background: url(../img/pic14.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l3 .pic1 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic2 { width: 604px; height: 527px; top: 8px; margin-left: -53px; opacity: 0; }
.indexBanner .bd li.l4 .pic1 { width: 458px; height: 470px; bottom: 0; margin-left: -510px; opacity: 0; }
.indexBanner .bd li.l4 .pic2 { width: 521px; height: 219px; top: 150px; margin-left: 15px; opacity: 0; }
.indexBanner .bd li.l4 .pic2 .more { position: absolute; display: block; width: 148px; height: 39px; left: 0; bottom: 0; background: url(../img/pic5.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l4 .pic2 .more:hover { transform: translate(1px, 1px); }
.indexBanner .bd li.l5 .pic1 { width: 594px; height: 384px; top: 90px; margin-left: -525px; opacity: 0; }
.indexBanner .bd li.l5 .pic2 { width: 478px; height: 182px; top: 90px; margin-left: 70px; opacity: 0; }
.indexBanner .bd li.l5 .pic2 .more { position: absolute; display: block; width: 143px; height: 33px; left: 0; bottom: 0; background: url(../img/pic8.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l5 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .hd { position: absolute; width: 100%; height: 18px; left: 0; bottom: 65px; z-index: 2; }
.indexBanner .hd ul { width: 100%; text-align: center; }
.indexBanner .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; margin: 0 5px; background: url(../img/dot1.png) center no-repeat; cursor: pointer; }
.indexBanner .hd ul li.on { background: url(../img/index.png) 0 -86px no-repeat; }

/*         通用头部的隐藏显示                    */

/*.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}*/
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -100px;-webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;}
.headroom--pinned {top: 0;-webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;}
/*.hide-from-print {
		display: none
	}
	*/
.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown;
}
/*===============关于我们==============*/
.aboutContent {padding-bottom: 0;width:1200px;margin:120px auto;}
.pcontact {
    width: 1024px;
    margin: 0 auto;
}
.aboutContent .pTitle4 {
    margin-bottom: 10px;
    color: #666;
    text-transform: Uppercase;
}
.pc {
    text-align: center;
}   
.aboutContent .pageTitle6 {
    font-size: 22px;
    color: #777;
}
.aboutContent .pslogan {
    color: #666;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.contact {
    padding-top: 10px;
    height: 250px;
    float:left; font-size:14px;
}
.concon {
    width: 1024px;
    margin: 0 auto;
}
.conctxt, .conctxt2 {
    font-size: 14px;
    float: left;
    line-height: 24px;
    color: #454545;
    text-align: left;
    padding-left: 70px;
}
.qrcode {
    margin: 0 80px 0 60px;
    color: #454545;
    width: 135px;
    float: left;
    height: 170px; font-size:12px;
}
.conctxt2 {
    padding-left: 0px;
    font-size: 13px;
}
.clear {
    float: none !important;
    clear: both;
}
.clear:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.aboutTitle p{ font:14px/25px "Microsoft YaHei", Arial, Tohoma; width:100%; float:left; margin-bottom:20px;}
.aboutTitle{ margin-bottom:100px;}
.aboutTitle .firstP img{ margin:20px auto;}
.aboutTitle .firstP{ text-align:center;}
.aboutTitle p strong{ font:400 16px/25px "Microsoft YaHei", Arial, tohoma; margin-right:20px; color:#087bd0; float: left; width:12%; display:inline-block;}
.aboutTitle p span{ width:80%; float:left;}
.caseContent{ margin:0 auto 120px auto;}
/*===================分页===================*/
.paged {
    padding-top: 10px;
    text-align: center; display:block;
}
.paged a, .paged .p_info, .paged .current, .paged .currenton {
    display: inline-block;
    zoom: 1;
    margin: 0px 3px;
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    color: #333;
}
.paged .currenton, .paged a:hover {
    border: 1px solid #087bd0;
    background:#087bd0;
    color: #fff;
}
#addesigner, #prdesigner, #pmadmin, #pmadmind{margin:0 auto; margin-bottom:50px; padding-top:50px; width:1024px;}
#addesigner p, #prdesigner p, #pmadmin p, #pmadmind p{font-size:13px; word-wrap: break-word;word-break: break-all;}

/*==========================APP页面添加=======================*/
.hangxiebanner{text-align:center;width:100%;overflow:hidden;height:470px;}
.hangxiebanner05{background:url(../img/flowbanner.jpg) no-repeat center top;}
.mt70{ margin-top:70px;}
.top01 .top01t{text-align:center;font-size:24px;height:auto;color:#004a91;margin-bottom:30px; font-weight: 400;}
.top01 .top01t p{font-size:16px;line-height:25px;width:85%;margin:0 auto;color:#3b3e4f;margin-top:10px;}
.top01 ul li p.top01cl{font-weight:normal;font-family:"Tahoma","Arial";}
.top01 ul li{font-size:14px;text-align:center;line-height:25px;color:#999999;}
.top01 ul{height:175px;}
.top01 .top01t span{color:#416681;}
.top01 ul li p.top01cl{color:#E17695;}
.appTop01{border-bottom: 1px solid #E7DEDA;margin-top:20px;margin-bottom:20px;}
.stepicon{ width: 158px; height: 165px;margin: 0 auto;}
.stepicon img {width: 158px;margin: 0 auto;}
.stepcontent{ width:700px; margin:0 auto; margin-top:10px;margin-bottom:10px;}
.stepcontent1{ width:950px;}
.stepcontent .topcion{ width:100%;height:10px;background:url(../img/steptopicon.png) no-repeat center bottom #fff;}
.stepcontent .bottomicon{ width:100%;height:9px;background:url(../img/stepbottomicon.png) no-repeat center top #fff;}
.middlecontent{padding:15px;background:url(../img/stepcontentbg.png) repeat 0 0;}
.middlecontent .title{background:#3093CF;padding:15px;color:#fff;font-size:18px; line-height:30px; margin-left:0;}
.middlecontent .content{background:#fff;padding:15px;font-size:14px;color:#6f6b59;}
.middlecontent .content p{ margin-bottom:10px;}
.contactus{text-decoration:underline;color:#3093CF;}
.stepiconm {height: 173px;}
.stepcontent1 .middlecontent .title {background: #F49B00;}
.stepcontent2{ width:680px;}
.stepcontent2 .middlecontent .title{background:#309B08;}
.stepcontent3{ width:1000px;}
.stepcontent3 .middlecontent .title{background:#FF6766;}
.stepcontent4{ width:600px;}
.stepcontent4 .middlecontent .title{background:#8259A7;}
.stepcontent5{ width:800px;}
.stepcontent5 .middlecontent .title{background:#8DBAE3;}

/*=======工厂损失分析管理===========*/
.oee{ width:1200px;margin:0 auto; position:relative;}
.oeeP{ text-align: center; position:relative;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.oeeMg{ width:100%; position:relative; background:#ddeef9;}
.oeeld{ width:1200px;margin:0 auto;padding:80px 0 100px 50px;}
.oeeldLeft{ width:470px; display:inline-block;}
.oeeldLeft p{ width:100%; text-align:center;}
.oeeldRight{ width:580px; position:relative; display:inline-block;float:right;}
.oeeldRight ul li{ background:#dda009; height:50px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin-bottom:20px; line-height: 50px;color:#fff; padding:0 20px;float:left; width:100%; font-size:16px;}
.oeeldRight ul li font{ font-size:18px;}
.oeePleft{ position:absolute; top:-30px; left:0;width:417px;}
.pleft-bg{ position:relative;}
.pleft-bgL{ background:url("../img/dc/oeebty.png") no-repeat; width:417px; height:172px; display:inline-block; padding:40px 50px; color:#fff; font:24px/200% "Microsoft YaHei";}
.pleft-bg i{width:144px; height:79px; display:inline-block;}
.pleft-bg i.class1{ background:url("../img/dc/oeebty1.png") no-repeat;}
.pleft-bg i.class2{ background:url("../img/dc/oeebty3.png") no-repeat;}
.ml180{margin-left:180px;}
.mtf1{margin-top:-1px;}
.mbf4{margin-bottom:-4px;}
.oeePright{ position:relative;}
.oeePright{ position:absolute; right:0; bottom:-30px; width:417px;}
.plg1{padding:15px 50px ;}
.oee-input{ display:inline-block;}
.oee-inputTitle{ position:relative; display:inline-block; float:right; right:0; top:30px; width:530px;}
.oee-inputTitle p{ font:14px/150% "Microsoft YaHei"; color:#333; margin:10px 0; width:100%;float:left;}
.oee-inputTitle ul{ margin-top:30px;float:left;}
.oee-inputTitle ul li{ font:16px/200% "Microsoft YaHei"; color:#333; margin-bottom:10px;}
.oeeDate-condition{ width:392px; position:relative; left:0; display:inline-block;}
.oeeDate-ob{ width:900px;left:300px; top:0; z-index: 10; display:inline-block; position:absolute;}
.mt400{ margin-top:600px; margin-bottom:600px;}
.mt120{ margin-top:120px;}
.oeeDate-ob1{width:100%; position:relative; display:inline-block;}
.oeeDate-ob1 img{ width:392px;}
.date-obD{ width:610px; position:absolute; z-index:11; right:0; top:50px;}
.date-obD i{ background:url("../img/dc/oeebty2.png") no-repeat; width:61px; height:71px; display:inline-block; position:relative; top:50px; left:1px; z-index:15;}
.date-obDl{background:url("../img/dc/oeebtyu.png") no-repeat; width:545px;height:140px; display:inline-block; position:absolute; padding:18px 20px;}
.date-obDl p{ color:#fff; color:#fff; font:16px/180% "Microsoft YaHei", Arial, tohoma; word-break:break-all; word-wrap:break-word;}
.odP p{margin-bottom:0;}
.odpd{ padding:40px 20px;}
.oee-feature1{ display:inline-block; position:relative; margin-bottom:50px;}
.w515{ width:515px;}
.oee-feature1 img{ width:181px; height:163px; display:inline-block;}
.w515 p{ width:300px; display:inline-block; color:#333; font:14px/180% "Microsoft YaHei", Arial, Tohoma; margin-top:30px;}
.w515 img, .w460 img{ float: right;}
.w550{ width:550px;float:right; margin-right:20px;}
.w550 img{ float:left;}
.w550 p{ width:320px; float:right; margin-top:30px;color:#333; font:14px/180% "Microsoft YaHei", Arial, Tohoma;}
.ml100{margin-left:100px;}
.w460{ width:460px;}
.w460 p{ width:240px; display:inline-block; margin-top:30px;color:#333; font:14px/180% "Microsoft YaHei", Arial, Tohoma;}
.w590{ width:590px;float:right; right:50px;}
.w590 p{ width:350px;display:inline-block; margin-top:30px;color:#333; font:14px/180% "Microsoft YaHei", Arial, Tohoma;float:right;}
.w590 img{float:left;}


@media only screen and (min-width:1025px) and (max-width:1199px){
.aboutContent .oee{ width:1000px;}
.oee p.mt80 img{ width:100%;}
.oeeld{ width:1000px}
.oeeldRight{ width:400px;}
.oee-inputTitle{ width:430px;}
.oeeDate-ob{ width:700px;}
.w515{ width:435px;}
.w515 p{ width:235px; margin-top:10px;}
.w550{ width:465px;}
.w550 p{ width:265px;}
.w460{ width:470px;}
.w460 p{ width:270px;}
.w590{right:0; width:430px;}
.w590 p{ width:230px; margin-top:10px;}
.oeeU{ width:100%; display:inline-block;}


}
@media only screen and (min-width:871px) and (max-width:1024px){
.aboutContent .oee{ width:100%;}
.oee p.mt80 img{ width:100%;}
.oeeld{ width:1000px}
.oeeldRight{ width:400px;}
.oee-inputTitle{ width:430px; top:0;}
.oeeDate-ob{ width:700px;}
.oeeldLeft{width:300px;}
.oeeldLeft p img{ width:100%;}
.oeeld{ padding-left:0;padding-right:0;}
.oeeldRight{float:none; margin-left:50px; width:500px;}
.oeeP img{ width:100%;}
.oee-input{ width:350px;}
.oee-input img{ width:100%;}
.oee-inputTitle ul{ margin-top:5px;}
.oeeDate-ob{ width:530px;}
.date-obD i{ display:none;}
.oeeld{ width:100%;}
.w515{ width:100%;}
.w515 p{ width:70%; margin-top:60px;}
.w550{ width:100%;}
.w550 p{ width:70%;}
.w460{ width:100%;}
.w460 p{ width:70%; margin-top:40px;}
.w590{right:0; width:100%;}
.w590 p{ width:70%; margin-top:10px;}
.oeeU{ width:100%; display:inline-block}






}
@media only screen and (min-width:641px) and (max-width:870px){

}

@media only screen and (min-width:319px) and (max-width:640px){
.aboutContent .oee{ width:100%;}
.oee p.mt80 img{ width:100%;}
.oeeld{ width:1000px}
.oeeldRight{ width:400px;}
.oee-inputTitle{ width:430px; top:0;}
.oeeDate-ob{ width:700px;}
.oeeldLeft{width:94%; margin:0 3%;}
.oeeldLeft p img{ width:100%;}
.oeeld{ padding-left:0;padding-right:0;}
.oeeldRight{float:none;margin:0 3%; width:94%;}
.oeeP img{ width:100%;}
.oee-input{ width:350px;}
.oee-input img{ width:100%;}
.oee-inputTitle ul{ margin-top:5px;}
.oeeDate-ob{ width:530px;}
.date-obD i{ display:none;}
.oeeld{ width:100%;}
.oeeU{ width:100%; display:inline-block}
.oeeldRight ul li{ height:auto; line-height:200%; padding:0.5em;}
.pleft-bg i{ display:none;}
.oeePleft{ position:relative; top:0; }
.pleft-bgL, .date-obDl{ background:#60C7B8; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem;height:auto; border-radius:0.5rem; width:100%; padding:0.5em 1em; font-size:1.625rem; }
.oeePright{ position:relative;}
.oeePleft, .oeePright, .oee-input, .oee-inputTitle, .oeeDate-condition{ width:100%;}
.oee-inputTitle{ margin-top:3em;}
.mt400{ margin-top:0;margin-bottom:0;}
.oeeDate-ob, .date-obD{position:relative; width:100%;}
.oeeDate-condition img, .oeeDate-ob1 img{ width:100%;}
.oeeDate-ob{left:0;}
.date-obDl{ position:relative; top:0;}
.date-obD{ top:10px}
.oeeDate-ob1{ margin:10px 0;}
.w515{ width:100%;}
.w515 p{ width:100%; margin-top:0;}
.w550{ width:100%; margin-right:0;}
.w550 p{ width:100%;margin-top:0;}
.w460{ width:100%;}
.w460 p{ width:100%; margin-top:0;}
.w590{right:0; width:100%;}
.w590 p{ width:100%; margin-top:0;}
.oee-feature1{ margin-bottom:30px; text-align:center;}
.oee-feature1 p{ text-align:left;}
.w515 img, .w460 img, .w550 img, .w590 img{ float:none;}

}














