@charset "utf-8";
/* 
 * author:ckk
 */

.idx-banner{}
#mbody { margin:auto; padding:0px 0px 0px 0px;}
#mbody .wrapper{ margin:auto; padding:30px 0px 40px 0px; width:1000px; zoom:1; overflow:auto;}

/* 
 */
.index-news { float:left; width:240px;}
.index-news h3.header{ color:#333; font-size:16px; font-weight:normal; padding:3px 0px 8px 0px;}
.index-news h3.header a.more{ color:#aaa; float:right; font-size:11px; font-weight:normal; padding-top:5px;}
.index-news h3.header a.more:hover{}
.index-news ul.header { border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; height:22px;}
.index-news ul.header li { float:left; height:24px; position:relative; top:-1px; z-index:11;}
.index-news ul.header li a { background:#eee; display:inline-block; height:24px; line-height:24px; text-align:center; overflow:hidden; width:80px;}
.index-news ul.header li a:hover { background:#ddd; color:#333; text-decoration:none;}
.index-news ul.header li.current a,
.index-news ul.header li.current a:visited,
.index-news ul.header li.current a:hover{ background:#017ba9; color:#fff;}
.index-news .section {padding:5px 0px 0px 0px;}
.index-news .section ul{}
.index-news .section li {border-bottom:1px solid #eee; padding:10px 0px 10px 0px; overflow:hidden;}
.index-news .section li a {line-height:24px;}
.index-news .section li .thumbnail{ background-color:#ddd; float:left; height:50px; margin:0px 10px 0px 0px; width:80px;}
.index-news .section li .thumbnail img{ height:50px; width:80px;}

/* 
 * 
 */
.index-service { border-left:1px solid #ddd; border-right:1px solid #ddd; float:left; min-height:358px; margin:0px 15px 0px 15px; width:510px; padding:0px 15px 0px 15px; overflow:hidden;}
.index-service h3.header{ color:#333; font-size:16px; font-weight:normal; padding:3px 0px 8px 0px;}
.index-service h3.header a.more{ color:#aaa; float:right; font-size:11px; font-weight:normal; padding-top:5px;}
.index-service h3.header a.more:hover{}
.index-service ul.header { border-top:1px solid #dad4d4; border-bottom:0px solid #dad4d4; height:12px;}
.index-service ul.header li { float:left; height:24px; position:relative; top:-1px; z-index:11;}
.index-service ul.header li a { color:#222; display:inline-block; height:24px; line-height:24px; text-align:center; overflow:hidden; padding:0px 15px;}
.index-service ul.header li a:hover { background:#ccc; text-decoration:none;}
.index-service ul.header li.current a,
.index-service ul.header li.current a:visited,
.index-service ul.header li.current a:hover{ background:#017ba9; color:#fff; padding:0px 12px;}
.index-service .section { padding:15px 0px 0px 0px;}
.index-service .section ul{ }
.index-service .section li{ float:left; height:166px; width:160px; padding-left:15px; }
.index-service .section .thumbnail {}
.index-service .section .thumbnail img{ border:1px solid #ccc; height:118px; width:160px;}
.index-service .section .title { height:22px; line-height:22px; overflow:hidden; padding:6px 0px 0px 0px;}
.index-service .section .subtitle { color:#3db0e3; height:22px; line-height:22px; overflow:hidden;}
.index-service .section li { color:#424242;}
.index-service .section li a,
.index-service .section li a:visited{ color:#424242;}
.index-service .section li a:hover{ color:#000; text-decoration:none;}
/* 
 * 
 */
.index-about { float:left; width:188px;}
.index-about h3{ border-bottom:5px solid #888; color:#333; font-size:16px; font-weight:normal; margin:0px 0px 10px 0px; padding:3px 0px 8px 0px;}
.index-about h3 a.more{ color:#aaa; float:right; font-size:11px; font-weight:normal; padding-top:2px;}
.index-about h3 a.more:hover{}
.index-about img{ border:1px solid #aaa; height:90px; width:186px;}
.index-about p{ padding:5px 0px 0px 0px;}