@charset "utf-8";
/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
body{    font-family: Helvetica,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#444;}
/* body{font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;} */
html, body, h1, h2, h3, h4, ul, li, dl,input{ margin:0px;padding:0px;list-style-type:none }
a{color:#333;text-decoration:none;}
a:hover{text-decoration: none;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
h3,h4{padding:0px; font-size:14px; font-weight:bold;}
.clear {clear:both;height:0px; overflow:hidden;}

.jianbian {-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.jianbian2 {-webkit-transition: all 3s ease-in-out;  -moz-transition: all 3s ease-in-out;  -o-transition: all 3s ease-in-out; transition: all 3s ease-in-out; }
.yuanjiao {-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;}
.yuanjiao5 {-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.yuanjiao10 {-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;}
.yuanjiao20 {-moz-border-radius: 20px;	-webkit-border-radius: 20px;	border-radius: 20px;}
.yuanjiao30 {-moz-border-radius: 30px;	-webkit-border-radius: 30px;	border-radius: 30px;}
.yinying {-moz-box-shadow: 10px 20px 20px rgba(180, 179, 178, 0.5);-webkit-box-shadow: 10px 20px 20px rgba(182, 163, 128, .5);box-shadow:10px 20px 20px rgba(182, 163, 128, .5);}
.yinying2 {-moz-box-shadow: 0 0px 20px rgba(173, 173, 173, 0.5);-webkit-box-shadow: 0 0 20px rgba(182, 163, 128, .5);box-shadow:0 0 20px rgba(182, 163, 128, .5);}
.yinying3 {-moz-box-shadow: 0 0px 20px #ccc;-webkit-box-shadow: 0 0 20px #ccc;box-shadow:0 0 20px #ccc;}
.touming5 { filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  }
.touming6 { filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;  }
.touming8 { filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;  }

.wrapper { width:1200px; height:auto;  clear:both; margin:0 auto; }
.wrapper h2 {display: block; width:1200px; height:auto; overflow: hidden; margin:0 auto; padding-top:100px; font-size:40px; color:#cc0000;text-align: center; letter-spacing: 0px; line-height: 40px; font-weight: 500; }
.wrapper h2 span { font-size:40px; color:#B6A380;  text-align: center; display: block; width:100%; font-family: pero,Arial, Helvetica, sans-serif; letter-spacing: 0px; font-weight: lighter; padding-top:10px;}
.wrapper h2 i {display: block; width:40px; height:5px; background-color:#cc0000;  margin:0 auto; border-radius: 60px; margin-top:10px;}

.topper { width:1200px; height:100px;  margin:0 auto; position: relative; }
.toppernav {width:840px; height:80px; position: absolute; right:0px; bottom:0px; }
.topper .logo{width:280px; height:100px; position: absolute; left:0; top:5px; }
.topper .logo img {width:188px; height: 90px;}

/*navcss */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{  height:80px; position:relative;}
		.nav a{ color:#333;  }
		.nav .nLi {float:left;  position:relative; display:inline; }
		.nav .nLi h3{ float:left; font-weight: normal; }
  .nav .nLi h3 a.active {color:#cc0000; font-weight: bold;}
		.nav .nLi h3 i{ display: block; width:0px; height:3px; position: absolute; bottom:0; background:#cc0000; left:50%;}
		.nav .nLi h3 a{ display:block; padding:0px; font-size:16px; width:120px; text-align:center; color:#333; margin:0px 0px; line-height:80px; font-weight: bold;}
		.nav .on h3 a{ color:#cc0000; height:80px;  background: #fff;}
		.nav .on h3 a i{ display: block; width:120px; height:3px; position: absolute; bottom:0; background:#cc0000; left:0;}
		
		
		.nav .sub{ display:none; width:100px; left:0px; top:80px;  position:absolute; background:#666;  line-height:26px; padding:0px;  z-index:20000;  padding:10px; }
		.nav .sub li{ zoom:1; }
		.nav .sub a{ display:block; padding:5px 0px; border-bottom:1px dotted #fff; color:#fff; text-align:center; font-size:14px; }
		.nav .sub a:hover{ background:#fff; color:#666; }
		.nav .sub .mysub {width:100%; height: auto; }
		.nav .sub .mysub li{ width:100%; }
		.nav .sub .mysub a {background:#000; }
		

		/* banner本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; min-width: 1200px;}
		.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:0; bottom:25px; z-index:1; left:0; width: 100%;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; width:1200px; text-align: center; margin:0 auto;}
		.slideBox .hd ul li{ margin:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#ddd; cursor:pointer; display: inline-block; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; min-width: 1200px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


.homefour {width:100%; padding-top:30px;}
.homefour li {width:270px; height:168px; float: left; margin:15px;}
.homefour li a {display: block; width:264px; height: 162px; border:3px solid #f0f0f0;}
.homefour li a h3 {width:260px; margin:0 auto; padding-top:20px; font-size:20px; color:#cc0000; text-align: center; font-weight: bold;}
.homefour li a i { width:150px; margin:0 auto; margin-top:10px; background: #f0f0f0; display: block; height: 30px; font-style: normal; text-align: center; border:1px solid #ddd; font-size:14px; line-height:30px}
.homefour li a.zxbmbg { background: url(../img/homef1.jpg) center bottom no-repeat;}
.homefour li a.mnksbg { background: url(../img/homef2.jpg) center bottom no-repeat;}
.homefour li a.zzcxbg { background: url(../img/homef3.jpg) center bottom no-repeat;}
.homefour li a.ckjcbg { background: url(../img/homef4.jpg) center bottom no-repeat;}
.homefour li a:hover {border:3px solid #cc0000;}
.homefour li a:hover i {background: #c00; color:#fff; border:1px solid #fff;}



/* 首页新闻 */

.leftnews {width:880px; height: auto; overflow: hidden; background: #fff;float:left;}
.rightgonggao {width:300px; height: auto; overflow: hidden; background: #fff; float: right; }

.hometit { width:calc(100% - 2px); height: 40px; float: left; border: 1px solid #e0e0e0; margin:20px 0 20px 0;
	background: -webkit-linear-gradient(#fff 0%, #fafafa 50%,#e4e4e4 51%,#fff 100%); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fff 0%, #fafafa 50%,#e4e4e4 51%,#fff 100%); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fff 0%, #fafafa 50%,#e4e4e4 51%,#fff 100%); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fff 0%, #fafafa 50%,#e4e4e4 51%,#fff 100%); }/* 标准的语法（必须放在最后） */

.hometit span{width:auto; float: left; display: block; padding:0 30px; font-size: 16px; color:#c00; line-height: 38px; font-weight: bold; background: #f0f0f0; margin:1px;
	background: -webkit-linear-gradient(#EAEAEA 0%, #E2E2E2 50%,#CBCBCB 51%,#E5E5E5 100%); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#EAEAEA 0%, #E2E2E2 50%,#CBCBCB 51%,#E5E5E5 100%); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#EAEAEA 0%, #E2E2E2 50%,#CBCBCB 51%,#E5E5E5 100%); /* Firefox 3.6 - 15 */
	background: linear-gradient(#EAEAEA 0%, #E2E2E2 50%,#CBCBCB 51%,#E5E5E5 100%); /* 标准的语法（必须放在最后） */
	text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff,	-1px -1px 0 #fff;
}
.hometit a {font-size:12px; float: right; line-height: 40px; padding-right: 10px; color:#999;}

.leftnews .imgnews { width: 350px; height: 250px; background: #ddd; float: left;}
.leftnews .textnews { width: 510px; height: 250px; background: #fff; float: right;}

		/* banner本例子css */
		.slideBox2{ width:350px; overflow:hidden; position:relative;}
		.slideBox2 .hd{ height:20px; overflow:hidden; position:absolute; right:0; bottom:0px; z-index:1; left:0; width: 100%;}
		.slideBox2 .hd ul{ overflow:hidden; zoom:1; width:350px; text-align: center; float: left;}
		.slideBox2 .hd ul li{ margin:5px;  width:8px; height:8px; line-height:8px; text-align:center; background:#ddd; cursor:pointer; display: inline-block; }
		.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox2 .bd li{ zoom:1; vertical-align:middle;}
		.slideBox2 .bd li a {display:block; width:350px; height:250px; position:relative;}
		.slideBox2 .bd img{ width:350px; height:250px; display:block; position: absolute; left:0; top:0;  }
		.slideBox2 .bd span {display: block; width:340px; height: 50px; background:url(../img/linerbg.png); position: absolute; left:0; bottom:0; font-size:14px; color:#fff; line-height: 38px; padding-left:10px; font-weight: bold;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox2 .prev,
		.slideBox2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox2 .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox2 .prev:hover,
		.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox2 .prevStop{ display:none;  }
		.slideBox2 .nextStop{ display:none;  }

				/* 文字新闻css */
				.slideTxtBox{ width:510px;padding:0px 0px; }
				.slideTxtBox .hd{ height:35px; line-height:35px; padding:0 10px 0 20px;  position:relative; background: #f0f0f0; }
				.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; height:35px; top:2px;  }
				.slideTxtBox .hd ul li{ float:left; margin:0 25px; cursor:pointer; font-size:14px; color:#999; padding:0 20px;line-height: 33px; }
				.slideTxtBox .hd ul li.on{ height:35px;  background:#fff; color:#c00; border-top: 2px solid #c00; font-weight: bold; font-size: 14px; line-height: 33px;}
				.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
				.slideTxtBox .bd li{ height:35px;width:510px; float: left;}
				.slideTxtBox .bd li a{ height:35px; line-height:35px; font-size: 16px; width:400px; float: left; display: block; overflow: hidden;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
				white-space:nowrap;}
				.slideTxtBox .bd li a:hover {color:#c00;}
				.slideTxtBox .bd li i { display: block; width:5px; height: 5px; background: #c00; float: left; margin:15px 10px;}
				.slideTxtBox .bd li span{ float:right; color:#999; font-size:14px; display: block; width:80px; line-height: 35px; text-align: right; }
		
				/* 下面是前/后按钮代码，如果不需要删除即可 */
				.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
				.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
				.slideTxtBox .arrow .next{ background-position:0 -50px;  }
				.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
				.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }



/* 员工天地 */
.ygtd {width:430px; height: 330px; float: left; background: #fff;}
.ygtd ul {width:400px; height: 240px; background: #fff; float: left; margin:0 0px;}
.ygtd ul li {width:400px; height: 40px; float: left; padding-left:20px; background: url(../img/icon.png) 5px -207px no-repeat; }
.ygtd ul li a { display: block;font-size:16px; line-height: 40px; color:#333; width:300px; height: 40px; float: left;text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
white-space:nowrap; overflow: hidden;}
.ygtd ul li span { float:right; font-size: 14px;color:#999; display: block; width:80px; height: 40px;line-height: 40px;}
.jxry {width:880px; height: 300px; float: left;background: #fff;}

/* 驾校荣誉 */
.picScroll-left{ width:880px;  overflow:hidden; position:relative; margin:0 auto; height:250px; }
.picScroll-left .hd{ overflow:hidden; }
.picScroll-left .prev{ display:block; width:50px; height:50px; position:absolute; top:80px; left:0; z-index:1000; background:url(../img/icon.png) 0px -100px;}
.picScroll-left .next{  display:block; width:50px; height:50px; position:absolute; top:80px; right:0;z-index:1000;background:url(../img/icon.png) -50px -100px;}
.picScroll-left .prev:hover,.picScroll-left .next:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; }


.picScroll-left .hd ul{ overflow:hidden; zoom:1;  zoom:1; position: absolute; bottom:0px; text-align: center; width:100%;}
.picScroll-left .hd ul li{ width:10px; height:10px; display: inline-block; overflow:hidden; margin-right:15px; text-indent:-999px; cursor:pointer; background:#999;-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.picScroll-left .hd ul li.on{ width:12px; height:12px; background: #c00;-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;} 


.picScroll-left .bd{ width:780px; margin:0 auto; height:auto; padding:0 50px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:230px; height:200px; margin:15px 15px; float:left; position: relative; }
.picScroll-left .bd ul li a{display:block; width:230px; height:200px; position: absolute; top:0; left:0;}
.picScroll-left .bd ul li a img{ width:230px; height:170px; border:0; position: absolute; left:0; top:0;}
.picScroll-left .bd ul li a span { display: block; width:230px; height: 30px; background: #f0f0f0; text-align: center; color:#333; line-height:30px; position: absolute; left:0; top:170px; font-size:14px; overflow: hidden;}
.picScroll-left .bd ul li a:hover {top:-5px; left:-5px;}




/* 通知公告 */
.rightgonggao ul {padding:0 15px; width:270px; height: 270px; background: #fff; float: left;}
.rightgonggao li { border-bottom:1px dotted #ddd; float: left; height: 45px; padding:5px 0; width: 270px; margin-bottom: 10px;}
.rightgonggao li i { display: block; width:5px; height: 40px; float: left;}
.rightgonggao li a { display: block; width:270px; height: 23px; font-size: 16px; margin-top:5px;overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
white-space:nowrap;} 
.rightgonggao li span { display: block; width:80px; height: 15px; font-size: 14px; margin-right: 190px; color:#fff; background: #c00; text-align: center; line-height: 16px;}


.lxwm { font-size: 16px; color:#333; line-height: 30px;}
.lxwm p {font-size:12px; color:#999; line-height: 20px; display: block; width:100%; text-align: center;}

.footer {width:100%; height: auto;min-width: 1200px; background:#f0f0f0; border-top:3px solid #cc0000; overflow: hidden; padding-top:50px; padding-bottom:0px; }
.footerwrapper {width:1200px; height: auto; overflow: hidden; margin:0 auto;}
.footerlink {width:1200px; height:auto; overflow:hidden; border-bottom:1px solid #ddd; float:left;}
.footerlink span {width:1200px; height:35px; display:block; font-size:18px; font-weight:bold; line-height:35px; color:#c00;}
.footerlink li {width:auto; float:left; height:50px; margin-right:50px; }
.footerlink li a { font-size:14px; line-height:30px; color:#666; padding:10px 0; display:block;}
.footerlink li a:hover {color:#c00;}
.footerleft {width:400px;  float: left; padding-top:50px;}
.footermenu {width:700px; float:right;padding:30px 0;}
.footermenu ul li {width:100px; float: left;}
.footermenu ul li h3{ font-size:16px; color:#666;font-weight: normal;}
 .footermenu ul li h3 a { color:#666;}
 .footermenu ul li h3 a:hover { text-decoration: underline;}
 .footermenu ul li h3 i {display: block; width: 5px; height: 5px; background: #cc0000; float: left; margin-right:10px; margin-top:8px;}
 .footermenu ul li .sub { padding-top:20px;}
 .footermenu ul li .sub a { font-size:14px; line-height: 25px; color:#999; display: block; width:100px; padding-left:20px; }
 .footermenu ul li .sub a:hover { color:#cc0000; text-decoration: underline;}

.footer .footercopyright{width:1200px; height:50px; font-size:14px; line-height: 50px; margin:0 auto; color:#999; border-top:1px solid #ddd;}
.footer .footercopyright a { color:#999; float:right; text-decoration: underline;}






/* 内页 */

.neibanner { width:100%; height: 350px; min-width: 1200px;}

.myguide {width:100%; height: 50px; border-bottom: 1px solid #f0f0f0; position: relative; background: #f0f0f0;}
.myguide .neimenu {width:1000px; float: right; height: 50px; text-align: right;}
.myguide .neimenu li {width:auto; float: right; }
.myguide .neimenu li a {display: block; width:auto; margin:0 20px;color:#999; font-size: 16px;line-height: 50px;}
.myguide .neimenu li a:hover { color:#cc0000;}
.myguide .neimenu li a.current{ border-bottom:3px solid #cc0000; color:#cc0000; font-weight: 900;}
.myguide .neiguide {width:auto; height: 50px; float:left; font-size:14px; color:#999; line-height: 50px; padding-left:20px; background: url(../img/icon.png) 0px -155px no-repeat; }
.myguide .neiguide li { float:left;}
.myguide .neiguide li a {color:#333;}

.newstitle { width:100%; height: auto; text-align: center; font-size: 32px; font-weight: bold; line-height: 28px; padding-top:50px;}
.newsinfo { width:100%; height: 40px; color:#999; border-bottom:2px solid #ddd; text-align: center; padding-top:20px;}



.mycontent {width:1200px; height:auto; overflow: hidden; font-size:18px; color:#333; line-height: 40px; padding:60px 0; background: url(../img/yuanbg.gif) right bottom no-repeat; background-size: 1000px 300px; position: relative; }
.pagetitle {width:100%; padding-top:50px; font-size:30px; color:#c00; font-weight: bold; }
.pagetitle ul { float: right; width: 300px;}
.pagetitle ul li { float: left; margin-left:20px;}
.pagetitle ul li a { font-size:14px; color:#999; font-weight: normal; display: block; border: 1px solid #ddd; color:#999; padding:5px 15px;}
.pagetitle ul li a.active { font-weight: bold; color:#fff; background: #c00; border:1px solid #c00;}
.mycontent img {max-width:90%; padding:10px 5%;}
.mycontent video {width:90% !important;  padding:10px 5%; height:auto !important;object-fit: cover;}



/* 新闻列表图片 */
.mynewslist2 {width:1200px; height: auto; overflow: hidden; padding:50px 0;}
.mynewslist2 li { width:360px; height:290px;  float: left; position: relative; margin:20px; overflow: hidden; text-align: center;}
.mynewslist2 li img {border:0; max-width: 360px; max-height: 240px; margin:0; padding:0;}
.mynewslist2 li span { display: block; width:360px; height: 50px; background: #f0f0f0; text-align: center; color:#666; font-size: 16px; line-height: 50px; }
.mynewslist2 li a:hover span{ background: #c00; color:#fff;}



/* 普通文字列表 */
.mynewslist {width:1200px; height: auto; overflow: hidden; padding:50px 0;}
.mynewslist li { width:1200px; height: 200px; padding:25px 0; float: left; border-bottom:1px dotted #ccc; margin-bottom: 20px;position: relative;}
.mynewslist li img { width:300px; height: 200px; position:absolute; left:0; top:0;}
.mynewslist li span { width:860px; height: 50px; position: absolute; left:340px; top:20px; font-size: 24px; color:#333;}
.mynewslist li .newsdate{width:860px; height: 30px; position: absolute; left:340px; top:80px; font-size: 14px; color:#999;}
.mynewslist li .more2 {width:150px; height: 36px;  font-size: 14px; line-height: 36px;  position: absolute; left:340px; top:130px; text-align: center; border:2px solid #c00; color:#c00;}
.mynewslist li a:hover .more2 {background: #c00; color:#fff;}


/* 简单频道页 */
.pindao { width:1200px; height: auto; overflow: hidden; margin:0 auto; padding:50px 0;}
.pindaokuang { width:558px; height:330px; float: left; margin:20px; border:1px solid #ddd;}
.pindaoktit {width:558px; height: 40px; background: #f0f0f0;}
.pindaoktit span a { color:#c00;}
.pindaoktit span { float: left; display: block; width:120px; height: 40px; border-top:3px solid #c00; color:#c00; font-size: 16px; font-weight: bold; text-align: center; background: #fff; line-height: 40px;}
.pindaoktit em { float: right; font-size:14px; line-height: 40px; padding-right: 15px;}
.pindaokuang ul {width:528px; height: 260px; padding:15px;}
.pindaokuang ul li {width:508px; height: 39px; border-bottom: 1px dotted #f0f0f0; float: left; font-size: 16px; color:#333; line-height: 39px;padding-left:20px; background: url(../img/icon.png) 5px -207px no-repeat; }
.pindaokuang ul li span { float: right; line-height: 39px; color:#999; display:block; width:58px; height:39px; overflow:hidden; }
.pindaokuang ul li a {display:block; width:450px; height:39px; overflow: hidden; float:left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;}
.pindaokuang ul li a:hover { color:#c00;}

.pindaoimg { width:558px; height:auto; float: left; margin:20px; border:1px solid #ddd;}
.pindaoimgtit {width:558px; height: 40px; background: #f0f0f0;}
.pindaoimgtit span a { color:#c00;}
.pindaoimgtit span { float: left; display: block; width:120px; height: 40px; border-top:3px solid #c00; color:#c00; font-size: 16px; font-weight: bold; text-align: center; background: #fff; line-height: 40px;}
.pindaoimgtit em { float: right; font-size:14px; line-height: 40px; padding-right: 15px;}
.pindaoimg ul {width:528px;  padding:15px;}
.pindaoimg ul li {width:230px; height: 180px; float: left; padding:17px;}
.pindaoimg ul li a span {width:230px; height:40px; font-size:14px; color:#333; background:#f0f0f0;overflow : hidden; text-align:center; line-height:40px;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
.pindaoimg ul li a:hover span {background:#c00; color:#fff;}
.pindaoimg ul li img { width:230px; height:140px;}


.pager {
	padding-left: 0;
	margin: 18px 0;
	list-style: none;
	text-align: center;
}
.pager li {
	display: inline;
}
.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #f0f0f0;
}
.pager .next > a,
.pager .next > span {
	float: right;
}
.pager .previous > a,
.pager .previous > span {
	float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #777777;
	background-color: #fff;
	cursor: not-allowed;
}

/*再现教学频道*/
.zxjx { width:1200px; height: auto; overflow: hidden; margin:0 auto; padding:50px 0;}
.zxjx_kuang { width:1160px; height:380px; float: left; margin:20px; background:#fafafa; }
.zxjx_tit {width:660px; height:50px; border-bottom:2px solid #ddd; float:right; background:#f0f0f0; text-align:center;}
.zxjx_tit span {display:block; width:auto; float:left; padding:0 10px; height:50px; font-size:18px; color:#c00; border-bottom:2px solid #c00; line-height:50px; font-weight:bold; }
.zxjx_tit a { float:right;font-size:14px; line-height:50px; color:#666;padding-right:15px; }
.zxjx_kuang img {width:500px; height:380px; float:left;}

.zxjx_kuang ul {width:600px; height: 300px; float:left; padding:15px 30px;}
.zxjx_kuang ul li {width:580px; height: 40px; border-bottom: 1px dotted #ccc; float: left; font-size: 16px; color:#333; line-height: 40px;padding-left:20px; background: url(../img/icon.png) 5px -203px no-repeat; }
.zxjx_kuang ul li span { float: right; line-height: 40px; color:#999; display:block; width:58px; height:40px; overflow:hidden; }
.zxjx_kuang ul li a {display:block; width:580px; height:50px; overflow: hidden; float:left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;}
.pindaokuang ul li a:hover { color:#c00;}

/*再现教学频道
.zxjx { width:1200px; height: auto; overflow: hidden; margin:0 auto; padding:50px 0;}
.zxjx_kuang { width:558px; height:380px; float: left; margin:20px; border:1px solid #ddd;}
.zxjx_tit {width:558px; height:46px; border-bottom:2px solid #ddd; float:left; background:#fafafa;}
.zxjx_tit span {display:block; width:auto; float:left; padding:0 10px; height:46px; font-size:18px; color:#c00; border-bottom:2px solid #c00; line-height:46px; font-weight:bold;}
.zxjx_tit a { float:right;; font-size:14px; line-height:46px; color:#333;padding-right:15px;}
.zxjx_kuang img {width:200px; height:300px; float:left; margin:15px;}

.zxjx_kuang ul {width:298px; height: 300px; margin:15px; background:#fff; float:left;}
.zxjx_kuang ul li {width:278px; height: 39px; border-bottom: 1px dotted #f0f0f0; float: left; font-size: 16px; color:#333; line-height: 39px;padding-left:20px; background: url(../img/icon.png) 5px -207px no-repeat; }
.zxjx_kuang ul li span { float: right; line-height: 39px; color:#999; display:block; width:58px; height:39px; overflow:hidden; }
.zxjx_kuang ul li a {display:block; width:278px; height:39px; overflow: hidden; float:left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;}
.pindaokuang ul li a:hover { color:#c00;}
*/