/* Creat by shuanger 2010-04-21*/
body{ font-size:12px; font-family:Arial; background:#E9F4F5;}
h1,h2{ font-size:12px; font-weight:normal;}
ul,ol{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
img{ border:0;}
#main{ width:1000px; margin:0 auto; margin-top:20px; overflow:hidden;}
#head{ width:1000px; height:67px; float:left; background:url(../images/head_bg.jpg) right top repeat-y; margin-bottom:10px;}
#nav{ width:756px; height:24px; float:left; margin-top:33px; background:url(../images/nav_bg.jpg) repeat-x; padding:10px 0 0 20px;}
#nav ul li{ float:left; padding:0 16px 0 15px; background:url(../images/nav_line.gif) right 2px no-repeat;}
#nav ul li a{ color:#fff; font-size:14px; font-weight:bold;}
#nav ul li a:hover{ color:#0cf;}
#middle{ width:917px; overflow:hidden; margin:0 auto;}
#banner{ width:917px; float:left;}
#list{ width:915px; height:245px; float:left; background:#fff; padding:1px;}
#solutions{ width:289px; height:245px; float:left; background:url(../images/title_bg.jpg) top repeat-x;}
#solutionstitle{ width:259px; height:22px; float:left; background:url(../images/title_icon.jpg) left no-repeat; padding:7px 0 0 30px; color:#f60; font-size:14px; font-weight:bold;}
#solutions ul li{ padding:14px 0 0 0; height:80px; width:270px; border-bottom:1px solid #e5e5e5; float:left; margin-left:14px; display:inline;}
#solutions ul li img{ float:left; margin-right:10px;}
#solutions ul li span{ color:#f60; font-weight:bold;} 
#solutions ul li p{ width:140px; line-height:15px; padding:0; margin:5px 0 0 0; float:left;}
.more{ float:right; margin-top:10px;}
#newslist{ width:322px; float:left; background:url(../images/title_bg.jpg) top repeat-x; margin:0 1px;}
#newslisttitle{ width:292px; height:22px; float:left; background:url(../images/title_icon.jpg) left no-repeat; padding:7px 0 0 30px; color:#f60; font-size:14px; font-weight:bold; margin-bottom:10px;}
#newslist ul li{ line-height:13px; padding:5px 0; margin-left:14px;}
#newslist ul li a{ color:#666;}
#newslist ul li span{ width:80px; float:left; color:#f60;}
#aboutus{ width:302px; float:left; background:url(../images/title_bg.jpg) top repeat-x;}
#aboutustitle{ width:272px; height:22px; float:left; background:url(../images/title_icon.jpg) left no-repeat; padding:7px 0 0 30px; color:#f60; font-size:14px; font-weight:bold; margin-bottom:10px;}
#aboutus p{ width:280px; margin:0 10px; float:left; display:inline; text-indent:24px; line-height:18px;}
#bottom{ width:917px; height:56px; margin:0 auto; background:#657D84;}
#bottom ul{ padding:10px 0 0 265px; margin:0;}
#bottom ul li{ float:left; padding:0 9px 0 8px; background:url(../images/nav_line.gif) right 1px no-repeat;}
#bottom ul li a{ color:#fff;}
#bottom ul li a:hover{ color:#0cf;}
#bottom p{ width:917px; text-align:center; float:left; color:#fff;}
#wrap{ width:917px;overflow: hidden; margin:10px auto; padding:0;}
#cleft{ width:235px; float:left; margin-top:10px;}
#cright{ width:682px; float:left; background:#fff; margin-top:10px;}
#wrap:after{ display: block; height: 0; clear: both; visibility: hidden;}
#wrap{display: inline-block;}
/*\*/
#wrap{display: block;}
/* end easy clearing */
/*\*/
#cleft, #cright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#cleft, #cright{padding-bottom: 0 !important; margin-bottom: 0 !important; }
#cleft:before, #cright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0;}
}
#subnav li{ margin:20px 0; line-height:30px; width:210px; background:url(../images/cleft_nav_bg.jpg) no-repeat; text-align:center;}
#subnav li a{ color:#fff; font-weight:bold;}
#subnav li a:hover{ color:#6cc;}
#crtitle{ padding:0; margin:10px 0 10px 15px; float:left; display:inline; font-family:"宋体";}
#crtitle a{ letter-spacing:2px; font-weight:bold; text-decoration:none;}
#crtitle a:hover{ color:#6cc;}
#crs{ width:660px;  border-top:1px solid #ddd; margin:0; padding:10px 10px 0 10px; clear:both;}