$charset "utf-8";
/* CSS Document */
html{border:none; margin:0px; padding:0px;-WEBkit-text-size-adjust:none;height: 100%;overflow: hidden;}
html,button,input,select,textarea{font-family:'Microsoft YaHei',Arial,"宋体",Helvetica,sans-serif;}
body{border:none; margin:0px; padding:0px; font-size:12px; font-family:'Microsoft YaHei',Arial,"宋体",Helvetica,sans-serif; color:#474747; background: #fff; /*background:#ddd;*/}
div, span, label, cite, b, font, img, a, h1, h2, h3, h4, h5, h6, table, tbody, tr, td, th, form, p,dl,dt,dd,ul,ol{border:none; margin:0px; padding:0px; }
table{ border-collapse: collapse;table-layout:fixed;border-spacing:0;font-size: 12px; color: #787878;}
textarea{overflow:auto;vertical-align:top}
input,select,label,button{-WEBkit-font-smoothing: antialiased;font-family:'Microsoft YaHei',Arial,"宋体",Helvetica,sans-serif; font-size: 12px; }
textarea,input{ color: #666;}
li{ list-style-type:none; }
em,i{ font-style:normal;}
/*浮动*/
.cl{ clear:both;zoom:1;}
.cl:after{clear:both; height:0; content:' '; display:block; visibility:hidden;zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.DN{ display: none;}
.block{ display: block;}
/*伪类*/
*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0;-moz-outline-width: 0;-WEBkit-tap-highlight-color: rgba(0,0,0,0);}
a{ color: #505050;}
a:link {text-decoration: none ;}
a:visited {text-decoration: none}
a:hover { text-decoration: none; color: #338fc1;}
a:focus{outline:none;}
a:active,a:hover{outline:0}
.text-left{text-align:left!important;}
/*btn*/
.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;}
.ml-10{margin-left:10px!important;}
.ml-20{margin-left:20px!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; }