@charset "gb2312";
body {
    padding:0;
    margin:0;
    text-align:center;
    font-size:12px;
    color:#e7e9e8;
    font-family:"微软雅黑","宋体";
    background:#FFF;
}
img {
    border:0;
}
a {
    color:#040402;
    text-decoration:none;
}
ul,li {
    padding:0;
    margin:0;
}
li {
    list-style:none;
}
#header {
    width:100%;
    height:400px;
    min-height:400px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
    background:url(../images/dot.gif) repeat-x 0 91px;
}
#top {
    width:1000px;
    height:137px;
    margin:0 auto;
}
#top .top {
    height:93px;
    width:1000px;
}
#top .top .logo {
    float:left;
    padding:24px 0;
    height:45px;
    width:352px;
}
#top .top .tel {
    float:right;
    padding:23px 0 20px;
    height:48px;
    width:179px;
}
#top .menu {
    width:1000px;
    height:44px;
}
#top .menu ul {
    width:1000px;
    height:44px;
}
#top .menu ul li {
    width:80px;
    height:44px;
    float:left;
    margin:0 40px 0 0;
    display:inline;
}
#top .menu ul li a {
    float:left;
    width:80px;
    height:44px;
    font-size:14px;
    line-height:44px;
    text-align:center;
    font-weight:bold;
    color:#040402;
}
#top .menu ul li.current a  {
    color:#e50014;
}
#banner {
    width:100%;
    height:486px;
    overflow: hidden;
    zoom: 1;
    position: relative;
    text-align:center;
}
#banner .wrapper {
    width: 1920px;
    height: 486px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -960px;
    overflow: hidden;
    z-index: 1;
    top: 0;
    z-index:99;
}
#banner .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee;margin: 0; }
#banner ul li                   { display: block; float: left; padding: 0; height: 486px; width: 1920px; margin: 0; }
#banner .arrow                  { display: block; height: 49px; width: 50px; text-indent: -9999px; position: absolute; top: 165px; cursor: pointer; }
#banner .forward                { right: 0; }
#banner .back                   { left: 0; }
#banner .forward:hover          {  }
#banner .back:hover             {  }
#banner .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#banner .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
#thumbNav                               { position: relative; top: 460px; text-align: center;z-index:100; }
#thumbNav a                             { 
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px 8px;
    padding: 0;
    text-decoration: none;
    outline: 0;
    text-align: center;
    border: #CCC 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background:#CCC;
}
#thumbNav a:hover                       {color:#AB0000 }
#thumbNav a.cur                         { color:#AB0000;background:#fbc700;border: #fbc700 1px solid; }
#thumbNav a span {display:none;}
#contain {
    width:1000px;
    padding:0 0 50px;
    height:400px;
    min-height:400px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
    margin:0 auto;
}
#contain .service {
    width:1000px;
    height:402px;
    clear:both;
}
#contain .service .stitle {
    padding:20px 0;
}
#contain .service .iscontent {
}
#contain .service .iscontent ul li {
    width:320px;
    float:left;
    margin:0 0 0 20px;
}
#contain .service .iscontent ul li.f {
    margin:0;
}
#contain .wx18 {
    height:50px;
    width:700px;
    padding:15px 0 15px 300px;
    color:#717071;
    font-size:14px;
    text-align:left;
    background:#dcdddd url(../images/wx18.jpg) no-repeat left;
    margin:20px 0 0;
    overflow:hidden;
}
#contain .wx18 .wx18Box {
    width:700px;
    height:50px;
    overflow:hidden;
}
#contain .wx18 .wx18Box ul {
    width:700px;
}
#contain .wx18 .wx18Box ul li {
    height:25px;
    line-height:25px;
}
#contain .vcontent {
    padding:20px;
    background:#FFF;
    color:#666;
    text-align:left;
    line-height: 210%;
    height:400px;
    min-height:400px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
}
#contain .aboutusContent {
    padding:38px 87px 58px 44px;
    background:#FFF;
    color:#666;
    text-align:left;
    line-height: 210%;
    height:400px;
    min-height:400px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
}
#contain .aboutusContent ul.nav {
    float:left;
    width:142px;
}
#contain .aboutusContent ul.nav li {
    height:45px;
    width:142px;
    line-height:45px;
    border-bottom:1px solid #cececf;
    background:url(../images/sj.jpg) no-repeat left center;
}
#contain .aboutusContent ul.nav li a {
    height:45px;
    width:125px;
    line-height:45px;
    font-size:14px;
    font-weight:bold;
    color:#666;
    padding:0 0 0 17px;
    float:left;
}
#contain .aboutusContent ul.nav li a:hover {
    color:#fba400;
}
#contain .aboutusContent .aboutusContentBox {
    float:right;
    padding:33px 0 33px 37px;
    width:660px;
    border-left:1px solid #cacbcb;
    height:600px;
    min-height:600px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
}
#contain .content {
    padding:20px 20px 20px 220px;
    background:#FFF;
    color:#666;
    text-align:left;
    line-height: 210%;
    height:400px;
    min-height:400px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
}
#contain .content .contact1 {
    color:#ef9c00;
    font-family: "微软雅黑", "宋体", Simsun;
    white-space: pre;
    border-bottom:1px solid #bc0700;
    padding:0 0 10px 0;
}
#contain .content .contact1 .map {
    float:right;
}
#contain .case {
    padding:20px 0 0;
}
#contain .case ul li {
    width:320px;
    height:289px;
    float:left;
    margin:0 0 0 20px;
    text-align:left;
}
#contain .case ul li.f {
    margin:0;
}
#contain .case ul li .cPic,#contain .case ul li .cPic img {
    width:320px;
    height:192px;
}
#contain .case ul li .cTitle {
    font-weight:bold;
    font-size:18px;
    height:30px;
    line-height:30px;
    padding:7px 0 0;
}
#contain .case ul li .cShortcontent {
    font-size:14px;
    line-height:30px;
    height:60px;
}
#contain .title {
    text-align:left;
    padding:25px 0;
}
#contain .scontent {
    padding:55px;
    line-height:210%;
    background:#FFF;
}
#fwxm {
    width:650px;
    height:300px;
}
#fwxm ul {
    width:600px;
}
#fwxm ul li {
    width:292px;
    height:146px;
    background:#f3f3f3;
    margin:0 4px 4px 0;
    float:left;
    cursor:pointer;
    color:#adadad;
}
#fwxm ul li.current {
    background:#f3f3f3;
    color:#666;
}
#fwxm ul li .text {
    width:136px;
    float:left;
    height:136px;
    font-size:12px;
    line-height:150%;
    padding:6px 5px 4px 5px;
}
#fwxm ul li .pic {
    width:146px;
    float:left;
    height:146px;
}
#fwxm ul li .bg1 {
    background:url(../images/s01.jpg);
}
#fwxm ul li .bg2 {
    background:url(../images/s02.jpg);
}
#fwxm ul li .bg3 {
    background:url(../images/s03.jpg);
}
#fwxm ul li .bg4 {
    background:url(../images/s04.jpg);
}
#fwxm ul li.current .bg1 {
    background:url(../images/s01o.jpg);
}
#fwxm ul li.current .bg2 {
    background:url(../images/s02o.jpg);
}
#fwxm ul li.current .bg3 {
    background:url(../images/s03o.jpg);
}
#fwxm ul li.current .bg4 {
    background:url(../images/s04o.jpg);
}
#khlb {
    margin:48px 0 0 0;
}
#khlb .title1 {
    font-size:20px;
    color:#ec0c0a;
    padding:0 0 22px 0;
}
#khlb .khlist {
    border-top:1px solid #ec0c0a;
    padding:16px 0;
}
#khlb .khlist .title2 {
    color:#000;
    font-size:16px;
    font-weight:bold;
}
#khlb .khlist .zhaiyao {
    color:#000;
}
#khlb .khlist .lb {
    padding:10px 0;
}
#khlb .khlist .lb ul li a {
    color:#adadad;
}
#khlb .khlist .lb ul li a:hover {
    color:#ec0c0a;
}
#footer {
    height:334px;
    width:100%;
    clear:both;
}
#footer .pic {
    width:100%;
    height:165px;
    text-align:center;
    background:url(../images/bbg.jpg) repeat-x bottom;
}
#footer .text {
    width:1000px;
    height:169px;
    margin:0 auto;
    text-align:center;
    color:#717071;
    line-height:150%;
    background:url(../images/blogo.png) no-repeat 553px 15px;
}
#footer .text .left {
    width:473px;
    margin:0 auto;
    text-align: left;
}
#footer .text .left .nav {
    height:54px;
    line-height:54px;
    border-bottom:2px solid #999797;
    margin:0 0 20px;
}
#footer .text .left .nav a {
    margin:0 20px 0 0;
}
#gotop {
    cursor:pointer;
}
/*案例页面*/
#wuxing {
    width:1000px;
    height:800px;
    margin:0 auto;
    min-height:800px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
    clear:both;
}
#caseTop {
    width:100%;
    height:90px;
    background:#FFF;
}
#caseTop .logo {
    width:263px;
    height:43px;
    float:left;
    padding:31px 0 16px 0;
    text-align:center;
}
#caseTop .logo img {
    margin:0 auto;
    display:block;
}
#caseTop .topRight {
    color:#767676;
    font-size:15px;
    text-align:left;
    padding:48px 46px 0 54px;
    width:630px;
    float:right;
}
#caseTop .topRight span {
    float:right;
    height:14px;
    padding:1px 0 1px 25px;
    font-size:12px;
    background:url(../images/jt.jpg) no-repeat left;
}
#caseTop .topRight span a {
    color:#767676;
    text-decoration:underline;
}
#caseContain {
    width:100%;
    height:400px;
    min-height:400px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
}
#caseContain .left {
    width:263px;
    float:left;
    cursor:pointer;
}
#caseContain .left .text {
    padding:56px 0 0 25px;
    text-align:left;
    line-height:160%;
}
#caseContain .leftOver {
    color:#303030;
}
#caseContain .leftOut {
    color:#303030;
}
#caseContain .left img {
    margin:32px 0 0 0;
}
#caseContain .right {
    width:737px;
    float:right;
    padding:0 0 50px;
    background:#FFF;
}
#caseContain .right .pic {
    width:737px;
    height:478px;
    position:relative;
}
#pre {
    height:478px;
    left: 0;
    position: absolute;
    top: 0;
    width:368px;
    z-index: 100;
    text-align:left;
    cursor:pointer;
}
#next {
    height:478px;
    right:0;
    position: absolute;
    top: 0;
    width:368px;
    z-index: 100;
    text-align:right;
    cursor:pointer;
}
#img {
    width:663px;
    height:478px;
    margin:0 auto;
}
#img img {
    width:663px;
    height:478px;
    display:block;
}
#caseContain .right .content {
    margin:0;
    width:537px;
    height:200px;
    min-height:200px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
    background:#FFF;
    text-align:left;
    color:#6f6f6f;
    font-size:12px;
    padding:30px 100px 0;
    line-height:210%;
}
/*领军人物*/
#ljrwcontent {
    padding:78px 100px;
    background:#FFF;
}
#ljrwcontent .ljrw {
    border-top:1px solid #ad2623;
    padding:22px 0 80px 0;
    position:relative;
    clear:both;
    height:120px;
    min-height:120px;
    height:auto !important;
    overflow:hidden !important;
    overflow: visible;
}
#ljrwcontent .ljrw .pic {
    float:left;
    border:1px solid #2c2b30;
    padding:2px;
    margin:0 10px 0 0;
    position:absolute; 
    bottom:80px;
}
#ljrwcontent .ljrw .pic img {
    display:block;
}
#ljrwcontent .ljrw .text {
    position:absolute; 
    bottom:80px;
    left:150px;
}
#ljrwcontent .ljrw .text .ljtitle {
    font-size:16px;
    font-weight:bold;
    padding:0 0 7px 0;
}
/*人才招聘*/
.hr1 {
    border-bottom:1px solid #bc0700;
    padding:0 0 10px;
}
.hr1 .title {
    color:#ef9c00;
    font-size:15px;
    font-weight:bold;
    width:660px;
    padding:10px 0 0;
}
.hr1 .box {
    width:660px;
    padding:6px 0 0;
}
/*瀑布流*/
#pubu {
    padding:5px;
    width:650px;
    height:100px;
    float:left;
}
#pubu .item {
  width: 315px;
  padding:0 0 4px 0;
  margin:5px;
  float:left;
  background:white;
  text-align:center;
  cursor:pointer;
}
#pubu .item img {
    margin:0 auto 6px;
    width:315px;
}
#floatDiv {
    position: fixed;
    width: 40px;
    left: 96%;
    bottom: 73px;
    z-index: 3;
}
#floatDiv a {
    background-image:url(../images/online.png);
    width: 40px;
    height: 40px;
    display: block;
    margin:3px 0 0;
}
#floatDiv a:hover {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;transition:all .2s;
    transition-timing-function:ease;
}
#floatDiv a.qq {
    background-position:-180px 0;
}
#floatDiv a.qq:hover {
    background-position:-180px -40px;
}
#floatDiv a.qrcode {
    background-position:-45px 0;
}
#floatDiv a.qrcode i {
    position:absolute;
    visibility:hidden;
    z-index:5;
    width:140px;
    height:142px;
    left:-144px;
    top:-88px;
    background:url(../images/erweima.png) no-repeat;opacity:0;
}
#floatDiv a.qrcode:hover {
    background-position:-45px -40px;
}
#floatDiv a.qrcode:hover i {
    opacity:1;visibility:visible;
    -webkit-transition:all .6s;
    -moz-transition:all .6s;
    -ms-transition:all .6s;
    transition:all .6s;
}
#baopin {
    position: fixed;
    width: 200px;
    left: 80%;
    bottom: 73px;
    z-index:99998;
}
ul.newsList li {
    border-bottom:1px dotted #CCC;
    height:28px;
    line-height:28px;
    color:#000;
}
ul.newsList li a {
    color:#000;
}
ul.newsList li span {
    float:right;
}
.page {
    width:80%;
    clear:both;
    padding:10px 0;
    text-align:center;
    color:#000;
}
.page a {
    color:#000;
}
.newsContent a {
    color:#000;
}