@charset "utf-8";
*{
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace
}
body {margin: 0px;padding: 0px;background-color: #f7f7f7;font-size: 16px;line-height: 25px;color: #333;text-decoration: none;}
.width {width:1200px; margin-left:auto; margin-right:auto;}
.width-33{width:33.33%;}
.width96 {width:96%; margin-left:auto; margin-right:auto;}
.width100{ width:100%; min-width: 1200px;margin-left:auto; margin-right:auto;}
.allwidth100{width:100%;margin-left:auto; margin-right:auto;}
.img{vertical-align:bottom; display:block;border:0px;}
.float-left{ float:left;}
.float-right{ float:right;}
.txt-left{ text-align: left;}
.txt-center{text-align: center;}
.txt-right{text-align:right;}
.clear-both{ clear:both;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top:25px;}
.margin-left-15 { margin-left:15px;}
.margin-left-25 { margin-left:25px;}
.margin-right-15 { margin-right:15px;}
.margin-right-25 { margin-right:25px;}
.margin-auto { margin-left:auto; margin-right:auto;}
.display-inline-block{font-size:14px;display: inline-block; *display: inline; zoom: 1;}
.display-block {display:block;}
.dispnay-none{display:none;}


.main{ font-size: 14px; line-height: 30px; text-align: left; padding-top: 20px; padding-bottom: 20px;}
.main img{ max-width:100%; height:auto;}
.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-top: 2px;padding-right: 4px;padding-left: 4px;padding-bottom: 2px;}


.pathList {color: #CCCCCC;font-size: 18px;line-height: 25px;color: #ffffff;}
.pathList a{font-size: 12px;line-height: 25px;color: #ffffff;text-decoration: none;}


.topBg{
	background-image: url(../image/Index20180521_01.jpg);
	background-repeat: no-repeat; height: 120px; background-color: #353e3f;
}
.Email{
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
}
.top{}
.logo{padding-top:25px;}
.topBtn{margin-top: 40px;}
.topBtn ul{margin: 0px; padding: 0px; list-style: none;}
.topBtn ul li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	list-style: none;
	float: left;
}
.topBtn ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size:20px; line-height: 30px;
}

.BannerBg{background-color: #353e3f;width:100%; }
.BannerTxt{color:#FFFFFF;  font-size: 18px; padding-bottom: 30px; padding-top: 30px;text-transform: uppercase}
.BannerTxt a{
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;
}
.indexBox{
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;margin-top: 15px;
}
#container,#container0,#container1,#container2{
	height: 400px;
	border: 1px solid #C8C8C8;
}
.proTitleLine{
	border-bottom: 1px solid #C0C0C0;
	padding-bottom:6px;
	font-size:28px;
}

.About{
	background-color: #648E89;
}
.About>div{ width:550px; margin-right: 20px; margin-top: 20px; float: right;color:#FFFFFF; text-align: left; font-size:14px; line-height: 28px;}
.About>div>span{font-size:30px; line-height: 40px;}

.wkList{}
.wkList>ul{margin:0px; padding: 0px; list-style: none;}
.wkList>ul>li{margin:0px; padding: 0px; list-style: none;}
.wkList>ul>li>.imgTitle{
	font-size: 20px;
	line-height: 35px;
	border-bottom: 1px solid #CCCCCC;
}
.proClassList{width:750px;}
.proClassList ul,.proClassList ul li ul{margin: 0px; padding: 0px; list-style: none;}
.proClassList ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
	width: 33.33%;
	float: left;
}
.proClassList ul li a{font-size:24px; line-height: 30px; color:#000000;}

.proClassList ul li ul li{ float: none;width:100%;margin: 0px; padding: 0px; list-style: none;}
.proClassList ul li ul li a{font-size:16px; line-height: 20px; color:#626262;}


.ClassList{width:260px; background-color: #ffffff;padding: 15px;}
.ClassList ul{margin:0px; padding: 0px; list-style: none;}
.ClassList ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: 1px solid #C5C5C5;
	border-radius: 8px;margin-bottom: 6px;
}
.ClassList ul li ul li{border: 0px solid #C5C5C5;
	border-radius: 0px;}
.ClassList ul li a{font-size:18px; line-height: 30px;width:100%;display: block; padding-left: 15px;}
.ClassList>ul>.OnBtn>a{
	font-size: 18px;
	line-height: 30px;
	width: 100%;
	display: block;
	padding-left: 15px;
	color: #B70003;
}
.ClassList ul li ul li a{
	line-height: 16px;font-size:14px;
	color: #6E6E6E;
	padding-left: 20px;
	width: 90%;margin-left: auto;margin-right: auto;
	display: block;
	border-bottom: 1px solid #E1E1E1;
}
.ClassList>ul>li>div>ul>.OnBtn>a{
	line-height: 16px;
	font-size: 14px;
	color: #FF0004;
	padding-left: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-bottom: 1px solid #E1E1E1;
}

.ProMain{width:900px;}
.proClassImg ul{margin: 0px; padding: 0px; list-style: none;}
.proClassImg ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 16px; height: 156px;
	padding: 0px;
	list-style: none;
	width: 25%;
	text-align: center;
	float: left;
}
.proClassImg ul li a{line-height: 16px;font-size:14px;}
.proClassImg ul li img{
	border: 1px solid #DDDDDD;
	border-radius: 8px;width:186px;height: 120px;overflow: hidden;
}


.proList{}
.proList ul{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: -40px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
}
.proList ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 40px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
	height: 200px;
	width: 580px;
	float: left;
}
.ProInfoBox0{clear:left}
.ProInfoBox1{ clear: right;}

.ProImg{width:200px; float:left; height: 160px; overflow: hidden; text-align: center;
	display: flex;align-items: center}
.ProImg img{

	max-width:200px;width:auto;
	max-height: 160px;height: auto;
	margin-left: auto;margin-right: auto;
	display: flex;align-items: center
}
.ProInfo{width:230px;float:right;}
.ProInfo dl{list-style: none; margin: 0px; padding: 0px; background-color: #A3A3A3;}
.ProInfo dt{font-size:12px; 
width:90px;	text-align: right;
	float: left;
	font-weight: lighter;
	color: #979797; line-height: 18px; min-height: 18px;
}
.ProInfo dd{width:130px;float: left;margin-left: 10px; line-height: 18px; min-height: 18px;  clear: right;}

.searchSelect li{color:#232323!important; text-align: center;cursor:pointer;}
.searchSelect li:hover{background-color: #E0E0E0;}
.Search{width:40%;}



.WeiXin{
	cursor: pointer;
	position: relative;
}
.WeiXinCord{
	position: absolute;top:35px;right:0px; z-index: 88888;display: none;
}

.weixinPro{cursor: pointer;font-size:30px;margin-right: 15px;position: relative;}
.qrcode{
	position: absolute;top:35px;right:0px; z-index: 88888;display: none;width:160px; height: 160px;
}



.Bottom {
	background-color:#353e3f;
	color: #ffffff;
	padding-bottom: 20px; padding-top: 30px;
	color:#ffffff;
}
.bottomLine{
	border-top: 1px solid #DCDCDC;
}
.bottomBtn{}
.bottomBtn ul{margin:0px; padding: 0px; list-style: none;}
.bottomBtn ul li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style: none;
	float: left;
}
.bottomBtn ul li a{
	color: #ffffff;
	text-decoration: none; line-height: 30px;
}

.BottonIco{ margin-top: 4px;margin-left: 10px;
	line-height: 30px;font-size:16px;
	width: 30px;
	height: 30px;
	border: 2px solid #FFFFFF;
	border-radius: 15px;
	text-align: center;
}

.ArticleTitle{}
.ArticleContent{}