/* CSS Document */
.pagebanner{ padding-top:1px}
.pageleft{float:left; width:228px}
.pageright{float:right;}
.leftbg{background:#f3f2f2}
.pagemain{ padding-top:10px;}
.hometitle{background:url(../images/pageline.jpg) repeat-x bottom no-repeat; height:41px; line-height:41px; text-align:left;color:#8c8e9b; }
.hometitle span{background:url(../images/pagedot.jpg) 10px 12px no-repeat; display:block; height:41px; width:15px; float:left; padding-left:10px; }
.hometitle a,.hometitle a:active,.hometitle a:visited{color:#8c8e9b}
.hometitle a:hover{color:#000}
.pagelist{ width:1000px; margin:0 auto}
.righttab{ border:1px #dedede solid}

.content{height:330px; overflow:auto}

.pageshow{padding:10px; text-align:center}

.bd1{border:1px solid #dedede; margin-bottom:8px; padding:0px}

/*分类*/
.pageright{ width:703px}
.pageright .content{text-align:left; line-height:26px; font-size:14px; padding:20px; color:#333; padding-left:10px}

.pageright .content img{padding-left:10px; margin-top:10px}

.pagenav{ letter-spacing:1px}
.pagenav h2{ background:url(../images/pagenav.jpg); height:97px; line-height:81px; overflow:hidden;display:block; font-size:18px; text-align:center; color:#4e9edc }
.pagenav h2 span{padding-left:30px; padding-top:4px}

.prdlist{background:url(../images/pageleft.jpg) top no-repeat;}
.prdlist .infolist{ width:169px; overflow:hidden; margin:0 auto}
.prdlist li{ border-bottom:1px solid #dedede;margin-bottom:6px;}
.prdlist li a{ background:url(../images/mdot.jpg) no-repeat 8px 10px; height:29px; line-height:29px; padding-left:30px;color:#8b8a8a; font-size:14px; display:block; width:182px}
.prdlist li a:hover,.prdlist li.current a{background:url(../images/mbg.jpg); color:#fff}


.pagenavlist li{  }
.pagenavlist li .prd a{ background:url(../images/page_10.jpg); height:27px; line-height:27px; padding-left:30px;color:#b77d28; font-size:14px; display:block; width:182px; border:1px solid #dedede;margin-bottom:6px;}
.pagenavlist li .prd a:hover,.pagenavlist li .current a{background:url(../images/page_12.jpg); color:#fff}

.pagenavlist li .case{ line-height:20px; height:20px;background:#f1f1f1; width:212px;margin-bottom:6px;}
.pagenavlist li .case a{background:url(../images/arrow.gif) no-repeat 30px; padding-left:42px; display:block}

.navsub { height:36px; line-height:36px; background:url(../images/classbg.jpg)}
.navsub a:link,.navsub a:active,.navsub a:visited{font-size:14px ; color:#b77d28;font-weight:bold;padding-left:70px;display:block }
.navsub a:hover{ color:#000;background:url(../images/classbg1.jpg); }

.navsubs { line-height:34px;background:url(../images/typebg.jpg) no-repeat right; height:34px; display:block}
.navsubs a:link,.navsubs a:active,.navsubs a:visited{font-size:12px ; color:#000;font-weight:bold;padding-left:70px; display:block}
.navsubs a:hover{color:#b77d28;background:url(../images/typebg1.jpg) no-repeat right;}



/*产品展示*/
.prdlist{}
.prdlist h2{line-height:50px; height:50px; display:block; float:inherit; width:100%; color:#b97c29; clear:both}
.prdlist .list li{float:left; text-align:center; padding-right:14px}
.prdlist .list li p{line-height:30px}
.prdlist .list li a{font-size:14px; color:#666}
.prdlist .list li img{ width:170px; height:210px; border:1px solid #dedede}
.prdlist .list li a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;}


/*产品展示*/
.sortlist{ }
.sortlist .list li{ margin-bottom:8px; height:200px; border-bottom:1px solid #f1f1f1; overflow:hidden; float:left; width:165px }
.sortlist .list li .img{width:140px;}
.sortlist .list li .text{float:right; width:510px}
.sortlist .list li img{ width:140px; }
.sortlist .list li a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;}
.sortlist .txtx{line-height:22px; color:#666; font-size:12px}

.sortlist .more{ float:right}
.sortlist .more a{color:#ff5600}


.classlist .list li{ padding-right:14px; margin-bottom:12px; border-bottom:1px #ccc dashed; margin-top:12px; padding-bottom:16px; padding-top:10px}
.classlist .list li .listleft{float:left; width:320px}

.classlist .list li .listlefttxt{line-height:30px; text-align:center}
.classlist .list li .listright{float:right; width:400px}
.classlist .list li .righttext{color:#333}

.classlist .list li a{font-size:14px; color:#666}
.classlist .list li img{ width:300px; border:1px solid #dedede}
.classlist .list li a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;}
.classlist .classtext{padding:20px; padding-left:0px; line-height:26px; color:#333; font-size:14px}


.prdlistall{}
.prdlistall .prdallimg{text-align:center; padding-top:20px}
.prdlistall .prdalltitle{line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center}
.prdlistall .prdalltext{padding:20px; padding-left:0px; line-height:26px; color:#333; font-size:14px}


.prdinfo{ padding:30px; padding-left:0px; background:#fff}
.prdinfo .prdinfoimg{ text-align:center}
.prdinfo  h2{text-align:center; line-height:40px;color:#333; font-size:16px}
.prdinfo .prdinfotext{padding-top:20px; color:#333}
.prdinfo .back{text-align:center; line-height:40px; color:#b97c29}
.prdinfo .back a{ color:#b97c29}

/*新闻与案例*/
.newslist{}
.newslist li{border-bottom:1px solid #dedede; line-height:34px; background:url(../images/newsar.jpg) 0 15px no-repeat; padding-left:10px}
.newslist span{float:right}

.newslist h2{text-align:center;}
.newslist .text{padding-top:20px}
.newslist .img{padding:20px; text-align:center}

.caselist{ width:720px; padding-left:6px; padding-top:12px}
.caselist .list li{ margin-bottom:12px; height:180px; float:left;margin-right:12px !important; margin-right:6px; margin-left:8px;text-align:center; width:210px; padding:4px; border:1px solid #dedede}
.caselist .list li .txt{  padding-bottom:6px}
.caselist .list li .txt a{font-size:12px; color:#333;}
.caselist .list li img{ width:200px; margin:0px; padding:0px}
.caselist .list li a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;}
.caselist .txtx{line-height:22px; color:#666; font-size:12px}

.caselist .more{ float:right}
.caselist .more a{color:#ff5600}





.subimssList, .subimssWrap{ }
.subimssList h2{ font-size:14px; height:30px; line-height:30px; color:#666; font-weight:normal; border-bottom:1px #CCC dotted; padding:20px 0;}
.subimssList h2 a, .subimssWrap h2 a{ color:#25ceb6; text-decoration:none;}
.subimssList h2 a:hover, .subimssWrap h2 a:hover{ text-decoration:underline;}
.subimssList dl{  padding:15px 0; border-bottom:1px #CCC dotted; overflow:hidden; height:14px; line-height:14px; color:#666;}
.subimssList dt{  float:left; font-size:14px; font-weight:bold;}
.subimssList dt a{ color:#4e9edc; text-decoration:none;}
.subimssList dt a:hover{ text-decoration:underline;}
.subimssList dd{  float:right;}
.subimssList dd span.go, .subimssWrap span.go{ color:#25ceb6;}

.subimssWrap h2{ font-size:14px; height:30px; line-height:30px; color:#666; font-weight:normal; padding:20px 0;}
.subimssWrap h3{ font-size:15px; color:#333;}
.subimssWrap h4{ font-size:12px; font-weight:normal; color:#666; padding:20px 0; width:100%; border-bottom:1px #CCC dotted; overflow:hidden;}
.subimssWrap p{ color:#666; display:block}

/*证书*/

.certlist{ width:720px; padding-left:6px; padding-top:12px}
.certlist .list li{ margin-bottom:12px; float:left; margin-right:12px !important; margin-right:6px; margin-left:8px;text-align:center; width:210px; padding:4px; border:1px solid #dedede}
.certlist .list li .txt{  padding-bottom:6px}
.certlist .list li .txt a{font-size:12px; color:#333;}
.certlist .list li img{  margin:0px; padding:0px}
.certlist .list li a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;}
.caselist .txtx{line-height:22px; color:#666; font-size:12px}

.page{text-align:center}
DIV.page {
PADDING-RIGHT: 2px; PADDING-LEFT: 12px; PADDING-BOTTOM: 8px; MARGIN: 7px; PADDING-TOP: 8px;  font-family:Verdana;font-size:14px}

DIV.page A:link,DIV.page A:active,DIV.page A:visited  {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #333; PADDING-TOP: 0.5em; BACKGROUND: #fff; TEXT-DECORATION: none;font-family:Verdana; border:1px #ccc solid; background:#F8F8F8; font-size:14px
}
DIV.page A:hover{PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #333; PADDING-TOP: 0.5em; BACKGROUND: #fff; TEXT-DECORATION: none;font-family:Verdana;border:1px #ed6d00 solid; background:#dedede}
DIV.page SPAN.current {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND: #ed6d00;font-family:Verdana;border:1px #ed6d00 solid;}
DIV.page SPAN.disabled {DISPLAY: none}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;font-size: 12px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}