* { margin:0; padding:0; }
body { background-color:#FFF; color:#686868; font-size:12px; height:auto; margin:0 auto;}
a { color:#686868; text-decoration:none; }
a:hover { color:#F00; text-decoration:none; position:relative; top:1px; }
a img { border:0; }
ul,ul li { list-style-type:none; }
.of{ overflow:hidden;}
.width1 { width:100%; }
.mar { margin:0 auto;}
.cl{clear:both;}
.db{ display:block;}
.fs0{ font-size:0;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.lts1{ letter-spacing:1px;}
.lh22{ line-height:22px;}
.lh23{ line-height:23px;}
.lh24{ line-height:24px;}
.lh26{ line-height:26px;}
.lh28{ line-height:28px;}
.colorw{ color:#FFF;}
.colorr{ color:#bb0000;}
.fwb{ font-weight:bold;}
.fwn{ font-weight:normal;}
.fl { float:left;}
.fr { float:right;}
.h0{ height:0;}
.h100{ height:100%;}
.pr{ position:relative;}
.pa{ position:absolute;}
.tac{ text-align:center;}
.p10{ padding:10px;}
.bg11{ left:13px; top:10px;} 
.bg12{ left:33px; top:10px;}
.bg13{ right:13px; top:12px;} 
.top { background:url(../images/1.gif) repeat-x 0px 0px; height:105px; width:1010px; }
.top span { position:absolute; }
.top #tops1 { left:872px; top:8px; }
.ban{background:url(../images/2.gif) repeat-x left top; height:49px; z-index:100; margin-bottom:10px;}
.banner {width:1010px; }
.banner ul { height:49px; padding:0 10px; width:990px; margin:0 auto;}
.banner ul li {background:url(../images/3.gif) no-repeat 109px 5px;padding:12px 0 0 0; height:25px; float:left; text-align:center; width:110px; position:relative;}
.banner ul li a{ color:#FFF;}
.banner ul li a:hover{ color:#FF0;}
.banner ul li ul{ display:none;position:absolute; z-index:100; cursor:pointer; height:30px;}
*html .banner ul li ul{ left:0px; top:30px;}
*+html .banner ul li ul{ left:0px; top:30px;}
.banner ul li ul li{ background-image:none; font-size:12px; margin:2px 0 0 -12px; height:30px; width:99px;}
.banner ul li ul li a{ display:block; color:#00F; height:30px; width:99px;}
.banner ul li ul li a:hover{ display:block; color:#F00; height:30px; width:99px;}
.flash { height:400px;z-index: -10;} 
.notice{background:url(../images/5.gif) repeat-x 0px 0px; height:28px;padding:12px 0 0 0;}
.notice1{background:url(../images/6.gif) no-repeat 0px -2px; width:980px; height:30px; }
.notice1 span{ padding-left:20px; color:red;}
.secontent{background:url(../images/7.gif) repeat-x 0px 0px;}
.secon{ width:1010px;}
.secon1{ width:246px;}
.secon11{background:url(../images/10.gif) no-repeat 0px 0px; height:276px; width:246px;}
.secon11 ul{ padding:1px 0 0 30px; line-height:33px;}
.secon11 ul li a{ color:black;}
.secon11 ul li a:hover{ color:red;}
.secon2{background:url(../images/11.gif) no-repeat 0px 0px; width:763px;}
.secon21{ height:25px; padding:8px 0 0 730px;}
.secon23{ height:133px; padding:27px 0 0 8px; overflow:hidden; width:755px;}
.secon23 ul li h3{ text-align:center;}
*html .secon23{ width:745px;}
.secon23 ul li{background:url(../images/14.gif) no-repeat 0px 0px; float:left; height:130px; width:138px;padding:3px 0 0 3px; margin:0 4px;}
.secon23 ul li img{ height:87px; width:136px;}
.secon23 ul li h3{padding:15px 0 0 0; font-size:13px;}
.secon23 ul li a{ color:black;}
.secon23 ul li a:hover{ color:red;}
.news{ width:1010px;}
.new1{background:url(../images/15.gif) no-repeat 0px 0px; height:250px; width:5px;}
.new2{background:url(../images/16.gif) repeat-x 0px 0px; width:307px; padding:0 15px 0 11px;}
*html .new2{ overflow:hidden;}
.new21{background:url(../images/18.gif) no-repeat 0px 0px; height:29px; width:177px; padding:10px 0 0 28px;}
.new21 a{color:white;}
.new21 a:hover{ color:yellow;}
.new22{ padding:17px 0 0 60px; display:block; width:40px;}
*html .new22{padding:17px 0 0 53px;}
.new23{margin:0; padding:0; width:320px; height:200px;}
.new231{background:url(../images/20.gif) no-repeat 160px 10px; width:290px; height:240px; padding:10px 0 0 30px;}
.new5{background:url(../images/17.gif) no-repeat 0px 0px;height:250px; width:5px;}
.ul1{ padding:10px 0 0 0;}
.ul1 li{ background:url(../images/19.gif) no-repeat 2px 10px; line-height:33px; border-bottom:1px dashed #ccc; text-indent:15px;}
.ul1 li span{ float:right; padding-right:0px;}
.footer {background:url(../images/8.gif) repeat-x left top; height:58px; padding:20px 0 0 0;}
.ssecon2{background:url(../images/21.gif) no-repeat 0px 0px; width:763px;}
.senew2{background:url(../images/16.gif) repeat-x 0px 0px; width:200px; padding:0 15px 0 0;}
.senew21{background:url(../images/18.gif) no-repeat 0px 0px; height:33px; width:177px; padding:6px 0 0 28px;}
.senew21 a{color:white;}
.senew21 a:hover{ color:yellow;}
.senew23{margin:0; padding:0; width:100px;}
.senew231{background:url(../images/20.gif) no-repeat 60px 20px; width:290px; height:240px; padding:10px 0 0 0px;}
.seh1{ height:25px; padding:8px 0 0 36px; font-size:14px;}
.sec{padding:10px; width:743px;}
.sec h3{ clear:both; display:block; font-size:16px; font-weight:bolder; padding:0px 0 0px 0; text-align:center; }
#secp { border-bottom:1px dashed #ccc; margin:8px 0 ; padding-bottom:5px; text-align:center;}
.newslist { overflow:hidden; }
.newslist li{ border-bottom:1px dotted #ccc; text-indent:5px; }
.newslist li span{ float:right; padding-right:5px; }
.sepage { clear:both; text-align:center; padding:8px 0 0 0;}
.prl{ width:743px;}
.prl li{ float:left; overflow:hidden; margin:0 8px; width:231px;}
*html .prl li{ margin:0 7px;}
.prl li img{ border:1px solid #ccc; height:155px; width:225px; padding:2px;}
.prl li h3{ font-size:12px; text-align:center; padding:8px 0;}
.width100 { width:80px;}
.tdright { text-align:right;}

.indexCon{width:100%;overflow:hidden;}
.indexCon .flashBanner{width:100%;height:450px;overflow:hidden;}
.flashBanner{position:relative;}
.flashBanner .mask{height:0px;line-height:32px;width:100%;text-align:right;
	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer;}
.flashBanner .mask img.show{margin-bottom:3px;}
@media (min-width: 1025px) and (max-width: 1440px) {
	.indexCon .flashBanner{height:400px;}
	.h10{ height:5px;}
	.banner>ul>div{ height:380px;}
	.flash {height:400px;} 
	.banner>ul>div>a{height:23px; font-size:12px; line-height:22px;}
	}
@media (max-width: 1024px) {
	.indexCon .flashBanner{height:200px;}
	.flash{height: 200px;}
	}

.secons{background:url(../images/101.gif) no-repeat 0px 0px; height:343px; width:246px;}
.secons ul{ padding:1px 0 0 30px; line-height:33px;}
.secons ul li a{ color:black;}
.secons ul li a:hover{ color:red;}
