$charset "utf-8";
/* CSS Document */
.btn{ display: inline-block;  font-size:12px;height: 25px; line-height: 25px; margin:0 10px; padding: 0 9px;text-align: center; cursor: pointer; min-width: 60px;/*-WEBkit-font-smoothing: antialiased; */border-radius: 3px;}
.btn-blue{background-color: #338fc1; border:1px solid #338fc1;color: #fff!important;}
.btn-blue:hover{ background-color: #539bd6; border:1px solid #539bd6; color: #fff;}
.mt-0{margin-top: 0!important;}
.mb-0{margin-bottom: 0!important;}
/*icon*/
.icon{ background-image: url(../images/index_icon.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0; vertical-align: middle; height: 50px; width: 50px; }
.icon-user{ background-position: 0 0;}
.icon-company{ background-position: 0 -50px;}
.icon-time{ background-position: 0 -100px;}
.icon-data{ background-position: 0 -150px;}
.icon-timeS{ background-position: 0 -200px;}
.icon-oa{ background-position: 0 -250px;}
.icon-monitor{ background-position: 0 -300px;}
.icon-question{ background-position: 0 -350px;}
.icon-optimize{ background-position: 0 -400px;}
.icon-collect{ background-position: 0 -450px;}
.icon-change{ background-position: 0 -500px;}
.icon-dataQ{ background-position: 0 -550px;}
.icon-efficiency{ background-position: 0 -600px;}
.icon-risk{ background-position: 0 -650px;}
.icon-support{ background-position: 0 -700px;}
.icon-online{ background-position: 0 -750px;}
.icon-online{ background-position: 0 -750px;}
.icon-contact{ background-position: 0 -800px;}
.icon-expand{ background-position: 0 -850px;}
.icon-simple{ background-position: -50px 0px; width: 100px; height: 100px;}
.icon-flexible{ background-position: -50px -100px; width: 100px; height: 100px;}
.icon-efficient{ background-position: -50px -200px; width: 100px; height: 100px;}
.icon-open{ background-position: -50px -300px; width: 100px; height: 100px;}
.icon-deliver{ background-position: -50px -400px; width: 100px; height: 100px;}
.icon-data-02{ background-position: -50px -500px; width: 100px; height: 100px;}
.icon-search{ background-position: -50px -600px; width: 100px; height: 100px;}
.icon-visualization{ background-position: -50px -700px; width: 100px; height: 100px;}
.icon-alarm{ background-position: -50px -800px; width: 100px; height: 100px;}
.icon-report{ background-position: -50px -900px; width: 100px; height: 100px;}


.icon-solution-01{ background-position: -150px 0px; width: 100px; height: 100px;}
.icon-solution-02{ background-position: -150px -100px; width: 100px; height: 100px;}
.icon-solution-03{ background-position: -150px -200px; width: 100px; height: 100px;}
.icon-solution-04{ background-position: -150px -300px; width: 100px; height: 100px;}
.icon-solution-05{ background-position: -150px -400px; width: 100px; height: 100px;}
.icon-solution-06{ background-position: -150px -500px; width: 100px; height: 100px;}
.icon-solution-07{ background-position: -150px -600px; width: 100px; height: 100px;}
.icon-solution-08{ background-position: -150px -700px; width: 100px; height: 100px;}
.icon-solution-09{ background-position: -250px 0px; width: 100px; height: 100px;}
.icon-solution-10{ background-position: -250px -100px; width: 100px; height: 100px;}
.icon-solution-11{ background-position: -250px -200px; width: 100px; height: 100px;}
.icon-solution-12{ background-position: -250px -300px; width: 100px; height: 100px;}
.icon-solution-13{ background-position: -250px -400px; width: 100px; height: 100px;}
.icon-solution-14{ background-position: -250px -500px; width: 100px; height: 100px;}
.icon-solution-15{ background-position: -250px -600px; width: 100px; height: 100px;}
.icon-solution-16{ background-position: -250px -700px; width: 100px; height: 100px;}
.icon-solution-17{ background-position: -250px -800px; width: 100px; height: 100px;}

.loading-quick{display: inline-block; margin: 0 10px; height: 20px; width: 20px; background: url(../images/loading/loading-quick.gif) no-repeat center center; background-size: 20px 20px;vertical-align: middle; }
.loading-30{width: 30px; height: 30px; background-size: 30px 30px; }
.loading-40{width: 40px; height: 40px; background-size: 40px 40px; }