/*=== Style by Rena ====================================
 Style Name:can
    Version:Alpha
     Author:Rena.Yuen
Design Corp:sumaart.com
Last Update:2010-01-08 14:18
===============================================================*/


/************************************************
*	default style								*
************************************************/
* {margin:0;padding:0;list-style:none;}

body, select, input,textarea {color:#000;font:13px/18px Verdana,Arial,Tahoma,宋体,黑体; background-color:#fff;}
input, textarea, select {padding:1px;line-height:18px;border:#82d0e2 solid 1px;background-color:#f5f5f5;}
textarea.sffocus, input:focus, textarea:focus {background-color:#fff;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;}
table,tr,td{margin:0;padding:0;}
em,cite,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font:1.1em/18px Arial,Verdana,Tahoma;color:#505050;}
body{margin:0 auto;padding:0;}

a img, img {border:0;}
a/*, a:link, a:active, a:visited*/ {color:#000;text-decoration:none;}
a:hover {color:#297285;}

.clear {clear:both;}
br.clear {visibility:hidden;height:0;overflow:hidden;}

.fontB{ font-weight:bold;color:#000; line-height:1.1em}
.fontBlue{color:#219389; font-weight:bold;}
.fontBlueBig{font:1.5em/15px Verdana,Arial,Tahoma,宋体;color:#219389; font-weight:bold;}
.fontGray{font-size:0.85em;color:#ccc; line-height:1.1em}
.fontGray a{color:#fff; text-decoration:underline;}
.fontGray2{font-size:0.9em;color:#555; line-height:1.1em}
.fontGray2 a{color:#555; text-decoration:underline;}
.date{font-size:0.85em;color:#aaa; margin-right:10px;}

#header,#banner,#about,#content,#footer{width:1003px;margin:0 auto;}


#header{}
	#header #top{padding:12px 0px 12px 15px; text-align:right;width:903px;height:75px;}
	#header #top #logo{ background:url(../images/logo.jpg) left top no-repeat;width:362px;height:56px;float:left;}
	#header #top #rightNav{padding-left:200px;width:330px;height:56px;float:left;}
	#header #nav{padding-left:90px;background:url(../images/nav.jpg) left top repeat-x;height:33px;}
	#header #nav li{ display:block; float:left; margin:0 15px;color:#000; line-height:30px;}

#banner{background:url(../images/banner_bg.jpg) left top no-repeat;}
#about{background:url(../images/about_bg.jpg) left top repeat-x;height:107px;color:#fff;}

#content{}
	#content{margin-top:1px; padding-left:40px;background:url(../images/content_bg.jpg) left top repeat-x;mini-height:300px;width:963px;}
	#content li{ text-indent:10px;background:url(../images/dot.jpg) left 6px no-repeat;display:block; }
	#content #news,#content #join,#content #service{padding-top:50px; height:100px; float:left;}
	#content #news{background:url(../images/but_news.jpg) left top no-repeat;width:395px;}
	#content #join{background:url(../images/but_join.jpg) left top no-repeat;width:260px;margin:0 20px; }
	#content #service{background:url(../images/but_service.jpg) left top no-repeat;width:260px; }
	#content #case{background:url(../images/but_case.jpg) left top no-repeat;width:963px;height:250px;padding-top:0px;}
	#content #case li{ color:#297285;background:url(../images/img_case_bg.jpg) left top no-repeat;width:163px;height:152px;padding:5px; margin-right:15px;text-indent:0; display:block; float:left}
	#content #case #vedio{height:50px;padding:10px 30px 0 0;}

#footer{}
	#footer{color:#fff;padding:15px 0 0 40px;background:url(../images/copyright_bg.jpg) left top repeat-x;height:65px;width:963px;}
	#footer ul{margin-top:10px;}
	#footer li{margin-right:20px; display:block; float:left;color:#fff}
	#footer li a,#footer li a:hover{color:#fff}



/************************************************
*	内页 style								*
************************************************/
#content{}
	#content #left,#content #left2{width:193px;mini-height:360px;margin:20px 20px 40px 0;background:url(../images/left_bg.jpg) left top repeat-y;float:left;}
	#content #left li{ margin-left:30px;width:120px; line-height:25px;text-indent:10px;background:url(../images/dot.jpg) left 6px no-repeat;border-bottom:#d4d4d4 1px solid; display:block; }
	#content #left2 li{ margin-left:10px;width:160px; line-height:25px;text-indent:10px;background:url(../images/dot.jpg) left 6px no-repeat;border-bottom:#d4d4d4 1px solid; display:block; }

	#content #right{width:720px;mini-height:360px;margin:15px 20px 90px 0; line-height:22px;color:#666;float:left;}
	#content #right li{text-indent:20px; margin-bottom:10px;background:url(../images/dot.gif) left 6px no-repeat;display:block; border-bottom:#f4f4f4 1px solid;}
    #content #right #page{height:40px; margin-top:50px;}
    #content #right #page li{width:20px;height:20px ; border:#ddd 1px solid; text-align:center;margin-right:10px;float:left; display:block;text-indent:0 ; background-color:#eee; background-image:none;}
	
	#content #right2{width:740px;mini-height:360px;margin:15px 0 90px 0; line-height:22px;color:#666;float:left;}
	#content #right2 li{ color:#297285;background:url(../images/img_case_bg.jpg) left top no-repeat;width:163px;height:152px;padding:5px; margin:0 12px 25px 0;text-indent:0; display:block; float:left}
    #content #right2 #page{height:40px; margin-top:50px;}
    #content #right2 #page li{width:20px;height:20px ; margin:0; padding:0;border:#ddd 1px solid; text-align:center;margin-right:10px;float:left; display:block;text-indent:0 ; background-color:#eee; background-image:none;}