﻿/*--- top ---*/
.header { width:1003px; height:89px; margin:0 auto}
.top_bar { height:89px; background:url(../images/top_bar.gif) repeat-x;}
.top_bar h1 { width:155px; height:89px; float:left;}
.top_cen { width:149px; height:89px; float:left; background: url(../images/logo_txt.gif) no-repeat}
.top_cen2 { width:248px; height:89px; float:left; background: url(../images/logo03.gif) no-repeat}
.top_right { float:left; height:89px; width:451px; text-align:center}
.top_right_link { background:url(../images/top_right.gif) no-repeat; width:226px; height:30px; float:right; margin-right:20px; line-height:30px;}
.top_right_search {width:262px; height:22px; float:right; margin-right:17px; line-height:22px; margin-top:20px;}
.top_right_search_right { border: 1px solid #e7e7e7; background:#fff;width:36px; height:22px; float:left;line-height:22px; margin-left:-1px; color:#ccc;}
.top_right_search_left { border: 1px solid #e7e7e7; background:#fff;width:221px; height:20px; float:left;line-height:19px;}
.clear_l { clear:left;}
.clear_r { clear:right}
.clear_both { clear:both}
/*top_nav*/
.nav { background: url(../images/top_nav.jpg) repeat-x; height:37px; width:100%; margin:0 auto;}
.nav_main {height:37px; width:1003px; margin:0 auto;}
.nav ul{list-style:none; margin:0 0 0 26px; }
.nav li{float:left;width:120px;margin-left:-1px;line-height:37px; height:37px;}
.nav a{display:block;text-align:center;height:37px;  font-family:"微软雅黑"; font-weight:bold;}
.nav a:link{color:#fff; font-size:14px;text-decoration:none;font-weight:bold;}
.nav a:visited{color:#fff; font-size:14px;text-decoration:none;font-weight:bold;}
.nav a:hover{color:#de290a; font-weight:bold; font-size:14px;text-decoration:none;background:url(../images/top_nav_hover.jpg) no-repeat ; width:101px; height:37px; line-height:37px; margin-left:10px; font-family:"微软雅黑";} 
.banner { width:1003px; height:200px; margin:0 auto; padding:15px 0; text-align:center}
.main { width:1003px; height:240px !important; height:250px;background:url(../images/main.jpg) repeat-x; margin:0 auto;}
.left_column { background:url(../images/index_left.gif) no-repeat; width:321px !important; width:311px;height:193px; margin:34px 11px 30px 15px !important; margin:24px 8px 30px 8px; float:left;}
.left_column_title { width:240px; height:34px; line-height:34px; margin-top:3px; margin-left:18px; padding-top:1px;float:left; font-size:14px; color:#fff;}
*html .left_column_title { width:220px; height:34px; line-height:34px; margin-top:13px; margin-left:10px; padding-top:1px;float:left; font-size:14px; color:#fff;}
.left_column_more { width:50px; height:34px; line-height:34px; float:left; padding-top:4px; font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
*html .left_column_more { width:50px; height:34px; line-height:34px; float:left; padding-top:4px; font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}

.left_column_news { width:310px; height:140px; float:left; margin-top:11px; margin-left:5px;}
*html .left_column_news { width:310px; height:140px; float:left; margin-top:1px; margin-left:5px;}
.left_column_news ul { list-style:none; margin-left:19px;}
.left_column_news li { float:left;width:280px; height:25px; line-height:25px; margin-bottom:1px;}
.left_column_news li a { font-size:12px; color:#666; text-decoration:none;}
.left_column_news li a:visited { font-size:12px; color:#666; text-decoration:none;}
.left_column_news li a:hover{font-size:12px; color:#F0200D; text-decoration:none; }
.left_column_news li a:active{font-size:12px; color:#666; text-decoration:none;}

.cen_column { background:url(../images/index_cen.jpg) no-repeat; width:310px; height:193px; margin:34px 11px 30px 0px; float:left;}
*html .cen_column { background:url(../images/index_cen.jpg) no-repeat; width:290px; height:193px; margin:24px 8px 30px 0px; float:left;}
.cen_column_title { width:230px; height:34px; line-height:34px; margin-top:3px; margin-left:18px; padding-top:1px;float:left; font-size:14px; color:#fff;}
*html .cen_column_title { width:200px; height:34px; line-height:34px; margin-top:13px; margin-left:10px; margin-right:15px; padding-top:1px;float:left; font-size:14px; color:#fff;}
.cen_column_more { width:50px; height:34px; line-height:34px; float:left; padding-top:4px; font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.cen_column_case { width:310px; height:140px; float:left; margin-top:8px;}
*html .cen_column_case { width:310px; height:140px; float:left; margin-top:-3px;}
.cen_column_case ul { list-style:none; margin:0 8px;}
*html .cen_column_case ul { list-style:none; margin:0 1px;}
.cen_column_case li { float:left;width:137px; height:135px;margin-bottom:1px; margin-left:6px; margin-right:3px;}
.cen_column_case li a { font-size:12px; color:#fff; text-decoration:none;}
.cen_column_case li a:visited { font-size:12px; color:#fff; text-decoration:none;}
.cen_column_case li a:hover{font-size:12px; color:#f8ff00; text-decoration:none; }
.cen_column_case li a:active{font-size:12px; color:#fff; text-decoration:none;}

.cen_column_case li img {border:1px solid #EFEFEF; PADDING:1px; MARGIN: auto 0px;}
.cen_column_case li a img:hover{border:1px solid #719100; PADDING:1px; MARGIN: auto 0px;}

.cen_column_case_txt_left { width:134px; height:28px; line-height:25px; background:url(../images/case_left.gif) no-repeat; margin-top:5px; text-align:center;}
.cen_column_case_txt_right { width:134px; height:28px; line-height:25px; background:url(../images/case_right.gif) no-repeat; margin-top:5px; text-align:center;}
.liebiao A img {
	border:1px solid #EFEFEF; PADDING:1px; MARGIN: auto 0px;
}
.liebiao img:hover {
	border:1px solid #719100; PADDING:1px; MARGIN: auto 0px;
}
.right_column { background:url(../images/index_28.gif) no-repeat; width:321px; height:193px; margin:34px 11px 30px 0px; float:left;}
*html .right_column { background:url(../images/index_28.gif) no-repeat; width:321px; height:193px; margin:24px 10px 30px 0px; float:left;}
.partner {width:1003px;margin:10px auto 15px;}
.partner ul { list-style: none; text-align:center; margin-left:23px;}
.partner li { float:left; width:92px; height:31px; line-height:31px; margin:5px 13px;}
.partner li a {margin:0px;display:block;position: relative;border: 1px solid #EFEFEF;}
.partner li a:hover {border:1px solid #719100;}
/*footer*/
.footer { width:1003px; height:130px; background:#f9f9f9 url(../images/bottom.gif) repeat-x; margin:0 auto; text-align:center}

/*tab*/
ul{ list-style:none;}
/*选项卡1*/

/*选项卡3*/
#Tab3{
width:295px !important; width:295px;
margin:0px;
padding:0px;
margin:10px auto 0 auto;}
/*菜单class*/
.Menubox {
width:100%;
background:url(../images/off.gif);
height:26px;
line-height:26px;
border-bottom: 1px solid #ccc;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
 float:left;
 display:block;
 cursor:pointer;
 width:70px;
 text-align:center;
 color:#666;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 margin-right:5px;
 }
.Menubox li.hover{
 padding:0px;
 background:#fff;
 width:70px;
background:url(../images/case_tab.gif);
 color:#fff;
 height:25px;
line-height:26px;
 border-top:1px solid #fff;
 border-left:1px solid #fff;
 border-right:1px solid #fff;
}
.Contentbox{
 clear:both;
 margin-top:0px;

 border-top:none;
 height:auto;
 text-align:center;
 padding-top:8px;
}

/*service*/
.list_main { width:1003px;background:url(../images/main.jpg) repeat-x; margin:10px auto;}
.service_left { width:688px; margin:0 15px 0 20px; float:left;}
*html .service_left { width:688px; margin:0 15px 0 10px; float:left;}
.service_left_title  { background:url(../images/list/lines.gif) repeat-x bottom; height:35px; line-height:35px; margin-top:10px}
.service_left_price_title  { background:url(../images/list/lines.gif) repeat-x bottom; height:35px; line-height:35px; margin-top:10px}
.service_left_price_left  {width:460px; float:left}
.service_left_price_more  {width:200px; float:left; text-align:right}

.service_left_price_item { width:688px; height:240px;float:left; margin-top:10px;}
*html .service_left_price_item { width:688px; height:220px;float:left; margin-top:10px;}
.service_left_price_item_i { width:218px; height:225px; border:1px solid #ccc; float:left; margin:5px 4px;}
*html .service_left_price_item_i { width:218px; height:220px; border:1px solid #ccc; float:left; margin:0px 4px;}
.service_left_price_item_i_title { background:url(../images/list/price_title.gif) no-repeat;width:218px; height:32px; float:left; margin:0; text-align:center; font-size:14px; color:#fff; line-height:32px}

.service_price_txt { width:218px; height:160px; float:left; margin-top:11px;}
*html .service_price_txt { width:218px; height:140px; float:left; margin-top:13px;}
.service_price_txt ul { list-style:none;}
.service_price_txt li { float:left;width:185px; margin-left:12px; margin-bottom:10px;background:url(../images/list/price_ico.gif) no-repeat left 7%; color:#666; line-height:18px; padding-left:15px;}
*html .service_price_txt li { float:left;width:185px; margin-left:6px; margin-bottom:10px;background:url(../images/list/price_ico.gif) no-repeat left 7%; color:#666; line-height:18px;}
.service_price_txt_more {text-align:right;padding-right:10px;}
*html .service_price_txt_more {text-align:right;padding-right:10px; margin-top:10px;}

/*list_case*/
.list_column_case { width:680px; height:140px; float:left; margin-top:8px; display:inline;}
.list_column_case ul { list-style:none; margin:10px 8px;}
.list_column_case li { float:left;width:126px; height:105px;margin-bottom:1px; margin-left:20px; margin-right:20px;}
*html .list_column_case li { float:left;width:126px; height:105px;margin-bottom:1px; margin-left:15px; margin-right:15px;}

.list_column_case_i { width:650px;float:left; margin-top:8px; margin-left:25px; display:inline;}
*html .list_column_case_i { width:670px;float:left; margin-top:8px; margin-left:25px; display:inline;}
.list_column_case_i ul { list-style:none; margin:10px 25px;}
.list_column_case_i li { float:left;width:180px; height:135px;margin:5px 10px;}
*html .list_column_case_i li { float:left;width:180px; height:135px;margin:5px 10px;}

.list_column_case_txt_left { width:126px; height:28px; line-height:25px;margin-top:2px; text-align:center;}
.list_column_case_txt_right { width:126px; height:28px; line-height:25px;margin-top:2px; text-align:center;}

.service_item { width:688px; height:400px; float:left; margin-top:15px; margin-bottom:0px; background:url(../images/list/item_lines.gif) no-repeat 49%;}
*html .service_item { width:688px; height:400px; float:left; margin-top:15px; margin-bottom:-10px; background:url(../images/list/item_lines.gif) no-repeat center;}
.service_item_txt {float:left width:100px; margin-left:70px;}
.service_item ul { list-style:none; margin:0 8px;}
.service_item li { float:left;width:310px; height:85px; margin:10px 10px;}
*html .service_item li { float:left;width:310px; height:85px;margin:10px 10px;}
.service_itemweb{ background:url(../images/list/web.gif) no-repeat left; width:57px; height:85px;}
.service_itemdesign{ background:url(../images/list/design.gif) no-repeat left; width:57px; height:85px;}
.service_itemcehua{ background:url(../images/list/cehua.gif) no-repeat left; width:57px; height:85px;}
.service_itemflash{ background:url(../images/list/flash.gif) no-repeat left; width:57px; height:85px;}
.service_itemchange{ background:url(../images/list/change.gif) no-repeat left; width:57px; height:85px;}
.service_itemweb_repair{ background:url(../images/list/web_repair.gif) no-repeat left; width:57px; height:85px;}
.service_itemmovie{ background:url(../images/list/movie.gif) no-repeat left; width:57px; height:85px;}
.service_itemnet{ background:url(../images/list/net.gif) no-repeat left; width:57px; height:85px;}

.service_right { width:255px; margin-right:20px; float:left; height:780px;}
*html .service_right { width:255px; margin-right:5px; float:left;}
.service_right_top { width:255px;float:left; }
*html .service_right_top { width:255px;float:left;}
.service_right_item_title  { background:url(../images/list/lines.gif) repeat-x bottom; height:35px; line-height:35px; width:250px; margin-top:10px}
.service_right_item_pic  { border:1px solid #ccc;width:250px; height:210px; margin-top:10px;text-align:center}
*html .service_right_item_pic  { border:1px solid #ccc;width:250px; height:0; margin-top:10px;text-align:center}
.service_right_item_pic01  { margin:1px; padding-bottom:3px; width:245px; padding-left:3px;}
.service_right_item_see  { width:240px; border-top: 1px dotted #ccc; margin:10px auto; height:30px; line-height:30px; }
*html .service_right_item_see  { width:240px; border-top: 1px dotted #ccc; margin:0px auto; height:30px; line-height:30px; }
.service_right_item_see_left  { width:160px; text-align:left; float:left; background:url(../images/list/item_in_line.gif) no-repeat right; padding-left:5px;}
.service_right_item_see_right { width:70px; text-align:center; float:right;  height:23px; line-height:30px; padding-top:7px;}
.service_right_item_b  { background:url(../images/list/item_in_b.gif) repeat-x; height:14px;width:252px; float:left; margin:0;}

/*service_news*/
.service_right_news_title  { background:url(../images/list/lines.gif) repeat-x bottom; height:35px; line-height:35px; width:255px; margin-top:10px}
*html .service_right_news_title  { background:url(../images/list/lines.gif) repeat-x bottom; height:35px; line-height:35px; width:24px; margin-top:10px}
.service_right_news_left  { width:180px; float:left;}
.service_right_news_right { width:70px; float:left; text-align:right}

.service_right_news ul { list-style:none; }
.service_right_news li { float:left;width:255px; margin:10px auto; border-bottom:1px dotted #ccc;}
.service_right_news_title { width:235px; height:31px; line-height:31px; float:left; background:url(../images/list/title_ico.gif) no-repeat left;  margin:0 auto; padding-left:40px;}
*html .service_right_news_title { width:235px; height:31px; line-height:31px; float:left; background:url(../images/list/title_ico.gif) no-repeat left;  margin:0 auto; padding-left:32px;}
.service_right_news_date { width:235px; height:25px; line-height:25px; float:left; margin:0 auto; text-align:left; padding-left:5px}
.service_right_news_content { width:235px;line-height:22px; float:left; margin:0 auto; text-align:left; padding-left:5px}
.contact {width:235px; float:left; margin-top:20px;}

/*news_list*/
.news_list { width:688px;float:left; margin-top:10px; margin-bottom:0px; }
*html .news_list { width:688px;float:left; margin-top:5px; margin-bottom:0px; }
.news_list ul { list-style:none; }
.news_list li { float:left;width:688px; margin:5px auto;}
.news_list_title { width:688px; height:31px; line-height:31px; float:left; margin:0 auto; overflow:hidden; text-align:left}
*html .news_list_title { width:688px; height:25px; line-height:25px; float:left; margin:0 auto; overflow:hidden; text-align:left}
.news_list_title_date { width:688px; height:25px; line-height:25px; float:left; margin:0 auto; text-align:left;}
.news_list_title_content { width:648px;line-height:22px; float:left; margin:0 auto; text-align:left; padding:10px; }

/*web_info*/
.web_info { width:650px;float:left; margin:20px auto; padding-bottom:10px;}
.web_info ul { list-style:none;}
.web_info li { float:left;width:600px; margin-left:20px; margin-bottom:8px; line-height:22px; font-size:14px; color:#666;}
*html .web_info li { float:left;width:600px; margin-left:10px; margin-bottom:8px; line-height:22px; font-size:14px; color:#666;}
.web_info_pic { width:680px;float:left; text-align:center; margin-bottom:20px;}

/*website*/
.website {width:250px; margin-top:10px}
.website_item {width:250px;}
.website_item ul { list-style:none}
.website_item li { width:250px; float:left; display:block}
.website_item li a { font-size:14px; color:#666; height:35px; line-height:35px; text-decoration:none; padding-left:20px; border-bottom:1px dotted #ccc; display:block; overflow:hidden;}
.website_item li a:visited { font-size:14px; color:#666; height:35px; line-height:35px; text-decoration:none;}
.website_item li a:hover { font-size:14px; color:#fff; background:#de2720;height:35px; line-height:35px; text-decoration:none; font-weight:bold}
.website_item li a:active { font-size:14px; color:#fff; height:35px; line-height:35px; text-decoration:none;}

/*go_page*/
.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 20px auto; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #cf0000; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #cf0000
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
