/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal; color:#000;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
em{ font-style:normal;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a{text-decoration:none; cursor:pointer;}
a:hover{}
.clear{padding:0; height:0; margin:0; font-size:0; line-height:0; clear:both; visibility:hidden; overflow:hidden; zoom:1}
body{background-color:#FFFFFF; font-size:12px; line-height:24px;color:#333333;}
/*layout*/
.mainnav,.container{width:760px; margin:0 auto 10px auto;}
.banner,.content{width:740px; margin:0 auto 10px auto;}
.mainnav{height:33px; line-height:33px; background:url(/img/mainnav_bj.jpg) center repeat-x; margin-top:15px; text-align:center; font-weight:bold; color:#9ED5FE; padding-top:3px;}
.mainnav a{color:#fff; padding:0 5px 0 5px;}
.mainnav a:hover{color:#9ED5FE;}
.banner{ border:1px #CCCCCC solid; padding:10px; background-color:#fff;}
.logo{ float:left;}
.bar{ float:right;}
.bar img{width:500px; height:60px;}

.postion{width:948px;height:33px;background:url(/img/postion_bj.jpg) center repeat-x; border:1px #CCCCCC solid; padding:0 10px 0 10px; color:#6B6B6B;}
.postion em{ float:right;padding:8px 0 0;}
.postion strong{color:#FE0000; font-size:20px; line-height:20px; padding:8px 0 0; float:left}
.postion span{color:#FE0000; line-height:33px;}
.postion a{color:#0276EF;}

.content{border:1px #88c7fb solid; padding:9px; background-color:#fff;}
.left{width:320px; float:left;}
.right{width:409px; float:right;}
.bar2{width:100px; float:left;}
.box{width:210px; float:right;}
.bar3{width:300px; float:left; padding-top:11px; padding-left:50px}
.bar4{width:100px; float:right;}

.pic{ text-align:center; padding-bottom:10px;}
.button{ text-align:center; font-size:14px; padding-top:10px;}
.button img{display:block; width:220px; height:51px; margin:-8px auto -8px auto;}
.text{ line-height:20px;}
.text h3{ font-size:12px; color:#F00;}

.container{border:1px #8CB9CE solid;background-color:#fff; width:962px; height:150px;}
.title{ margin:0 1px 0 1px; background:url(/img/title.jpg) center repeat-x; height:29px; line-height:29px; padding:0 10px 0 10px; color:#000; font-size:14px; font-weight:bold;}
.title em{ float:right; font-size:12px; font-weight:normal;}
.title a{color:#333;}
.title a:hover{color:#F00;}
.picbox{ background-color:#fff; padding-left:10px;}

.circle{ float:left; text-decoration:none; width:164px; height:114px;text-align:center; margin:5px; overflow:hidden; *display: inline}
.circle a img{width:160px; height:116px; padding:1px; border:solid 1px #5398B9; display:block}
.circle a span{ display:block;  line-height:20px}
.circle a{color:#333;}
.circle a:hover{color:#F00; text-decoration:none}
.circle{ float:left; margin:14px 12px 4px 12px; position:relative; height:120px;}
.circle span{ margin-top:3px; }
.cl{ height:16px; width:114px; padding:0 3px;line-height:16px; filter:alpha(opacity=90);  -moz-opacity:0.90; opacity:0.90; position:absolute; top:76px; left:2px; background-color:#518EAB; z-index:2;}
.circle b { font-weight:100; color:#fff}
.l{ float:left;}
.r{ float:right;}

.circle2{ float:left; text-decoration:none; width:124px; height:114px;text-align:center; margin:5px; overflow:hidden; *display: inline}
.circle2 a img{width:120px; padding:1px; border:solid 1px #8983DB; display:block}
.circle2 a span{ display:block;  line-height:20px}
.circle2 a{color:#333;}
.circle2 a:hover{color:#F00; text-decoration:none}
.circle2{ float:left; margin:14px 12px 4px 12px; position:relative; height:120px;}
.circle2 span{ margin-top:3px; }
.circle2 b { font-weight:100; color:#fff}

.cl2{ height:16px; width:114px; padding:0 3px;line-height:16px; filter:alpha(opacity=90);  -moz-opacity:0.90; opacity:0.90; position:absolute; top:76px; left:2px; background-color:#8983DB; z-index:2;}

.footer{width:760px; text-align:center; margin:auto;}
.footer a{color:#333;}
.footer a:hover{color:#f00;}