/*
 * Sidebar
 *
 * The sidebar is the drawer, the item we are toggling with our handy hamburger
 * button in the corner of the page.
 *
 * This particular sidebar implementation was inspired by Chris Coyier's
 * "Offcanvas Menu with CSS Target" article, and the checkbox variation from the
 * comments by a reader. It modifies both implementations to continue using the
 * checkbox (no change in URL means no polluted browser history), but this uses
 * `position` for the menu to avoid some potential content reflow issues.
 *
 * Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
 */

/* Style and "hide" the sidebar */
.sidebar {
  position: fixed;
  top: 1;
  bottom: 0;
  left: -14rem;
  z-index: 999;
  width: 9rem;
  visibility: hidden;
  overflow-y: auto;
  font-family: 'Microsoft YaHei';
  font-size: .875rem;
  /* 15px */
  color: rgba(255, 255, 255, .6);
  background: url(../img/bg.png);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media (min-width: 30em) {
  .sidebar {
    font-size: .75rem;
    /* 14px */
  }
}

/* Sidebar content */
.sidebar a {
  font-weight: normal;
  color: #fff;
}

.sidebar-item {
  padding: 2rem;
}

.sidebar-item p:last-child {
  margin-bottom: 0;
}

/* Sidebar nav */
.sidebar-nav {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.sidebar .current {
  background: #829fc1;
}

.sidebar-nav-item {
  display: block;
  padding: 1.0rem 1rem;
  border-bottom: 1px solid #b9b9b9;
}

.sidebar-nav-item.active,
a.sidebar-nav-item:hover,
a.sidebar-nav-item:focus {
  text-decoration: none;
  background-color: rgba(255, 255, 255, .1);
  border-color: transparent;
}

. @media (min-width: 48em) {
  .sidebar-item {
    padding: 1.5rem;
  }

  .sidebar-nav-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
.sidebar-checkbox {
  display: none;
}

/* Style the `label` that we use to target the `.sidebar-checkbox` */
.sidebar-toggle {
  position: absolute;
  top: .5rem;
  right: 1rem;
  display: block;
  width: 4rem;
  padding: 0.2rem .65rem;
  color: #fff;
  /*  background-color: #fff;border-radius: 4px;*/
  cursor: pointer;
}

.sidebar-toggle:before {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: .125rem;
  border-top: .375rem double;
  border-bottom: .125rem solid;

  /* Make the border inside the box */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar-toggle:active,
#sidebar-checkbox:checked~.sidebar-toggle {
  color: #fff;
  background-color: #505050;
}

@media (min-width: 30.1em) {
  .sidebar-toggle {
    position: fixed;
    width: 1rem;
  }

  .sidebar-toggle:before {
    padding-bottom: .15rem;
    border-top-width: .45rem;
    border-bottom-width: .15rem;
  }
}


/* Slide effect
 *
 * Handle the sliding effects of the sidebar and content in one spot, seperate
 * from the default styles.
 *
 * As an a heads up, we don't use `transform: translate3d()` here because when
 * mixed with `position: fixed;` for the sidebar toggle, it creates a new
 * containing block. Put simply, the fixed sidebar toggle behaves like
 * `position: absolute;` when transformed.
 *
 * Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/.
 */

.wrap,
.sidebar,
.sidebar-toggle {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.wrap,
.sidebar-toggle {
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}

#sidebar-checkbox:checked+.sidebar {
  z-index: 10;
  visibility: visible;
}

#sidebar-checkbox:checked~.sidebar,
#sidebar-checkbox:checked~.wrap,
#sidebar-checkbox:checked~.sidebar-toggle {
  -webkit-transform: translateX(14rem);
  -ms-transform: translateX(14rem);
  transform: translateX(14rem);
}


/*header-top*/
/*#0071AF*/
.header-top {
  background: url(../images/2.png)
}

/*header-footer*/
.header-footer {
  background: #0071AF;
  color: #FFF;
  text-align: center;
  height: 3em;
  line-height: 3em;
  margin-top: 1em;
}

.header-footer a {
  color: #FFF;
}

.header-left {
  width: auto;
  height: 70%;
  margin: 6 auto
}

.logotop {
  width: auto;
  margin: 6px 35px
}

.left-span {
  color: #0071AF
}

.content {
  /*text-align:center*/
  margin-right: auto;
  font-size: 14px;
}

.list-span {
  float: right;
  color: #09C;
  margin-right: 1em
    /*border-right: 3px solid #06F; height:15px; margin:*/
}

.list-spanimg {
  width: auto;
}

.list-spantwo {
  float: right;
  color: #19cf8a;
  margin-right: 1em
    /*border-right: 3px solid #06F; height:15px; margin:*/
}

.sidebar-home {
  width: auto;
  margin-top: 0.3em;
  margin-left: 0.3em;
  width: 2.1rem;
}

.index-area {
  margin: 0 auto;
  width: 90%;
  margin-top: 0.5em;
  padding-bottom: 7px;
  border-bottom: 1px dashed #999;
  overflow: hidden
}

.index-h3 {
  float: left;
  color: #0071AF;
  margin-left: 0.4em;
}

.index-select {
  float: right
}

/*last-span*/
.last-span {
  color: #f00
}

.last-spanimg {
  width: auto;
}





/*search-submit*/
.search-submit a {
  text-decoration: none;
  color: #fff;
}

@media -sass-debug-info {}

.search-submit {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
  border-top: 8px solid #e5e5e5;
}

@media -sass-debug-info {}

.search-submit input {
  width: 70%;
  padding-left: 2%;
  color: #ccc;
  border: none;
  border-radius: 5px;
  background: #efedee;
  line-height: 30px;
}

@media -sass-debug-info {
  filename {
    font-family: file\:\/\/\/Users\/huangxing\/projects\/wxipr\/web\/res\/ipr\/dev\/sass\/mods\/head\.scss
  }

  line {
    font-family: \0000326
  }
}

.search-submit button {
  width: 30%;
  border: none;
  color: #fff;
  line-height: 30px;
  border-radius: 5px;
  background: #0071AF;
}

/*search-submit*/
.search-submit1 a {
  text-decoration: none;
  color: #fff;
}

.search-submit1 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 1em
}


.search-submit1 input {
  width: 70%;
  padding-left: 2%;
  color: #ccc;
  border: none;
  border-radius: 5px;
  background: #efedee;
  line-height: 30px;
}

.search-submit1 button {
  width: 30%;
  border: none;
  color: #fff;
  line-height: 30px;
  border-radius: 5px;
  background: #0071AF;
}

/*index-personnel*/
.index-personnel {
  background: #fff;
  border: 1px solid #c5c6c8;
  margin-top: 1em;
}

.index-personnel a {
  color: #333;
  font-weight: 100
}

.index-personnel dl dt {
  width: 30%;
  height: 80px;
}

@media -sass-debug-info {
  filename {
    font-family: file\:\/\/\/Users\/huangxing\/projects\/wxipr\/web\/res\/ipr\/dev\/sass\/page\/index\.scss
  }

  line {
    font-family: 'Microsoft YaHei' 7
  }
}

.index-personnel dl dd {
  width: 65%;
  height: 75px;
  overflow: hidden;
  line-height: 20px;
  margin-left: 0%;
  color: #929191;
  margin-top: 0.9em
}

@media -sass-debug-info {
  filename {
    font-family: file\:\/\/\/Users\/huangxing\/projects\/wxipr\/web\/res\/ipr\/dev\/sass\/page\/index\.scss
  }

  line {
    font-family: \0000386
  }
}

.index-personnel .last {
  color: #999;
  line-height: 25px;
}

.body1 {
  background: #e1e3e5
}

.left-img {
  width: auto;
  height: 90%;
  margin-top: 0.5em;
  margin-left: 1em
}


/*content-img*/
.details1 {
  background: #fff;
  border-radius: 12px;
}

.details-img {
  width: auto;
}

.details-span {
  margin-left: 30%
}

.details-h {
  font-size: 16px
}

.details-h00 {
  font-size: 16px;
  text-align: center;
  color: #0071AF;
  font-weight: 100;
  border-bottom: 5px solid #e5e5e5;
  height: 2.5em;
  line-height: 2.5em
}

.details-h0 {
  font-size: 20px;
  text-align: center;
  color: #0071AF;
  margin-top: 1em;
  font-weight: 100;
}

.details-h3 {
  font-size: 10px;
  line-height: 30px;
  margin-top: 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  font-weight: 100
}

.details-h31 {
  font-size: 10px;
  line-height: 30px;
  margin-top: 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  font-weight: 100;
  margin-bottom: 1.5em
}

.details-h311 {
  font-size: 10px;
  line-height: 30px;
  margin-top: 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  width: 80%;
  margin: 0 auto;
  font-weight: 100;
  margin-bottom: 1.5em;
  text-align: center
}

.details-hspan {
  margin-left: 4em
}

.people_li {
  float: left
}

/* .index-table*/
.index-table {
  width: 96%;
  /*border:1px solid #000;*/
  margin: auto;
  line-height: 25px
}

/* .index-table dl dt {
    width: 30%;
    height: 80px; }*/
/* .index-table dl dd {
    width: 65%;
    height: 75px;
    overflow: hidden;
    line-height: 20px;
    margin-left: 0%; color:#CCC; margin-top:0.9em }*/


.table-img {
  width: auto;
}

.table-img1 {}

.table-span {
  margin-left: 3em;
  font-size: 17px;
  line-height: 40px;
}

.table-span a {
  text-decoration: none;
  color: #fff;
  font-size: 16px
}

.table-span {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  margin-top: 3em
}

.table-span input {
  width: 70%;
  padding-left: 2%;
  color: #ccc;
  border: none;

  background: #efedee;
  line-height: 30px;
}

.table-span button {
  width: 15%;
  height: 20px;
  border: none;
  color: #fff;

  border-radius: 5px;
  background: #0071AF;
  box-shadow: 3px 2px 5px #b9b9b9
}

/*
	
	.table-span1{font-size:15px;margin-left:1em;}*/
.table-span1 {
  margin-left: 1em;
  font-size: 17px;
  line-height: 40px
}

.table-span1 a {
  text-decoration: none;
  color: #fff;
  font-size: 16px
}

.table-span1 {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  margin-top: 3em
}

.table-span1 input {
  width: 70%;
  padding-left: 2%;
  color: #ccc;
  border: none;

  background: #efedee;
  line-height: 30px;
}

.table-span1 button {
  width: 15%;
  height: 20px;
  border: none;
  color: #fff;

  border-radius: 5px;
  background: #0071AF;
}


.table-h4 {
  margin-top: 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  margin-bottom: 0.5em;
  font-size: 15px
}

.table-h4 a {
  color: #000;
  margin-left: 0.5em
}

.table-day {
  font-weight: 100;
  text-align: right;
  margin-bottom: 0.5em;
  margin-right: 0.5em
}

.table-h4span {
  float: right;
  font-weight: 100;
  color: #999;
  margin-right: 0.5em
}

.index-table1 {
  background: #FFF;
  width: 100%
}

/*main-personnel*/
.main-personnel {
  width: 90%;
  margin: 0 auto;
  /*border:1px solid #F00;*/
  margin-top: 1em;
  border-bottom: 1px dashed #999;
  background: url(../img/4.jpg)
}

.main-personnel a {
  color: #fff;
  font-weight: 100
}

.main-personnel dl dt {
  width: 30%;
  height: 80px;
}

.main-personnel dl dd {
  width: 40%;
  height: 90px;
  overflow: hidden;
  line-height: 30px;
  margin-left: 3em;
  color: #CCC;
  margin-top: 2em;
}

.main-personnel .last {
  color: #999;
  line-height: 25px;
}

.main-personnel .left-img1 {
  width: auto;
  margin-top: 0.5em;
  margin-left: 2em;
  vertical-align: middle;
}

/*main-submit*/
.main-submit a {
  text-decoration: none;
  color: #fff;
  font-size: 16px
}

.main-submit {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
  margin-top: 3em
}

.main-submit input {
  width: 70%;
  padding-left: 2%;
  color: #ccc;
  border: none;

  background: #efedee;
  line-height: 30px;
}

.main-submit button {
  width: 48%;
  border: none;
  color: #fff;
  line-height: 42px;
  border-radius: 5px;
  background: #0071AF;
}

/*list  h4*/
.list h4 a {
  font-size: 16px;
  font-weight: 100
}

< !--violation-->.violation {
  width: 90%;
  margin: 0 auto;
  margin-top: 3em;
}

.index-violation {
  margin: 0 auto;
  width: 90%;
  overflow: hidden;
}

.violation-h3 {
  color: #0071AF;
  margin-top: 1em;
  padding-bottom: 7px;
  border-bottom: 1px dashed #ccc;
}

.violation-h32 {
  margin-top: 1em;
  padding-bottom: 7px;
}

.violation-h32 .f00 {
  color: #f00;
}


.main-submit button {
  width: 48%;
  border: none;
  color: #fff;
  line-height: 42px;
  border-radius: 5px;
  background: #0071AF;
  margin-top: 1em
}

/*特种行业许可查询查询*/
.list-special {
  width: auto;
  margin-left: 5em
}

.list-special1 {
  font-size: 14px;
  color: #666;
  margin-left: 1em
}

.list-special2 {
  font-size: 14px;
  color: #666;
  margin-left: 4em
}

.list-special3 {
  font-size: 14px;
  color: #666;
  margin-left: 5em
}

.special {
  width: auto;
  margin-top: 2em
}

/*icp-submit*/
.icp-submit a {
  text-decoration: none;
  color: #fff;
  font-size: 16px
}

.icp-submit {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 1em
}

.icp-submit input {
  width: 70%;
  padding-left: 2%;
  color: #ccc;
  border: none;

  background: #efedee;
  line-height: 30px;
}

.icp-submit button {
  width: 48%;
  border: none;
  color: #fff;
  line-height: 42px;
  border-radius: 5px;
  background: #0071AF;
  margin-top: 2em
}

.icp1-submit a {
  text-decoration: none;
  color: #fff;
  font-size: 16px
}

.icp1-submit button {
  width: 97%;
  border: none;
  color: #fff;
  line-height: 42px;
  border-radius: 5px;
  background: #0071AF;
  margin-top: 2em;
  margin-left: 0.5em
}

/*	  .Add{ 
 width:100%; 
 height:100%;
 position:fixed;
 top:0;
 left:0; 
 z-index:1; 
 background:rgba(0,0,0,0.50); 
}*/

.header .search1 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
}

.header .search1 input {
  width: 72%;
  padding-left: 2%;
  color: #ccc;
  border: none;
  border-radius: 5px;
  background: #fff;
  line-height: 30px;
}

.header .search1 button {
  width: 20%;
  border: none;
  color: #fff;
  line-height: 30px;
  border-radius: 5px;
  background: #0071AF;
}


.align {
  width: 148px;
  text-align: right;
  float: left;
}

.align1 {
  /*width:148px;*/
  text-align: right;
  float: left;
  margin-left: 2em
}

.distance {
  /*border:1px solid #F00; border:1px solid #F00*/
}

.people_li {}

.content_text {
  border-top: 8px solid #e5e5e5;
  border-bottom: 8px solid #e5e5e5;
  padding: 8px 0;
}


/*首页*/
.day {
  overflow: hidden;
  width: 95%;
  margin: 0 auto;
  margin: 10px
}

.day .day_left img,
.day .day_right img {
  display: block;
  width: 100%;
  height: 74px;
}

.lf {
  float: left;
}

.day .day_left,
.day .day_right {
  width: 49%;

}

.rf {
  float: right;
}

.day_right img {
  display: block;
  width: 100%;
  height: 74px;
}

.look {
  overflow: hidden;
  height: 60px;
  background: #fff;
  width: 94%;
  margin: 0 auto;
  margin-bottom: 0.8em
}

.look .lf {
  width: 40%;
  /*padding-left: 30px;*/
}

.lf {
  float: left;
}

.look .lf img {
  display: inline-block;
  width: 200px;
  height: 60px;
}

.look .rf {
  display: block;
  color: #7D7D7D;
  padding-right: 10px;
  padding-top: 7px;
}

.look .rf {
  width: 40%;
  text-align: right;
}

.rf {
  float: right;
}

.look .rf {
  display: block;
  color: #ccc;
  padding-right: 10px;
  padding-top: 1.5em;
}

.content .product .look .rf {
  width: 40%;
  text-align: right;
  border: 1px solid #F00
}

.rf {
  float: right;
}

.look .rf p:first-child {
  font-size: 16px;

  color: #696969;

}



/*底部*/
.ipr-index-mian3 {
  width: 95%;
  margin: 0 auto;
  margin-top: 0.5em
}


.ipr-index-top1 h3 {
  color: #00a498;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}

.ipr-index-top1 img {
  width: 49%;
  height: 60px;
  margin-bottom: 0.5em
}

.ipr-index-top1 .twopic {
  margin-left: 2%;
}

.ipr-index-top1 ul {
  width: 100%;
}

.ipr-index-top1 ul li {
  line-height: 25px;
  border-bottom: 1px dashed #999;
  width: 100%;
  overflow: hidden;
}



.other_login {
  width: 80%;
  height: 15px;

  /* top:75%;*/
  margin: 0 10%;
  padding-bottom: 2em
}

.other_login .other,
.other_login span {
  display: inline-block;
  vertical-align: middle;
}

.other_login .other {
  width: 28%;
  height: 8px;
  border-bottom: 1px solid #ccc;
}

.other_login span {
  width: 40%;
  text-align: center;
  font-size: 20px;
  color: #999
}

/*bigbox*/
.bigbox {
  width: 100%;
  margin: 0.5em auto
}



/*liangtu*/
.ipr-index-mian4 {
  width: 95%;
  margin: 0 auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em
}


.ipr-index-top2 h3 {
  color: #00a498;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}

.ipr-index-top2 img {
  width: 49%;
  height: 12%;
}

.ipr-index-top2 .twopic {
  /*border-left: 1px dashed #999;*/
  margin-left: 2%;
}

.border1 {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.border2 {
  border-bottom: 1px solid #999;
}

.border3 {
  border-right: 1px solid #999;
}

.border4 {}

.ipr-index-top1 ul {
  width: 100%;
}

.ipr-index-top2 ul li {
  line-height: 25px;
  border-bottom: 1px dashed #999;
  width: 100%;
  overflow: hidden;
}