@import "flat-ui.min.css";
@import "animate.min.css";
/*-------------------------------*/
/* VARIABLES */
/*-------------------------------*/
@media screen and (max-width: 768px){html{font-size: 28.26666667px;}
body{position: relative; overflow-x: hidden;}
body,
html{height: 100%; background-color: #ff0000; margin: 0; padding: 0;}
.nav .open > a{background-color: transparent;}
.nav .open > a:hover{background-color: transparent;}
.nav .open > a:focus{background-color: transparent;}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0; transition: all 0.5s ease;}
#wrapper.toggled{padding-left: 220px;}
#wrapper.toggled #sidebar-wrapper{width: 220px;}
#wrapper.toggled #page-content-wrapper{margin-right: -220px; position: absolute;}
#sidebar-wrapper{display: block; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #820b0b; height: 100%; left: 220px; margin-left: -220px; overflow-x: hidden; overflow-y: auto; transition: all 0.5s ease; width: 0; z-index: 1000;}
#sidebar-wrapper::-webkit-scrollbar{display: none;}
#page-content-wrapper{padding-top: 10px; width: 100%;}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav{list-style: none; margin: 0; padding: 0; position: absolute; top: 20px; /* width: 220px; */}
.sidebar-nav li{display: inline-block; line-height: 20px; position: relative; width: 100%;}
.sidebar-nav li:first-child a{background-color: #820b0b; color: #ffffff;}
.sidebar-nav li:nth-child(2):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(3):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(4):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(5):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(6):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(7):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(8):before{background-color: #820b0b;}
.sidebar-nav li:nth-child(9):before{background-color: #820b0b;}
.sidebar-nav li:hover:before{-webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%;}
.sidebar-nav li a{color: #dddddd; display: block; padding: 10px 15px 10px 30px; text-decoration: none;}
.sidebar-nav li.open:hover before{-webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%;}
.sidebar-nav .dropdown-menu{border-radius: 0; border: none; box-shadow: none; margin: 0; padding: 0; position: relative; width: 100%;}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{background-color: transparent; color: #820b0b; text-decoration: none;}
.sidebar-nav > .sidebar-brand{font-size: 20px; height: 65px; line-height: 44px;}
/*-------------------------------*/
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger{background: transparent; border: none; display: block; height: 25px; margin-left: 15px; position: fixed; top: 10px; width: 32px; z-index: 999; position: absolute;}
.hamburger:hover{outline: none;}
.hamburger:focus{outline: none;}
.hamburger:active{outline: none;}
.hamburger.is-closed:before{-webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; position: absolute;}
.hamburger.is-closed:hover before{-webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1;}
.hamburger.is-closed:hover .hamb-top{-webkit-transition: all 0.35s ease-in-out; top: 0;}
.hamburger.is-closed:hover .hamb-bottom{-webkit-transition: all 0.35s ease-in-out; bottom: 0;}
.hamburger.is-closed .hamb-top{-webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); top: 5px;}
.hamburger.is-closed .hamb-middle{background-color: rgba(255, 255, 255, 0.7); margin-top: -2px; top: 50%;}
.hamburger.is-closed .hamb-bottom{-webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); bottom: 5px;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom{height: 4px; left: 0; position: absolute; width: 100%;}
.hamburger.is-open .hamb-top{-webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%;}
.hamburger.is-open .hamb-middle{background-color: #ffffff; display: none;}
.hamburger.is-open .hamb-bottom{-webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%;}
.hamburger.is-open:before{-webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px;}
.hamburger.is-open:hover before{-webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1;}
/*-------------------------------*/
/* Dark Overlay */
/*-------------------------------*/
.overlay{position: fixed;display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
/* SOME DEMO STYLES - NOT REQUIRED */
body,
html{background-color: #fff;}
body h1,
body h2,
body h3,
body h4{color: rgba(255, 255, 255, 0.9);}
body p,
body blockquote{color: rgba(255, 255, 255, 0.7);}
.header .headerL{width: 100%;}
.header .headerL .logo{width: 100%; height: auto;}
.header .headerL .logo a{padding: 0; text-decoration: none;}
.header .logo a img{display: none;}
.header .logo a p{display: block;font-size: 16px;margin-left:-30%; margin-top: 10px; text-align: center;height: auto; color: #FFF; margin-bottom: 13px;}
.header .headerR li{width: 100%; padding: 0; color: #fff;}
.header .headerR li a{width: 100%; padding: 0; color: #fff; margin-right: 0; border-bottom: 2px solid #fff;}
.header .headerR .sidebar-nav{top: 20px;}
.header .headerR .sidebar-brand{display: none;}
.main{width: 100%; overflow: hidden;}
.main .left{width:100%; height: auto; border: none; padding-top: 0;}
.main .left .linkbtn1{float: left; background-color: #820b0b; color: #fff; border:2px solid #fff; margin-left: 10px;}
.main .left .linkbtn2{float: right; background-color: #820b0b; color: #fff; border:2px solid #fff; margin-right: 10px;}
.main .right{width: 100%; border: none; padding-top: 0; height: auto; background-color: #f9f9f9; padding-bottom: 20px;}
.main .right h2 span{float: left; margin-left: 10px; font-weight:bold;}
.main .right ul li a{width: 100%;}
.main .right ul li a span{float: left;width: auto;}
.main .right ul li a em{float: right;width: auto; background-color: #820b0b; color: #fff; padding: 0 5px;}
.main .news{width: 100%; height: auto;}
.main .right ul li a{width: 100%;}
.main .news ul li a span{float: left; width: auto;}
.main .news ul li a em{float: right; width: auto;}
.addressline,.addressline a{font-family: "微软雅黑";}
.search{width: 100%;}
.search p{width: 100%;}
.search p b{margin-right: 20px;}
.search p span{width: 100%; float: left;font-size: 16px;}
.search p span input{width: 100%; text-align: left;}
.search p span input.sfz{width: 100%; margin-bottom: 5px; margin-right: 20px; text-align: left;}
.search p span input.sqr{width: 100%; margin-bottom: 5px; margin-right: 20px; text-align: left;}
.search p span input.yzm{width: 100%; margin-bottom: 5px; margin-right: 20px; text-align: left;}
.search p span .cxbtn{float: left;font-size: 15px;background-color: #820b0b;}
.detail{width: 100%;}
.detail .demain{width: 100%;}
.detail .demain h2{font-size: 16px;margin-top: 5px; font-family: "微软雅黑";}
.detail .demain p{width: 100%; float: left;}
.detail .demain p span{white-space:normal; width: 100%;}
.detail .demain p img{width: 100%;float: left;width: auto;}
.detail .demain p strong{width: auto;font-size: 16px;}
.detail .demain h4{margin: 0;}
.detail .demain h4 .date{font-size: 12px;margin-top: 1px; font-family: "微软雅黑";}
.detail .demain h4 .see{font-size: 12px;margin-top: 1px;}
.shenqing{width: 100%;}
.shenqing p{width: 100%;}
.shenqing p textarea{width: 100%; color: #4A4A4A;}
.shenqing p span b{margin-left: -8px;margin-top: -12px;}
.shenqing p input{float: none; color: #4A4A4A;}
.shenqing p select{width: 285px; color: #4A4A4A;}
.shenqing p select option{font-size: 14px; font-family: "微软雅黑";}
.shenqing p span.twoline{text-align: left;}
.shenqing p #cdnr_10_label{width: 100%;}
.shenqing p #cdnr_20_label{width: 100%;}
.shenqing p #cdnr_30_label{width: 100%;}
.shenqing p #cdnr_40_label{width: 100%;}
.shenqing p .date{float: none;}
.shenqing p span{text-align: left; margin-left: 10px; float: none;}
.shenqing .iptgroup{width: 100%;height: auto;}
.shenqing .iptgroup span{text-align: left;}
.shenqing .iptgroup .dateSpan{text-align: left;}
.shenqing p input{width: 285px;}
.zxlist{width: 100%;}
.zxlist h2{float: left;}
.zxlist h2 span{font-size: 16px; font-family: "微软雅黑";}
.zxlist h2 span li{width: 100%;}
.zxlist h2 span li a{font-size: 16px; font-family: "微软雅黑";}
.sfzbox .sm{font-size: 14px; font-family: "微软雅黑";}
.sfzbox .wj{font-size: 14px; font-family: "微软雅黑";}
.sfzbox .yy{font-size: 14px; font-family: "微软雅黑";}
.upload{width: 100%;}
.upload #sfz01{width: 100%; margin: 0 auto; margin-left: -60px; vertical-align:middle; text-align: center;}
.upload #sfz02{width: 100%; margin: 0 auto; margin-left: -60px; vertical-align:middle; text-align: center;}
.upload #sfz01 input{width: 100%;}
.upload #sfz02 input{width: 100%;}
.glyphicon{width: 100%;}
.glyphicon input.layui-upload-file{width: 100%; text-align: center;}
#shz02{width: 100%; float: none; margin-left: 0;}
.footer{width: 100%; height: auto; display: block;}
.footer p{font-size: 16px; font-family: "微软雅黑"; display:block; margin:0 0 6px;}}