@charset "gb2312"; body { background:#ffffff; height: auto; width: 100%; overflow:auto; } html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; } * html body{overflow: visible;} * html iframe, * html frame{overflow: auto;} * html frameset{overflow: hidden;} body{color:#000; font:12px/22px "΢���ź�";} i, em, cite { font-style: normal; } a, a:link { color: #666; text-decoration: none; } a:visited { } a:active, a:hover { text-decoration: none; color:#ff4700; } a:focus { outline: none; } textarea,input{ word-wrap:break-word;word-break:break-all;} input {vertical-align:middle;font-size:12px} .button {vertical-align:middle;font-size:12px} .button { cursor: pointer; } ul,li{list-style-type:none;} img{border:0 none; vertical-align:middle;} /* h* */ h1{ font-size:24px;} h2{ font-size:20px;} h3{ font-size:18px;} h4{ font-size:16px;} h5{ font-size:14px;} h6{ font-size:12px;} .pointer{cursor:pointer;} .t_l{text-align:left;} .t_c{text-align:center;} .t_r{text-align:right;} .break{word-break:break-all;word-wrap:break-word;} .no_break{word-break:keep-all;word-wrap:normal;} .fl, .fr { display: inline; float: left; } .fr { float: right; } .text_un{text-decoration:underline;} .text_no{text-decoration:none;} .o_hidden{overflow:hidden;} .none{display:none;} .block {display:block;} .b_no{border:none;} .b_no_l{border-left:none;} .b_no_r{border-right:none;} .b_no_t{border-top:none;} .b_no_b{border-bottom:none;} .ml10 { margin-left:10px;} .mb10 { margin-bottom:10px;} .mr10 { margin-right:10px;} .mt10 { margin-top:10px;} .p_t10{ padding-top:10px;} .p_t20{ padding-top:20px;} .height_10{ height:10px; display:block; clear:both; overflow:hidden;} .height_20{ height:20px; display:block; clear:both; overflow:hidden;} .clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;}.clearfix {display:block;} .clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;} .gray_background{ background-color:#F8F8F8;} .blue_background{ background-color:#ECF1F4;} .green_color{ color:#67920D;} .white_color{ color:#fff;} .black_color{ color:#000;} .page_nav { width:980px; margin:0 auto; text-align:center; padding-top:10px; } .page_nav a { border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color: #8ac630; padding-top: 2px; border-bottom: #aaaadd 1px solid; text-decoration: none } .page_nav a:hover { border-right: #8ac630 1px solid; border-top: #8ac630 1px solid; border-left: #8ac630 1px solid; color: #000; border-bottom: #8ac630 1px solid } .page_nav a:active { border-right: #8ac630 1px solid; border-top: #8ac630 1px solid; border-left: #8ac630 1px solid; color: #000; border-bottom: #8ac630 1px solid } .page_nav span.current { border-right: #8ac630 1px solid; padding-right: 5px; border-top: #8ac630 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #8ac630 1px solid; color: #fff; padding-top: 2px; border-bottom: #8ac630 1px solid; background-color: #8ac630 } .page_nav span.nolink { border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color: #666; padding-top: 2px; border-bottom: #aaaadd 1px solid } .header { height:130px; position:relative; margin:0 auto; } .header .logo { position:relative; float:left; margin:0px; padding:0px; height:130px; width:200px; } .header .nav { width:800px; float:right; margin:0px; padding:0px; height:130px; } #menu1 { padding:0px; height:130px; width:630px; margin:0px; float:right; font-family: "΢���ź�"; } #menu1 ul { padding:0; list-style:none; font-size:14px; width:630px; margin-top:35px; margin-right:0; margin-bottom:0px; margin-left:0; } #menu1 ul li { margin:0; padding:0; overflow:hidden; float:left; height:50px; width:90px; display:block; text-align:center; cursor:pointer; } #menu1 ul li a,#menu1 ul li span { float:left; text-decoration:none; color:#505050; clear:both; width:100%; height:20px; line-height:20px; padding-top:8px; padding-right:0px; padding-bottom:10px; padding-left:0px; cursor:pointer; } #menu1 ul li H1 { font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; } #menu1 ul li a { color:#ff4700; background-position:left bottom; } #menu1 ul li span { background-position:left top; } #link{ background-color: #3e3e3e; float: left; height: auto; width: 100%; overflow:auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #submenu{ padding: 10px; height: 40px; width: 1024px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: #666; } #submenu a{ font-family: "΢���ź�"; font-size: 15px; line-height: 40px; color: #FFF; padding-right: 5px; padding-left: 5px; } .friendlink{ height: auto; width: 1150px; margin-top: 0px; overflow:auto; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: #CCC; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .friendlink dt{ height: 30px; font-size:17px; width: 1150px; color: #CCC; margin: 0px; padding: 0px; float: left; } .friendlink li{ float:left; width: auto; font-size:14px; padding-right: 5px; padding-bottom: 3px; } #footer{ background-color: #1e1e1e; float: left; overflow:auto; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .footer_content{ height: auto; width: 1150px; overflow:auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: #CCC; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .footer_left{ font-family: "΢���ź�"; font-size: 16px; line-height: 30px; color: #FFF; text-align: left; margin: 0px; padding: 0px; float: left; height: auto; width: 60%; letter-spacing: 2px; } .footer_right{ font-family: "΢���ź�"; padding-top:20px; font-size: 14px; line-height: 30px; color: #aaaaaa; text-align: right; margin: 0px; float: right; height: auto; overflow:auto; width: 40%; } #bdshare{ text-align: right; float: right; width: auto; } #wrap{ margin: 0px; height: auto; width: 100%; overflow:auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #banner{ margin: 0px; padding: 0px; height: 76px; width: 100%; /*background-image: url(../image/banner_bg.jpg);*/ background-repeat: repeat-x; background-position: left bottom; } .banner_title{ padding: 0px; height: auto; width: 1200px; margin: 0 auto; border-bottom: 2px #FF7300 solid; } .banner_title h1{ font-family: "΢���ź�"; font-size: 24px; line-height: 76px; font-weight: normal; color: #F60; text-decoration: none; margin: 0px; padding: 0px; float: left; height: auto; width: 40%; letter-spacing: 1px; } .place{ text-align: right; margin: 0px; padding: 0px; float: right; height: auto; width: 60%; line-height: 76px; color: #333; font-size: 14px; } .place a,.place a:link{ color: #F93; } .place a:hover{ color: #333; } #subnav{ margin: 0px; padding: 0px; height: 55px; width: 100%; font-size: 15px; font-family: "΢���ź�"; } #subnav ul{ padding: 0px; height: 55px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #subnav ul li{ margin: 0px; height: 55px; width: auto; float: left; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 10px; line-height: 55px; } #subnav ul li a{ font-weight: bold; color: #e2e2e2; } #subnav ul li a:hover{ font-weight: bold; color: #FF7300; } #subnav ul li a.now{ background-image: url(../image/jt.png); background-repeat: no-repeat; background-position: center bottom; margin: 0px; height: 55px; font-weight: bold; color: #FF7300; width: auto; float: left; line-height: 55px; } .flinkbox{ padding: 15px; height: auto; width: 1004px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .flinkbox ul{ padding: 0px; height: auto; width: 1004px; margin: 0px; float: left; } .flinkbox ul li{ height: 25px; width: auto; margin: 0px; float: left; line-height: 25px; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; } .formbox{ width:1004px; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } .formbox .fb{ width:100%; clear:both; overflow:hidden; padding-top:10px; margin:0px auto; } .formbox .fb .name{ width:180px; float:left; height:31px; text-align:right; padding-right:10px; line-height:31px; font-size:14px; color:#666; display:block; } .formbox .fb .value{ float:left; } .formbox .fb .value img{ vertical-align:middle; } .dede_comment{ padding-bottom:6px; } .fenye_banner{ width:100%; height:auto; position: relative;} .promise_box{ width:100%; height:auto; background-color:#232323; padding: 20px 0; } .promise_info,.adv_title{ height: 47px; width: 1030px; overflow:auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: #CCC; padding-top: 10px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; text-align: center; } .adv_title{ height: 35px; font-size: 13px; line-height: 35px; padding: 0px; } .adv_title a{color: #CCC;} .promise_info .promise01,.promise_info .promise02,.promise_info .promise03,.promise_info .promise04{width:25%;height: 47px; text-indent: 57px;line-height: 47px;font-size: 15px; text-align: left; } .promise_info .promise01{ background:url(../image/adv01.jpg) left center no-repeat; float:left;} .promise_info .promise02{ background:url(../image/adv02.jpg) left center no-repeat; float:left; } .promise_info .promise03{ background:url(../image/adv03.jpg) left center no-repeat; float:left; } .promise_info .promise04{ background:url(../image/adv04.jpg) left center no-repeat; float:left; } .tags_list dd{ padding:4px 12px; line-height:220%; } .tags_list dd a{ margin-right:10px; white-space:nowrap; } .del_float{ clear:both; line-height:0; height:0; font-size:0;} .pagenewCasebg{ background:url(../image/case_news_sep.gif) no-repeat center bottom #f4f4f4; width:100%; padding-bottom:60px;} .pagenewCase{width:1180px; margin:0px auto; padding-top:25px;} .pagenewCaseleft{ float:left; width:211px; height:230px; background:#eb3900; padding-right:25px; position:relative;} .pagenewCaseleft h3{ font-size:24px; color:#FFF; text-align:right; line-height:25px; padding-top:45px;} .pagenewCaseleft p{ text-align:right; padding-top:10px;} .pagenewCaseleft span{ display:block; position:absolute; width:11px; height:21px; top:145px;} .pagenewCaseleft span.newCaseprev{ background:url(../image/icon.gif) no-repeat -1px -239px;right:65px;} .pagenewCaseleft span.newCaseprev a{width:11px; height:21px; display:block;} .pagenewCaseleft span.newCaseprev a:hover{ background:url(../image/icon.gif) no-repeat -1px -217px} .pagenewCaseleft span.newCasenext{ background:url(../image/icon.gif) no-repeat -14px -239px; right:25px;} .pagenewCaseleft span.newCasenext a{width:11px; height:21px; display:block;} .pagenewCaseleft span.newCasenext a:hover{ background:url(../image/icon.gif) no-repeat -14px -217px} .pagenewCaseright{ float:right; width:936px; position:relative; overflow:hidden;} .pagenewCaseright ul{ width:9999px; position:relative;} .pagenewCaseright ul li{ float:left; background:#FFF; width:292px; height:220px; padding:5px 6px; position:relative; margin-right:12px;} .pagenewCaseright ul li img{ display:block; width:292px; height:220px;} .pagenewCaseright ul li p{ position:absolute; bottom:5px; width:272px; left:6px; background:url(../image/case_title_bg.png) repeat; font-size:14px; color:#FFF; height:21px; line-height:25px; overflow:hidden; padding:10px 10px;} .pagenews{width:1180px;margin:0px auto;} .pagenewsleft{ float:left; width:730px; padding:20px 0px 20px 0px;} .pagenewsleft h3{ font-size:24px; color:#767575; border-bottom:1px solid #eaeaea; padding-bottom:20px;} .pagenewsleft h3 span{ font-weight:bold; color:#eb3900; padding-right:20px; display:inline-block;} .pagenewsleft ul{ margin:0px; padding:15px 0px 0px;} .pagenewsleft ul li{ background:url(../images/jiantou.png) no-repeat; height:21px; overflow:hidden; padding-left:25px; font-size:14px; margin-top:15px;color: #000} .pagenewsleft ul li a{color: #333} .pagenewsleft ul li a:hover{color: #F60} .pagenewsright{ float:right; width:380px;border-left:1px solid #eaeaea; padding-left:35px;} .pagenewsright dl{ margin:0px; padding:30px 0px 0px; min-height:200px; height:auto !important; height:200px;} .pagenewsright dl dt{ float:left; width:150px;} .pagenewsright dl dd{ float:right; width:190px;} .pagenewsright dl p{ padding-bottom:10px; width:420px;} .pagenewsright dl a{ display:block; float:left; border:1px solid #d9d9d9; height:33px; line-height:33px; color:#999999; font-size:14px; padding:0px 12px; margin:5px 8px 5px 0px;} .pagenewsright dl a:hover{ background:#eb3900;border:1px solid #eb3900; color:#FFF;} .pagenewsright ul{ margin:0px; padding:25px 0px; height:105px;} .pagenewsright ul li{ float:left; width:95px;height:105px;font-size:13px; text-align:center; color:#FFF;} .pagenewsright ul li.ComTel{ background:url(../image/icon.gif) no-repeat -151px -4px; font-family:Arial, Helvetica, sans-serif;} .pagenewsright ul li.ComAdvisory{ background:url(../image/icon.gif) no-repeat -249px -4px;} .pagenewsright ul li.Comgoob{ background:url(../image/icon.gif) no-repeat -151px -114px;} .pagenewsright ul li.ComOrder{ background:url(../image/icon.gif) no-repeat -249px -114px;} .pagenewsright ul li a{ color:#fff; display:block; padding:70px 0px 0px 0px;font-size:13px; } .pagenewsright ul li a:hover{ color:#fff;} .solution{ width:1180px; margin:40px auto 20px; text-align:center;} .solution a{ display:inline-block;background:#4582d5; border-radius:16px; padding:6px 16px; font-size:16px; color:#FFF; margin:0px 11px 15px; line-height:24px;} .solution a:hover{ background:#eb3900; color:#FFF;} .solution a.cur{ background:#eb3900; color:#FFF;} .solutionlist{width:1024px;margin:0px auto; padding-top:45px;} .solutionlist dl{margin:0px;padding:0px 0px 40px;} .solutionlist dl dt{float:left;width:225px; border-top:3px solid #4582d5; font-size:24px; font-weight:bold; color:#F60; padding-left:20px; padding-top:32px; line-height:30px;} .solutionlist dl h2{float:left;width:225px; border-top:3px solid #4582d5; font-size:24px; font-weight:bold; color:#F60; padding-left:20px; padding-top:32px; line-height:30px;} .solutionlist dl dd{ float:right; width:720px;border-top:2px solid #cdcdcd; padding-top:28px;} .solutionlist dl dd p{ font-size:14px; line-height:30px; color:#676767;} .solutionlist dl dd ul{ margin:0px; padding:25px 0px 0px;} .solutionlist dl dd ul li{ background:url(../webimages/index_117.png) no-repeat 0px 10px; padding-left:15px; color:#676767; font-size:14px; padding-bottom:10px;} #content .solutiontitle h1.title{font-size:30px;color:#333333;width: 100%;font-weight: normal;} #content .solutiontitle p.title{font-size:30px;color:#333333;width: 100%} #content .solutiontitle p.slogan{font-size:12px;color:#cccccc;font-family:"Arial"} #content .solutiontitle {text-align: center;position: relative;} .wid120{ width: 1200px; margin: 0 auto; } .caseList{ margin: 80px 30px 20px; padding-bottom: 10px; border-bottom: 2px #ff7300 solid; } .caseList li{ float: left; width: 360px; margin: 10px 5px 20px; padding: 5px; background: #fff; position: relative; overflow: hidden; box-shadow: 0 0 5px #ccc; } .caseList li img{ display: block; width: 100%; } .caseList .listcaseimg{ width: 100%; height: 258px; overflow: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .caseList li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .caseList li span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #FF7300;display: none;} .caseList li span a.case-title{display: block;color: #fff;font-size: 1.6em;text-align: center;margin: 10% 0;} .caseList li span .case-type{text-align: center;font-size: 1em;margin: 25% 0 10%;} .caseList li span a{color: #fff;text-align: center;} .caseList .case_title{ display: block; font-size: 18px; line-height: 50px; color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 1px #ECECEC solid; } .caseList .case_desc{ font-size: 14px; margin: 5px 0; } .caseList .case_type{ min-height: 30px; padding-bottom: 10px; } .caseList .case_type a{ color: #FF7300; font-size: 13px; line-height: 30px; } .caseList .case_title:hover{ color: #FF7300; } .caseList .case_type:hover a{ color: #0056A2; } .fenye_banner .pagetitle{ width: 100%; position: absolute; z-index: 999; bottom: -75px; } .fenye_banner .pagetitle #banner{ background: none; } .fenye_banner .pagetitle #subnav{ background: rgba(0,0,0,0.6); } .fenye_mar{ margin: 80px auto 0px !important; }