@charset "utf-8"; /***********网站结构布局************/ /*---- default ----*/ .banner{ width:100%; background:#000; height:417px; position:relative; z-index:1; text-align:center;} #slideshow {width:1920px; height:344px; padding:0; margin:0; overflow:hidden; position:absolute; z-index:5; top:0; left:50%; margin-left:-960px;} #slideshow img{ float:left;} #pagination { position:absolute; z-index:10; top:315px; left:50%; margin-left:360px;} #pagination a{float:left; width:8px;height:2px; text-indent:-100000px; margin:0 8px;overflow:hidden; background:url(../images/sidebtn.png) right 0 no-repeat;} #pagination a.activeSlide{ background:url(../images/sidebtn.png) left 0 no-repeat;} .bannerBot{ margin:0 auto; width:100%; text-align:center; height:73px; padding-top:344px; background:url(../images/bannerBotBg.jpg) 0 bottom repeat-x;} .bannerBot a{ float:left; height:73px; background-image:url(../images/bannerBot.jpg); background-repeat:no-repeat;} .bannerBot a.bnav1:link,.bannerBot a.bnav1:visited{ width:255px; background-position:0 0;} .bannerBot a.bnav1:hover,.bannerBot a.bnav1:active{ width:255px; background-position:0 bottom;} .bannerBot a.bnav2:link,.bannerBot a.bnav2:visited{ width:254px; background-position:-255px 0;} .bannerBot a.bnav2:hover,.bannerBot a.bnav2:active{ width:254px; background-position:-255px bottom;} .bannerBot a.bnav3:link,.bannerBot a.bnav3:visited{ width:250px; background-position:-509px 0;} .bannerBot a.bnav3:hover,.bannerBot a.bnav3:active{ width:250px; background-position:-509px bottom;} .bannerBot a.bnav4:link,.bannerBot a.bnav4:visited{ width:241px; background-position:right 0;} .bannerBot a.bnav4:hover,.bannerBot a.bnav4:active{ width:241px; background-position:right bottom;} .defcolumn{ padding:20px 0 26px 0;} .defbox{ width:100%;} .defcont{ position:relative; z-index:1;} .deftitle{ height:42px;} .deftitle h3{ font-size:20px; color:#484848; font-weight:bold; height:28px; line-height:28px;} .deftitle span{ font-size:16px;} .deftitle a{ float:right; font-size:16px;} .index_defcaselist{ width:1000px; overflow:hidden; height:537px;} .index_defcase{ float:left; width:1012px; overflow:hidden; height:537px;} .index_defcase ul li{ width:241px; height:171px; overflow:hidden; float:left; margin:0 9px 9px 0; position:relative; z-index:1;} .index_defcase ul li a{ cursor:pointer;} .cor_defcaselist{ width:1000px; overflow:hidden; height:190px;;} .cor_defcase{ float:left; width:1012px; overflow:hidden; height:190px;} .cor_defcaselist ul li{ width:241px; height:171px; overflow:hidden; float:left; margin:0 9px 9px 0; position:relative; z-index:1;} .cor_defcaselist ul li a{ cursor:pointer;} .defcaselist{ width:1000px; overflow:hidden; height:537px;} .defcase{ float:left; width:1012px; overflow:hidden; height:537px;} .defcase ul li{ width:735px;; height:171px; overflow:hidden; float:left; margin:0 12px 12px 0; position:relative; z-index:1; border-bottom:#666666 1px dotted; padding:10px} .defcase ul li a{ cursor:pointer;} .defcase ul li span{ width:760px; height:171px; float:left; padding-left:270px; line-height:200%;display:block; margin:0 12px 12px 0; position:relative; z-index:1;} .defcase ul li span h4{ font-size:20px;} .defcase1{ float:left; width:1012px; overflow:hidden;} .defcase1 ul li{ width:110px; height:171px; overflow:hidden; float:left; position:relative; z-index:1;} .defcase1 ul li a{ cursor:pointer;} .img{ position:absolute; z-index:9; top:0; left:0; width:100%; height:171px;} .project{ float:left; width:780px; overflow:hidden; height:auto;} .project ul li{ width:240px; height:169px; padding:10px; margin-bottom:10px; overflow:hidden; float:left; position:relative; z-index:1;} .project ul li img{ border:#CCCCCC 1px solid; padding:2px;} .project ul li a{ cursor:pointer;} .project ul li span{ width:760px; height:171px; float:left; padding-left:270px; line-height:200%;display:block; margin:0 12px 12px 0; position:relative; z-index:1;} .project ul li span h4{ font-size:20px;} .title{ position:absolute; z-index:9; top:171px; left:-3px; height:54px; width:100%;line-height:180%; font-size:10px; color:#000; padding:8px 0 0 20px;} .title1{ position:absolute; z-index:9; top:171px; left:0; height:54px; width:100%; background:url(../images/casetit.jpg) 0 0 no-repeat; line-height:180%; font-size:10px; color:#fff; padding:8px 0 0 20px;} .video{ position:absolute; z-index:9; top:0; left:0; height:171px; width:100%; display:none;} .title span{ font-size:14px; font-weight:bold; display:block; } .defcasebot{ height:163px; overflow:hidden;} .defcaseprev,.defcasenext{ width:42px; height:42px; position:absolute; top:248px; display:block; z-index:99; display:none;} .defcaseprev{ left:20px; background:url(../images/tabIcon.png) 0 0 no-repeat;} .defcasenext{ right:20px; background:url(../images/tabIcon.png) right 0 no-repeat;} .defR{ float:right; width:260px;} .defR h2{ color:#484848; font-weight:bold; font-size:14px; padding-bottom:6px;} .defR p img{ margin:6px 6px 0 0;} .defR div{ color:#737373;} .defR div img{ margin:4px 10px 0 0;} .defR li{ line-height:20px;} .defR li a:link,.defR li a:visited{ color:#5f5f5f; font-size:12px; line-height:20px;} .defR li a:hover,.defR li a:active{ color:#003885; font-size:12px; line-height:20px;} .up{ width:31px; height:31px; display:block; text-indent:-10000px; background:url(../images/up.jpg) 0 0 no-repeat;} .defL{ float:left; width:668px; overflow:hidden;} .defser{ padding-bottom:10px;} .defser ul{ width:680px;} .defser li{ width:110px; height:60px; overflow:hidden; float:left; padding:0 60px 18px 0;} .defser li a{ display:block; width:110px; cursor:pointer; height:60px; overflow:hidden; position:relative; z-index:1;} .blend{ position:absolute; top:0; left:0; z-index:9; display:none;} .news ul{ width:730px; display:block} .news li{ width:730px; line-height:300%;overflow:hidden; float:left; border-bottom:dotted #cccccc 1px; _border-bottom:dotted #cccccc 1px; list-style:none;} .news li a{height:30px; overflow:hidden; float:left; } .news li span{ float:right; width:100px;} .index_news ul{ width:260px; display:block} .index_news li{ width:260px; line-height:24px; padding-top:1px;overflow:hidden; float:left; border-bottom:dotted #cccccc 1px; _border-bottom:dotted #cccccc 1px; font-size:12px;list-style:none;} .index_news li a{ overflow:hidden; float:left; line-height:24px; } .index_news li span{ float:right; width:70px;} /*about*/ .innerbanner{ height:228px; width:100%; position:relative; z-index:1; padding-bottom:66px; overflow:hidden;} .innerbanner img{ display:block; position:absolute; z-index:9; top:0; left:50%; margin-left:-708px;} .sidebar{ width:227px;} .sideNav{ background:#ebebeb; border-radius:4px; margin-bottom:26px;} .sideNav dl dt{ height:29px; line-height:29px; padding:0 0 0 12px; color:#003885; font-size:14px; background:url(../images/sideTitle.jpg) 0 0 no-repeat;} .sideNav dl dt span{ float:right; width:38px; height:29px; text-align:center; font-weight:bold; cursor:pointer;} .sideNav dl dd{ height:auto; line-height:40px; border-bottom:1px solid #d3d3d3; margin:0 12px; font-size:13px;} .sideNav dl dd a:link,.sideNav dl dd a:visited{ color:#595757;} .sideNav dl dd a:hover,.sideNav dl dd a:active{ color:#003885;} .sideContact{ background:#ebebeb; padding:16px 0 20px 0; border-radius:4px; margin-bottom:26px; overflow:hidden;} .sideContact dl{ margin:0 16px; border-bottom:1px solid #d3d3d3;} .sideContact dl dt{ float:left; width:32px; height:31px} .sideContact dl dd{ float:left; width:199px; line-height:160%; padding:6px 18px 6px 0;} .sideContact dl dt span{ display:block; width:100%; height:100%; background-image:url(../images/icon.jpg); background-repeat:no-repeat; text-indent:-10000px;} .email{ background-position:0 center; _margin-left:15px;} .phone{ background-position:-45px center;} .tel{ background-position:-88px center;} .address{ background-position:-134px center;} .qq{ display:block; margin:60px 16px 0 16px; padding-left:34px; background:url(../images/qq2.jpg) 0 0 no-repeat; height:19px; line-height:19px;} .qq:link,.qq:visited{ color:#595757;} .qq:hover,.qq:active{ color:#003885;} .sideList{ margin-bottom:26px;} .sideTitle{ padding-left:16px; height:24px; line-height:24px; color:#fff; font-size:14px; background:#6d7176;} .sideTitle span{ float:right; cursor:pointer; width:32px; text-align:center;} .sideCont{ margin-top:6px;} .sideCont ul li{ line-height:22px; height:22px; overflow:hidden;} .sideCont p img{ margin:6px 6px 0 0;} .sideInfo{ padding-top:40px; line-height:180%;} .sideInfo h3{ color:#285a9a; font-size:14px;} .sideInfo h4{ color:#727171; font-size:11px;} .code{ padding-top:50px; font-size:10px; color:#737373; line-height:180%;} .sidebar .up{ margin-top:30px;} .content{ width:734px;} .content h1{ color:#003885; font-size:18px; padding-bottom:16px;} .content h2{ color:#58595b; font-size:18px; padding-bottom:16px;} .contact1{ width:200px; float:left} .contact2{ width:520px; float:right} .clientList{ padding-bottom:30px;} .clientList h2{ color:#6d6e71; height:30px; font-size:12px; line-height:30px; border-bottom:1px dotted #ccc; margin-bottom:16px;} .clientList ul{ width:704px;} .clientList li{ width:110px; height:60px; overflow:hidden; float:left; padding:0 33px 18px 33px;} .clientList li a{ display:block; width:110px; cursor:pointer; height:60px; overflow:hidden; position:relative; z-index:1;} .about h3{ color:#595757; font-size:14px; font-weight:bold;} .about1{ width:400px; float:left} .about2{ with:300px; float:right} .about h4{ color:#003885; font-size:18px; padding-bottom:16px;} .about h5{ color:#000; font-size:14px; padding-top:16px;} .about p{ line-height:200%; color:#808285; font-family:"宋体";} .about ul li{ width:714px; height:auto; overflow:hidden; float:left; margin:0 12px 12px 0; position:relative; z-index:1; border-bottom:#666666 1px dotted; padding:10px} .about ul li img{ float:left;} .about ul li a{ cursor:pointer;} .about ul li span{ width:450px; float:right; line-height:200%;display:block; margin:0 12px 12px 0; position:relative; z-index:1;} .about ul li span h4{ font-size:18px; line-height:18px;} .pro{color:#ffffff; padding-left:200px; height:160px; padding-top:16px; } .pro ul{ float:left } .pro li { width:400px;} .pro li span{ vertical-align:bottom} .pro a:link{ color:#ffffff; font-size:14px; line-height:16px;} .pro a:hover{ color:#ffffff; font-size:14px; line-height:16px;} .pro li a{ color:#ffffff; font-size:14px; line-height:16px;} .pro li a:hover{ color:#ffffff;} .pro_tx a:link{color:#ffffff; } .e_pro{ padding-left:200px; padding-top:20px; color:#ffffff; font-size:12px; line-height:20px; } .e_pro li span{ vertical-align:bottom} .e_pro li a{ color:#ffffff; } .e_pro li a:hover{ color:#ffffff;} #line{ border-bottom:1px solid #000000; padding:20px 0 0 0; margin-bottom:20px;} /*service*/ .content .defcase{ height:auto; width:733px; overflow:hidden;} .content .defcase ul{ width:738px;} .content .defcase li{margin: 0 5px 0 0;} /*contact*/ .contact input{ margin:0 13px 13px 0; display:inline-block; float:left; height:32px; border:1px solid #ccc; line-height:32px; text-indent:8px; color:#bcbec0; font-size:15px;} .contact input:focus,.contact textarea:focus{ border:1px solid #fc0; color:#333;} .contact textarea{ margin-bottom:10px; min-width:697px; max-width:697px; width:697px; color:#bcbec0; font-size:15px; padding:8px;} .w350{ width:348px;} .w713{ width:711px;} .w195{ width:193px;} .w142{ width:140px;} .contact .btn{ text-align:right; line-height:54px; color:#808285; padding-bottom:100px;} .contact .btn a{ float:right; width:114px; height:34px; text-align:center; line-height:34px; font-size:15px; margin:0 20px 0 10px; background:#03418a;} .contact .btn a:link,.contact .btn a:visited,.contact .btn a:hover,.contact .btn a:active{ color:#fff;} /*research*/ .subNav{ padding:0 0 66px 0; text-align:center;} .subNav ul{ display:inline-block; margin:0 auto; display:inline\9;} .subNav li{ width:160px; height:22px; float:left; padding:0 10px; position:relative; font-size:14px;z-index:1; text-align:center;height:22px;} .subNav li a{ display:block; width:160px; font-size:14px; height:22px; text-align:center; line-height:22px;} .subNav li a:link,.subNav li a:visited{ color:#6d6e71;} .subNav li a:hover,.subNav li a:active{ background:#0b2d56; color:#fff;} .subNav li a.hot:link,.subNav li a.hot:visited, .subNav li a.hot:hover,.subNav li a.hot:active{ background:#0b2d56; color:#fff;} .subNav li a.hot1:hover,.subNav li a.hot1:active{ background:#999999 ; color:#fff;} .subNav li a.hot2:hover,.subNav li a.hot2:active{ background: #999999; color:#fff;} .subNav li a.hot3:link,.subNav li a.hot3:visited, .subNav li a.hot3:hover,.subNav li a.hot3:active{ background:#999999; color:#fff;} .subNav li a.hot4:hover,.subNav li a.hot4:active{ background: #0b2d56; color:#fff;} .subNav li a.hot5:hover,.subNav li a.hot5:active{ background: #999999; color:#fff;} .subNav li a.hot6:link,.subNav li a.hot6:visited, .subNav li a.hot6:hover,.subNav li a.hot6:active{ background:#999999; color:#fff;} .subNav li a.hot7:hover,.subNav li a.hot7:active{ background:#999999; color:#fff;} .subNav li a.hot8:hover,.subNav li a.hot8:active{ background: #0b2d56; color:#fff;} .subNav li a.hover:link,.subNav li a.hover:visited, .subNav li a.hover:hover,.subNav li a.hover:active{ background:#0b2d56; color:#fff;} .subNav ul ul{ display:inline\9; display:none; position:absolute; background:url(../images/bg.jpg) 0 0 repeat-x; overflow:hidden; padding-top:10px} .subNav ul ul li{ float:left; width:180px; overflow:hidden;} .subNav ul ul li a{ width:180px; overflow:hidden;} .subNav1{ padding:0 0 66px 0; text-align:center;} .subNav1 ul{ display:inline-block; margin:0 auto; display:inline\9;} .subNav1 li{ width:98px; height:22px; float:left; padding:0 10px; position:relative; z-index:1; text-align:center;} .subNav1 li a{ display:block; width:98px; font-size:14px; height:22px; text-align:center; line-height:22px;} .subNav1 li a:link,.subNav1 li a:visited{ color:#6d6e71;} .subNav1 li a:hover,.subNav1 li a:active{ background:#0b2d56; color:#fff;} .subNav1 li a.hover:link,.subNav1 li a.hover:visited, .subNav1 li a.hover:hover,.subNav1 li a.hover:active{ background:#0b2d56; color:#fff;} .subNav1 ul ul{ display:inline\9; display:none; position:absolute; top:24; background:url(../images/bg.jpg) 0 0 repeat-x; padding-top:10px} .subNav1 ul ul li{ float:left; width:100px; overflow:hidden;} .subNav1 ul ul li a{ width:100px; overflow:hidden;} .warp{ padding-bottom:80px;} .cell { padding:17px 14px; width:197px; border:1px solid #E3E3E3; background:#F5F5F5; margin-top:14px; background:url(../images/researchIcon.jpg) right bottom no-repeat #ebebeb; filter:alpha(opacity=60); opacity:0.6; cursor:pointer;} .cell img{ padding-bottom:20px;} .cell h3{ padding-bottom:20px; color:#58595b; font-size:13px;} .cell p{ color:#808285; line-height:180%;} .cell a{ display:block; margin:36px 0 0 0;} .cell a:link,.cell a:visited, .cell a:hover,.cell a:active{ color:#6d6e71; font-size:14px;} .article{ width:640px; margin:0 auto;} .page{ padding:20px 0; text-align:right;} .page a{ margin-left:30px; text-decoration:underline;} .newslist li{ padding-bottom:20px; margin-bottom:20px; zoom:1; border-bottom:1px solid #ccc;} .newslist li:after{ clear:both; display:block; content:""; height:0; visibility:hidden;} .newsImg{ float:left; padding-right:25px; width:164px;} .newsInfo{ float:left; width:468px; padding-right:25px;} .newsInfo h6{ color:#727171; font-size:11px;} .newsInfo h3{ color:#5f5f5f; font-size:14px; font-weight:bold; line-height:28px;} .newsInfo h3 a:link,.newsInfo h3 a:visited{ color:#5f5f5f;} .newsInfo h3 a:hover,.newsInfo h3 a:active{color: #003885;} .newsInfo p{ color:#898989; line-height:160%;} .time{ float:left; width:52px; padding:20px 0 26px 0; background:url(../images/timeIcon.jpg) 0 bottom no-repeat; color:#9fa0a0;} .time span{ display:block; font-size:14px; color:#9fa0a0; font-weight:bold;} .newstab{ padding-top:20px;} .newstab a{ float:left; height:24px; margin-right:14px; line-height:24px; border-radius:3px;} .newstab a:link,.newstab a:visited{ color:#6d6e71; border:1px solid #e7e6e6;} .newstab a:hover,.newstab a:active{ color:#fff; border:1px solid #8596ab;} .newstab a.newsprev{ padding-left:26px; width:38px;} .newstab a.newsnext{ padding-left:12px; width:52px;} .newstab a.newsprev:link,.newstab a.newsprev:visited{ background:url(../images/newstab.png) 10px 10px no-repeat #f6f6f7;} .newstab a.newsprev:hover,.newstab a.newsprev:active{ background:url(../images/newstab.png) 10px -32px no-repeat #0b2d56;} .newstab a.newsnext:link,.newstab a.newsnext:visited{ background:url(../images/newstab.png) -15px -32px no-repeat #f6f6f7;} .newstab a.newsnext:hover,.newstab a.newsnext:active{ background:url(../images/newstab.png) -15px 10px no-repeat #0b2d56;} /*work*/ .warp .defcase{ height:auto; padding-bottom:30px;} .workBtn{ display:inline-block; margin:0 auto; padding-left:420px;} .caseBox{ padding-bottom:86px;} .warp h2{ color:#03418a; font-size:16px; padding-bottom:12px;} .slyInfo{ float:right; width:330px;} .slyInfo h3{ color:#6d6e71; font-size:14px; font-weight:bold;} .slyInfo p{ line-height:180%; color:#808285;} .putVideo{ width:auto; height:auto; float:left;} /*cntBox*/ .cntBox{ position:fixed; _position:absolute; top:200px; right:10px; z-index:9999999; background:url(../images/contactBoxT.png) 0 0 no-repeat; padding-top:6px; width:58px;} .cntBoxC{ background:url(../images/contactBoxC.png) 0 0 repeat-y; padding:0 1px;} .cntBoxDown,.cntBoxUp{ height:46px; width:100%; background:url(../images/icon.png) 11px 8px no-repeat; text-indent:-10000px; cursor:pointer;} .cntBoxUp{ background:url(../images/icon.png) 11px -74px no-repeat;} .cntBoxList{ padding-top:6px; width:100%;} .cntBoxList li{ float:left; height:53px; width:100%;} .cntBoxList li a{ display:block; height:52px; border-bottom:1px solid #cfcdcd; width:100%; cursor:pointer;} .cntBoxList li a:link,.cntBoxList li a:visited{} .cntBoxList li a:hover,.cntBoxList li a:active{ background:url(../images/cntHover.jpg) 0 0 no-repeat; margin-top:-1px; } .cntBoxList li a span{ height:100%; width:100%; display:block; text-indent:-10000px; cursor:pointer; background-image:url(../images/icon.png); background-repeat:no-repeat;} .cntBoxList li a.cq:link span,.cntBoxList li a.cq:visited span{ background-position:-30px -128px;} .cntBoxList li a.cq:hover span,.cntBoxList li a.cq:active span{ background-position: 18px -128px;} .cntBoxList li a.ct:link span,.cntBoxList li a.ct:visited span{ background-position:-30px -170px;} .cntBoxList li a.ct:hover span,.cntBoxList li a.ct:active span{ background-position:18px -170px;} .cntBoxList li a.cm:link span,.cntBoxList li a.cm:visited span{ background-position:-30px -225px;} .cntBoxList li a.cm:hover span,.cntBoxList li a.cm:active span{ background-position:18px -225px;} .cntBoxB{ height:6px; overflow:hidden; background:url(../images/contactBoxB.png) 0 0 no-repeat;} /*2013-11-4*/ html{ height:100%;} .w100{ width:100%;} .w100 .defcase{ width:100%;} .w100 .defcase:after{ clear:both; content:""; display:block; visibility:hidden; height:0;} .weixin{ width:100%; height:100%; overflow:hidden; position:relative; z-index:1;} .wx_bg{ position:absolute; top:0; left:0; z-index:2;} .wx_bot{ position:absolute; bottom:0; left:0; z-index:3;} .wx_logo{ position:absolute; top:20px; left:24px; z-index:9;} .wx_return{ position:absolute; top:6px; right:6px; z-index:9;} .wx_phone{ position:absolute; top:10%; right:10%; z-index:9;} .wx_share{ position:absolute; top:24%; left:6%; z-index:9;} .wx_share2{ padding:10px 0 10px 10px;} .wx_share2 li{ float:left;} .wx_share2 li a{ position:relative; z-index:1; display:block;} .wx_share2 li a img{ float:left;} .wx_share2 li .blendHover{ background:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; display:none;} .wx_share2 li .blendHover img{ float:left;} .grayimg { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray; }