@charset "utf-8";
/* -----------------------------
 Description: 首页样式
 Author: skyhuman QQ: 534988724
 Date: 2014-5-28
----------------------------- */

/* Index: Custom Styles
============================= */


/*第一屏*/
.panel-border{ padding:10px; overflow:hidden; }
.about .panel-hd h4{ line-height:32px; padding:0 10px; background:#13597b; color:#fff; border-radius:5px 5px 0 0; }
.about dt,.about dd{ float:left; display:block; }
.about dt{ margin-right:10px; }
.about dt img{ display:block; width:205px; height:178px; }
.about dd{ width:340px; }
.about dd h5{ margin-bottom:5px; }
.about dd h5 a{ color:#13597b; }
.about dd p{ line-height:22px; }

.contact img{ display:block; width:383px; height:84px;}
.contact p{ overflow:hidden; margin-top:10px; line-height:14px; }
.contact p span{ float:right; }

/*模型*/
.panel-model{ text-align:left; }
.panel-model .panel-hd{ position:relative; line-height:32px; height:32px; border-bottom:2px solid #13597b; overflow:hidden; }
.panel-hd h4{ color:#003399; font-size:16px; }
.panel-hd h4 span{ padding-left:10px; font-size:12px; }
.panel-model .panel-body{ margin-top:10px; }

.news_top .bd li{ padding-left:15px; line-height:30px; border-bottom:1px dotted #ccc; overflow:hidden; }
.news_top .bd li a{ float:left; }
.news_top .bd li span{ float:right; }

/*第二屏*/

/*切换共用*/
.product .hd,.case .caseHd{ position:absolute; left:70px; top:0; }
.product .hd li,.case .caseHd li{ position:relative; float:left; color:#333; font-size:14px; cursor:pointer; text-align:center; }
.product .hd li em,.case .caseHd li em{ padding:0 10px; }
.product .hd li i,.case .caseHd li i{ display:block; float:left; height:15px; width:0; border-right:1px solid #ccc; }
.product .hd li:first-child i,.case .caseHd li:first-child i{ display:none; }

.product .hd li{ height:34px; line-height:34px; }
.product .hd li i{ margin-top:10px; }
.product .hd li.on span{ position:absolute; bottom:0; right:40%; display:block; width:14px; height:7px; background:url(../images/mainsite/on.png); }
.product .bd .sec_product li{ float:left; margin-right:5px; padding:2px 10px; color:#003399; }
.product .bd .sec_product li.on{ background:#339933; color:#fff; border-radius:5px; }
.product .bd .inBd{ padding-right:20px; }
.product .bd .inBd li{ float:left; margin-left:20px; margin-bottom:20px; width:225px; }
.product .bd .inBd img{ display:block; width:223px; height:180px; border:1px solid #ccc; border-bottom:none; }
.product .bd .inBd h5{ text-align:center; line-height:24px; border-top:1px solid #ccc; }
.product .bd .inBd li:hover img,.product .bd .inBd li:hover h5{ border-color:#ccffff; }
.product .bd .inBd li:hover h5{ background:#ccffff; }
.product .bd .inBd li:hover h5 a{ color:#339933; text-decoration:none; }


/*第三屏*/
.case .caseHd li{ margin-top:5px; line-height:26px; height:26px; }
.case .caseHd li i{ margin-top:5px; }
.case .caseHd li.on em{ background:#339933; color:#fff; }
.case .caseHd li.on span{ display:none; }
.case .bd ul{ height:248px; }
.case .bd li{ float:left; margin:0 6px; width:270px; }
.case .bd li img{ display:block; padding:4px; width:260px; height:215px; border:1px dashed #fff; }
.case .bd li a:hover img{ border-color:#666;}
.case .bd li p{ text-align:center; line-height:24px; font-size:14px; }
.slideBox{ padding-right:20px; }
.slideBox li{ float:left; margin-left:20px; margin-bottom:20px; width:225px; }
.slideBox li img{ display:block; width:223px; height:180px; }
.slideBox li h5{ text-align:center; line-height:24px; }
.slideBox li:hover h5{ background:#ccffff; }
.slideBox li:hover h5 a{ color:#339933; text-decoration:none; }