
@keyframes myshow{

  0% { opacity: 0;}

  100% { opacity: 1;}

}


.search-mb{ padding:20px 0px;}

.search-input{
background: #fcfcfc url(
http://webdesignerwall.com/demo/expandable-search-form/images/search-icon.png) no-repeat 9px;
padding: 8px 5px 8px 32px;
width: 300px;
border-radius: 18px; 
color: #ccc; 

outline: none; 
overflow:hidden; 
border-radius: 18px; 

border: 1px solid #ececec; 
-moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); 
-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); 
box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); 
-webkit-transition: all .3s; 
-moz-transition: all .3s; 
-o-transition: all .3s; 
}

.search-input:hover, .search-input:focus {
border-color: #fff;
color: #444;
width: 400px;

}



a:hover {
	color: #85393b
}
/* 主菜单 */

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(../images/zuo.png);
	left: 10px;
	right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url(../images/you.png);
  right: 10px;
  left: auto;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 55px 55px;
  background-position: center;
  background-repeat: no-repeat;
}



.online dl {
	background: #3a3937;
	padding: 10px 5px;
	margin-bottom: 1px;
	position: relative;
}

.online dl:hover {
	background: #7d624b;
}
.head{
	position: relative;
	width:100%;
	border-bottom:1px solid #85393b;
	height:65px;
	z-index: 9999;
	background-color: #85393b;
}
.head .navbox{width: 1300px;margin: 0 auto;}
.head .nav{display: block; float: left;width:calc(100% - 10px)}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{}
.head .nav ul li .f_a{line-height:65px;display:block;text-align:center;font-size:16px;color:#fff;}
.head .nav ul li:hover .f_a{
	background-image: url(../images/dhbg.png);
	color: #85393b;
transition:all .9s; 	background-repeat: no-repeat;
	background-position: center top;
	  animation: myshow .9s linear;
	
}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #85393b;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #9f4b4d;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#9f4b4d;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{}
.activ2{background-color: #cf1322}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}