@charset "utf-8";
/* CSS Document 008cd6蓝 */ 

.pro{ background-image:url(../images/line_bg01.gif); background-repeat:repeat-x; padding-top:50px; }
.pro-sort-list{ background-image:url(../images/prosorttitle.gif); line-height:62px; color:#fff; position:relative; }
.pro-sort-list b{ font-weight:normal; font-size:20px; display:block; text-align:center; width:190px; background-image:url(../images/prosorttitle2.gif); position:absolute; left:0; top:0; height:62px; }
.pro-sort-list ul{ width:100%; height:62px; padding-left:200px; }
.pro-sort-list li{ float:left; margin-left:12px; }
.pro-sort-list li a{ color:#fff; }
.pro-sort-list li a:hover{ color:#fff000; }
.pro-list { padding-top:20px; }
.pro-list li{ float:left; width:285px; margin-left:10px; margin-bottom:10px; border:1px solid #dcdcdc; height:270px; }
.pro-list li:hover{  border:1px solid #008cd6; }
.pro-list li img{ margin:20px auto; width:220px; height:165px; }
.pro-list li .pro-name{ border-top:1px solid #dcdcdc; display:block; text-align:center; line-height:35px; }
.pro-list li:hover .pro-name{ border-top:1px solid #008cd6; }

.idx-bg02{ height:334px; background-image:url(../images/idx_bg02.gif); }
.idx-img02{ margin-bottom:35px; }
.quality-policy{ position:absolute; top:105px; left:87px; line-height:35px; z-index:2; }
.idx-img03{ }
.design-center{ position:absolute; top:125px; right:265px; line-height:35px; z-index:2; }
.idx-img04{ margin-bottom:35px; }
.service-system{ position:absolute; top:145px; left:85px; line-height:35px; z-index:2; }

.idx-about{ border-top: 60px solid #fbfbfd; border-bottom: 60px solid #fbfbfd; background-color:#e5f4fb; height:480px; z-index:2; }
.idxabout{ position:absolute; left:400px; top:50px; }
.idxabout .title{ font-size:18px; color:#0066cc; font-weight:bold; }
.idxabout .info{ line-height:30px; padding-top:10px; }
.idxabout .info a{ background-color:#eee; color:#fff; position:absolute; top:auto; margin-top:10px; right:0; padding:3px 25px; }
.idxabout .info a:hover{ background-color:#008cd6; }

.idx-news{ height:600px; }
.idx-news .leftnews{ float:left; clear:left; width:50%; }
.idx-news .rightnews{ float:right; clear:right; width:50%; text-align:left;}
.idx-news .title{  font-size:20px; color:#000; font-weight:700; letter-spacing:2px; border-bottom:2px solid #008cd6; padding:25px 0 15px 0; width:96%;  }

.idx-news-list{ width:96%; overflow:hidden;}
.idx-news-list li{ height:165px; border-bottom:1px solid #ccc; }
.idx-news-list li a{ display:block; position:relative; padding-left:100px; padding-right:25px; }
.idx-news-list.noimg li a{ padding-left:10px; }
.idx-news-list li .title-news{ padding-top:20px; color:#000; font-size:16px; }
.idx-news-list li .info{ padding-top:10px; color:#999; line-height:22px; }
.idx-news-list li .more{ width:80px; text-align:center; background-color:#f5f5f5; color:#999; padding:5px 10px; margin-top:10px; }
.idx-news-list li img{ position:absolute; left:0; top:50px; }
.idx-news-list li a:hover .more{  background-color:#008cd6; color:#fff; }

.idx-contact{ padding:30px 0; background-color:#fbfbfc;}

.idxproleft{ background-image:url(../images/idx-probg.jpg); width:255px; height:502px; background-repeat:no-repeat; padding-left:10px;}

.idxproleft { padding-top:80px; float:left; clear:left; width:245px;}
.idxproleft li{ line-height:50px; margin-bottom:10px; *margin-bottom:5px; color:#000; background-color:#fff; border-radius:6px; width:222px; padding-left:10px;}
.idxproleft li a{ text-align:left; background-image:url(../images/icon.png); background-position:left center; background-repeat:no-repeat; padding-left:20px; font-size:16px;}
.idxproright{ float:right; clear:right;  width:945px;}
.idxproright li{ float:left; margin:10px 0 10px 10px; width:304px;}
.idxproright li img{ border:1px solid #cdcdcd; width:300px; height:230px;}

.idx-about{ background-image:url(../images/bg.jpg); height:467px; overflow:hidden; background-position:left;}
