@charset "UTF-8"; /*!****** lib.css *******/ /*!-----------------[初始化]--------------*/ *,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased} table{border-collapse:collapse;border-spacing:0} dl,ol,ul{list-style:none;margin-bottom:0;padding-left:0} q:after,q:before{content:''} fieldset,img{border:0} abbr,acronym{border:0} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r{float:right} .c{clear:both} .fix{zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} em{font-weight:400;font-style:normal} body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} img{max-width:100%;border:none} input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:rgba(255,255,255,.6)} ::-moz-placeholder{color:rgba(255,255,255,.6)} ::-ms-input-placeholder{color:rgba(255,255,255,.6)} select::-ms-expand{display:none} a{color:#333;text-decoration:none} ::-webkit-scrollbar{width:7px;height:7px} ::-webkit-scrollbar-button{display:none} ::-webkit-scrollbar-track-piece{background:0 0} ::-webkit-scrollbar-thumb{background:#9ddeff} /*!-----------------[初始化结束]--------------*/ @font-face{font-family:DIN;src:url(../fonts/DINCond-Bold.otf)} @keyframes leftTo{ 0%{transform:translateX(0);opacity:0} 100%{transform:translateX(50px);opacity:1} } @keyframes opacity{ 0%{opacity:1} 50%{opacity:.4} 100%{opacity:1} } @keyframes fadenum{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @keyframes bounce-down{ 25%{transform:translateY(-3px)} 100%,50%{transform:translateY(0)} 75%{transform:translateY(3px)} } @keyframes bounce-down1{ 25%{transform:translate(-50%,-3px)} 100%,50%{transform:translate(-50%,0)} 75%{transform:translate(-50%,3px)} } @keyframes fadenum1{ 0%{transform:rotate(0)} 100%{transform:rotate(-360deg)} } @keyframes myRotate{ 0%{transform:translate(-50%,-50%) rotate(0)} 25%{transform:translate(-50%,-50%) rotate(15deg)} 50%{transform:translate(-50%,-50%) rotate(0)} 75%{transform:translate(-50%,-50%) rotate(-15deg)} 100%{transform:translate(-50%,-50%) rotate(0)} } @keyframes myRotate1{ 0%{transform:rotate(0)} 25%{transform:rotate(45deg)} 50%{transform:rotate(0)} 75%{transform:rotate(-45deg)} 100%{transform:rotate(0)} } @keyframes myleft{ 0%{transform:translateX(0)} 100%{transform:translateX(300%)} } @keyframes mysca{ 0%,100%{transform:translateX(-50%) scale(1)} 50%{transform:translateX(-50%) scale(.98)} } @keyframes myani1{ 0%,100%{transform:scale(1)} 50%{transform:scale(.95)} } @keyframes myani2{ 0%,100%{transform:rotateY(0)} 50%{transform:rotateY(360deg)} } /*!****************************** -------[=头部]------- ********************************/ /*!****************************** -------[=公用]------- ********************************/ /*!****** lib.css end *******/ /*!****** ls *******/ body{background-color:#e4ebef} .g-boxl{padding:32px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex} .g-boxl .col-l{width:44.5185%;padding-right:20px;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .g-boxl .col-c{width:27.8619%;padding-right:20px;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .g-boxl .col-r{width:27.7408%;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-modulel:last-child{margin-bottom:0} .h407{height:407px} .h358{height:358px} .m-modulel{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-bottom:20px} .m-userl{padding:37px 20px 22px;overflow:hidden} .m-userl .top{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 14px;margin-bottom:52px} .m-userl .top .pic{width:80px;height:80px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;margin-right:28px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-userl .top .pic img{display:block;width:100%;height:100%} .m-userl .top .txt{font-size:16px;line-height:1.75em;font-weight:700;color:#283248;overflow:hidden} .m-infol{overflow:hidden;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:20px} .m-titl1{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-left:9px} .m-titl1 .tit{font-size:16px;color:#283248;font-weight:700;overflow:hidden} .m-titl1 .more{font-size:14px;color:#00a051;line-height:1.5em;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .m-titl1 .more:hover{opacity:.5} .ul-tabl{padding:2px;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background:#037d41} .ul-tabl li{float:left} .ul-tabl .con{font-size:14px;color:#fff;line-height:26px;padding:0 10px;min-width:55px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden;text-align:center;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-tabl .con:hover,.ul-tabl li.on .con{background-color:#fff;color:#037d41} .ul-listl1{overflow:hidden;margin:30px -5px 0} .ul-listl1 li{width:33.33%;float:left;padding:0 5px} .ul-listl1 .con{display:block;width:100%;height:115px;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;text-align:center;padding-top:12px} .ul-listl1 .con .num{font-size:52px;color:#283248;font-family:DIN;line-height:1.3em;overflow:hidden} .ul-listl1 .con .tt{overflow:hidden;font-size:16px;line-height:1.5em;overflow:hidden;color:#283248} .ul-listl1 .con .tt.t2{font-size:14px} .ul-listl1 .con .tt i{display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:-2px 9px 0 0} .m-chartl{width:71px;height:71px;margin:0 auto;position:relative} .m-chartl:after{content:"";position:absolute;width:49px;height:49px;top:50%;left:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid rgba(43,182,105,.3);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .m-chartl .chart{width:100%;height:100%} .m-picl{overflow:hidden;height:100%;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .m-picl .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .m-warehousel{height:100%;overflow:hidden;background:#fff;padding:17px 13px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .m-tablel{padding-top:15px;overflow:hidden} .ul-tablel1{color:#353d61;font-size:16px;text-align:center} .ul-tablel1.thead{margin-bottom:6px} .ul-tablel1.thead li{background:0 0;height:auto;line-height:1.5} .ul-tablel1.thead li .td{font-weight:400} .ul-tablel1 li{display:table;width:100%;height:52px;line-height:52px;margin-bottom:10px;background-color:rgba(168,199,226,.25);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .ul-tablel1 li:nth-child(2n){background-color:rgba(0,160,81,.1)} .ul-tablel1 li:last-child{margin-bottom:0} .ul-tablel1 li .td{font-size:16px;color:#353d61;font-weight:700;overflow:hidden} .ul-tablel1 .td{display:table-cell;vertical-align:middle;text-align:center} .ul-tablel1 .td:nth-child(1){width:19%} .ul-tablel1 .td:nth-child(2){width:18%} .ul-tablel1 .td:nth-child(3){width:27%} .ul-tablel1 .state{display:inline-block;vertical-align:middle;font-size:14px;color:#fe8b4c;height:24px;line-height:24px;text-align:center;padding:0 10px;min-width:49px;background:rgba(254,139,76,.1);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px} .ul-tablel1 .state.green{color:#00a051;background:rgba(0,160,81,.1)} .ul-tablel1 .btn{color:#00a051;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-tablel1 .btn i{display:inline-block;vertical-align:middle;margin:-2px 7px 0 0;width:18px;height:18px;background:url(../img/eoms/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-tablel1 .btn:hover{opacity:.5} .ul-listl2{height:100%} .ul-listl2 li{width:100%;height:calc(50% - 11px);margin-bottom:22px} .ul-listl2 li:last-child{margin-bottom:0} .ul-listl2 .con{display:block;width:100%;height:100%;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:42px 57px 0 23px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl2 .con .icon{width:80px;height:80px;line-height:80px;float:left;margin-right:29px;text-align:center;font-size:0;overflow:hidden;background:#000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:rgba(1,127,235,.1)} .ul-listl2 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl2 .con .txt{overflow:hidden;padding-top:17px} .ul-listl2 .con .txt .tit{font-size:18px;font-weight:700;color:#283248;overflow:hidden;margin-bottom:12px} .ul-listl2 .con .txt .line{display:block;width:100%;height:2px;background:rgba(1,127,235,.3)} .ul-listl2 .con .txt .line span{display:block;height:2px;background:rgba(1,127,235,1)} .ul-listl2 .green .con .icon{background:rgba(43,182,105,.1)} .ul-listl2 .green .con .txt .line{background:rgba(43,182,105,.3)} .ul-listl2 .green .con .txt .line span{background:rgba(43,182,105,1)} .ul-listl2 .con:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);-ms-box-shadow:0 0 10px rgba(0,0,0,.3);-o-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)} .m-backlogl{width:100%;height:100%;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;padding:17px 20px} .ul-listl3{overflow:hidden;margin-top:17px;max-height:calc(100% - 40px)} .ul-listl3 li{margin-bottom:20px} .ul-listl3 li:last-child{margin-bottom:0} .ul-listl3 .con{display:block;overflow:hidden;background:rgba(168,199,226,.25);padding:15px 20px 18px 15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .ul-listl3 .icon{width:60px;height:60px;overflow:hidden;float:left;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:rgba(43,182,105,.12);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:19px} .ul-listl3 .icon .img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;position:relative;font-size:0} .ul-listl3 .icon .img img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl3 .icon .img .dot{position:absolute;top:0;right:0;width:8px;height:8px;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#f63f3f} .ul-listl3 .txt{overflow:hidden;padding-top:11px} .ul-listl3 .txt .tit{font-size:16px;color:#353d61;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:23px} .ul-listl3 .txt .tit em{font-size:14px;color:#fff;height:24px;line-height:24px;background:#00a051;padding:0 10px;min-width:49px;border-radius:0 8px 0 8px;-webkit-border-radius:0 8px 0 8px;-moz-border-radius:0 8px 0 8px;-ms-border-radius:0 8px 0 8px;-o-border-radius:0 8px 0 8px;display:inline-block;vertical-align:middle;margin:-2px 8px 0 0} .ul-listl3 .txt .bot{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .ul-listl3 .txt .bot .date{font-size:14px;color:rgba(53,61,97,.8);overflow:hidden} .ul-listl3 .txt .bot .date span{margin-right:10px} .ul-listl3 .txt .bot .date span:last-child{margin-right:0} .ul-listl3 .txt .bot .btn,.ul-listl3 .txt .bot .btn.disabled:hover{font-size:14px;color:#fff;text-align:center;overflow:hidden;width:89px;height:34px;line-height:34px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#037d41;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl3 .txt .bot .btn:hover{background:#00a051} .ul-listl3 .txt .bot .btn.disabled{opacity:.6} .m-chartl2{width:100%;height:350px;position:relative} .m-chartl2 .tit{position:absolute;top:50%;left:50%;width:34.866%;height:49px;line-height:47px;font-size:18px;max-width:144px;color:#353d61;font-weight:700;text-align:center;border:1px solid rgba(1,127,235,.2);border-right:none;border-left:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .m-chartl2 .chart{width:100%;height:100%;position:relative;z-index:2} .ul-listl4{overflow:hidden;margin:0 -11px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1} .ul-listl4 li{width:25%;float:left;padding:0 11px;margin-bottom:22px} .ul-listl4 .con{display:block;overflow:hidden;background:url(../img/eoms/bgl4.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:34px 20px 30px;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .ul-listl4 .con .pic{position:absolute;top:51px;right:9px;width:175px;height:auto} .ul-listl4 .con .pic img{display:block;width:100%} .ul-listl4 .con .txt{overflow:hidden} .ul-listl4 .con .tit{overflow:hidden;font-size:0;margin-bottom:20px} .ul-listl4 .con .tit span{font-size:14px;color:#fff;height:24px;line-height:24px;background:#00a051;padding:0 10px;min-width:49px;border-radius:0 8px 0 8px;-webkit-border-radius:0 8px 0 8px;-moz-border-radius:0 8px 0 8px;-ms-border-radius:0 8px 0 8px;-o-border-radius:0 8px 0 8px;display:inline-block;vertical-align:middle} .ul-listl4 .con .info{overflow:hidden;margin-bottom:27px} .ul-listl4 .con .info p{padding-left:7px;font-size:16px;color:#283248;line-height:1.5em;overflow:hidden;position:relative;margin-bottom:10px} .ul-listl4 .con .info p:after{content:"";position:absolute;left:0;top:50%;width:2px;background:#2bb669;height:12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-listl4 .con .box{overflow:hidden} .ul-listl4 .con .box .btn{display:block;float:left;min-width:72px;height:34px;line-height:32px;border:1px solid rgba(3,125,65,.22);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-align:center;margin-right:10px;font-size:14px;color:#037d41;background:rgba(43,182,105,.1);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl4 .con .box .btn.green{border-color:#037d41;color:#fff;background:#037d41} .ul-listl4 .con .box .btn:hover{opacity:.7} /* 单仓档案管理 */ .ul-listl4.styl2 .con{ padding-top: 24px; } .ul-listl4.styl2 .con .pic{ top: 13px; } .ul-listl4 .last .con{ padding-top: 21px; } .ul-listl4 .last .addpic{ width: 176px; height: auto; margin: 0 auto; overflow: hidden; } .ul-listl4 .last .addpic img{ display: block; width: 100%; height: 100%; } .ul-listl4 .last .addbtn{ display: block; width: 112px; height: 34px; line-height: 34px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background-color: #037d41; text-align: center; padding: 0 10px; color: #fff; font-size: 14px; margin: 0 auto; overflow: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .ul-listl4 .last .addbtn:hover{ opacity: 0.7; } /*.ul-listl4.styl2 .con{padding-top:24px}*/ /*.ul-listl4.styl2 .con .pic{top:13px}*/ @media only screen and (min-width:1280px){ .g-boxl{padding:1.62vw} .g-boxl .col-l{width:44.5185%;padding-right:1.166vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .g-boxl .col-c{width:27.8619%;padding-right:1.166vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .g-boxl .col-r{width:27.7408%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .h407{height:23.73vw} .h358{height:20.87vw} .m-modulel{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;margin-bottom:1.166vw} .m-userl{padding:2.157vw 1.166vw 1.282vw} .m-userl .top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 .816vw;margin-bottom:3.032vw} .m-userl .top .pic{width:4.664vw;height:4.664vw;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-right:1.632vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-userl .top .txt{font-size:.932vw;line-height:1.75em;font-weight:700} .m-infol{background:#fff;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding:1.166vw} .m-titl1{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-left:.524vw} .m-titl1 .tit{font-size:.932vw;font-weight:700} .m-titl1 .more{font-size:.816vw;line-height:1.5em;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .m-titl1 .more:hover{opacity:.5} .ul-tabl{padding:.116vw;border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;background:#037d41} .ul-tabl .con{font-size:.816vw;line-height:1.516vw;padding:0 .583vw;min-width:3.206vw;border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl1{margin:1.749vw -.291vw 0} .ul-listl1 li{width:33.33%;padding:0 .291vw} .ul-listl1 .con{height:6.705vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding-top:.699vw} .ul-listl1 .con .num{font-size:3.032vw;font-family:DIN;line-height:1.3em} .ul-listl1 .con .tt{font-size:.932vw;line-height:1.5em} .ul-listl1 .con .tt.t2{font-size:.816vw} .ul-listl1 .con .tt i{width:.583vw;height:.583vw;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:-.116vw .524vw 0 0} .m-chartl{width:4.139vw;height:4.139vw;margin:0 auto} .m-chartl:after{content:"";width:2.857vw;height:2.857vw;top:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid rgba(43,182,105,.3);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .m-picl{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw} .m-warehousel{background:#fff;padding:.991vw .758vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw} .m-tablel{padding-top:.874vw} .ul-tablel1{font-size:.932vw;max-height: 300px;overflow: hidden;overflow-y: auto;} .ul-tablel1.thead{margin-bottom:.349vw} .ul-tablel1.thead li{background:0 0;height:auto;line-height:1.5} .ul-tablel1.thead li .td{font-weight:400} .ul-tablel1 li{height:3.032vw;line-height:3.032vw;margin-bottom:.583vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw} .ul-tablel1 li .td{font-size:.932vw;font-weight:700} .ul-tablel1 .state{font-size:.816vw;height:1.399vw;line-height:1.399vw;padding:0 .583vw;min-width:2.857vw;background:rgba(254,139,76,.1);border-radius:1.166vw;-webkit-border-radius:1.166vw;-moz-border-radius:1.166vw;-ms-border-radius:1.166vw;-o-border-radius:1.166vw} .ul-tablel1 .state.green{background:rgba(0,160,81,.1)} .ul-tablel1 .btn{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-tablel1 .btn i{margin:-.116vw .408vw 0 0;width:1.049vw;height:1.049vw;background:url(../img/eoms/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-tablel1 .btn:hover{opacity:.5} .ul-listl2 li{height:calc(50% - .641vw);margin-bottom:1.282vw} .ul-listl2 .con{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding:2.448vw 3.323vw 0 1.341vw} .ul-listl2 .con .icon{width:4.664vw;height:4.664vw;line-height:4.664vw;margin-right:1.69vw;font-size:0;background:#000;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;background:rgba(1,127,235,.1)} .ul-listl2 .con .txt{padding-top:.991vw} .ul-listl2 .con .txt .tit{font-size:1.049vw;font-weight:700;margin-bottom:.699vw} .ul-listl2 .con .txt .line{height:.116vw;background:rgba(1,127,235,.3)} .ul-listl2 .con .txt .line span{height:.116vw;background:rgba(1,127,235,1)} .ul-listl2 .green .con .icon{background:rgba(43,182,105,.1)} .ul-listl2 .green .con .txt .line{background:rgba(43,182,105,.3)} .ul-listl2 .green .con .txt .line span{background:rgba(43,182,105,1)} .ul-listl2 .con:hover{-webkit-box-shadow:0 0 .583vw rgba(0,0,0,.3);-moz-box-shadow:0 0 .583vw rgba(0,0,0,.3);-ms-box-shadow:0 0 .583vw rgba(0,0,0,.3);-o-box-shadow:0 0 .583vw rgba(0,0,0,.3);box-shadow:0 0 .583vw rgba(0,0,0,.3)} .m-backlogl{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding:.991vw 1.166vw} .ul-listl3{margin-top:.991vw;max-height:705px} .ul-listl3 li{margin-bottom:1.166vw} .ul-listl3 .con{background:rgba(168,199,226,.25);padding:.874vw 1.166vw 1.049vw .874vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw} .ul-listl3 .icon{width:3.498vw;height:3.498vw;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:rgba(43,182,105,.12);-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1.107vw} .ul-listl3 .icon .img .dot{top:0;right:0;width:.466vw;height:.466vw;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%} .ul-listl3 .txt{padding-top:.641vw} .ul-listl3 .txt .tit{font-size:.932vw;font-weight:700;white-space:nowrap;margin-bottom:1.341vw} .ul-listl3 .txt .tit em{font-size:.816vw;height:1.399vw;line-height:1.399vw;background:#00a051;padding:0 .583vw;min-width:2.857vw;border-radius:0 .466vw 0 .466vw;-webkit-border-radius:0 .466vw 0 .466vw;-moz-border-radius:0 .466vw 0 .466vw;-ms-border-radius:0 .466vw 0 .466vw;-o-border-radius:0 .466vw 0 .466vw;margin:-.116vw .466vw 0 0} .ul-listl3 .txt .bot{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .ul-listl3 .txt .bot .date{font-size:.816vw} .ul-listl3 .txt .bot .date span{margin-right:.583vw} .ul-listl3 .txt .bot .btn,.ul-listl3 .txt .bot .btn.disabled:hover{font-size:.816vw;width:5.189vw;height:1.982vw;line-height:1.982vw;border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl3 .txt .bot .btn:hover{background:#00a051} .ul-listl3 .txt .bot .btn.disabled{opacity:.6} .m-chartl2{height:20.4vw} .m-chartl2 .tit{top:50%;width:34.866%;height:2.857vw;line-height:2.74vw;font-size:1.049vw;max-width:8.396vw;font-weight:700;border:1px solid rgba(1,127,235,.2);border-right:none;border-left:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .ul-listl4{margin:0 -.641vw;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1} .ul-listl4 li{padding:0 .641vw;margin-bottom:1.282vw} .ul-listl4 .con{background:url(../img/eoms/bgl4.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.982vw 1.166vw 1.749vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw} .ul-listl4 .con .pic{top:2.973vw;right:.524vw;width:10.2vw;height:auto} .ul-listl4 .con .tit{font-size:0;margin-bottom:1.166vw} .ul-listl4 .con .tit span{font-size:.816vw;height:1.399vw;line-height:1.399vw;background:#00a051;padding:0 .583vw;min-width:2.857vw;border-radius:0 .466vw 0 .466vw;-webkit-border-radius:0 .466vw 0 .466vw;-moz-border-radius:0 .466vw 0 .466vw;-ms-border-radius:0 .466vw 0 .466vw;-o-border-radius:0 .466vw 0 .466vw} .ul-listl4 .con .info{margin-bottom:0.774vw} .ul-listl4 .con .info p{padding-left:.408vw;font-size:.932vw;line-height:1.5em;margin-bottom:.583vw} .ul-listl4 .con .info p:after{content:"";left:0;top:50%;width:.116vw;background:#2bb669;height:.699vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-listl4 .con .box .btn{min-width:4.198vw;height:1.982vw;line-height:1.865vw;border:1px solid rgba(3,125,65,.22);border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;margin-right:.583vw;font-size:.816vw;background:rgba(43,182,105,.1);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl4 .con .box .btn:hover{opacity:.7} .ul-listl4.styl2 .con{padding-top:1.399vw} .ul-listl4.styl2 .con .pic{top:.758vw} } /*!****** ls end *******/