@charset "gb2312";
/* CSS Document */

body{font-family:"ËÎÌå"; font-size:12px; line-height:22px; color:#000; margin:0px; background-color:#FFF;}
a,area { blr:expression(this.onFocus=this.blur()) }

a{color:#000; text-decoration:none;}
a:hover{color:#0c5290;}
ul,form,input{margin:0px;padding:0px;}
li{list-style-type:none;}
img{border:0px;}
.clear{clear:both; font-size:0px; line-height:0px; height:0px; margin:0px; padding:0px;}


.topbj{width:100%; height:100px; background-image:url(../images/topbj.jpg); background-repeat:repeat-x;}
.top{width:975px; height:100px; margin:0 auto;}
.logo{width:600px; height:60px; float:left; padding-top:20px;}
.topright{width:240px; height:60px; float:right;}
.toplink{width:auto; height:22px; margin-top:20px; float:right; color:#868686;}
.toplink a{color:#868686;}
.toplink a:hover{color:#21691d;}
.search{width:242px; height:23px; margin-top:3px; background-image:url(../images/search.jpg); float:right;}
.searchen{width:242px; height:23px; margin-top:3px; background-image:url(../images/searchen.jpg); float:right;}
.keyword{width:170px; height:23px; outline: none; line-height:23px; float:left; border:none; background:none; margin-top:1px; margin-left:2px; font-size:12px; color:#999;}
.btn1{width:60px; height:23px; cursor:pointer; float:right; border:none; background:none;}

.dh{width:100%; height:33px; background-image:url(../images/dhbj.jpg); background-repeat:repeat-x;}
.menu{width:1029px; height:100%; margin:0 auto;}
.menu li{width:147px; height:100%; float:left;}
.menu li a{width:145px; height:33px; line-height:33px;color:#fff; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; font-weight:bold; text-align:center; display:block;}
.menu li a:hover{color:#fff; display:block; background-image:url(../images/dhhover.jpg);}
/*ÏÂÀ­²Ëµ¥*/
.dropMenu {position:absolute; z-index:100; width:145px; height:auto; visibility:hidden; background-color:#428ed5; filter:alpha(opacity=80); opacity:0.8;padding-bottom:15px; padding-top:15px;}
.dropMenu li { width:145px;  height:30px; line-height:30px; overflow:hidden; text-align: center;}
.dropMenu li a {color:#fff; }
* html .dropMenu a {width:100%;}
.dropMenu li a:hover {color:#fff; text-decoration:underline;}
.hdo{width:100%;height:auto;display:block;overflow:hidden;}

/*banner*/
.banner {
    height: 356px;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.banner .flexslider {
    height: 356px;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
}
.banner .slides li {
    height: 356px;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    display: block;
}
.banner .slides li a {
    display: block;
    height: 100%;
}
/*Í¼Æ¬Ö¸Ê¾*/
.banner .flex-control-nav{
    display: none;
}



.sbanner{width:100%; height:239px; overflow:hidden;}
.sbancon{ height:239px;}

.main{width:100%; height:auto; background-image:url(../images/midbj.jpg);}
.middle{width:975px; height:auto; margin:0 auto; background-image:url(../images/inmidbj.jpg); padding-bottom:30px;}
.intop{width:975px; height:161px; background-image:url(../images/inmidtop.jpg); }
.innews{width:440px; height:140px; padding-top:10px; margin-left:20px; float:left;}

.innetop{width:440px; height:30px; background-image:url(../images/innetop.jpg); background-repeat:repeat-x;}
.innetop ul{ height:30px; width:auto; float:left;}
.innetop li{width:169px; height:30px; float:left; line-height:30px; overflow:hidden; background-image:url(../images/nea.jpg); margin-left:5px;}
.innetop li a{color:#6b6b6b; font-family:"Î¢ÈíÑÅºÚ"; margin-left:30px; font-weight:bold;}
.newshover div{width:169px; height:30px; display:block; background-image:url(../images/nehover.jpg);}
.newshover span{color:#fff;}
.more{width:50px; float:right; line-height:30px;}
.more a{color:#868686;}
.more a:hover{color:#01589d;}
.more a img{margin-top:7px; margin-left:5px;}
.topContent{width:440px; height:110px; margin-top:10px; margin-left:4px; overflow:hidden; line-height:21px;}
.newsContent{width:440px; height:110px;}
.newsContent li{width:420px; height:22px; margin-left:5px;}
.newsContent li a{color:#000;}
.newsContent li a:hover{color:#0057a6;}
.newsContent li span{float:right;}
.newsContent li img{margin-right:5px; margin-top:7px;}


.inabout{width:440px; height:140px; margin-left:20px; float:left; padding-top:10px;}
.inabtop{width:440px; height:30px; line-height:30px; background-image:url(../images/inabtop.jpg); background-repeat:no-repeat;}
.inabtop a{ width:50px; height:auto; float:right; color:#868686; }
.inabtop a:hover{color:#01589d;}
.inabtop a img{margin-top:7px; margin-left:5px;}
.inabtop span{font-family:"Î¢ÈíÑÅºÚ"; color:#fff; font-weight:bold; padding-left:15px;}
.inabcon{width:420px; height: 96px;
    overflow: hidden; margin-left:10px; padding-top:10px; line-height:24px;}
.inabcon img{margin-right:10px; width:100px; height:70px;}


.inproduct{width:975px; height:auto;}
.inprotop{width:975px; height:45px; background-image:url(../images/protop.jpg);}
.inprotop div{ margin-left:70px; padding-top:10px; line-height:30px; color:#868686; font-family:Arial, Helvetica, sans-serif;}
.inprotop div a{float:right; font-size:14px;  margin-right:30px; color:#868686;}
.inprotop div a:hover{color:#01589d}
.inprotop div span{font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; color:#01589d; font-weight:bold;}
.inprocon{width:975px; height:auto; background-image:url(../images/promid.jpg); padding-top:30px; }

.scroll_table{width:950px; height:110px; overflow:hidden; margin-left:10px;}
.scroll_table TABLE IMG {width:133px; height:100px; border:1px solid #cfcfcf; margin-right:10px;}

.runImg{
    width: 950px;  position: relative; margin: 0 auto;
}
.runImg .run{
    width: 950px;  height:110px;  position: relative;  overflow: hidden;  margin: 0 auto;
}
.runImg .run ul{
    position: absolute;
}
.runImg .run ul li{
    float: left;  width: 135px; height:102px; margin-right:10px;
}
.runImg .run ul li img{
    display: block;
    width:133px; height:100px; border:1px solid #cfcfcf;
}


.inprofoot{width:975px; height:10px;}



.foot{width:100%; height:35px; background-color:#0f6bb4;}
.footcon{width:975px; height:35px; margin:0 auto;  font-family:"Î¢ÈíÑÅºÚ"; color:#FFF;}
.banquan{width:auto; height:35px; line-height:35px; margin-left:10px; float:left}
.banquan a{color:#FFF;}
.banquan a:hover{color:#FFF; text-decoration:underline;}
.footlink{width:auto; height:18px; padding-top:8px; float:right;}
.footlink li{width:auto; height:18px; float:left; margin-left:5px;}
.footlink li span img{margin-top:3px;}

.smain{width:100%; height:auto;}
.smiddle{width:975px; height:auto; margin-left:auto; margin-right:auto; margin-top:10px; padding-bottom:30px;}
.left{width:190px; height:auto; margin-top:20px; float:left;}
.lelitop{width:189px; height:48px; background-image:url(../images/lelitop.jpg); color:#FFF; font-size:18px; font-weight:bold; overflow:hidden; text-transform:uppercase;}
.lelitop div{padding-top:20px; line-height:28px;padding-left:25px;}
.lelitop div span{font-family:"Times New Roman", Times, serif; font-size:12px; padding-left:5px;}
.lelimid{width:189px; height:auto; background-image:url(../images/lelimid.jpg); padding:10px 0px;}
.lelimid li{width:189px; min-height:25px; _height:25px; margin-top:5px; background-image:url(../images/lea.jpg);}
.lelimid li a{color:#fff; font-family:"Î¢ÈíÑÅºÚ"; padding-left:41px;display:block; width:148px; height:25px;}
.lelimid li a:hover{background-image:url(../images/lehover.jpg); color:#f1df8f;}
.lelimid .hover2{width:189px; height:25px;background-image:url(../images/lehover.jpg); }
.lelimid .hover2 a{color:#f1df8f;}
.lelifoot{width:189px; height:37px;}
.lecon{width:189px; height:auto; background-image:url(../images/lebj.jpg);}
.lejoin{width:180px; padding-top:20px; border-bottom:1px solid #d8d8d8; margin-left:4px;}
.lejoin div{margin-left:15px;}
.lejoin a{color:#949494;}
.lejoin a span{color:#000; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; font-weight:bold;}
.lejoin a:hover{color:#0c5290;}
.lejoin a:hover span{color:#0c5290;}
.lecontact{width:155px; height:55px; background-image:url(../images/conbj.jpg); background-repeat:no-repeat; background-position:right; padding-top:15px; margin-left:20px; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:bold;}
.lecontact span{font-style:italic; color:#125cb3;}
.lefoot{width:189px; height:8px;}

.right{width:730px; height:auto; float:right;}
.location{width:auto; height:20px; line-height:20px; float:right;}
.location img{margin-top:2px; margin-right:3px;}
.location a{color:#6c6c6c; }
.location a:hover{color:#0c5290;}
.abtop{width:730px; height:30px; line-height:30px; background-image:url(../images/aboutbj.jpg);}
.abtopen{width:730px; height:30px; line-height:30px; background-image:url(../images/aboutbjen.jpg);}
.catop{width:730px; height:30px; line-height:30px; background-image:url(../images/casetop.jpg);}
.jotop{width:730px; height:30px; line-height:30px; background-image:url(../images/jointop.jpg);}
.producttop{width:730px; height:30px; line-height:30px; background-image:url(../images/probj.jpg);}
.newstop{width:730px; height:30px; line-height:30px; background-image:url(../images/netop.jpg);}
.contop{width:730px; height:30px; line-height:30px; background-image:url(../images/contop.jpg);}

.sr-text{width:120px; height:30px; color:#FFF;  font-family:"Î¢ÈíÑÅºÚ"; float:left;  font-size:15px; overflow:hidden;}
.sr-text span{margin-left:40px;}
.sr-texten{width:auto; height:30px; color:#FFF;  font-family:"Î¢ÈíÑÅºÚ"; float:left;  font-size:15px;}
.sr-texten span{margin-left:40px;}
.english{width:auto; height:30px; float:left; margin-left:5px; color:#727272;  font-size:18px; font-family:Arial, Helvetica, sans-serif}
.content{width:730px; height:auto; margin-top:10px;}
.show-content{width:730px; height:auto; overflow-x:hidden;}


.title {width:auto; line-height: 30px; font-size: 14px; font-weight:bold; text-align: center; border-bottom:1px dotted #CCC;}
.info {width: auto; line-height: 25px; text-align: center; }
.text{width:auto; padding-top:5px;}



.news_list{width:100%; height:auto;}
.news_list li{width:100%; height:30px; line-height:30px; border-bottom:1px dotted #ccc;}
.news_list li span{float:right;}

.joblist{width:100%; height:auto;} 
.joblist .row{padding:2px;clear:both;} 
.joblist .left{ float:left;text-align:right; width:120px;padding:5px 0px 0px 0px;} 
.joblist .right{ float:left;text-align:left;padding:5px 0px 0px 5px;border-left:#dddddd 1px dashed;} 
.joblist .right a{color:#ff0000;} 

.jobup{width:100%; height:auto;} 
.jobup .row{padding:2px;clear:both;} 
.jobup .left{ float:left;text-align:right; width:120px;padding:5px 0px 0px 0px;} 
.jobup .right{ float:left;text-align:left;padding:0px 0px 0px 5px;border-left:#dddddd 1px dashed;} 

.showpage{width:100%; text-align:center; margin-top:10px; background-color:#eee;}





.about{width:710px; height:auto;}
.case{width:655px; height:auto;}
.join{width:640px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px;}
.jomid{width:610px; height:auto; color:#0c5290; background-color:#e9e8e8; margin-left:15px;}
.jotitle{width:610px; height:30px; border-top:1px solid #fff; background-color:#d8d8d8; line-height:30px; color:#000;}
.jomid li{width:610px; height:30px; line-height:30px; margin-top:10px;}
.jomid li a{color:#0c5290;}
.jomid li a:hover{color:#000;}
.jopic{width:636px; height:128px; margin-top:30px;}

.product{width:100%; height:auto;}
.product li{width:100%; height:100px; border-bottom:1px solid #e1e1e1; margin-top:10px;}
.propic{width:130px; height:100px; float:left;}
.propic img{width:107px; height:80px; padding:3px; border:1px solid #e1e1e1;}
.protext{width:500px; height:80px; float:left; }
.protitle{width:500px; height:30px; line-height:30px; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px;}
.protitle a{color:#419c14;}
.protitle a:hover{color:#f00;}
.protextcon{width:500px; height:50px; color:#646464;}
.probtn{width:95px; height:22px;  text-align:center; line-height:24px; float:right; background-image:url(../images/btnbj.jpg); margin-top:32px;}
.probtn a{color:#f00;}
.probtn a:hover{ text-decoration:underline;}

.news{width:730px; height:auto;}
.neline{width:730px; height:25px; border-bottom:2px solid #616161; color:#727272; font-size:19px; font-family:"ÃÔÄã¼òÐÐ¿¬"; line-height:25px; margin-top:30px;}
.necon{width:730px; height:auto; margin-top:20px;}
.necon li {width:730px; height:30px; line-height:30px; border-bottom:1px solid #cccccc; margin-top:5px; color:#727272; }
.necon li div{margin-left:10px;}
.necon li span{float:right; margin-right:20px;}
.necon li span img{margin-right:40px; margin-top:9px;}
.necon li a{color:#727272; margin-left:10px; font-family:"Î¢ÈíÑÅºÚ";}
.necon li a:hover{color:#3372b9;}

.contact{width:730px; height:auto;}




a.bshareDiv, #bsPanel, #bsMorePanel, #bshareF {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: 12px Helvetica, Calibri, Tahoma, Arial, ËÎÌå, sans-serif;
    line-height: 14px;
}

#bsPanel div, #bsMorePanel div, #bshareF div {
    display: block;
}

.bsRlogo .bsPopupAwd, .bsRlogoSel .bsPopupAwd, .bsLogo .bsPopupAwd, .bsLogoSel .bsPopupAwd {
    line-height: 16px !important;
}

a.bshareDiv div, #bsFloatTab div {
    *display: inline;
    zoom: 1;
    display: inline-block;
}

a.bshareDiv img, a.bshareDiv div, a.bshareDiv span, a.bshareDiv a, #bshareF table, #bshareF tr, #bshareF td {
    text-decoration: none;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 1.2
}

a.bshareDiv span {
    display: inline;
    float: none;
}

div.buzzButton {
    cursor: pointer;
    font-weight: bold;
}

.buzzButton .shareCount a {
    color: #333
}

.bsStyle1 .shareCount a {
    color: #fff
}

span.bshareText {
    white-space: nowrap;
}

span.bshareText:hover {
    text-decoration: underline;
}

a.bshareDiv .bsPromo, div.bshare-custom .bsPromo {
    display: none;
    position: absolute;
    z-index: 100;
}

a.bshareDiv .bsPromo.bsPromo1, div.bshare-custom .bsPromo.bsPromo1 {
    width: 51px;
    height: 18px;
    top: -18px;
    left: 0;
    line-height: 16px;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #fff;
    text-align: center;
    background: url('../images/bshare_box_sprite2.gif') no-repeat 0 -606px;
}

div.bshare-custom .bsPromo.bsPromo2 {
    background: url('../images/bshare_promo_sprite.gif') no-repeat;
    cursor: pointer;
}


.bsBox {
    display: none;
    z-index: 100000001;
    font-size: 12px;
    background: url('../images/background-opaque-dark.gif') !important;
    padding: 6px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bsClose {
    _overflow: hidden;
    cursor: pointer;
    position: absolute;
    z-index: 10000000;
    color: #666;
    font-weight: bold;
    font-family: Helvetica, Arial;
    font-size: 14px;
    line-height: 20px;
}

.bsTop {
    color: #666;
    background: #f2f2f2;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e8e8e8;
}

.bsTop span {
    float: left;
}

.bsFrameDiv, #bsMorePanel {
    border: none;
    background: #fff;
}

.bsReturn {
    float: right;
    *margin-right: 20px;
    margin-right: 36px;
    text-align: right;
    cursor: pointer;
    line-height: 24px;
    color: #666;
    opacity: 0.5;
}

#bsReturn:hover {
    text-decoration: underline;
    opacity: 1;
}

div.bsClear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
}

.bsSearchDiv {
    padding: 5px 15px;
    background-color: #fafafa;
}

.bFind-wrapper-top {
    background: #fff;
    border-color: #ccc #aaa #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    padding: 4px;
    margin: 0;
}

.bFind-wrapper-top input {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 16px !important;
}

.bFind-placeholder {
    background: url("images/search-icon.gif") no-repeat;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}

.bFind {
    background: none;
    border: none;
    float: left;
    font-size: 11px !important;
    height: 16px !important;
    margin-left: 3px;
    outline: none;
    padding: 0;
    width: 400px;
}

.bsPlatDiv {
    height: 322px;
    background: #fff;
    overflow: auto;
    padding: 0 15px;
}

#bsLogoList {
    display: block;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#bsLogoList li {
    float: left;
    display: inline-block;
    width: 71px;
    text-align: center;
    font-size: 12px;
    height: 80px;
    margin: 0 !important;
}

#bsLogoList .bsPlatIcon {
    cursor: pointer;
    display: block !important;
    text-align: center;
}

#bsLogoList .bsPlatImg {
    width: 32px;
    height: 32px;
    border: none !important;
    display: inline-block;
}

#bsLogoList .bsPlatImg:hover {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0 0 15px #a7a8ac;
}

#bsLogoList .bsPlatName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    color: #333 !important;
    margin-top: 2px;
    line-height: 140%;
    *width: 70px;
}

#bsLogoList .bsPromoM {
    text-align: center;
}

.bsFooterDiv {
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    border-top: 1px solid #e8e8e8;
    background: #f2f2f2;
    text-align: right;
}

a.bsLogoLink {
    color: #666;
}

.bsLogoLink:hover {
    text-decoration: underline;
}

.bsPromoM {
    background: url('../images/bshare_box_sprite2.gif') no-repeat top left;
}

.bsNew, .bsHot, .bsRec, .bsAwd {
    background-position: 0 -552px;
    width: 19px;
    margin: 5px auto 1px;
    line-height: 16px;
    height: 18px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
}

.bsNew {
    background-position: 0 -570px;
}

.bsRec {
    width: 30px;
    background-position: 0 -588px;
}

.bsAwd {
    background: url('../images/promote.gif') no-repeat;
}

a.bsSiteLink {
    text-decoration: none;
    color: #666;
}

a.bsSiteLink:hover {
    text-decoration: underline;
}

a.bshareDiv {
    overflow: hidden;
    height: 16px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
    padding-left: 0;
}

a.bshareDiv:hover {
    text-decoration: none;
}

div.bsTitle {
    padding: 0 8px;
    border-bottom: 1px solid #e8e8e8;
    color: #666;
    background: #f2f2f2;
    text-align: left;
}

div.buzzButton {
    cursor: pointer;
}

div.bsRlogo, div.bsRlogoSel {
    width: 68px;
    float: left;
    margin: 0;
    padding: 2px 0;
}

div.bsRlogo a, div.bsRlogoSel a {
    float: left;
}

div.bsLogo, div.bsLogoSel {
    float: left;
    width: 111px;
    text-align: left;
    height: auto;
    padding: 2px 4px;
    margin: 2px 0;
    white-space: nowrap;
    overflow: hidden;
}

div.bsLogoSel, div.bsRlogoSel {
    border: 1px solid #ddd;
    background: #f1f1f1;
}

div.bsLogo, div.bsRlogo {
    border: 1px solid #fff;
    background: #fff;
}

div.bsLogo a, div.bsLogoSel a {
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 0 0 0 24px;
    text-decoration: none;
    float: left;
    overflow: hidden;
}

div.bsLogoSel a, div.bsRlogoSel a {
    color: #000;
    border: none;
}

div.bsLogo a, div.bsRlogo a {
    color: #666;
    border: none;
}

div.bsLogoLink {
    width: 121px;
    overflow: hidden;
    background: #FFF;
    float: left;
    margin: 3px 0;
}

#bsPanel {
    position: absolute;
    z-index: 100000000;
    font-size: 12px;
    width: 258px;
    background: url('../images/background-opaque-dark.png');
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.bsClear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

div.bsPopupAwd {
    background: url('../images/bshare_box_sprite2.gif') no-repeat top left;
    background-position: 0 -624px;
    width: 18px;
    padding-left: 3px;
    text-align: center;
    float: left;
    margin-left: 2px;
    height: 15px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
}

div.bsRlogo .bsPopupAwd, div.bsRlogoSel .bsPopupAwd {
    float: left;
    margin: 5px 0 0 -14px;
}

















