@charset "utf-8";

/* = CSS重定义
------------------------------------------------------------ */

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote 
{ margin: 0;padding: 0; } 
input, button, textarea,select, optgroup, option {font-family: inherit;font-size:100%;font-style: inherit;font-weight: inherit;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; display: block; }
ul, li, dl, dt, dd {
	display: block;
	list-style-image: none;
}
fieldset, img {border: 0;}
ol, ul {list-style: none;} 
iframe {background-image: none; }
caption{text-align: left;}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
.clear { clear:both; font-size: 0px; line-height: 0px; }
.clearfix{zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.copyright { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.checkbox { line-height: 13px; height: 13px; width: 13px; padding: 0px; margin: 0px; }
.indent {text-indent: 24px;}

.fl{float:left;}
.fr{float:right;}
.clearspan{
	display:block !important;
	float:none !important;
	clear:both;
}

.block1{ width:100%; height:15px; clear:both;}


/* 全局CSS*/

body{  font-family: "微软雅黑"; color:#fff; font-size: 14px; background:url(../images/bg.png);}
a { color:#fff; text-decoration:none;}
a:hover{ text-decoration:underline; }


/* CSS开始*/

.banner{ height:462px; background:url(../images/banner.jpg) no-repeat top center;}
.bannerIN{background:url(../images/banner.jpg) no-repeat top center; width:1000px; height:500px; margin:0 auto; position:relative;}
.bannerIN a{ position:absolute; top:60px; left:0; width:140px; height:70px; float:left; }
.bannerIN .cheaalogo{ left:150px;}

.page1{ width:1000px; margin:0 auto;overflow:hidden;  }

/* 本例子css */
		.page1 .slideBox{ width:632px; height:400px; margin-left:14px; position:relative; border:5px solid #fff; border-radius:6px; }
		.page1 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.page1 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.page1 .slideBox .hd ul li{ float:left; margin-right:4px;  width:12px; height:12px;  text-align:center; background:#fff; cursor:pointer;font-size:0; border-radius:50%;}
		.page1 .slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.page1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.page1 .slideBox .bd li{ zoom:1; vertical-align:middle; }
		.page1 .slideBox .bd img{width:632px; height:400px;  display:block;}
		.page1 .slideBox .bd .text{ display:block; position:absolute; bottom:40px; left:0; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); text-align:center; font-size:18px; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.page1 .slideBox .prev,.page1 .slideBox .next{ position:absolute;top:50%; margin-top:-20px; display:block; width:40px; height:40px; }
		.page1 .slideBox .prev{left:-14px; background:url(../images/prev.png) no-repeat;}
		.page1 .slideBox .next{right:-14px;background:url(../images/next.png) no-repeat; }
		.page1 .slideBox .prevStop{ display:none;  }
		.page1 .slideBox .nextStop{ display:none;  }

.page1 .newsFocus{  width:322px;overflow:hidden; background:url(../images/newst.gif) no-repeat top center; }
.page1 .newsFocus ul{ margin:90px 6px 20px 0; padding:30px 16px;  background:#fff; box-shadow: 3px 3px 3px #b7b7b7}
.page1 .newsFocus li{ line-height:32px; height:32px; overflow:hidden;} 
.page1 .newsFocus li a{ color:#2c4ba3;overflow:hidden; padding-right:10px;}
/*.page1 .newsFocus li .time{color:#2c4ba3;}*/


.page2{width:1000px; margin:10px auto 0;overflow:hidden;}
.page2 .h2_tit{ height:50px; overflow:hidden; background:url(../images/video_tit.png) no-repeat;}
.page2 .video_list{}
.page2 .video_list ul{}
.page2 .video_list li{ float:left; display:inline; margin:10px; position:relative;}
.page2 .video_list li .pic{ display:block;width:302px; height:210px; box-shadow:0 0 6px #c2bfbf; background:#888; border:5px solid #fff;}
.page2 .video_list li .text{ position:absolute; left:5px; bottom:5px; width: 302px; line-height:30px; display:block; text-align:center; background:rgba(0,0,0,0.6);}
.page2 .video_list li img{width:302px; height:210px;}


.page3{overflow:hidden; margin-top:20px;}
.page3 .ClassNav{ width:100%; height:55px; background:url(../images/nav_red.png) repeat-x;}
.page3 .ClassNav ul{ width:1000px; margin:0 auto; overflow:hidden;background:url(../images/navline.png) no-repeat left top;}
.page3 .ClassNav li{ width:138px; height:51px; line-height:50px; font-size:20px;  float:left; text-align:center;cursor:pointer; background:url(../images/navline.png) no-repeat right top;}
.page3 .ClassNav li.active{ background:url(../images/nav_act.png) no-repeat;}

.page3 .ClassMain{ width:1000px; margin:0 auto;}
.page3 .CM_left{ position:relative; float:left; width:690px; overflow:hidden; background:url(../images/cmbg.png); padding-bottom:180px; }
.page3 .CM_left .infoListWrap{}
.page3 .CM_left .infoList{ height:200px; padding:42px 30px;overflow:hidden; box-shadow:0 -16px 16px #303030 inset;}
.page3 .CM_left .infoList .img{ float:left; width:272px; height:180px; vertical-align:top; border:5px solid #fff;}
.page3 .CM_left .infoList .img img{ width:272px; height:180px;}
.page3 .CM_left .infoList .text{ float:right; width:320px; overflow:hidden;vertical-align:top; padding-top:14px;}
.page3 .CM_left .infoList .text strong{ display:block; height:30px; line-height:30px; overflow:hidden;text-align:center; font-weight:normal;}
.page3 .CM_left .infoList .text strong a{font-size:18px;color:#ca052f; }
.page3 .CM_left .infoList .text strong a:hover{}
.page3 .CM_left .infoList .text p{line-height:26px;  margin-top:10px; height:130px; overflow:hidden;}
.page3 .CM_left .infoList a.detail{ color:#fff; float:right; line-height:12px; }
.page3 .CM_left .btnMore{ width:133px; height:40px; display:block; background:url(../images/btnmore.png) no-repeat; position:absolute; bottom:60px; left:50%; margin-left:-66px;}
.page3 .CM_left .btnMore1{background:url(../images/btnmore1.png) no-repeat;}

.page3 .CM_right{ float:left; width:309px; overflow:hidden; background:url(../images/cmrbg.png) repeat-y;}
.page3 .CM_right .grid{ margin:20px 20px 0;}
.page3 .CM_right .grid .sidetit{ height:50px; overflow:hidden;}
.page3 .CM_right .grid .st_ts{ background:url(../images/st_ts.png) no-repeat;}
.page3 .CM_right .grid .st_rw{ background:url(../images/st_rw.png) no-repeat;}
.page3 .CM_right .grid .st_pp{ background:url(../images/st_pp.png) no-repeat;}

.page3 .CM_right .grid .picInfo{ overflow:hidden; margin:10px 0;}
.page3 .CM_right .grid .picInfo .pic{ display:block; width:260px; height:180px; border:5px solid #fff;}
.page3 .CM_right .grid .picInfo .pic img{ width:260px; height:180px;}
.page3 .CM_right .grid .picInfo .content{ display:block; height:30px; line-height:30px;overflow:hidden; text-align:center;}


.page4{ width:1000px; margin:0 auto; overflow:hidden; margin-top:20px;}
.page4 .h2_tit{ height:50px; overflow:hidden; background:url(../images/pic_tit.png) no-repeat;}
/*手风琴 css*/


.page4 .picon{clear:both;height:380px;padding-left:4px;overflow:hidden;background:#000;position:relative; width:1000px; border:1px solid #fff;}
.page4 .picon ul{position:absolute;top:0;left:0;height:400px;width:1200px;}
.page4 .picon li{float:left;height:380px;border-right:1px solid #fff;width:64px;position:relative;overflow:hidden;}
.page4 .picon li img{ width:550px; height:380px;}
.page4 .picon li.cur .text{display:block;}
.page4 .picon li .text{ position:absolute;bottom:0;left:0;z-index:9;width:100%;height:50px; font-size:16px;line-height:50px; background:rgba(0,0,0,0.8);text-decoration:none; padding:0px 10px 0; display:none;}
*html .page4  .picon li .text{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/shadow.png");background:none;}


.page5{width:1000px; margin:0 auto; overflow:hidden; margin-top:20px; background:#fff url(../images/rev.png) no-repeat left 100px; padding:20px 0 20px 20px; box-shadow:0 6px 6px #888;}
.page5 .h2_tit{height:80px; overflow:hidden; background:url(../images/review_tit.png) no-repeat;}
.page5 .rev_list{ overflow:hidden; padding:0 0 20px 220px; margin-top:-10px;}
.page5 .rev_list a{ float:left; display:inline; margin:0 10px;}



.footer{ width:100%; height:auto; padding:20px 0; background:#c20016; position:relative; z-index:99999; margin:70px 0 0 0; overflow:hidden;}
.footer .fin{ margin:0 auto; width:980px; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#fff; font-size:14px; margin:0 5px; }

#roll{ display:block;position:fixed;bottom:10%; z-index:999999;left: 50%;margin-left:650px;display: inline;}
#roll .rollTop{ position:relative; display:block; cursor:pointer; width:36px; height:36px; background:url(../images/top.gif) no-repeat;}
