/* CSS Document */
/* CSS Hack for Friefox */
@import url("main.css");
#top {background: url(../images/top_bg2.gif) repeat-x top; height:auto;position:relative;z-index:999;}
.menu{background:url(../images/menu3.gif) no-repeat; padding-bottom:5px;}
.top_ad{margin:0 auto; background-color:#273C83; text-align:right; clear:both;}
.top_bg3{margin:0 auto;background:url(../images/top_bg3.jpg) repeat-x; height:9px; clear:both;}
/*---home_float_menu---*/
.home_float{ float:left;}
.home_float ul{position:absolute;width:415px; height:166px;text-align:left; background-color:#FFFFFF;margin-top:30px;padding:12px 0 0 15px;}
.home_float li{ width:130px; height:18px; border-bottom:1px solid #D6D6D6; clear:both; padding:1px 0;line-height:15px; margin-right:20px;}
.home_float .left{ float:left; clear:none;}
.home_float li a {width:120px;height:15px; color:#808080; display:block; padding:3px 0 0 10px;}
.home_float li a:hover {background-color:#E4E4E4;color:#707070;}
.home_float .about{ margin-left:105px;background:url(../images/home_menu_about.gif) no-repeat;visibility:hidden;}
.home_float .advantage{ margin-left:210px;background:url(../images/home_menu_advantage.gif) no-repeat;visibility:hidden;}
.home_float .webplan{ margin-left:315px;background:url(../images/home_menu_webplan.gif) no-repeat;visibility:hidden;}
.home_float .website{ margin-left:420px;background:url(../images/home_menu_website.gif) no-repeat;visibility:hidden;}
.home_float .webmarketing{ margin-left:525px;background:url(../images/home_menu_webmarketing.gif) no-repeat;visibility:hidden;}
.home_float .application{ margin-left:317px;background:url(../images/home_menu_application.gif) no-repeat;visibility:hidden;}
.home_float .case{ margin-left:422px;background:url(../images/home_menu_case.gif) no-repeat;visibility:hidden;}
.home_float .service{ margin-left:527px;background:url(../images/home_menu_service.gif) no-repeat;visibility:hidden;}

/*---home_Left---*/
.home_left{background:url(../images/home_leftbg.jpg) no-repeat; width:220px; height:1485px;padding-left:10px; float:left;}
.home_left_why{ background:url(../images/home_left01.gif) no-repeat; width:201px; height:362px;}
.home_left_why h4{ visibility:hidden; height:75px;}
.home_left_why li{ height:55px;}
.home_left_why span{ visibility:hidden;}
.home_left_why a{height:55px; display:block;}
.home_left_why a:hover{ background:url(../images/home_left01_t.gif) no-repeat right;}

.home_left_ljie{ background:url(../images/home_left02.gif) no-repeat; width:194px; height:130px; padding-left:7px;}
.home_left_ljie h4{ visibility:hidden; height:72px;}
.home_left_ljie a{ width:90px;height:23px; display:block; margin:0 7px 5px 0;}
.home_left_ljie li{ float:left;width:90px;}
.home_left_ljie span{ display:none;}
.home_left_ljie .intro{ width:184px; color:#5B5B5B;}

.home_left_gd{ background:url(../images/home_left04.gif) no-repeat; width:194px; height:358px; padding:6px 0 0 7px;}
.home_left_gd h4{ display:none;}
.home_left_gd li{width:155px;height:20px; margin:0px; padding:8px 0 0 30px; font-weight:bold;}
.home_left_gd li{width:155px;height:20px; margin:0px; padding:16px 0 0 30px;font-weight:bold;!important}
.home_left_gd span{ display:none;}

.home_left_kf{ background:url(../images/home_left03.gif) no-repeat; width:201px; height:230px;}
.home_left_kf h4{height:115px; visibility:hidden;}
.home_left_kf a{ width:97px; height:23px; display:block;}
.home_left_kf li {margin-left:94px;height:23px;}
.home_left_kf li span{height:23px; visibility:hidden;}
.home_left_kf .kf_more{ margin-top:58px;}

/*---home_right---*/
.home_ad h4{ display:none;}
.home_right{ float:left; margin-left:3px; width:762px;}
.home_work{ background:url(../images/home_r01.jpg) no-repeat top; width:762px; margin-top:12px;}
.home_work h4{ height:43px; visibility:hidden;}
.home_work .work01{ float:left; width:410px; height:363px; }
.work01_bt{ float:left; width:137px;}
.work01_bt span{ display:none;}
.work01_bt li{width:137px; height:91px;float:left;}
.work01_bt a{width:134px; height:81px;display:block;padding:10px 0 0 3px;background:url(../images/home_work_iconbg.gif) no-repeat left top; }
.work01_bt a:hover{width:122px; padding-left:15px; background-position:100% -91px;}
.work01_bt .t{background-position:100% -91px;}
.work01_content{ border:1px solid #C3A976; border-left:none; background:url(../images/home_work_iconbg2.gif) repeat-y left; float:left; width:266px; height:362px;}
.work02{ width:345px; height:361px; float:right; padding:1px 0 0 1px; border:1px solid #D0D0D0;}
.work02_bt li{width:85px; height:27px;float:left; font-weight:bold;}
.work02_bt a{width:66px; height:21px;background:url(../images/home_news01.gif) no-repeat top; display:block; padding:6px 0 0 23px;}
.work02_bt a:hover{background-position:100% -27px; color:#FFFFFF;}
.work02_bt .t{background-position:100% -27px; color:#FFFFFF;}
.work02_list{ background-color:#EEEEEE; width:345px; height:333px; clear:both;}
.work02_list dl{ background:url(../images/xx02.gif) repeat-x bottom;  height:22px; margin:0 6px; padding-top:4px;}
.work02_list dt{ background:url(../images/icon_06.gif) no-repeat 5px 6px; padding-left:15px; float:left;}
.work02_list dd{ float:right; width:36px; color:#A3A3A3;}
.work02_list li{ text-align:right; margin:4px 6px 0 0;}
.work02_list .toutiao{ height:90px; margin-top:3px;}
.work02_list .toutiao dt{ font-weight:bold; float:none;background:url(../images/icon_07.gif) no-repeat left 4px;}
.work02_list .toutiao dd{ clear:both; color:#696969; width:100%;}
.work02_list .toutiao dd img{ float:left; padding-right:10px;}
.home_case{ background:url(../images/home_r02.jpg) no-repeat top; width:762px; height:100px; margin-top:10px; overflow:auto;}
.home_case h4{ height:26px; visibility:hidden;}
.home_case li{ float:left; margin:12px 6px 0 0px;}
.home_case .set{ width:136px; color:#8D8D8D; border:1px solid #C5C5C5; margin-right:8px;}
.home_case .input{ width:145px; height:17px; color:#C60203; border:1px solid #CACACA; background:url(../images/client_04.gif) no-repeat left; padding-left:65px; }
.home_case .designer { position:absolute; margin:-4px 0 0 628px;}
.home_case1{ background:url(../images/home_case1.gif) no-repeat top; width:762px; height:214px; margin-top:6px; overflow:hidden;}
.home_case1 .btn{ width:160px; float:right;}
.home_case1 .btn span{ display:none;}
.home_case1 .btn li{ float:left; width:21px;}
.home_case1 .btn a{width:21px; height:29px; background:url(../images/icon_08.gif) no-repeat left -29px; display:block;}
.home_case1 .btn a:hover{ background-position:100% 0px;}
.home_case1 .btn .t a{ background-position:100% 0px;}
.home_case1 .btn .page,.home_case1 .btn .page a{ width:30px; background:none;}
.home_case1 .content{ padding-top:12px; clear:both; }
.home_case1 .content li{ float:left; margin-left:20px; display:inline;}
.home_case1 .content .intro{ float:left; margin-left:32px; width:260px; display:inline;}

.home_case2{ background:url(../images/home_case2.gif) no-repeat left top; width:762px; height:255px; margin-top:12px; padding-top:45px; overflow:hidden;}
.home_case2 li{ float:left; width:138px; text-align:center; margin:0 10px 0 0; }
.home_case2 li p{ clear:both;}
.home_case2 img{border:2px solid #E5E5E5; padding:5px; float:left;}

.home_link{ margin-top:10px;}
.home_link li{ float:left; margin-right:8px;}
.home_link .r{ float:left; margin:0px;}
.home_link .wz{ clear:both; padding-top:8px; width:760px;}
.home_link span{ display:none;}