.bannerTitle {
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
	-webkit-justify-content: center;
	justify-content: center;
}
.bannerTitle a {
	line-height: 40px
}
.bannerTitle a:hover {
	color: #ef0100;
}
.bannerTitle li {
	float: left;
	margin-right: 35px;
	line-height: 40px;
}
.bannerTitle li.active {
	background: url(../img/redline.png) bottom center no-repeat
}
.bannerTitle li.active a {
	color: #ef0100;
}

.bannerTitleNew { height:auto; overflow:hidden;}
.bannerTitleNew li {
	float: left;
	height:110px;
	width: calc(100% / 9);
	position: relative;
	text-align:center;
	background:url(../img/titbj.png) right center no-repeat
}
.bannerTitleNew li a {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 18px;
}
.bannerTitleNew li:last-child {
	margin-right: 0px;
	background-image:none
}
.bannerTitleNew li.mouseover a {  color:#F00}
.bannerTitleNew li.mouseover a p{  color:#F00}
.bannerTitleNew li.active a {  color:#F00}
.bannerTitleNew .ImgTit img {
	height: 42px;
	margin-bottom: 5px;
}
.bannerTitleNew .ImgTit p{ font-size:14px; color:#8B8B8B}
.OneTitleNew li:nth-child(-n+10) img {
	filter: grayscale(100%);
}
.OneTitleNew li.mouseover .ImgTit img {filter:grayscale(0%)}
.OneTitleNew li.active .ImgTit img {filter:grayscale(0%)}
.bTNew li {width: calc(100% / 4);}
.bTNew li:nth-child(4)  {
	margin-right: 0px;
	background-image:none
}
.bTNew2 li {width: calc(100% / 2);}
.bTNew2 li:nth-child(2)  {
	margin-right: 0px;
	background-image:none
}
.indexadd{ padding:33px 0px 20px 85px; overflow:hidden; height:auto; border-bottom:#E4E4E4 1px solid; background:url(../img/indextj.png) no-repeat;background-position: 0 35px; }
.indexadd li{ padding:0px 20px; float:left; font-size:18px}

.ThreeClasses li:last-child {
	padding-right: 0px;
}
.BDClass li {
	float: left;
	margin-right: 40px;
	line-height: 40px;
	font-size: 18px
}
.BDClass li.active a {
	color: #ef0100;
	font-weight: bold
}
.BDTwoClass li {
	float: left;
	margin-right: 30px;
	line-height: 40px;
	font-size: 16px
}
.BDTwoClass li a {
	color: #6f6f6f;
}
.BDTwoClass li.active a {
	font-weight: normal;
}
.VClasses li {
	padding: 2px 15px 5px 15px;
}
.midTwoClass {
	padding-left: 30px;
	width: calc(100% - 450px);/*display:flex; 	
	align-items:center;
	overflow:hidden;
	-webkit-justify-content: center;
	justify-content: center;
*/}
.midTwoClassSub {
	width: 100%;/*	 display:flex;
	align-items:center;
	overflow:hidden;
	-webkit-justify-content: center;
	justify-content: center;
*/}
.products dl {
	width: 285px;
	background-color: #FFF;
	float: left;
	margin: 0 20px 20px 0;
	height: 308px;
	overflow: hidden;
}
.products .ZT dl {
	width: 265px;
	padding: 10px 10px 0px 10px;
	height: 298px;
	overflow: hidden;
}
.products dl.Com {
	width: 245px;
	padding: 20px 20px 0px 20px;
	height: 288px;
	overflow: hidden
}
.products dl.ZT {
	width: 265PX;
	padding: 10px 10px 0px 10px;
	height: 298px;
	overflow: hidden;
}
.products dl.Com dd {
	padding: 5px 0px 0px 0px;
	color: #8d8d8d;
	font-size: 14px;
}
.products dl.Com dd p {
	text-align: left;
	height: 32px;
	line-height: 32px;
	position: relative;
}
.products dl.Com dd h3 {
	text-align: left;
	height: 22px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden
}
.products dl.Com dd p span.ComTit {
	position: absolute;
	left: 0px;
	background: none;
	width: 230px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0px;
	font-size: 16px
}
.products dl.Com dd p span.Mtype {
	position: absolute;
	right: 0px;
	height: 30px;
	width: 20px;
	padding: 0px
}
.products dl.Com dd .Sart {
	float: left;
	width: 90px;
	padding: 0px;
	background: url(../img/starGray2.png) left no-repeat;
}
.products dl.Com dd .Sart span {
	background: url(../img/starOrg2.png) left no-repeat;
	display: inline-block;
}
.products dl.Com dd .ZS {
	float: right;
	width: 70px;
	padding: 0px;
	text-align: right
}
.products dl.Com dd .ComZS {
	margin-bottom: 5px;
	height: auto;
	overflow: hidden
}
.Classes li {
	float: left;
	font-size: 15px;
	padding: 0px 8px 5px 10px;
}
#ClassRigth {
	font-size: 15px
}
.FXmidTwoClass {
	width: 100%;
/*	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
*/}
.FXmidTwoClass li {
	padding: 4px 15px 4px 15px;
	float: left;
	border-radius: 4px;
	margin-right: 15px;
	font-size: 16px;
	color: #5e676f;
	border:#E7E7E7 1px  solid;
/*	background-color: #fff;
	border-color: transparent;
	filter: drop-shadow(2px 3px 3px rgba(97, 97, 97, 0.08));
	-webkit-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;
*/}
.FXmidTwoClass li.current {
	background-color: #333;
	color: #FFF !important;
}
.FXmidTwoClass li.current a {
	color: #FFF !important;
}
.FXmidTwoClass li:last-child {	margin-right: 0px}
.FXTwoClasses dl { height:auto; overflow:hidden}
.FXTwoClasses dt{ font-weight:bold; float:left; width:45px;font-size: 14px;}
.FXTwoClasses ul {
	width: 100%;
	height: 32px;
}
.FXTwoClasses li {	font-size: 15px;
	float: left;
	line-height: 30px;
	margin: 0px 15px 0px 0px
}
.FXTwoClasses li.active a { color:#e80405}
.FXNewarea {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 15px
}
#IndexTit{ display:none; text-align:center; padding-top:30px; padding-bottom:10px}
#IndexTit h1{ margin:0px; padding:0px; }
#IndexTit p{ font-size:14px; font-weight:normal; padding-top:30px}
.IndexADleft{ width:calc(((100% - 80px )/ 9) * 6 + 50px)}
.IndexADright{ width:calc(((100% - 80px )/ 9) * 3 + 20px)}
.IndexADright li {	background-position: 50% 50%; background-size:cover; background-repeat:no-repeat; 	width: calc((100% - 10px )/ 2); height:500px; float:left; margin-right:10px;}
.IndexADright li:last-child {	margin-right: 0px}
.IndexADright li a {
	display: block;
	height: 100%;
	width: 100%;
}
.products dl.metting dd { padding-left:10px; padding-right:10px}
.products dl.metting dd h3{ 	height: 40px; color:#999;
	text-align: center;
	border-bottom: #EBEBEB 1px solid;
	margin:10px 0px 10px 0px
	}
.products dl.metting dd p{ text-align:center}
@media screen and (max-width: 1200px) {
/*.contaout .products dl:nth-of-type(4n) {margin-right: 20px;}
.contaout .products dl:nth-of-type(3n) {margin-right: 0;}
*/
.contaout .products dl:nth-of-type(4n) {margin-right: 0;}
.footer {	width: 1200px;}
.IndexADright li {	 height:350px;}

}
@media screen and (min-width:1280px) and (max-width:1440px) {
.contaout .products dl:nth-of-type(4n) {	margin-right: 0;}
.IndexADright li {	 height:400px;}
}
@media screen and (min-width:1600px) and (max-width:1680px) {
.contaout .products dl:nth-of-type(4n) {
	margin-right: 20px;
}
.contaout .products dl:nth-of-type(5n) {
	margin-right: 0;
}
.IndexADright li {	 height:430px;}

}
@media screen and (min-width:1810px) and (max-width:1920px) {
.contaout .products dl:nth-of-type(4n) {
	margin-right: 20px;
}
.contaout .products dl:nth-of-type(6n) {
	margin-right: 0;
}
}
@media screen and (min-width:2560px) {
.contaout .products dl:nth-of-type(4n) {
	margin-right: 20px;
}
.contaout .products dl:nth-of-type(8n) {
	margin-right: 0;
}
}
