﻿/*
Release Date: 11-12-2012
by 首传---前端---胡泳泳
-------------------------------------------------------------------------------------------------------------------------------------------*/


/*公司简介  */
.indexAbout{width:546px; height:158px; position:relative;}
.indexAbout h2{position:relative; height:30px; line-height:30PX; color:#0f0f0f; font-size:14px; font-family:"微软雅黑"; border-bottom:1px solid #0a4cad; padding-left:30px; background:url(../images/title_tip.png) no-repeat 3px center;}
.indexAbout h2 a{display:block; width:55px; height:16px; position:absolute; right:8px; bottom:5px;}
.indexAboutCon{height:123px; line-height:30px; text-indent:20px; padding:3px 5px 0 5px; text-align:justify; text-justify:inter-ideograph; border:1px solid #f0f0f0;  overflow:hidden;}
.indexAboutCon a{color:#0a4cad;}
.indexAboutCon img{float:right; display:inline; margin-left:10px;}


/*产品推荐*/
.slide{width:202px;  height:198px;}
.slide h2{height:30px; line-height:30PX; color:#0f0f0f; font-size:14px; font-family:"微软雅黑"; border-bottom:1px solid #0a4cad; padding-left:30px; background:url(../images/title_tip.png) no-repeat 3px center;}
.slide .box{width:200px; height:148px; margin:10px auto 0; border:1px solid #bce6ff;}

#slidePlayer {
	    width:196px;
        height:144px;
	    margin:2px auto 0;
        overflow: hidden;
        position: relative;
  }

#slidePayer .slideList li {
	    width:196px;
        height:144px;
        overflow: hidden;
 }
#slidePlayer .slideList li img {
     	width:196px;
        height:144px;
}
#slidePlayer .slideTriggers {
        bottom: 2px;
        position: absolute;
        right: 4px;
}
#slidePlayer .slideTriggers li {
	    width: 12px;	 
	    text-align: center;
     	display: inline;
        float: left;
	    color: #fff;
	    font: 700 11px/12px Arial;
        background:#317ee7;     
        cursor: pointer;          
        margin-left: 2px;
        overflow: hidden;  
	    height: 12px;
	    line-height:12px;  
}
#slidePlayer .slideTriggers li.active {
     background:#fff;
	 color:#333;
}


/*公司首页新闻列表 */ 
.indexNews{width:546px; height:178px; margin-top:12px; position:relative;}
.indexNews h2{position:relative; height:30px; line-height:30PX; color:#0f0f0f; font-size:14px; font-family:"微软雅黑"; border-bottom:1px solid #0a4cad; padding-left:30px; background:url(../images/title_tip.png) no-repeat 3px center;}
.indexNews h2 a{display:block; width:55px; height:16px; position:absolute; right:8px; bottom:5px;}
.indexNewsCon{width:398px; height:140px; margin:0 auto; padding:5px 2px 0 144px; border:1px solid #f0f0f0; overflow:hidden; position:relative; background:url(../images/index_news_bg.jpg) no-repeat 3px 5px;}
.indexNewsCon li{height:20px; line-height:20px; margin-bottom:8px; background:#f0f1f1;}
.indexNewsCon li a{padding-left:15px; display:inline-block; width:240px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background:url(../images/green_dot.png) no-repeat 5px center;}


/*首页侧栏链接 */ 
.link{width:203px;}
.link p{width:203px; height:49px; margin-bottom:10px;}
 


/*产品展示*/
.indexDisplay{width:546px; height:218px; margin-top:13px; position:relative;}
.indexDisplay h2{position:relative; height:30px; line-height:30PX; color:#0f0f0f; font-size:14px; font-family:"微软雅黑"; border-bottom:1px solid #0a4cad; padding-left:30px; background:url(../images/title_tip.png) no-repeat 3px center;}
.indexDisplay h2 a{display:block; width:55px; height:16px; position:absolute; right:8px; bottom:5px;}
#demo{float:left; display:inline; width:525px; height:160px; margin:15px 0 0 10px; overflow:hidden;}
#indemo{float:left; width:800%;}
#demo1{float:left;}
#demo2{float:left;}
#demo1,#demo2{float:left; height:160px; display:inline-table;}
#demo1 li,#demo2 li{width:168px; _display:inline; margin-left:16px; float:left; overflow:hidden;}
#demo1 li h3,#demo2 li h3{width:166px; height:35px; line-height:35px; float:left; text-align:center; font-weight:normal; overflow:hidden;}
#demo1 li h3 a,#demo2 li h3 a{color:#333;}
#demo1 li h3 a:hover,#demo2 li h3 a:hover{color:#074dac;}
#demo1 li .picBox,#demo2 li .picBox{width:166px; height:126px; border:1px #c9cdd8 solid; float:left; overflow:hidden;}
#demo1 li .picImgBox,#demo2 li .picImgBox{ width:166px; height:126px; line-height:126px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; *disply:block; font-size:126px;}
#demo1 li .picImgBox img,#demo2 li .picImgBox img{width:166px; height:126px; text-align:center; border:none; display:block; margin:0 auto; vertical-align:middle;}
