﻿

/*banner*/
#ibannerbox{ width: 100%; height:594px;  overflow: hidden; position: absolute; z-index: 1;}
.loading{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #fff;}
.loading img{ display: block; width: 50px; height: 50px; margin: 40% auto 0;}
.ibanner{ height: 100%; position: relative; top: 0;}
.ibanner li{ height: 100%; position: absolute; top: 0; display:block; overflow: hidden; background-repeat: no-repeat; background-position:top center;}


.ibanner_nav{ width: 100%; height: 100%; position:absolute; top: 0; z-index: 50;}
.ibanner_nav .prev,.ibanner_nav .next{display: block;height: 120px;position: absolute;text-indent: -9999px;width: 75px;background: url("../images/icon.gif") no-repeat; top: 40%;}
.ibanner_nav .prev{background-position: 0 0;left: 25px;}
.ibanner_nav .prev:hover{background-position: -72px 0;}
.ibanner_nav .next{background-position: -209px 0;right: 19px;}
.ibanner_nav .next:hover{background-position: -137px 0;}


/*news*/
.news_item{ border-bottom: 1px solid #E9E9E9; margin: 0 0 20px; padding: 0 0 10px; width: 660px;}
.news_img{float: right; width: 150px;}
.news_tex{float: left; width: 490px;}
.news_tex h1{color: #333333; font: bold 12px "宋体","微软雅黑";}
.news_tex dd{color: #999999;font: 12px/20px Arial,Helvetica,sans-serif;}
.news_tex dt{color: #444666; font: 12px/16px "宋体","微软雅黑";}

/*page*/
.page{
    width:100%;
    height:26px;
    line-height: 26px;
    margin: 10px 0;
    overflow: hidden;;
    font-size: 12px;
}
.pagein{ padding:  0;}
.contentCon .noborder{
    border: 0;
}
.page span{
    display:inline;
    color:#000;
}
.page a{
    color:#000;display:inline;}
.page .page-con1{width: 30%; float: left; color:#888;}
.page .page-con2{width: 56%; float: left; text-align: right;}
.page .page-con3{width: 14%; float: right; text-align: right;}
.page .page-con2 span{ position: relative; width: 55px;  display: inline-block;}
.page .page-con2 span a{width: 43px; height: 28px; display: inline-block;}
.page .page-first{ color: #888; background: url("../images/page/first.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .page-firsta a{  color: #000; background: url("../images/page/firsta.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .page-last{ color: #888; background: url("../images/page/last.gif") no-repeat right center; padding-right: 12px;}
.page .page-lasta a{ color: #000; background: url("../images/page/lasta.gif") no-repeat right center; padding-right: 12px;}
.page .shang{ color: #888; background: url("../images/page/prev.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .shanga a{ color: #000; background: url("../images/page/preva.gif") no-repeat left center; padding-left: 12px; text-align: left;}
.page .xia{ color: #888; background: url("../images/page/next.gif") no-repeat right center; padding-right: 12px;}
.page .xiaa a{ color: #000; background: url("../images/page/nexta.gif") no-repeat right center; padding-right: 12px;}
.page .page-con2 .page-firsta, .page .page-con2 .page-lasta, .page .page-con2 .shanga, .page .page-con2 .xiaa{ width: 55px;}

/*products*/
.prob{ overflow: hidden; padding: 20px 0;  width: 820px;}
.products{ width: 820px; padding-left:20px}
.products li{ color: #444666;float: left;font: 12px/24px "微软雅黑";height: 190px;padding: 0;
    width:25%; display: block; text-align: center; }
.products li a{ color: #444666;}
.products li a:hover{ color: #900;}
.products li img{ width: 190px; height: 150px; padding: 2px; cursor: pointer;}

/*honor cases*/
.honorb{ overflow: hidden; padding: 20px 0;  width: 690px;}
.honor{ width: 750px;}
.honor li{ color: #444666;float: left;font: 12px/24px "微软雅黑";padding: 0;
    width: 240px; display: block; text-align: center; margin:10px 3px 0 6px;}
.honor li a{ color: #444666;}
.honor li a:hover{ color: #900;}
.honor li img{ padding: 6px; cursor: pointer;}

/*cases*/
.cases{ width: 690px;}
.cases li{ color: #444666;float: left;font: 12px/24px "微软雅黑";padding: 0;
    width: 220px; display: block; text-align: center; margin:10px 3px 0 6px;}
.cases li a{ color: #444666;}
.cases li a:hover{ color: #900;}
.cases li img{ padding: 6px; cursor: pointer;}

/*profile*/
.profile{ width: 690px;}
.profile li{ color: #444666;float: left;font: 12px/24px "微软雅黑";height: 160px;padding: 0;
    width: 220px; display: block; text-align: center; margin:10px 3px 0 6px;}
.profile li a{ color: #444666;}
.profile li a:hover{ color: #900;}
.profile li img{ width: 200px; height: 135px; padding: 6px; cursor: pointer;}

/*news no img*/
.content-news{ line-height:20px; width: 750px; overflow: hidden; height:410px;}
.content-news .c-ul{ margin-top:10px;min-height:350px;}
.content-news .c-ul form{ display: inline;}
.content-news .c-ul li{ height: 23px; line-height: 23px;margin-bottom: 5px; overflow: hidden; border-bottom: 1px dashed #bbb;}
.content-news .c-ul li h3{float: left; width: 65%;background: url("../images/icon.png") no-repeat scroll left center transparent; padding: 0 0 0 24px;}
.content-news .c-ul li h3 a{color: #eee; font-size: 14px; font-weight: normal;}
.content-news .c-ul li h3 a:hover{ text-decoration: underline;}
.content-news .c-ul li span{display: inline; float: right; text-align: right; width: 100px;}

/*message*/
.content-message{ line-height: 20px;}
.content-message li{ display: block; margin-bottom: 10px; width: 685px;}
.content-message span{ width: 150px; float: left; display: block; text-align: center;}
.content-message input{ float: left;display: block; height: 20px; margin:0px; padding:0px;  list-style:none;}
.content-message .bd1{ width: 200px; }
.content-message .bd2{ width: 400px;}
.content-message .bd3{ width: 400px; height: 200px;}
.content-message .bd4{ position: relative; left: 340px; cursor: pointer;}

/*showin*/
.content-view{padding-bottom: 10px; font-size: 14px;}
.content-view a{ color: #333333;}
.content-view a:hover{ text-decoration: underline; }
.content-view .vtitle{color: #333333;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    padding: 10px 0;}
.content-view .vphoto{ padding: 2px;}
.content-view .vcontent{ padding: 20px 0 ; width:100%; min-height: 400px; overflow: hidden; line-height: 1.8em;}
.content-view .vpro{ text-align: left;}
.content-view .vcontent-box{ min-height: 400px; overflow: auto;}
.content-view .vpage{ border-top: 1px solid #333; padding: 5px 0;}
.content-view .vpage1{ border-top: 1px solid #333; padding: 5px 0; padding-left: 10px;}
.content-view .vpage .vshang{ float: left; width: 36%; margin-left: 2%; text-align: center;}
.content-view .vpage .vmore{ text-align: center; font-size: 14px; float: left; width: 24%; margin-top: 30px;}
.content-view .vpage .vmorenopic{ text-align: center; font-size: 14px; float: left; width: 24%; }
.content-view .vpage .vxia{ float: right; width: 36%; text-align: center; margin-right: 2%;}
.content-view .vpage img{ border: 1px solid #000;}
.content-view .vpage1 .vshang{ padding:5px 17px; background: url("../images/page/showprev.gif") left center no-repeat; }
.content-view .vpage1 .vmore{ padding:5px 17px; background: url("../images/page/showother.gif") left center no-repeat;}
.content-view .vpage1 .vxia{ padding:5px 17px; background: url("../images/page/shownext.gif") left center no-repeat;}


/*jobs*/
.jobtable{ width:100%; margin:0 auto; padding-bottom: 30px; line-height: 1.5em;}
.jobtable table{ border:1px solid #e8e8e8}
.jobtable th{ font-weight:bold; line-height:32px; color:#005caa; background:url(../images/th01.jpg) repeat-x; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; text-align:center}
.jobtable span{ float:left; margin-left:30px; display:inline-block}
.jobtable td{ line-height:20px; padding: 10px 0; color:#696969;}
.jobtable td.double{ background:#f8f8f8}
.jobtable td a.fla{ float:left; margin-left:10px; display:inline-block}

/* sitemap */
.bywsitemap ul h2{ padding-top: 10px;}
.bywsitemap ul h2 a{ color: #333; font:16px/24px "微软雅黑";}
.bywsitemap ul li{ float: left; margin-right: 10px;}
.bywsitemap ul li a{font:14px/20px "微软雅黑"; color: #666;}
.bywsitemap ul li a:hover{color: #333;}