.left{float: left;}
.right{float: right;}
.red{color: #D8231E;}
.bllue{color: #337ab7;}
.contpad0{padding-left: 0;padding-right: 0;}
.fenge{height: 10px;background: #f2f2f2;margin-left: -15px;margin-right: -15px;}
/*header*/
.head-gd{
	position: -webkit-sticky;
    position: sticky;
	background-color: #FFFFFF;
    top: 0;
    left: 0;
    z-index: 99;
}
@media only screen and (min-width: 1200px) {
	header nav{
    overflow-x: hidden !important; 
	}
	header nav .navList li a{
		font-size: 18px !important;
	}
	header nav .navList li .active{
		font-size: 22px !important;
	}
	header .logoSearch .logo {
	    width: 20% !important;
	}
	header .logoSearch{
		margin: 10px auto 10px auto !important;
	}
	header .searh-box{
		margin-top: 3px;
	}
	header .searh-box input{
		height: 40px !important;
	}
	header .searh-box .search-icon{
		top: 10px !important;
	}
	.container {
	    width: 1000px;
	}
	
}
@media only screen and (min-width: 800px) and (max-width: 1199px){
	header nav{
	overflow-x: hidden !important; 
	}
   header nav .navList li .active{
   	font-size: 22px !important;
   }
   header .logoSearch .logo {
       width: 25% !important;
   }
   header .logoSearch{
   	margin: 10px auto 10px auto !important;
   }
   header .searh-box input{
   	height: 40px !important;
   }
   header .searh-box .search-icon{
   	top: 10px !important;
   }
   .container {
       width: 750px;
   }
   
} 

@media only screen and (min-width: 500px) and (max-width: 799px){
	header nav{
	overflow-x: hidden !important; 
	}
   .logoSearch .logo{
	width: 20% !important;
	}
	
} 
@media only screen and (max-width: 499px) {
   .logoSearch .logo{
	
	}
	
}
header{position: relative;}
header .logoSearch{overflow:hidden;margin:10px auto 0 auto;}
header .logoSearch .logo{float:left;overflow:hidden;width: 35%;}
header .logoSearch .logo img{width:100%;height:auto;}
header .searh-box{width: 60%;float: left;margin-left: 2%;}
header .searh-box .input-group{display: block;}
header .searh-box input{height: 30px;border-radius: 30px;background: #F0F0F0;border: 0;width: 100%;padding-left: 35px;}
header .searh-box .search-icon{position: absolute;height: 20px;top: 5px;left:8px;}
header .searh-box .search-btn{position: absolute;right: 5px;top: 0;margin-top: 5px;height: 20px;line-height: 20px; border-bottom-right-radius: 30px;border-top-right-radius: 30px; color: #666666;background: #F0F0F0;border-left: 1px solid #cfcfcf !important;border: 0;}
header .icon-center{float: right;margin-left:10px;}
header .icon-center img{height: 20px;margin-top: 10px;}
header nav{border-bottom:1px #f2f2f2 solid;margin-top: 5px;white-space: nowrap;overflow-x: scroll;}
/*header nav{ border-bottom:2px #D8231E solid; margin-top: 5px;}*/
header nav .navList{display:block;padding: 0;margin: 0;}
header nav .navList li{line-height:30px;position:relative;list-style: none;display: inline-block;}
header nav .navList li a{font-size:16px;font-weight:400;padding:0 5px;color: #333333;}
header nav .navList li .active{display:inline-block;font-weight:bold;font-size: 120%;color: #D8231E; /* background: url(../img/underline1.png) center bottom no-repeat; */}
/* header nav .navList li .active{display:inline-block;font-weight:bold;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAFCAYAAACaTbYsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkE5NjE0NkZCRDhGMTFFNTg3NDZDOEI1MEVEMkUyRTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkE5NjE0NzBCRDhGMTFFNTg3NDZDOEI1MEVEMkUyRTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTk2MTQ2REJEOEYxMUU1ODc0NkM4QjUwRUQyRTJFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTk2MTQ2RUJEOEYxMUU1ODc0NkM4QjUwRUQyRTJFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjLEsAAAAABgSURBVHjaYvz//z8DDDy1smVAAmpA3A/EhUB8CyYofewwXAELA3YgAMTzgNgaiPmB2AeIP6ArYsKikROI10M1MkDp9VBxgprnALEDmpgDVByv5glAHIXDK1FQeTgACDAAkbMPr0MZ7p8AAAAASUVORK5CYII=') center bottom no-repeat;}
 */
.gundong-c{border-bottom: 1px solid #eee;font-size: 1.3em;margin: 10px 0;background-image: linear-gradient(to right, #F5F5F5 , #FBF0EA);border-radius: 5px;padding: 0 10px;}
#moocBox {
	height: 40px;
	width: 100%;
	overflow: hidden;    /*  这个一定要加，超出的内容部分要隐藏，免得撑高中间部分 */
}
.gundong-c ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.gundong-c ul li{
	height: 40px;
	line-height: 40px;
	width: 100%;
	overflow: hidden; 
	white-space: nowrap;  
	text-overflow: ellipsis;
}
.gdtx{border-radius: 50%;height: 30px;margin-right: 5px;margin-top: -1px;}
.gundong-c ul li .black{color: #666;}
.gundong-c ul li .red{color: #D8231E;padding-left: 20px;}

/*foot*/
.footbg{background: #D8231E;color: #fff;padding: 10px 0;font-size: 1.2em;line-height: 1.8;}
.footbg p{padding: 0 15px;margin-bottom: 0;}
#foot{border-top: 1px solid #eee;margin-top: 10px;}
.foot-o{padding: 15px;line-height: 1.5;}

/*轮播滑动*/
#slide{width:100%;overflow: hidden;position:relative;}
#slide .swiper-slide img{width:100%;}
#slide .pagination{position: absolute; z-index: 20; bottom:0; width:100%; text-align: center; right:0;margin: 0;}
#slide .swiper-pagination-bullet{display: inline-block; width:8px; height:8px; border-radius:8px; background:grey; margin: 0 2px; opacity: 0.8; cursor: pointer;}
#slide .swiper-pagination-bullet-active{background:#D8231E;}

/**/
.text-ic p{
    font-size: 1.3em;
    line-height: 1.5em;
	margin-bottom: 5px;
}
.text-ic p img{width: 100%;}
.xygg-c{
	font-size: 1.3em;
    line-height: 1.5em;
}
.xygg-c .tit{padding: 10px 0;border-bottom: 1px solid #DFDFDF;margin-bottom: 10px;}
.xygg-c .tit img{height: 20px;vertical-align: sub;}
.xygg-c .tit a {
    text-align: right;
    color: #D8231E;
    vertical-align: middle;
    float: right;
    font-size: 0.8em;
    margin-top: 5px;
}
.xygg-c ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.xygg-c ul li{
	padding-left: 10px;
	line-height: 24px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.xygg-c ul .dot {
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    background: #da4453;
    *font-size: 0;
}
.xygg-c ul li a{
	display: block;
	padding: 6px 0 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: #333333;
}
.xygg-c ul li a:hover{cursor: pointer;}
video {
    width: 100%;
    height: auto;
}
