@charset "utf-8";
* { margin: 0; padding: 0; }e
div{margin: 0 auto;}
img{border:0;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
input,button{ outline:0;}

body {	margin:0;
		padding:0;
		text-align:left;
        text-align:center;
		color:#4b4b4b;
		font-size:12px;
		font-family:"Microsoft YaHei", Arial, helvetica, sans-serif;
		background:#ffffff;
		}
a:link {
    text-decoration: none; 
	color:#666666;
}
a:visited {text-decoration: none;}
a:hover {  text-decoration:none; 
		}
		
a:focus {
	text-decoration:none;
     outline:none;
     -moz-outline:none;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header-box {
    width: 100%;
    height: 90px;
    overflow: visible;
    position: relative;
}

#header-box.no-menu .nav {
    font-size: 24px;
    color: #1e75c3;
}
#header-box .nav {
    margin-top: 20px;
    margin-left: 15px;
    height: 35px;
    overflow: hidden;
}
fontb{
	font-weight:bold;
}
.fl {
    float: left;
    display: inline;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#header-box .nav-menu {
    margin-top: 30px;
}

.fr {
    float: right;
    display: inline;
}

.wrapper {
    width: 980px;
    height: auto;
    margin: auto;
}

#header-box .logo {
    width:52px;
    height: 52px;
    background: url("../images/logo.png")/*tpa=http://www.hnsslj.com/templets/m2/images/logo.png*/ left center no-repeat;
    background-size: 100%;
    margin-top: 5px;
}


.login-wrapper .login-bg{
	    display: block;
	    width: 100%;
    height: 475px;
}
img {
    border: 0;
    vertical-align: top;
    display: inline-block;
}

.login-footer {
	text-align:center;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #6b6b6b;
    padding: 10px 0;
}

/*左侧菜单*/
.container-fluid{padding: 0;}
.navbar{margin-bottom: 0;}
#sidebar-left{width:219px; float: left;}
/*.main-menu .firstli{background: #597397;}*/
.sidebar-nav ul li a{color:#fff; display: block; height: 52px; padding: 0px; padding-left: 20px; }
.main-menu li{font-size: 15px;}
/*.firstli{min-height: 52px; _height:43px; overflow: hidden; *overflow: visible;}*/
.firsta{line-height: 52px; }

.nav .secondli a.firsta:hover{background: url("../images/nav_hover.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/nav_hover.jpg*/ left top no-repeat;}
.dropmenu{background: url("../images/secondli.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/secondli.jpg*/ left top no-repeat;}
.secondul{list-style: none;background: #485d7a; margin-left: 0px; }
.secondul .firstli {height: 52px;}
.main-menu .secondli{font-size:14px; min-height: 43px; _height:43px; overflow: hidden; *overflow: visible;background: url("../images/icon8-new.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/icon8-new.jpg*/ left top no-repeat;}
.secondli a{line-height: 52px; font-size: 15px; }
.secondli a.noborder{border-bottom: 0;}
.sidebar-nav ul li .secondli a:hover {background: #485d7a}
.thirdul{list-style: none; margin-left: 0px;}
.thirdul li{background: #425671; height:43px;}
.sidebar-nav .thirdul li a{color: #fff; float: left; width: 50%; padding-left: 5px;}
.sjicon{ margin-right: 5px; margin-left: 70px; height:43px; line-height: 43px;}
.secondli .submenu{margin-left: 40px;}
.firsta .hidden-tablet{margin-left: 20px;}
.iconmyself{height: 52px; line-height: 52px; position: relative; left: 5px;}
.anothercc img{width: 30px; height: auto;}
.secondli .submenu{margin-left: 52px;}
.thirdul a{line-height: 43px;}

.nav>li>a:hover, .nav>li>a:focus {
    background: #597397;
}
.main-menu  .current .firsta{background: url("../images/nav_hover.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/nav_hover.jpg*/ left top no-repeat;}
.sidebar-nav ul li a.dropmenu.onn1{background: url("../images/secondliup.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/secondliup.jpg*/ left top no-repeat;}
.sidebar-nav ul .secondli a.submenu{background: #485d7a;}
.sidebar-nav ul .secondli a.dropmenu{margin-left: 0; text-indent: 52px;background: url("../images/icon8-new.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/icon8-new.jpg*/ left top no-repeat;}
.sidebar-nav ul .secondli a.dropmenu.onn2{background: url("../images/icon9.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/icon9.jpg*/ left top no-repeat;}
.row-fluid{ position: relative;}
#sidebar-left{ position: relative;  left: 0; top: 0; overflow: hidden;background:#597397;}
.main-content{margin-left: 1px; padding:20px;position: relative;background: #E7EFFA;}
.lefttsw{margin-right: 15px; position: relative; top:-2px; margin-left: 15px;}
.tipscroll{background: #fff; height:62px; line-height:62px; margin-bottom: 10px;}
.tipscroll img{width:22px;}
.tipscroll p{font-size:15px; color:#666; margin: 0; }



.jiaob{width: 100%;  font-size: 12px; color: #cadbf3;  margin-top: 18px; margin-bottom:28px; text-align: center;}
.jiaob a {color:#cadbf3; }
.update-title { font-size: 24px; font-weight: 700}
.update-date {border-bottom: 1px solid #000000; font-size: 16px; padding-bottom: 5px}
.history {color:#cadbf3; padding-right: 10px;}
.update-list { margin-bottom: 10px; overflow: hidden}
.update-list dt.icon-style { float: left; margin-bottom: 5px; clear: left; font-size: 12px; width: 40px; height: 20px; line-height: 20px; color: #fff; text-align:center; border-radius: 2px;}
.update-list dt.optimization { background:#00af50 }
.update-list dt.new {  background:#0071c1}
.update-list dt.modify { background:#fc6700}
.update-list dt.del { background:#f1c40f}
.update-list dd { float: left; height: 20px; line-height: 20px; margin-left: 10px; margin-bottom: 5px;}
.download-pdf {font-size: 14px; float: right}


/*系统管理*/
.system-tab{width: 90%; height: auto; margin: 0 auto;}
.system-tab a{display: inline-block; width: 70px; height: 70px; text-align: center; margin-right: 10px}
.row-fluid .leperfo .no_left{margin-left: 0px;}
.row-fluid input[type="text"].bm-name {
    margin-right: 10px;
}

/*投诉单*/

.row-fluid .listfour{margin-left: 0; }
.listfour ul{list-style: none; margin:0px -0.4%;}
.listfour ul li{width: 19.2%; float: left; height: 182px; background: #fff; margin-left:0.4%;margin-right: 0.4%;margin-bottom:0.8%;}
.listfour ul li h2{ font-size: 16px; font-weight: normal; text-align: center; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; width: 90%; margin:0 auto;}
.boxshadow{box-shadow: 1px 1px 1px #ccc;}
.listfour ul li.nomargin{margin-right: 0px; float: right;}
.listfour ul li.blue a{color: #44b1f6;}
.listfour ul li.red a{color: #f66465;}
.listfour ul li.gray a{color: #999;}
.listfour ul li.gray h2{color: #333;}
.listfour ul li.green a{color: #62c462;}
.listfour ul li.green h2{color: #62c462;}
.listfour ul li.cyan a{color: #1abed2;}
.listfour ul li.cyan h2{color: #1abed2;}
.listfour ul li.purple a{color: #b868eb;}
.listfour ul li.purple h2{color: #b868eb;}
.listfour ul li .countnum{font-size: 65px; display: block; text-align: center;
    height:120px; line-height: 120px; font-weight: bold;}

/*新建投诉单*/
.nrztzh{font-family:Microsoft YaHei;font-size:15px;font-family:SimSun;}
.nrk{height:28px;}
.pinggu{width:100%; height:auto; font-size:16px; color:#333;}
.pinggu tr{height:50px;}
.xitsrk{width:260px; height:40px; background:#fff; border:0px; text-indent:10px;}
.pinggu tr.xiaotr{height:20px;}

.tebieee .rightqi{width:120px;}
.riliae{position:relative;}
.rilili{position:absolute; left:228px; top:7px; z-index:9; cursor:pointer;}
.zupshac{width:538px; height:58px; line-height:55px; font-size:14px; color:#666; border:1px solid #ccc; border-radius:5px; text-indent:10px; margin-bottom:45px; margin-top:45px;}
.bigwenzi{ font-size:24px; color:#333;}
.wjdianh{position:absolute; left:0px; top:0px; z-index:99; opacity:0; cursor:pointer;}
.shchu{position:relative; margin-right:10px; margin-top:10px;}
.qrtj{ height:60px; font-size: 20px; color: #fff; border:0px; }
.centera{text-align: center;}


.uparea ul{list-style:none; margin: 0;}
.uparea ul li{float: left; margin-right: 10px;}
.uparea ul li img{border:1px solid #ddd;}

.divkg{
cursor:pointer;line-height:25px;line-width:100%;list-style-type:none;background:#ffffff;color:#000000;
}
.divkg:hover{
cursor:pointer;line-height:25px;line-width:100%;list-style-type:none;background:#5A7498;color:#ffffff;
}

.divsz{
height:120px;width:120px;color:#5A7498;cursor:pointer;position:absolute;margin-top:42px;margin-left:42px;
}
.divsz:hover{
background:#eeeeee;height:120px;width:120px;color:#5A7498;cursor:pointer;position:absolute;margin-top:42px;margin-left:42px;
}

/*6-17改*/
/*.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input{border:1px solid #44b1f6; background: none;color: #44b1f6;  font-family: 微软雅黑;  font-size: 14px; border-radius: 4px 0 0 4px; border-right: 0px;}*/
/*.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle{!*border: 1px solid #44b1f6;*! background: none; border-radius: 0 4px 4px 0;}*/
/*.input-append .active, .input-prepend .active{background: none;border-color: none;}*/
.pernfi{position: relative;}
.pernfi .control-group{position: absolute; right: 0; top: 0px;}
.chars{margin-top:25px; width: 40%;}
.closedan{color:#f66465; font-size: 16px; margin-left: 50px;}


/*新建投诉单追加样式*/
.newform{background: #fff; }
.newform h1{width: 100%; height: 80px; margin: 0; border-bottom: 1px solid #ddd; line-height:80px; text-indent: 50px; font-size: 21px; color:#333;}
.rightqi{width:170px; background: url("../images/bluetip.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/bluetip.jpg*/ 50px center no-repeat; text-indent: 60px; color: #666;}
.pinggu{font-size: 14px; line-height: 40px; width: 98%;}
.redtis{color: #f66465; font-size: 14px;}
.topupp{vertical-align: top; background: url("../images/bluetip.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/bluetip.jpg*/ 50px 15px no-repeat;}


label {
    display: inline;
}
.regular-radio {
    display: none;
}

.regular-radio + label {
    -webkit-appearance: none;
    /*background-color: #fff;*/
    background: url("../images/icon-2.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/icon-2.jpg*/ left top no-repeat;
    /*border: 1px solid #cacece;*/
    padding: 7px;
    /*border-radius: 50px;*/
    display: inline-block;
    position: relative;
}

.regular-radio:checked + label:after {
    content: ' ';
    width: 6px;
    height: 6px;
    /*border-radius: 50px;*/
    position: absolute;
    top: 4px;
    /*background: #fff;*/
    text-shadow: 0px;
    left: 4px;
    font-size: 32px;
}

.regular-radio:checked + label {
    /*background-color: #1394de;*/
    background: url("../images/icon-1.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/icon-1.jpg*/ left top no-repeat;
    color: #99a1a7;
    /*border: 1px solid #adb8c0;*/
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
}

.big-radio + label {
    padding: 16px;
}

.big-radio:checked + label:after {
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
}


.regular-radio + label{position: relative; top:7px; margin-right: 5px; margin-left: 10px;}
.topupp{padding-top: 5px;}
.enlemn{margin-top: 18px;}
.noleft{margin-left: 0px;}
.enlemn{border:1px solid #ddd; border-radius: 0;}
textarea{resize: none; height: 140px;}
.remo{position:relative; display: block;}
.remo b{position: absolute; right: 0; top: -15px; font-size: 14px; color: #999; font-weight: normal;}
.row-fluid .height40{height: 40px; border-radius: 0; padding: 0; margin-top: 10px; font-size: 14px; text-indent: 10px;}
.row-fluid select.height40{text-indent: 0;}
.centera{border-top: 0px solid #eee; margin-top: 40px; width: 95%;}
.qrtj{margin-top: 40px;}
.wid156{width: 156px;}
.pinggu tr.line-height{height: 10px;}

/*图片上传*/
.uparea ul li{position: relative;}
.uparea ul li img{width: 68px; height:68px;}
#doc{width: 68px; height: 68px;}

.uploadhss{}
.inputdiv{position:relative; width:68px; height:68px; float: left; margin-right: 10px; margin-left: 10px;}
.inputdiv img{width:100%; height:100%; display:block; border: 1px solid #ddd;}
.inputdiv input{width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer;}
.X{position: absolute; right: -10px; top: -20px; cursor: pointer; z-index:99; display: none;}
.show .X{display: block;}


.conwhe{text-align: center; background: #f8f8f8; padding: 10px 0;}
.right20{margin-right: 20px;}


.ws-box{position: static; height: 80px; margin-top: 20px;}
#content{overflow-y: auto;}
.add-img{display: inline-block; width: 68px; height: 68px; background: url("../images/upadd.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/upadd.jpg*/ left top no-repeat;}
#input_file{position:absolute; cursor: pointer; right: 0; z-index: 3; width: 68px; height: 68px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.add-boxs{position: relative;}
#souluetu{float: left;}
.add-boxs{float: left;}
#souluetu img{height: 68px;}
.add-boxs{margin-top: 10px;}
.redtis .add-boxs{margin-top: 0;}
.per-nf{width: 95%;}
.bottomdail{float: left; margin-left: 0;}
.new-closed{width: 95%; height: 40px; margin: 0px auto;}
.new-closed a{display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; background: #1394de; border: 0;color: #fff;}

/* 等待LOADING*/
.sk-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #0099FF;
  margin: 40px auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }


.vlkcdt {margin-top:-8px;display:none;}
.vlkcdt1 {margin-top:-8px;}

.xwcpl1 {float:left;margin:8px;color:#FFF;border-radius:8px 8px 8px 8px;background-color:#FF5300;height:32px;width:128px;padding:5px;font-size:14px;}
.xwcpl {float:left;margin:8px;color:#666;border-radius:8px 8px 8px 8px;background-color:#CECECE;height:32px;width:128px;padding:5px;font-size:14px;cursor:pointer;}
.xwcpl:hover {float:left;margin:8px;color:#FFF;border-radius:8px 8px 8px 8px;background-color:#FF5300;height:32px;width:128px;padding:5px;font-size:14px;cursor:pointer;}

.cptz {position:absolute;font-family:Microsoft YaHei;filter:alpha(opacity:8);opacity:0.8;background-color:#000;margin-top:0px;margin-left:0px;color:#FFF;font-size:15px;cursor:pointer;}
.cpta {position:absolute;font-family:Microsoft YaHei;filter:alpha(opacity:35);opacity:0.35;background-color:#000;margin-top:0px;margin-left:0px;color:#FFF;font-size:15px;cursor:pointer;}
.cptaa {position:absolute;font-family:Microsoft YaHei;filter:alpha(opacity:1);opacity:0.01;margin-top:0px;background-color:#000;margin-left:0px;color:#FFF;font-size:15px;cursor:pointer;}
.cptc {position:absolute;font-family:Microsoft YaHei;margin-top:0px;margin-left:0px;color:#FFF;font-size:15px;cursor:pointer;text-align:center;}

.jmm1 {filter:alpha(opacity:90);opacity:0.90;height:160px;float:left;font-size:20px;}
/*.cptz:hover {position:absolute;filter:alpha(opacity:0);opacity:0;background-color:#000;margin-top:0px;margin-left:0px;}

/*菜单*/

.vlkcd {transition:0.3s;font-size:1rem;font-family:Microsoft YaHei;color:#FFF;margin:18px;text-align:center;}
.vlkcd:hover {transition:0.3s;font-size:1.18rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:18px;text-align:center;cursor:pointer;background-color:#0B4B79a;background: url("../images/back.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/back.jpg*/ left top repeat;}
.vlkcd1{transition:0.3s;font-size:1.18rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:18px;text-align:center;background: url("../images/back.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/back.jpg*/ left top repeat;}

.vlkcd a {transition:0.3s;font-size:1rem;font-family:Microsoft YaHei;color:#FFF;margin:18px;text-align:center;}
.vlkcd a:hover {transition:0.3s;font-size:1.18rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:18px;text-align:center;}

.vlkcd1 a {font-size:1.18rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:18px;text-align:center;}
.vlkcd1 a:hover {font-size:1.18rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:18px;text-align:center;}
/*MO菜单*/
.vlkcda {transition:0.3s;font-size:0.85rem;font-family:Microsoft YaHei;color:#FFF;margin:8px;text-align:center;}
.vlkcda:hover {transition:0.3s;font-size:0.85rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:8px;text-align:center;cursor:pointer;background-color:#0B4B79a;background: url("../images/back.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/back.jpg*/ left top repeat;}
.vlkcda1{transition:0.3s;font-size:0.85rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:8px;text-align:center;background: url("../images/back.jpg")/*tpa=http://www.hnsslj.com/templets/m2/images/back.jpg*/ left top repeat;}

.vlkcda a {transition:0.3s;font-size:1rem;font-family:Microsoft YaHei;color:#FFF;margin:8px;text-align:center;}
.vlkcda a:hover {transition:0.3s;font-size:1.08rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:8px;text-align:center;}

.vlkcda1 a {font-size:1.08rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:8px;text-align:center;}
.vlkcda1 a:hover {font-size:1.08rem;font-family:Microsoft YaHei;color:#EAFFEA;margin:8px;text-align:center;}