/*
 * @Author: Angela
 * @Date: 2019-02-22 11:39:33
 * @Last Modified by: Angela
 * @Last Modified time: 2019-05-07 16:19:15
 * @Description: 公共头部底部布局样式
*/

body { background: #f9f9f9; background-image: url(../images/bg.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; }
.content { background: #fff; padding: 25px 30px 60px 30px; }
@media (max-width:1920px) {
  body {background-size: auto;}
}
@media (max-width:991px) {
  body {background-size: 100%;}
}
@media (max-width:767px) {
  .content { padding: 25px 15px; }
}

/* 页头 */
.head-l { padding: 25px 0; float: left; }
.head-l img { max-width: 100%; }
.head-r { padding: 54px 0 40px 0; float: right; }
.head-r .search-box { width: 58%; position: relative; display: inline-block; }
.head-r .search-input { width: 100%; height: 62px; background-color: #fff; border-radius: 2px; font-size: 16px; border: none; padding: 0 80px 0 20px; }
.head-r .search-btn { position: absolute; right: 0; bottom: 0; background: #ca0808; border: none; border-radius: 0;border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 62px; line-height: 62px; width: 62px; text-align: center; }
.search-input::-moz-placeholder { color: #bfbfbf; }
.search-input::-webkit-input-placeholder { color: #bfbfbf; }
.search-input::-moz-placeholder { color: #bfbfbf; }
.search-input::-ms-input-placeholder { color: #bfbfbf; }
.head-r .other, .head-r .mail-box, .head-r .oa-box { display: inline-block; text-align: center; vertical-align: middle; }
.head-r .mail-box, .head-r .oa-box { margin-left: 34px; }
.head-r .other p { color: #fff; font-size: 18px; margin-top: 10px; }
@media (max-width:1199px) {
  .head-r .mail-box, .head-r .oa-box { margin-left: 14px; }
}

/* 导航 */
.notice-box{margin:35px auto}
      .noticeslider{overflow: hidden;height:52px}
      .slidewrap li{float: left;}
      .slidewrap li{margin: 0 20px}

      .menu .li1{position: relative;}
      .menu .menu_c {overflow:hidden;position: absolute;top: 48px;background: #fff;width: 337px;padding: 10px 10px 0px 10px;display: none;z-index: 99;opacity: 0.98;box-shadow: 0px 17px 27px 0px rgba(0, 0, 0, 0.39);}
      .menu .li1:last-child .menu_c{left:initial;right:0}
      .menu .menu_c li { vertical-align: top; float: left; width:50%;margin-bottom:10px}
      .menu .menu_c li a {margin:0;border:0;display: block;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color: #8e1111;padding-left: 20px;text-align:left;}
      .menu .menu_c li a:hover {background: #ca0808;color: #fff;text-decoration: none;}
      .menu .h5btn{display:none;position: absolute;z-index: 11;top:0;right:0;width:50px;line-height: 40px;font-size: 20px;color:#fff}
      @media (max-width: 991px){
        .menu .h5btn{display: block;}
        .menu .menu_c{position: relative;top:0;width:100%;box-shadow: none;background: none;}
        .menu .menu_c li{width:auto;}
        .menu .menu_c li a{font-size: 12px;padding-left:35px; color: #fff;}
      }
    
    .menu_c .li1 a:hover:after {
      width: 100%;
    }
    .menu_c .li1 a:after {
      content: "";
      display: block;
      width: 0;
      height: 4px;
      background: #8e1111;
      position: absolute;
      top: 0px;
      left: 0;
      transition: 0.6s;
    }
/** 新增end **/
.clearfloat li .nav2{
  display: none;
  position: relative;
    box-shadow: 0px 17px 27px 0px rgba(0, 0, 0, 0.39);
}
.nav2 li {
  height:25px;
}
.clearfloat li .nav2 li a{
  background-color: #4998e6;
  height: 40px;
  line-height: 40px;
    border-left: none;
}
.clearfloat li .nav2 li a:hover{
  background-color: orange;
}
.clearfloat li:hover .nav2{
  display: block;
}
.menu .li1 { line-height: 48px; height: 48px; float: left; width: 12.5%; background: #00000000; text-align: center; }
.menu li.on, .menu li:hover { background: #8e1111; }
.menu li.on .a1, .menu li:hover .a1 { color:#fff; }
.menu li.on .a1 { color:#fff; }
.menu a { font-size: 18px; margin: 15px 0; color: #901e2c; line-height: 18px; border-left: 1px solid #901e2c; display: block; }
.menu li:first-child a { border: none; }
@media (max-width:991px) {
  .head-r, .head-l { padding: 10px 15px; }
  .head-l { display: block; }
  .head-r { padding: 0; text-align: right; }
  .head-l img { max-width: 280px; }
  .head-r .other { padding: 20px 60px 0 15px; }
  .head-r .other p { display: none; }
  .head-r .search-box input { width: 185px; padding: 0 15px; font-size: 14px; height: 32px; line-height: 32px; border-radius: 18px; margin-right: 42px; }
  .head-r .search-btn { background: transparent; }
  .head-r .search-box { display: none; position: absolute; right: 0px; top: 0px; z-index: 999; height: 62px; padding: 0 0 0 30px; width: 250px; margin: 0; display: none; line-height: 62px; }
  .head-r .search-btn { width: 42px; }
  .menu { position: absolute; width: 250px; z-index: 999; right: 0; top: 15px; margin: 0; display: none; }
  .menu .li1 { display: block; float: none; width: auto; height: auto; background: transparent; }
  .menu li a { margin: 0; text-align: left; line-height: 40px; padding: 0 0 0 35px; color: #fff; font-size: 15px; display: block; height: 40px; border: none; }
  .menu.active { top:60px; display: block; background: rgba(202, 8, 8, .9); }
  .search-box.active { display: block; background: rgba(193, 155, 124, 0.9); }
	.nav2 li {
  	height:auto;
	}
}
@media (max-width:767px) {
  .head-l img { max-width: 220px; }
  .head-r .other { padding: 20px 50px 0 15px; }
  .head-r .mail-box, .head-r .oa-box { margin-left: 5px; }
}
@media (max-width:413px) {
  .head-l img { max-width: 140px; }
}

/*! 汉堡菜单符号 */
.navbar-toggle { cursor: pointer; display: none; padding: 0; border-radius: 0; cursor: pointer; height: 40px; width: 40px; z-index: 12; position: absolute; right: 8px; top: 15px; }
.navbar-toggle em { margin: 6px auto 14px; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }
.navbar-toggle em, em::after, em::before { display: block; position: relative; height: 2px; width: 22px; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.navbar-toggle em::before { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
.navbar-toggle em::before, em::after { position: absolute; content: ''; left: 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform .2s; transition: transform 0.2s, -webkit-transform 0.2s; }
.navbar-toggle em::after { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); }
.navbar-toggle em::before, em::after { position: absolute; content: ''; left: 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform .2s; transition: transform 0.2s, -webkit-transform 0.2s; }
.close-btn em::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close-btn em { background: transparent; }
.close-btn em::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
@media screen and (max-width:991px) {
  .navbar-toggle { display: block; margin: 0; }
  .navbar-toggle em { margin: 18px 8px; }
  .navbar-toggle.active { right: 250px; background: rgba(202, 8, 8, .9); }
}

/* 页尾 */
.footer { padding: 0 15px; }
.foot-other-box { }
.foot-other-box .box { padding: 0; }
.foot-other-box .info span { padding-right: 15px; }
.foot-other-box .other-links { text-align: right; padding-right: 15px; }
.foot-other-box .other-links a { padding: 0 15px; border-left: 1px solid #627282; }
.foot-other-box .other-links a:first-child { border: none; }
.foot-other-box .other-links a:last-child { padding-right: 0; }
.foot-con-box { border-top: 1px solid #bfbfbf; }
.foot-con { margin: 0 auto; text-align: center; padding: 40px 15px; color: #627282; }
.foot-l, .foot-r { display: inline-block; vertical-align: middle; }
.foot-l { margin-right: 25px; }
.foot-r span { margin-left: 10px; }
.foot-con p { text-align: center; line-height: 30px; }
@media (max-width:991px) {
  .foot-other-box .other-links { text-align: left; }
  .foot-other-box .other-links a:first-child { padding-left: 0; }
}
@media (max-width:767px) {
  .foot-other-box span, .foot-other-box a, .foot-con p { font-size: 14px; line-height: 25px; }
  .foot-other-box .info span { display: block; }
  .foot-other-box .other-links a { border: none; padding: 0 5px; }
}

/* 固定底部 */
.wrapper-box { min-height: 100%; position: relative; padding-bottom: 202px; }
#footer { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2020; }
@media (max-width:991px) {
  .wrapper-box { padding-bottom: 227px; }
}
@media (max-width:767px) {
  .wrapper-box { padding-bottom: 0px; }
  #footer { position: static; }
}