/* CSS Document */
body{ color:#333; font-family:Arial, Helvetica, sans-serif;  }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td,div{margin:0;padding:0; list-style:none; line-height:22px;}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#f00} 
img{ border:none;}
.c{ clear:both}



.wrapper{width:951px; margin:auto;}

#header img{ display:block}
#header h1{ float:left;}
#header .top{ float:right;}
#header .top a{ float:left}
#nav{ float:right; width:614px; height:34px}

.top .weibo { background:url(../images/weibo.jpg) no-repeat top; width:100px; height:67px;}

.top .qq{ background:url(../images/qq.jpg) no-repeat top; width:100px; height:67px;}

.top .tel{ background:url(../images/tel.jpg) no-repeat top; width:174px; height:67px;}


#container{ padding-top:30px;}

#middle .inner1{ float:left; width:298px; margin-right:28px; display:inline}
#middle .inner1 img{ border:1px #e8eae9 solid; display:block}
#middle .inner1 h2{ height:53px; padding-top:15px; padding-left:15px; background:#f6f8f7}
#middle .inner1 h2 span{ float:right; padding-right:15px;}
#middle .inner1 h2 img{ border:none}
#middle .inner1 .inner{ padding-left:20px; color:#858585; height:65px; padding-top:10px;}

#committee{ background:#e6e6e6; padding-bottom:15px;}
#committee h2{  height:39px;background:#d92227; padding-left:357px; padding-top:12px; margin-bottom:13px;  }
#committee h2 span{ float:right; margin-right:15px; padding-top:10px; display:inline}
#committee .inner1{ width:445px; background:#f6f8f7; margin-left:20px; float:left; display:block; margin-bottom:20px; display:inline}
#committee .left{color:#808080; line-height:28px; font-size:12px; padding-right:10px;}
#committee .left img{ float:left; margin-right:10px; display:inline; display:block; border:solid 1px #787878}
#committee .left b{ font-weight:normal; color:#565654;}
#committee .inner2{ width:285px; margin-left:24px; float:left; display:inline; background:#f6f8f7;}
#committee .inner2 img{ display:block; border:solid 1px #787878}
#committee .inner2 h3{color:#565654; font-size:12px; font-weight:normal; padding-left:25px; padding-top:10px; padding-bottom:10px;}
#committee .inner2 .inner{ padding-left:20px;color:#808080; line-height:28px; height:184px;}

#case{ margin-top:20px; margin-bottom:15px;}
#case h2{ height:39px;background:#d92227; padding-left:357px; padding-top:12px; margin-bottom:13px; }
#case h2 span{ float:right; margin-right:15px; padding-top:10px; display:inline}
#case ul li{ width:296px; height:270px;  float:left; margin-right:28px; margin-bottom:13px; border:1px solid #E6E6E6}
#case ul li img{ border:solid 1px #e6e6e6; margin-left:1px;}
#case ul li .inner{ padding-left:20px; min-height:38px; _height:38px}
#case ul li .inner p{ color:#878787}
#case ul .right{ margin-right:0px;}
#case ul li .time{ color:#878787; border-top:dashed 1px #ccc; padding-left:20px;}


#partners h2{  height:39px;background:#d92227; padding-left:357px; padding-top:12px; margin-bottom:8px;}
#partners h2 span{ float:right; margin-right:15px; padding-top:10px; display:inline}
#partners .left{ float:left; width:307px; text-align:center;color:#808080; margin-right:14px; display:inline}
#partners .mid{ float:left; width:320px;}
#partners .mid ul li{ float:left;margin-right:14px; margin-bottom:23px;display:inline; width:146px; height:95px;}
#partners .mid ul li img{ display:block;}
#partners .right{ float:right;}
#partners .right h3{color:#565654; font-size:14px; font-weight:normal; text-align:center; height:17px;}

#bottom{ padding-top:44px;}
#about,#news{ width:298px; float:left; margin-right:28px; display:inline}
#about h2,#news h2,#contact h2{ background:url(../images/border.jpg) repeat-x bottom left; height:28px;} 
#about h2 span,#news h2 span{ float:right}

#about .inner{color:#808080; padding-top:17px; font-weight:normal}

#news .inner{ padding-top:17px;}
#news .inner ul li{ color:#4a4a4a;  line-height:24px;}
#news ul li{ color:#4a4a4a}
#news .img{ float:left; height:14px; padding-top:10px; width:23px; text-align:center;}
#news .text{border-bottom:dashed 1px #CCC; float:left; width:272px;font-weight:normal;}
#news .text a{color:#808080;}
#news .text a:hover{ color:#F00}

#contact{ float:right; width:298px;}
#contact .inner{color:#808080; padding-top:17px;font-weight:normal}

#footer{ border-top:dashed 1px #9a9a9a; margin-top:24px; text-align:center;color:#878787; padding-top:15px; padding-bottom:10px;}
#footer a{color:#878787; }

.sidebar{ width:200px; float:left; display:inline; margin-left:10px; }
.subnav { padding-bottom:40px;}
.subnav img{ display:block}
.subnav .sub1{ background:url(../images/subico.jpg) no-repeat 5px; padding-left:30px; line-height:24px; height:24px; display:block;clear:both;}
.subnav .sub2{   display:block ;float:left; color:#666; height:25px; line-height:25px; width:80px; text-align:right}
.subnav .sub2 a{  color:#666;}

.subnav .sub2 a:hover{ color:#FF0000}
.subnav .sub3{ background: url(../images/subico.jpg) 5px no-repeat;color: #696969;display: block; font-size: 14px; height: 20px; padding-left: 25px; padding-top: 2px;text-align: left;border-bottom: 1px dashed #CCCCCC; margin-bottom: 15px; padding-bottom: 5px; text-align: left; width: 175px;}
.subnav .sub3 a{ color:#696969;}
.subnav .sub3 a:hover{ color:#FF0000}	
	
	
.subnav ul li h3{ background:url(../images/subico.jpg) no-repeat 5px; padding-left:30px; line-height:24px;}
.subnav ul li .i{background:url(../images/subico1.jpg) no-repeat 5px;line-height:24px;}

.main{ width:668px; float:right;   display:inline;}
.subbanner{ margin-bottom:20px;}
.crumb{ background:url(../images/crumb.jpg) top left no-repeat;   margin:auto; height:45px; margin-bottom:15px; line-height:20px; padding-left:40px; font-weight:bold; font-size:14px; text-align:left; color:#010101; border-bottom:solid 1px #aaaaaa}
.crumb span{ font-size:10px; color:#4f4f4f; font-weight:normal}

.article {  line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left; margin-bottom:20px; }

.main ul li{ width:198px; height:218px; float:left; margin-right:30px;}
.main ul li img{ border:solid 1px #e6e6e6}
.main ul li .inner{ padding-left:10px;}
.main ul li .inner p{ color:#878787; font-size:10px}
.main ul .right{ margin-right:0px;}

.channel {height:34px;line-height:34px;}
.channel li{float:left; list-style:none; position:relative;}
.channel a span {float:left;height:34px;line-height:34px;cursor:hand;}
/*---------------------------------*/
.channel .on0 a span {background:url(../images/nav.jpg) -0px -34px;width:69px;}
.channel .off0 {width:69px;}
.channel .off0 a span {width:69px;}
.channel .off0 a:link span,.channel .off0 a:visited span {background:url(../images/nav.jpg) -0px 0;}
.channel .off0 a:hover span {background:url(../images/nav.jpg) -0px -34px;}
/*---------------------------------*/
.channel .on1 a span {background:url(../images/nav.jpg) -69px -34px;width:93px;}
.channel .off1 {width:93px;}
.channel .off1 a span {width:93px;}
.channel .off1 a:link span,.channel .off1 a:visited span {background:url(../images/nav.jpg) -69px 0;}
.channel .off1 a:hover span {background:url(../images/nav.jpg) -69px -34px;}
/*---------------------------------*/
.channel .on2 a span {background:url(../images/nav.jpg) -162px -34px;width:88px;}
.channel .off2 {width:88px;}
.channel .off2 a span {width:88px;}
.channel .off2 a:link span,.channel .off2 a:visited span {background:url(../images/nav.jpg) -162px 0;}
.channel .off2 a:hover span {background:url(../images/nav.jpg) -162px -34px;}
/*---------------------------------*/
.channel .on3 a span {background:url(../images/nav.jpg) -250px -34px;width:89px;}
.channel .off3 {width:89px;}
.channel .off3 a span {width:89px;}
.channel .off3 a:link span,.channel .off3 a:visited span {background:url(../images/nav.jpg) -250px 0;}
.channel .off3 a:hover span {background:url(../images/nav.jpg) -250px -34px;}
/*---------------------------------*/
.channel .on4 a span {background:url(../images/nav.jpg) -339px -34px;width:91px;}
.channel .off4 {width:91px;}
.channel .off4 a span {width:91px;}
.channel .off4 a:link span,.channel .off4 a:visited span {background:url(../images/nav.jpg) -339px 0;}
.channel .off4 a:hover span {background:url(../images/nav.jpg) -339px -34px;}
/*---------------------------------*/
.channel .on5 a span {background:url(../images/nav.jpg) -430px -34px;width:92px;}
.channel .off5 {width:92px;}
.channel .off5 a span {width:92px;}
.channel .off5 a:link span,.channel .off5 a:visited span {background:url(../images/nav.jpg) -430px 0;}
.channel .off5 a:hover span {background:url(../images/nav.jpg) -430px -34px;}
/*---------------------------------*/
.channel .on6 a span {background:url(../images/nav.jpg) -522px -34px;width:92px;}
.channel .off6 {width:92px;}
.channel .off6 a span {width:92px;}
.channel .off6 a:link span,.channel .off6 a:visited span {background:url(../images/nav.jpg) -522px 0;}
.channel .off6 a:hover span {background:url(../images/nav.jpg) -522px -34px;}
/*---------------------------------*/
.channel .on0 {position:relative;}
.channel .on1 {position:relative;}
.channel .on2 {position:relative;}
.channel .on3 {position:relative;}
.channel .on4 {position:relative;}
.channel .on5 {position:relative;}
.channel .on6 {position:relative;}