/* CSS Document */

body {
	padding:0;
	margin:0;
	font-size:14px;
	font-family:"Microsoft Yahei";
	color:#333;	
}

a {
	color:#333;	
	text-decoration:none;
}

a:hover {
	color:#3B8EDE;
	text-decoration:none;
}

h1,h2,h3,ul,li { padding:0; margin:0; list-style:none; }


img { border: none; }

.clear { clear:both; height:0; }

.layout { padding:0; margin:0 auto; width:1200px; }


/* top */

.head { width:100%; margin:0; padding:0; position:fixed; left:0; top:0; list-style-type: none; z-index:999; background:url(mask.png); }

.logo { float:left; width:150px; }

.logo img { height:80px; }

.nav { float:right; width:770px; height:80px; overflow:hidden; }

.nav ul li { float:left; width:110px; height:80px; font-size:16px; }

.nav ul li a { display:block; width:110px; height:80px; line-height:80px; text-align:center; color:#FFF; }

.nav ul li a:hover { background:#3B8EDE; }

/* INDEX */

.slide { height:550px; }

.slide_space { height:350px; }

.slide_text { padding:0; margin:0 auto; width:1200px; }

.slide_text p { font-size:16px; color:#FFF; }

.slide_text h3 { font-size:48px; color:#FFF; }

.index{ background:url(index.jpg) no-repeat center bottom; }

.index_about { padding:80px 0; }

.index_about_left { width:720px; float:left; font-size:14px; line-height:35px; color:#333; }

.index_about_leftImg { text-align:right; }

.index_about_left P { margin-top:30px; }

.index_about_right { width:400px; float:right; height:300px; background:url(index_about_right.jpg) no-repeat; margin-top:20px; }

.index_case_bg { background:url(index_case_bg1.jpg) repeat-x bottom; height:642px; }

.index_case { background:url(index_case_bg2.jpg) no-repeat center; height:600px; }

.index_business { width:1200px; overflow:hidden; margin:0 auto; }

.index_business ul { width:1260px; overflow:hidden; margin-top:50px; }

.index_business ul li { float:left; width:360px; height:500px; margin-right:60px; background:url(index_mask.png); }

.index_caseImg { padding:20px 20px 10px 20px; }

.index_caseImg img { width:320px; }

.index_caseText { padding:0 15px 20px 20px; color:#EEE; line-height:30px; }

.index_list { width:1200px; overflow:hidden; margin-top:50px; }

.index_list ul { width:1260px; overflow:hidden; }

.index_list ul li { float:left; width:360px; height:270px; margin-right:60px; border-bottom:#DEDEDE solid 1px; padding-top:10px; }

/* PAGE */

.page { height:550px; }

.page_space { height:350px; }

.page_text { padding:0; margin:0 auto; width:1200px; }

.page_text p { font-size:16px; color:#FFF; }

.page_text h3 { font-size:48px; color:#FFF; }

.about{ background:url(about.jpg) no-repeat center bottom; }

.business{ background:url(business.jpg) no-repeat center bottom; }

.service{ background:url(service.jpg) no-repeat center bottom; }

.tab { height:70px; background:url(tab_bg.jpg) repeat-x bottom; border-top:#DDD solid 1px; margin-top:3px; }

.tab ul { margin:0 auto; padding-left:20px; }

.tab ul li { float:left; width:120px; height:70px; margin-right:20px; }

.tab ul li a { display:block; width:120px; height:65px; line-height:65px; font-size:20px; text-align:center; }

.tab ul li a:hover { border-bottom:#3B8EDE solid 5px; }

.tab_hover a { border-bottom:#3B8EDE solid 5px; color:#3B8EDE; }

.tab_li a { border-bottom:#EBEBEB solid 5px; }

.tab_li a:hover { border-bottom:#3B8EDE solid 5px; }

.content { font-size:16px; line-height:35px; padding:20px 0; color:#666; }

.content h1 { text-align:center; padding:25px 0; line-height:40px; margin:0 auto 30px auto; color:#3B8EDE; font-size:24px; font-weight:normal; background:url(line.png) repeat-x bottom; }

.content table { border-left:#DDD solid 1px;  border-top:#DDD solid 1px; }

.content table td { padding:6px 10px; font-size:13px; border-right:#DDD solid 1px;  border-bottom:#DDD solid 1px; line-height:26px; }

.content table td strong { font-size:14px; color:#3B8EDE; }

.about_bg { background:url(about_bg.jpg) no-repeat center left; border-top:#DDD solid 1px; margin-top:3px; }

.about_title { font-size:35px; color:#343434; font-weight:600; text-align:center; padding-top:100px; }

.about_content { font-size:15px; line-height:45px; padding:30px 0; color:#787878; width:1000px; margin:0 auto; }

.service_content { font-size:15px; line-height:40px; color:#787878; background:url(service.png) no-repeat bottom right; padding-top:80px; padding-bottom:250px; padding-right:500px; }

.service_content strong { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3B8EDE; }

.service_content a { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3B8EDE; }

.list { padding:50px 0 20px 0; width:1200px; overflow:hidden; }

.list ul { width:1260px; overflow:hidden; }

.list ul li { float:left; width:360px; height:300px; margin-right:60px; border-top:#DEDEDE solid 1px; padding-top:10px; }

.list_title { font-size:16px; font-weight:bold; width:360px; height:60px; line-height:60px; overflow:hidden;}

.list_content { color:#787878; line-height:26px; }

.list_date { margin-top:20px; height30px; color:#CCC; font-style:italic; font-size:13px; }

.show { width:1000px; padding-bottom:20px; }

.show_title { font-size:20px; font-weight:bold; height:80px; line-height:80px; }

.show_description { border:#CCCCCC dashed 1px; padding:10px; line-height:26px; font-size:13px; color:#999; }

.show_content { font-size:15px; line-height:35px; padding:20px 0; color:#666; }

.show_date { color:#999; font-style:italic; font-size:14px; text-align:right; }


/* FOOTER */

.footer { padding:20px 0 30px 0; background:#FAFAFA; border-top:#3B8EDE solid 3px; margin-top:30px; }

.footer_link { width:700px; height:40px; border-bottom:#CCC solid 1px; overflow:hidden; font-size:15px; }

.footer_link ul li { float:left; width:90px; height:40px; line-height:36px; margin-right:10px; text-align:center; background:url(ico.gif) no-repeat left center; }

.footer_text { line-height:30px; font-size:13px; margin-top:10px; color:#666; }

.footer_text a { color:#666; }

.footer_text a:hover { color:#3B8EDE; }