@charset "utf-8";
/* CSS Document */
/*index*/
#banner{ margin-bottom:10px;}

#index_project{float:left; width:456px; height:250px;}
#index_project span{ display:block;background:url(../images/title_01.gif) no-repeat center; height:41px; line-height:35px; font-size:14px; padding-left:20px; color:#333333; font-weight:bold; margin-bottom:10px;}
#website{ float:left;width:222px; height:96px;background:url(../images/01.gif) no-repeat center; margin-bottom:10px;}
#promotion{float:right;width:222px; height:96px;background:url(../images/02.gif) no-repeat center;margin-bottom:10px;}
#email{float:left;width:222px; height:96px;background:url(../images/03.gif) no-repeat center;}
#engine{float:right;width:222px; height:96px;background:url(../images/04.gif) no-repeat center;}
#index_project dt{ font-size:14px; padding-left:15px; padding-top:10px; color:#7F7F7F; font-weight:bold; padding-bottom:10px;}
#index_project dd{ padding-left:10px; line-height:20px;}
.go{ float:right; padding-right:5px; padding-top:5px;}
.about{color:#ef477c;}
.about a{color:#ef477c;}

#index_about{ float:left; width:237px; margin:0 10px;height:250px;}
#index_about h2{ background:url(../images/title_02.gif) no-repeat center; height:41px; line-height:35px;font-size:14px; padding-left:20px; color:#333333; font-weight:bold; margin-bottom:5px;}
#index_about ul{ line-height:22px; padding:0 10px; background:url(../images/02.jpg) no-repeat center top;height:205px;}
#index_about ul span{display:block; text-align:center; margin-bottom:10px; margin-top:5px;}

#index_news{ float:right; width:237px;height:250px;}
#index_news h2{background:url(../images/title_02.gif) no-repeat center; height:41px; line-height:35px;font-size:14px; padding-left:20px; color:#333333; font-weight:bold;margin-bottom:5px;}
#index_news ul{padding:0 10px; background:url(../images/02.jpg) no-repeat center top; height:205px;}
#index_news ul li{border-bottom:1px dashed #BCBCBC; padding:9px 0;_padding:8px 0; color:#333;}
#index_news ul li a{color:#333;}

#index_case_title{clear:both;background:url(../images/title_03.gif) no-repeat center bottom; height:38px;line-height:35px;font-size:14px; padding-left:60px; color:#333333; font-weight:bold; padding-top:15px;}
#case_type{clear:both;width:620px; float:left; padding-left:20px; height:50px; line-height:50px; color:#333;}
#case_type li{ float:left;display:block;text-align:center;}
#case_type li a{ display:block; width:68px;}
#case_type li a:hover{text-decoration:none; background:url(../images/05.gif) no-repeat center; color:#FFF;font-weight:bold;}
.case_type_now{background:url(../images/05.gif) no-repeat center; color:#FFF;}
.case_type_now a{color:#FFF; font-weight:bold;}

#case_search{ float: right; width:280px; padding:12px 0;}

#index_case_list{clear:both;}
.index_case{ float:left; width:460px; margin:0 7px;_margin:0 6px; margin-bottom:10px;}
.case_title{ display:block; background:#DEDEDE; padding:10px;height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#666666;}
.case_hit{ display:block; border-bottom:1px solid #DEDEDE; line-height:30px; padding-left:10px;}
.tag{display:block;padding-left:10px; line-height:25px; margin-bottom:20px;}
.tag a{ color:#333;}
.case_info{ clear:both;}
.case_info dt{ width:207px; height:148px; float:left; background:url(../images/04.jpg) no-repeat center; margin-right:10px;}
.case_info dt img{ margin-top:11px; margin-left:9px; border:#D8D8D8 1px solid;}
.case_info dd{ line-height:20px;}
.case_info dd a{ color:#333;}

#index_customer{ float:left; width:456px; height:250px;}
#index_customer h2{background:url(../images/title_01.gif) no-repeat center; height:41px; line-height:35px;font-size:14px; padding-left:20px; color:#333333; font-weight:bold; margin-bottom:5px;}
#index_customer ul{ clear:both;border-bottom:#CCC 1px dashed; height:190px;}
#index_customer ul li{ float:left;width:113px;display:block; text-align: center; padding:10px 0;}


#index_optimization{float:left; width:237px; margin:0 10px;height:250px;}
#index_optimization h2{background:url(../images/title_02.gif) no-repeat center; height:41px; line-height:35px;font-size:14px; padding-left:20px; color:#333333; font-weight:bold; margin-bottom:5px;}
#index_optimization ul{padding:0 10px; padding-top:10px;background:url(../images/45.jpg) no-repeat center bottom;height:205px;}
#index_optimization ul li{color:#333; padding:7px 10px;}
#index_optimization ul li a{color:#333;}

#index_attainment{float:right; width:237px;height:250px;}
#index_attainment h2{background:url(../images/title_02.gif) no-repeat center; height:41px; line-height:35px;font-size:14px; padding-left:20px; color:#333333; font-weight:bold; margin-bottom:5px;}
#index_attainment ul{padding:0 10px;padding-top:10px; background:url(../images/45.jpg) no-repeat center bottom;height:205px;}
#index_attainment ul li{color:#333; padding:7px 10px;}
#index_attainment ul li a{color:#333;}

/*friend_link*/
#friend_link_box{ clear:both;width:1003px; margin:auto;background:#F8F8F8; border-top:#D0D0D0 1px solid; }
#friend_link{padding:10px 30px; height:50px;}
#friend_link dt{ float:left; width:60px;line-height:22px;}
#friend_link dd{ float:right; line-height:22px; width:880px;white-space: nowrap; }
#friend_link dd a{display:block; float:left; padding:0 5px;}

.time{ float:right;}

.pic_show {width:950px; height:262px;}