/****动画效果css*****/
#box{background:url(jg.png) no-repeat center center;}
.tpLeft{ 
	position: absolute;
	top:0px;
	/*animation: fadeInLeftBig 2.0s ease ;
	-webkit-animation:fadeInLeftBig 2.0s ease ;*/
		}
.tRight{
	position: absolute; 
	top:0px;
	right:0px;
	/*animation: fadeInRightBig 3.5s ease ;*/
		}
.cenGh{
	position: absolute;
	left: 36%;

	top:40px;
	animation: fadeInDown 1.0s linear;
	-webkit-animation:fadeInDown 1.0s linear;  
	transition: top 0.5s;
	-webkit-transition:top 0.5s;
	}
.search{
		position: absolute;
		left: 43%;
    	margin-left: -153px;
		top:260px;
		transition: top 0.5s;
		}
.dh{position: absolute; width:1200px; left:50%; margin-left:-600px; top:425px; background:#bd1a2d; line-height:52px; height:52px; border-radius:10px; transition: top 1.5s;}

/* 隐藏效果 */
.hide{
	top: -30px;
}

/****隐藏鼠标移动出现导航css****/
#navTwo{ 
display:none;
  position: fixed;
  top:40px;
  z-index: 1000;
  border: none;
  outline: none;
  cursor: pointer;
  background:#fff;
  width:100%; 
  height:115px;
  /*transition:all .3s linear;*/
  transition: all 0.8s ease-out 0s;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  }
#nav1200 {
 width:1200px; margin:0 auto;
}

@media screen and (min-width: 320px) and (max-width:1024px) {
/****动画效果css*****/
#box{display:none;}
.tpLeft{display:none;}
.tRight{display:none;}
.cenGh{display:none;}
.search{display:none;}
.dh{display:none;}

/* 隐藏效果 */
.hide{display:none;}

/****隐藏鼠标移动出现导航css****/
#navTwo{display:none;}
#nav1200 {display:none;}

	
	}



/**藁城要闻**/
.tab{width:100%;}
.tab5{float:left; width:30%; cursor:pointer; font-family: "Microsoft YaHei" ! important; text-align:center;  border-right:1px solid #bd1a2d;   font-family:'Microsoft YaHei' ! important; font-size:1.3em; color:#333333; text-align:center; margin-top:3%; margin-bottom:4%; line-height:100%;}
.tab6{float:left; width:30%; cursor:pointer; font-family: "Microsoft YaHei" ! important; text-align:center; font-family:'Microsoft YaHei' ! important; font-size:1.3em; color:#333333; text-align:center; margin-top:3%; margin-bottom:4%; line-height:100%;}

#TabCon5,#TabCon6{width:100%; }
.cAL2More{right:5px;text-align:right; top:2px;}
.xixi5{width:80%;  cursor:pointer; }
.xixi6{width:80%;  cursor:pointer;}


/******banner******/
.banner1{height:auto; position:relative; width:580px; float:left;}
/* main_image */
.main_visual{height:370px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:370px;overflow:hidden;position:relative;}
.main_image img{height:370px; width:570px;}
.main_image ul{width:9999px;height:370px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:370px;}
.main_image li span{display:block;width:100%;height:370px}
.main_image li a{display:block;width:100%;height:370px}
div.flicking_con{position:absolute;bottom:-30px; right:3%;z-index:999;height:20px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:30px;height:21px;margin:0;padding:0;background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -20px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}

@media screen and (min-width: 320px) and (max-width:1024px) {
.banner1{height:auto; position:relative; width:100%; float:none;}
/* main_image */
.main_visual{height:228px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:228px;overflow:hidden;position:relative;}
.main_image img{height:228px; width:100%;}
.main_image ul{width:9999px;height:228px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:228px;}
.main_image li span{display:block;width:100%;height:228px}
.main_image li a{display:block;width:100%;height:228px}
div.flicking_con{position:absolute;bottom:7px; right:3%;z-index:999;height:20px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:30px;height:21px;margin:0;padding:0;background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -20px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
	
	}