@charset "gb2312"; /****************************************************************************************** * v6 CSS * by HKTK.net.cn ******************************************************************************************/ html, body { height:100%;background:#e7e8ea url(../_img/bg.jpg) repeat-x top left;} html, body { font-family:Arial,"宋体"; color:#767676; font-size:13px; line-height:160%;text-align: left;} html, body, div {margin:0;padding: 0;} div,p,img,ima a,span,ul,li,form{margin:0; padding:0; border:0} ul,li{list-style:none;} /*Links*/ a{ color:#c54a10; text-decoration:underline;} a:hover{ text-decoration:none;} .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; } .line_bottom { border-bottom: 1px dotted #bdbeb6; } .f_red { color: #ff0000; } .f_title { color: #000; } .f_title_13 { font-size:13px;color: #8B6C19;font-weight: bold; } .f_us { color: #585858; } .f_Number { color: #549137;} .f_10 { font-size:10px; } .f_12 { font-size:12px; } .f_13 { font-size:13px; } .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;} .pad_12 { padding:12px;} 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;} h4 { font-size: 12px;font-weight: bold;} /* clear float
*/ .clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; } .module {clear:both;} /*======= service =======*/ #service{ width:71px; height:228px; z-index:2; float:left; position:fixed !important; top:198px;/**/ position:absolute; /*top:expression(offsetParent.scrollTop+100);*/ right:0px; } #service p{margin:0 0 0 0;} #service .bj_time{padding:26px 5px 0 5px;width:56px;height:30px;background:url(../_img/s_bjtime.jpg) no-repeat 0 0;} /**------ wrapper ------**/ #wrapper {width:960px;margin:auto;} /****************************************************************************************** * Header ******************************************************************************************/ #header {height:41px;background:url(../_img/bg_Menu.jpg) no-repeat center center;overflow: hidden;} #header .logo {float:left;width:222px;height:41px;} #header .menu {float:left;width:738px;height:41px;font-size:12px;} #header .menu ul {list-style:none;} #header .menu li {float:left;background:url(../_img/bg_Menu_li.jpg) no-repeat right center;} #header .menu li a {float:left;display: block;padding:10px 20px;height:21px;color:#b1b1b1;font-weight: bold; text-decoration:none;text-align: center;} #header .menu li a:hover {background:#535353;color:#f0f4f9;text-decoration:none; } #flash {height:129px;background:url(../_img/v6_flash_1.jpg) no-repeat center center;} #bannerA {margin-top:24px;height:235px;} /* case */ #case {height:245px;background:url(../_img/bg_Case.jpg) repeat-x left center;} #case label {display: block; } #case .infiniteCarousel { margin:auto;width: 950px;position: relative;} #case .infiniteCarousel .caseA {text-align:center; width: 870px; /* .infiniteCarousel width - (.wrapper_a margin-left + .wrapper_a margin-right) */ overflow: auto;height: 195px; margin:25px 40px; position: absolute; top: 0;} #case .infiniteCarousel ul a img { border: 1px solid #325d7e;} #case .infiniteCarousel .caseA ul {width: 870px;list-style-image:none;list-style-position:outside;list-style-type:none; margin:0;padding:0;position: absolute;top: 0;} #case .infiniteCarousel ul li {display:block;float:left;height:205px;width:220px;} #case .infiniteCarousel ul li img {} #case .infiniteCarousel .arrow {display: block;height: 36px;width: 37px;background: url(../_img/arrow.png) no-repeat 0 0; text-indent: -999px;position: absolute;top:100px;cursor: pointer;outline: 0;} #case .infiniteCarousel .forward { background-position: 0 0; right: 0;} #case .infiniteCarousel .back { background-position: 0 -72px; left: 0;} #case .infiniteCarousel .forward:hover { background-position: 0 -36px;} #case .infiniteCarousel .back:hover { background-position: 0 -108px;} /****************************************************************************************** * Body ******************************************************************************************/ #home,#page {height:100%;border-bottom:#c8c9cb 2px solid;background:#fff;} #home .home_blockA {padding:25px 0 0px 0;height:250px;} #home .home_blockB1 {float:left;padding:0 20px 0 320px;width:300px;height:248px; background:url(../_img/v6_page_1.jpg) no-repeat left bottom;} #home .home_blockB2 {float:left;padding:0 20px 20px 20px;width:259px;border-left:#D1D2CC 1px solid;} #home .home_blockC {margin:25px 0 15px 10px;height:220px;} #home .home_blockC1 {float:left;padding:0 20px 0 10px;width:290px;height:210px;} #home .home_blockC2 {float:left;padding:0 20px;width:268px;height:210px;border-left:#D1D2CC 1px solid;border-right:#D1D2CC 1px solid;} #home .home_blockC3 {float:left;padding:0 20px;width:280px;height:210px;} /* YES or NO */ #home .YesNo {padding:8px 0 0 0;} #home .YesNo a {display: block;height:112px;background-repeat: no-repeat;} #home .YesNo a:hover {background-position: bottom;} #home .YesNo a.yes {float: right;background-image: url(../_img/v6_yes.jpg);width: 138px;color: #98A029;} #home .YesNo a.no {float: left;background-image: url(../_img/v6_no.jpg);width: 138px;color: #C40C0C;} /* 一行三列 */ #home .title_14 {margin:0 0 15px 0;padding:10px 0 0 35px;font-size:14px;height:19px;} #home .title_14_1 {background:url(../_img/v6_page_3.jpg) no-repeat 0 0;} #home .title_14_2 {background:url(../_img/v6_page_3.jpg) no-repeat 0 -28px;} #home .title_14_3 {background:url(../_img/v6_page_3.jpg) no-repeat 0 -55px;} #home .ListFaq {} #home .ListFaq li {list-style:none;color: #999;line-height:25px;width:99%; background:url(../_img/i6.gif) no-repeat 5px 10px;} #home .ListFaq li a {padding-left:20px;color: #666;text-decoration: none;} #home .ListFaq li a:hover {color:#E87B12;text-decoration:underline;} #home .about { width:100%; clear:both; padding:5px 0 0 0;} #home .about li { width:99%; margin:0; display:inline; padding-bottom:20px; float:left;} #home .about li img { float:left;} #home .about li div { width:220px; float:right;} #home .about li div p { text-indent:0;} #home .on_line .input1 { padding:5px 5px 0 5px;color:#666;height:19px;border:#E2E2E2 1px solid;background:#EFEFEF;} #home .on_line textarea { padding:5px 5px 0 5px;color:#666;border:#E2E2E2 1px solid;background:#EFEFEF;} /****************************************************************************************** * Main ******************************************************************************************/ .nav { color:#a7a7a7;height:22px;font-size:12px;} .nav a { padding:2px 5px;color:#fff;font-size:12px; text-decoration:none;background:#ccc;} .nav a:hover { text-decoration:underline;} #page {padding:30px;background:url(../_img/v6_page_bg.jpg) repeat-y 0 0;} #page .side {float:left;width:210px;margin:0 30px 0 0;padding:83px 0 0 0;background:url(../_img/v6_side_1.jpg) no-repeat top left;} #page .side h2{padding:4px 0 0 25px;font-weight: bold;height:24px;color:#f1f1f1;background:url(../_img/v6_side_2.jpg) repeat-y 0 0;} #page .submenu li {font: 13px Arial;height:32px;background:url(../_img/v6_side_3.jpg) no-repeat bottom left;} #page .submenu li a {display: block;padding:10px 0 0px 25px;color:#585858;height:22px;text-decoration:none;} #page .submenu li a:hover {color:#c52120;background:url(../_img/v6_side_4.jpg) no-repeat bottom left;} #page .main {float:left;width:660px;} #page .main h1{margin:10px 0 32px 0;font-size:22px;font-weight: bold;color:#333;} #page .main .txt{padding:10px 0 0 0 ;border-top:#ccc 1px dotted;} #page .main .txt p { margin: 0 0 1em 0;} #page .main .txt h3 { height:30px;color: #434343;} /* 服务与支持 */ .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;} /* 案例 */ .caseA li {float:left;width:660px; height:160px; margin-bottom:20px; position:relative; font-size:12px;} .caseA li span.t1 {width: 445px;top:5px;left:200px; padding-left:9px; margin-bottom:30px;position: absolute; font-weight:bold; color:#797979;} .caseA li span.t2 {width: 445px;top:23px;left:210px; margin-bottom:30px;position: absolute; color:#999999;} .caseA li span.t3 {width: 445px;top:59px;left:210px;margin-bottom:20px;position: absolute;line-height:20px;} .caseA li span.t4 {width: 445px;top:102px;left:210px; margin-bottom:25px;position: absolute;color:#999999;border-top: #E1E1E1 1px dotted; padding-bottom:3px;} .caseA li span.t4 a,.case li span.t6 a{color:#999;} .caseA li span.t6 a{color: #70956D;} .caseA li span.t4 a:hover,.case li span.t6 a:hover{ text-decoration:underline; } .caseA 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; } .caseA li img {border: #E8E6E8 1px solid;} /* 服务 */ .con, .con1 { width:100%; clear:both;padding-top:20px;} .con h3 a, .con1 h3 a { margin:0;font-size:13px; color:#2C92C0;font-weight:bold;} .con li { width:320px; margin:0; display:inline; padding-bottom:20px; float:left;} .con li img { float:left;} .con li div { width:250px; float:right;} .con li div p, .con1 li div p{ font-size:12px;text-indent:0; color:#848484;} .con1 li {margin:0; padding-bottom:20px;width:620px;} .con1 li img { float:left; margin:3px 10px 0 0; display:inline;} .con1 li div { width:450px; margin-top:5px;float:right;} .con_team { } .con_team li { width:650px;margin:0; padding-bottom:20px;} .con_team li img { float:left; margin:3px 10px 0px 0px; display:inline;} .con_team li div { width:450px; margin-top:5px;float:right;} .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:650px; 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 ******************************************************************************************/ #footer {height:100%;font-size:12px;} #footer .Online {float:left;margin:20px;width:280px;} #footer .Copyright {float:left;line-height:normal;width:620px;margin:20px 20px 20px 0;color:#606060;} #footer .Copyright ul {} #footer .Copyright ul:after, #footer .Copyright .Hsite:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden;} #footer .Copyright li {float:left;margin-left:-1px;padding:0 8px;height:14px;line-height:14px;margin:3px 0 1px -1px; border-left:1px solid #999;overflow:hidden;white-space:nowrap;} #footer .Copyright li a {color:#606060;} #footer .Copyright .Hsite {width:620px;margin:0 auto;} #footer .Copyright h4 {float:left;padding-top:3px;} #footer .Copyright .Hsite ul {float:left;width:500px;overflow:hidden;} #links {margin-top:14px;line-height:20px;} #links a {color:#a3a3a3;text-decoration:none;} #links a:hover{color:#333;text-decoration:underline;}