@import "base.css";

/*main*/
.main{ width:100%; margin-top:20px; background:#fff; overflow:hidden}
.main .main_left{ width:200px; float:left; }
.main .main_right{ width:870px; float:right; }


/*bar*/
.bar{ width:100%; float:left; height:39px; line-height:39px; position:relative}
.bar h3{ float:left; font-family:microsoft yahei; font-size:16px; letter-spacing:1px; padding:0 6px; background:url(../images/ico2.png) no-repeat left center; padding-left:21px; border-bottom:1px solid #0e5aa5; color:#0e5aa5;}
.bar a.more{ float:right; margin-top:5px; font-size:12px; font-family:microsoft yahei;}
.bar a.more:link{ color:#0e5aa5}
.bar a.more:visited{ color:#0e5aa5}
.bar a.more:hover{ color:#ba110d; }

/*profile*/
.profile{ width:439px; float:left;}
.profile .bar{ width:439px; float:left; height:39px; line-height:39px; border-bottom:1px solid #e6e6e6}
.profile .content{ clear:both; line-height:23px; padding:10px 0 0 0;}

/*profile_news*/
.profile_news{ width:400px; float:right;}
.profile_news .bar{ width:400px; float:left; height:39px; line-height:39px; border-bottom:1px solid #e6e6e6}

.profile_news ul{ width:100%; float:left; margin-top:10px;}
.profile_news ul li{ width:100%; float:left; height:27px; line-height:27px; white-space:nowrap}
.profile_news ul li a{ background:url(../images/d.jpg) no-repeat 3px center; padding-left:15px;}
.profile_news ul li .date{ float:right; color:#666;}

/*recommended_text*/
.recommended_text{ width:100%; float:left; margin-top:10px;}
.recommended_text ul li{ width:180px; float:left; height:38px; line-height:38px; border-bottom:1px solid #e6e6e6; margin-right:50px; overflow:hidden; white-space:nowrap}
.recommended_text ul li.right{ float:right; margin-right:0;}
.recommended_text ul li a{background:url(../images/arrow02.gif) no-repeat 1px center; padding-left:15px;}

/*recommended_pic*/
.recommended_pic{ width:100%; float:left; margin-top:20px;}
.recommended_pic ul li{ width:180px; float:left; height:168px; margin-right:50px; overflow:hidden; white-space:nowrap}
.recommended_pic ul li.right{ float:right; margin-right:0;}
.recommended_pic ul li .thumb{ width:180px; height:135px; float:left; overflow:hidden;}
.recommended_pic ul li .thumb img{ height:135px;}
.recommended_pic ul li:hover .thumb img{ opacity:0.8;}
.recommended_pic ul li:hover p a{color:#2a6aa8}

.recommended_pic ul li p {width:100%; float:left; text-align:center; margin-top:8px;}

/*case*/
.case { width:100%; margin-top:15px; float:left; clear:both; position:relative}
.case ul li { width:211px; float:left; background:#fff;}
.case ul li .album{ width:203px; height:145px; float:left; padding:4px; margin-bottom:20px; background:#e8e8e8; overflow:hidden}
.case ul li .album_img{ width:203px; height:113px; float:left; display:inline;}
.case ul li .album img{ width:203px; height:113px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3;}
.case ul li .album img:hover{ transform:scale(1.12); -webkit-transform: scale(1.12); -o-transform:0.3s;}
.case ul li .album h3{ width:203px; height:30px; line-height:37px; float:left; font-size:12px; text-align:center; font-weight:normal; white-space:nowrap; overflow:hidden;}
.case ul li .album h3 a{ width:203px; height:30px; float:left;}


/*team*/
.team{ width:100%; float:left; margin-top:10px;}
.team ul{ width:100%; height:330px; float:left;}
.team ul li{ width:282px; float:left; height:35px; line-height:35px; text-align:center; font-size:14px;}
.team ul li .column_1{ width:100px; float:left; text-align:center;}
.team ul li .column_2{ width:100px; float:left;}
.team ul li .column_3{ width:80px; float:left;}

.team ul li .column_3 a:link{color:#dd3300}
.team ul li .column_3 a:visited{color:#dd3300}
.team ul li .column_3 a:hover{color:#bf0000; text-decoration:underline}