/****************************************************************************************** * CSS Document 海阔天空网络 * ******************************************************************************************/ /* Reset ----------------------------------------*/ html,body,div,form,ul, li,img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; text-align: left; vertical-align: baseline; } table {border-collapse: collapse; border-spacing: 0;} ol, ul {list-style: none;} a img, :link img, :visited img {border: 0;} /* Elements ----------------------------------------*/ body, p, td, th, li{font-family: Arial,"宋体", Arial, Verdana;font-size:13px;line-height:180%;color:#696969;} /*链接样式*/ a { color:#C10000;text-decoration:none;} a:hover { text-decoration:underline;} .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .hide { display: none; } .line_right { border-right: 1px solid #DFDEDE; } .f_red { color: #ff0000; } .f_green { color: #999;} .f_t1 { color: #77A026;} .f_data { color: #ccc; } .f_11 { font-size:11px; } .f_12 { font-size:12px;} .f_14 { font-size:14px;} .f_16 { font-size:16px;} .small { font-size:.625em;} .large { font-size:0.875em;} .f_en { font-family:Arial, Helvetica, sans-serif} .top_40 { margin:40px 0 0 0;} .top_30 { margin:30px 0 0 0;} .top_20 { margin:20px 0 0 0;} .top_10 { margin:10px 0 0 0;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { font-size: 15px; } h2 { font-size: 14px; } h3 { font-size: 13px; } p {margin: 0 0 1em 0;} blockquote {margin: 0 0 18px 18px; color:#666666; font-style: italic;} em {font-style:italic;} p.last {margin-bottom:0px;} .font_through{ text-decoration: line-through;} .font_price {font-size:18px; font-family:Arial, Helvetica, sans-serif;color:#cc0000; line-height:30px;} /* clear float
*/ .clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; } /**------ 页面皮肤 ------**/ .sbody {background:#fff url(../images/v3_index_bg.jpg) repeat-x 0 0;} .w_980 {width:980px;margin:auto;} #wrapper {width:980px;margin:auto;} /*迷你导航*/ #miniNav {color:#195E4F;text-align:center;height:20px;padding:5px 3px 0 0;font-size:12px;font-family:"Verdana";} #miniNav img a {float:right;padding:0 12px 0 0 ;border:0;} #miniNav a {color:#6CA5B6;margin:0 2px;font-size:12px;text-decoration:none;padding:0 6px 2px 0;display:block;float:right;} #miniNav a:hover {color:#4683CC;text-decoration:underline;} /*======= 顶部 =======*/ #header {height:69px;} #header .logo {float:left;width:290px;} #header .menu {float:right;width:690px;padding-top:15px;height:29px;} #header .menu li {float:right;font: 14px Arial;font-weight:bold;text-align: center;} #header .menu li a {display:block;padding:0 11px;line-height:25px;color: #000;text-decoration:none; background:url(../images/v3_menu_bg.jpg) no-repeat right 5px;} #header .menu li a:hover {color:#fff;background:url(../images/v3_menu_bg_2.gif) no-repeat bottom center;} /*======= 首页 =======*/ #flash {height:360px;} #flash_page {height:160px;background:url(../images/flash_page.jpg) no-repeat top 0px;} #main,#page {padding-bottom:20px;height:100%;font: 12px Arial;} #main h3 {margin:5px 0;padding:0 0 5px 2px;color:#4D4D4D;font-weight:bold;background:url(../images/v3_h3_bg1.jpg) repeat-x bottom left;} #main .website_design_us {float:left;padding:0 12px;width:406px;} #main .website_design_us img {float:left;margin:3px 12px 0 0;display:inline;} #main .website_design_us span {width:290px;float:right;} #main .website_design_us p {line-height:20px;margin-top:8px;} #main .website_design_us a {color:#666;text-decoration:underline; } #main .website_design_us a:hover {color:#E87B12;text-decoration:none; } #main .website_design_faq {float:left;padding:0 12px;width:246px;} #main .ListFaq {} #main .ListFaq li {list-style:none;color: #999;height:31px;line-height:30px;width:246px;background:url(../images/v3_li_bg_1.jpg) no-repeat bottom left;} #main .ListFaq li a {padding-left:15px;color: #666;text-decoration: none;} #main .ListFaq li a:hover {color:#E87B12;text-decoration:underline;} #main .website_design_case {float:right;padding:0 12px;width:256px;height:209px; background:url(../images/v3_website-design-case-bg.jpg) no-repeat 10px 3px;} #main .website_design_case .website_design_client{margin:11px 0 0 20px;width:187px;height:138px;background:#ccc;} #main .website_design_case .website_design_title {margin:14px auto 0 42px;} /*======= 页面 =======*/ #page #side {float:left;padding:149px 40px 100px 20px;width:210px;background:url(../images/v3_left_nav_bg.jpg) no-repeat top left;} #page #side .submenu {} #page #side .submenu li {font: 13px Arial;margin:2px 0 0 0;height:26px;background:url(../images/v3_left_nav_bg1.jpg) no-repeat bottom left;} #page #side .submenu li a {padding:0 0 0 18px;color:#585858;line-height:22px;} #page #side .submenu li a:hover {color:#FF6600;} #page #right {float:left;padding:0;width:710px;} #page #right .box_1 {height:55px;padding:25px 0 0 25px;color: #8C8C8C;background:url(../images/v3_r_box_1.jpg) no-repeat 0px 0px;} #page #right .box_1 a {color: #8A8A8A;} #page #right .box_1 a:hover {color: #6fb721;} #page #right .box_2 {height:100%;padding:0 22px 0 25px;background:url(../images/v3_r_box_2.jpg) repeat-y top left;} #page #right .box_3 {height:50px;background:url(../images/v3_r_box_3.jpg) no-repeat bottom left;} #page #right .box_2 h1 {margin-top:5px;padding:0 0 0 25px;font-size: 14px;color:#48484A;background:url(../images/v3_h1_bg1.jpg) no-repeat top left;} #page #right .box_2 h2 {margin:15px 0;color: #C06D11;} /* 服务与支持 */ .ListPage { } .ListPage li { list-style:none;color: #999;} .ListPage li a { padding:5px 0 2px 16px;height:30px;color: #666;line-height:25px; background:url(../images/ico_3.jpg) no-repeat center left;text-decoration: underline;} .ListPage li a:hover { color:#009900;text-decoration:none;} /* 客户案例 */ .ListCase { } .ListCase li { list-style:none;color: #999;} .ListCase li a { padding:5px 0 2px 16px;height:30px;color: #666;line-height:25px; background:url(../images/ico_3.jpg) no-repeat center left;text-decoration: underline;} .ListCase li a:hover { color:#009900;text-decoration:none;} .case li {float:left;width:660px; height:160px; margin-bottom:20px; position:relative; font-size:12px;} .case li span.t1 {width: 445px;top:5px;left:200px; padding-left:9px; margin-bottom:30px;position: absolute; font-weight:bold; color:#797979;} .case li span.t2 {width: 445px;top:23px;left:210px; margin-bottom:30px;position: absolute; color:#999999;} .case li span.t3 {width: 445px;top:59px;left:210px;margin-bottom:20px;position: absolute;line-height:20px;} .case li span.t4 {width: 445px;top:102px;left:210px; margin-bottom:25px;position: absolute;color:#999999;border-top: #E1E1E1 1px dotted; padding-bottom:3px;} .case li span.t4 a,.case li span.t6 a{color:#999;} .case li span.t6 a{color: #70956D;} .case li span.t4 a:hover,.case li span.t6 a:hover{ text-decoration:underline; } .case li span.t6 {width: 445px;top:129px;left:209px; margin-bottom:30px;position: absolute;padding:2px 0 1px 20px;background: url(../images/ico_4.jpg) no-repeat 0px 0px; } .case li img {border: #E8E6E8 1px solid;} .online {margin-top:10px;padding:10px 20px;height:20px;background:url(../images/v3_qq.jpg) no-repeat center left;} /* 样式一 */ .style_a { margin-top:15px;} .style_a a { color:#555;text-decoration:underline;} .style_a a:hover { color: #9F0000;text-decoration:none;} .style_a li { list-style:none; padding:0 0 0 10px;width:690px;} .style_a li span { float:right;padding:6px;color: #999;text-align:right;border-bottom: 1px dotted #555;} .style_a li a { display:block;padding:6px 0 6px 2px;height:18px;color: #666;text-decoration: none;} .style_a li a:hover { text-decoration: none;} /* 服务 */ .style_a .con, .style_a .con1 { width:100%; clear:both;padding-top:20px;} .style_a .con h3 a, .style_a .con1 h3 a { margin:0;font-size:13px; color:#2C92C0;font-weight:bold;} .style_a .con li { width:320px; margin:0; display:inline; padding-bottom:20px; float:left;} .style_a .con li img { float:left;} .style_a .con li div { width:250px; float:right;} .style_a .con li div p, .style_a .con1 li div p{ font-size:12px;text-indent:0; color:#848484;} .style_a .con1 li {margin:0; padding-bottom:20px;width:620px;} .style_a .con1 li img { float:left; margin:3px 10px 0 0; display:inline;} .style_a .con1 li div { width:450px; margin-top:5px;float:right;} .style_a .con_team { } .style_a .con_team li { width:650px;margin:0; padding-bottom:20px;} .style_a .con_team li img { float:left; margin:3px 10px 0px 0px; display:inline;} .style_a .con_team li div { width:450px; margin-top:5px;float:right;} .style_a .con_team li div a {} /* 表单样式一 */ .table_1{} .table_1 th,.table_1 td {height:22px; } .table_1 .td_a {padding:2px 5px;text-align: right;} .table_1 .td_b {padding:2px;} .table_1 .td_b input, .table_1 .td_b select {width:200px;border: 1px solid #E3E3E3;color:#999;} .table_1 .td_b textarea {width:360px;border: 1px solid #E3E3E3;color:#898989;} .table_2{ color:#474747; float:left; width:660px; border-collapse:collapse; font-size:12px; text-align:center; display:table; } .table_2 th{ padding-left:5px; color:#474747; line-height:26px; text-align:left; background-color:#fff; border:none; } .table_2 th.three{ padding-left:5px; text-align:left; background-color:#e0e0e0; font-weight:bold; border-left:1px #cdcdcd solid; border-right:1px #cdcdcd solid; border-top:1px #cdcdcd solid; } .table_2 th.two{ padding-left:5px; color:#cc0000; line-height:27px; text-align:left; font-weight:bold; background:url(../images/table_bg.jpg) repeat-x; border-collapse:collapse; border-left:1px #cdcdcd solid; border-right:1px #cdcdcd solid; border-top:1px #cdcdcd solid; border-bottom:1px #cdcdcd solid; } .table_2 th.four{ text-align:left; border:1px #cdcdcd solid; padding-left:5px; padding-top:3px; line-height:23px; color:#474747; background-color:#fff; } .table_2 td{ text-align:left; border-left:1px #cdcdcd solid; border-right:1px #cdcdcd solid; border-top:1px #cdcdcd solid; border-bottom:1px #cdcdcd solid; padding-left:5px; padding-top:3px; line-height:23px; color:#474747; background-color:#fff; } .table_2 td.td2{ text-align:left; border-left:1px #cdcdcd solid; border-right:1px #cdcdcd solid; border-top:1px #cdcdcd solid; border-bottom:1px #cdcdcd solid; padding-left:5px; padding-top:3px; line-height:23px; background-color:#efefef; } /* 页面页码 */ .PageNumber { padding:10px 0 0 1px;font-size:12px;} .PageNumber,.blog-nav{ font-size:1.1em;height:15px;line-height:15px;margin:5px 0 13px;} .PageNumber .pages, .PageNumber .extend, .PageNumber .current, .PageNumber a { border:1px #AFB2BB solid;color:#7A8599;display:block;float:left;margin-right:5px;text-decoration:none;padding:3px 6px;} .PageNumber .extend { border:0 none!important;} .PageNumber .current, .PageNumber a:hover { background:#A3A5AF;border:1px #A3A5AE solid;color:#fff;text-decoration:none;} /*======= 底部 =======*/ #footer {width:100%;height:100px;font: 12px Arial;background:#f6f6f6 url(../images/v3_footer_bg.jpg) repeat-x top right;} #footer .copyright {margin:30px auto 10px auto;padding-top:17px;height:28px;background:url(../images/v3_footer_1.jpg) no-repeat 0 0;} #footer .copyright a {color:#999;line-height:25px;} #footer .copyright a:hover {color:#666;} #footer .copyright p {margin:0;color:#999;} #footer .copyright p strong {padding:0 0 0 30px;color:#666;} #footer .copyright span {font:10px Arial;color:#999;} #footer .links {float:left;margin:10px 0 0 0;height:35px;color:#C87690;} #footer .links a {margin:0 2px 0 0;color:#ccc;line-height:20px;} #footer .links a:hover {border-bottom: 1px dashed #DFDEDE;text-decoration:none;}