@charset "utf-8";
*{font-family:"微软雅黑"}
body {margin: 0px;padding: 0px;text-align: center;background-color: #FEFEFF;font-size: 16px;line-height: 25px;color: #333;text-decoration: none;}
.width {width:1200px; margin-left:auto; margin-right:auto;}
.width50{width:50%;}
.width96 {width:96%; margin-left:auto; margin-right:auto;}
.width100{ width:100%; min-width: 1200px;margin-left:auto; margin-right:auto;}
.img{vertical-align:bottom; display:block;}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.txtLeft{ text-align: left;}
.txtRight{ text-align: right;}
.ClearBoth{ clear:both;}
.marginTop15 {margin-top: 15px;}
.marginTop25 {margin-top:25px;}
.display-inline-block{display:inline-block}

/*显示主体部分通用样式*/
.main{ font-size: 16px; line-height: 30px; text-align: left; padding-bottom: 30px; padding-top: 30px;}
.main img{ max-width:100%;}
.main table{ margin-left:auto; margin-right: auto;}
.main table,.main table td{border-collapse:collapse; border:solid #cccccc;	border-width:1px 1px 1px 1px;}
.main table td{ padding-left: 5px; padding-right: 5px;}
/*------------------------------------------------------*/

    /*横向换行*/
.display-flex-wrap {display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:space-between;flex-wrap: wrap;}
    /*横向不换行*/
.display-flex-nowrap {display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:space-between;flex-wrap: nowrap;}
    /*上下居中*/
.display-flex-column-center{display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}


.ArticleTitle{ text-align: center;}
.ArticleContent{}
/*以上通用样式不能随便修改------------------------------------------------------*/

.top{ display:inline-block; margin-top: 8px; margin-bottom: 0px;}
.TopBtnBg{ background-color: #e4312b; height: 45px;/* padding-top: 15px; padding-bottom: 15px;*/}
.topBtnBox{text-align:left;}

.VoidBg{ background-color: #fdd103; display: block; cursor: pointer; padding-bottom: 40px; padding-top: 40px;}
.vodTxt{font-size:30px; line-height: 45px; width:50%;}
.IndexNewsbg{ background-color: #f7f8f8; padding-top: 65px; padding-bottom: 65px; text-align: left;}
.IndexNewsList{ display: block;}
.IndexNewsList ul{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: -30px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	width: 100%;
}
.IndexNewsList ul li{
	margin-top: 0px;
	margin-right:0px;
	margin-left: 30px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
	float: left; width: 270px; background-color: #FFFFFF; height:420px;box-shadow:3px 3px 3px #9b9b9b;
}
.IndexNewsList ul li a{
	text-decoration: none;
	text-align: left; 
}
.IndexNewsList ul li img{width:100%; height: 200px;}
.IndexNewsList ul li .aTitle{ color: #333333; font-size:20px; line-height: 30px;margin-left: 15px; margin-right: 15px;}
.IndexNewsList ul li .SubDate{
	color: #B1B1B1;
	font-size: 12px;
	line-height: 30px; margin-left: 15px; margin-right: 15px;
}
.IndexNewsList ul li .shortContent{
	color: #5B5B5B;
	font-size: 14px;
	line-height: 20px;margin-left: 15px; margin-right: 15px;
}

.About {
width:100%;display:inline-block; overflow: hidden;
}

.AboutTxt{width:550px; text-align: left; padding-left: 50px; color: #FFFFFF;}
.AboutTxt a{
	width: 180px;
	font-size: 14px;
	line-height: 50px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;display:inline-block; text-align: center; margin-top: 30px;
}
.leftBg{
	background-color: #edc42e;
	padding-bottom: 45px;
	padding-top: 45px;
	height: 300px;
	background-image: url(images/indexBg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.rightBg{ background-color:#333333; padding-bottom: 45px; padding-top: 45px; height: 300px;}

.OurProuctBg{ background-color: #f5f4f9; padding-top: 45px; padding-bottom: 45px;}
.indexClassBox{ text-align: left;}
.indexClass{ display: inline-block; margin-top: 15px;  width: 100%;}
.indexClass ul{ margin: 0px; padding: 0px; list-style: none;}
.indexClass ul li{margin: 0px; padding: 0px; list-style: none; min-width: 20%; float: left;  text-align: center;}
.indexClass ul li a{
	text-decoration: none;
	text-align: center;padding-top:55px;padding-bottom:55px; display: block;
}
.indexClass1,.indexClass3,.indexClass5,.indexClass7,.indexClass9{ background-color: #FF0004;}
.indexClass1 a,.indexClass3 a,.indexClass5 a,.indexClass7 a,.indexClass9 a{color: #FFFFFF;}
.indexClass2,.indexClass4,.indexClass6,.indexClass8,.indexClass10{background-color: #FFFFFF;}
.indexClass2 a,.indexClass4 a,.indexClass6 a,.indexClass8 a,.indexClass10 a{color: #000000;}

.indexClass ul li a .ClassTitleCn{ font-size:20px; line-height: 35px;}
.indexClass ul li a .ClassTitleEn{  font-size:12px; line-height: 20px;}
/*.indexClass9{
	width: 100%;
	margin-top: 1px!important;
	border-bottom: 1px solid #ACACAC;
	background-color: #EBEBEB;
}*/

.MainclassListBox{
	border-bottom: 1px solid #ACACAC;
}
.MainclassList{ margin-top: 10px; text-align: left;}
.MainclassList ul{ margin: 0px; padding: 0px; list-style: none;  height: 40px;}
.MainclassList ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	border-right: 1px solid #FFFFFF;
}
.MainclassList ul li a{
	text-decoration: none;
	color: #1B1B1B;
	font-size: 16px;
	line-height: 40px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #E7E7E7;
}
.MainclassList ul .OnBtn a{
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	line-height: 40px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #6E6E6E;
}

.VodBox{ display: none;position: fixed;z-index: 99999;top:200px;width:100%; text-align: center;}
.VodBg{display: none;
	position: fixed;
	z-index: 88888;
	width: 100%;top:0px;left:0px;
	height: 100%;
	background-color: #EBEBEB;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;
	text-align: right;font-size:30px; line-height: 50px;
}



/*.gg-class{
    position: fixed;width:100%;height:100%;background-color: rgba(255,255,255,0.6);z-index: 9999999;top:0px;left:0px;
}*/
.gg-box{
    background-color: rgba(231,179,50,1);
    width: 400px;
    margin: auto;
    padding: 10px;
    text-align: left;
    position: fixed;
    right: 0px;
    bottom: 0px;
}
.gg-box span{font-size:30px;}
.gg-txt{padding: 0px 10px 10px 10px;font-size:12px;line-height: 20px;}
.top-search{margin-left: 45px;margin-top:35px;}

/*路径样式---------------------------------------------------------------------------------------*/
.pathList {	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;}
.pathList a{font-size: 12px;line-height: 25px;color: #666666;text-decoration: none;}
/*底部样式，自行修改-------------------------------------------------------------------------------*/
.Bottom {
	background-color: #45464a;
	color: #333333;
	padding-bottom: 25px; padding-top: 25px;
}
.BottomBox{display:inline-block;background-image: url(images/bottomLine_38.jpg);
	background-repeat: repeat-y;
	background-position: left 0%;}
.BottomBtnBox{
	background-image: url(images/bottomLine_38.jpg);
	background-repeat: repeat-y;
	background-position: right 0%;  padding-left: 40px; padding-right: 60px; width: 260px;
}
.BottomBtnBox ul{ margin:0px; padding: 0px; list-style: none;}
.BottomBtnBox ul li{ margin:0px; padding: 0px; list-style: none; text-align: left; width: 50%; float: left;}
.BottomBtnBox ul li a{
	text-decoration: none;
	color: #FFFFFF;	 font-size:12px; line-height: 26px;
}