@charset "utf-8";

/* CSS Document */

.expert .wrap{position:relative; width:478px; margin:0 auto; border:1px solid #d7d7d7; border-top:0;}

.expert .wrap2{width:478px; margin:10px auto; border:1px solid #d7d7d7; background:#fcfcfc;}

.expert .department{width:478px; overflow:hidden;}

.expert .wrap .title{width:408px; height:60px; padding:0 20px 0 50px; background: -webkit-gradient(linear,center top,center bottom,from(#fff), to(#e7e7e7)); background:-moz-linear-gradient(top, #fff, #e7e7e7); cursor:pointer;}

.expert .wrap .title h4{font:24px/60px "微软雅黑"; color:#015c3c; background:url(point2.png) no-repeat 370px center;}

.expert .wrap .title h4.focus{background:url(point3.png) no-repeat 370px center;}

.expert .wrap ul{width:95%; padding:0 2.5% 10px 2.5%; background:#fcfcfc; display:none; overflow:hidden;}

.expert .wrap ul li{padding:0 10px; line-height:26px; border:1px solid #e9e9e9; background:#fff; margin:8px 8px 0 0; white-space:nowrap; list-style:none; float:left; cursor:pointer;}

.expert .wrap ul li:hover{border-color:#249a45; background:#2eb053; }

.expert .wrap ul li:hover a{color:#fff; }

.expert .wrap ul li a{color:#505050;}

.expert .news{width:90%; margin:0 auto; padding-top:10px;}

.expert .news li{ list-style-position:inside; line-height:34px; border-bottom:1px dashed #cacaca; overflow:hidden;}

.expert .wrap2 .title{width:95%; height:31px; padding-top:10px; margin:0 auto; border-bottom:1px solid #dbdbdb;}

.expert .wrap2 .title strong{font:20px/32px "微软雅黑"; color:#208b3c; border-bottom:2px solid #1f883d;}

.expert .wrap2 .news li:last-child{border:none;}

.expert .wrap2 .news li a{color:#515151;}

.expert .showAll{position:relative; width:100%; height:1px; margin:20px auto; text-align:center; display:block; background: -webkit-gradient(linear,left center,right center,from(#f6f6f6),color-stop(0.5,#8e8e8e), to(#f6f6f6)); background: -moz-linear-gradient(left, #f6f6f6, #8e8e8e 50%, #f6f6f6);}

.expert .showAll button{position:absolute; top:-12px; left:50%; margin-left:-50px; width:100px; line-height:24px; background:#fcfcfc; font-size:14px; color:#8e8e8e; border:0; cursor:pointer;}



/*---专家团队页面弹窗-----*/

#alertBox{position:absolute; top:80px; left:8%; width:250px; min-height:60px; padding:20px 40px 20px 90px; line-height:30px; border:4px solid #dadada; background:#fff url(smile.jpg) no-repeat 15px 20px;}

#alertBox #exitBtn{position:absolute; right:0; top:0; width:15px; height:15px; border:none; font-size:16px; font-weight:bold; background:url(exitBtn.gif) no-repeat; cursor:pointer;}



/*---------专家详情----------*/

#expert .wrap{width:446px; padding:16px; background:#fcfcfc;}

#expert .wrap img.man{width:55%; padding:4px; border:#e0e0e0; box-shadow:1px 1px 3px #e0e0e0, -1px -1px 3px #e0e0e0; margin:0 auto; display:block;}

#expert table{width:100%; line-height:30px; padding-bottom:20px; border-bottom:1px solid #eeeeee;}

#expert table th{width:20%;}

#expert table td{width:80%;}

#expert table td a{width:80%; height:62px; text-align:center; line-height:62px; display:block; margin:0 auto; border:1px solid #dbdbdb; border-radius:4px; background: -webkit-gradient(linear,center top,center bottom,from(#f7f7f7), to(#dfdfdf)); background:-moz-linear-gradient(top, #f7f7f7, #dfdfdf); box-shadow:3px 3px 3px #c5c5c5;}

#expert table td a button{border:none; padding-left:40px; background:url(find.png) no-repeat left center; font:24px/36px "微软雅黑"; color:#007f40;}

#expert .wrap article{border-top:1px solid #fff; padding:10px 0; font-size:12px; line-height:24px;}

#expert .wrap article b{display:block;}

#expert .wrap article p{text-indent:2em;}

#expert .talk{width:324px; margin:0 auto 10px auto;}

#expert .talk a{ width:154px; height:66px; margin-right:8px; background:url(kaociya_Icons.png) no-repeat 0 -30px; display:block; float:left;}

#expert .talk a button{border:none; width:154px; height:66px; padding-left:44px; background:url(talk.png) no-repeat 8px center; font:20px/66px "微软雅黑"; color:#984b00; cursor:pointer;}

#expert .talk a:last-child button{background:url(tv.png) no-repeat 8px center;}

#expert .changeMan{width:100%; border-top:1px dashed #cacaca; clear:both;}

#expert .changeMan a{ line-height:30px; color:#515151;}

#expert .changeMan .prev{float:left;}

#expert .changeMan .next{float:right;}



/*-------------专家排班--------------*/

#expertSchedule .wrap{width:446px; padding:16px; background:#fcfcfc;}

#expertSchedule .wrap .who{font:20px/40px "微软雅黑"; color:#208b3c;}

#expertSchedule .wrap .time{width:100%; height:44px; padding:0; display:block;}

#expertSchedule .wrap .time li{position:relative; width:32%; text-align:center; margin:0; margin-right:2%; padding:0; border:0; background:#cae1d5; color:#007d3f;}

#expertSchedule .wrap .time li:last-child{margin:0;}

#expertSchedule .wrap .time li i{position:absolute; bottom:-16px; left:45%; border:8px solid #fcfcfc; display:block;}

#expertSchedule .wrap .time li.on{background:#4db07d; color:#fff;}

#expertSchedule .wrap .time li.on i{border-top-color:#4db07d;}

#expertSchedule .wrap .tables{width:100%; overflow:hidden;}

#expertSchedule .wrap .schedule{width:100%; background:#fff; border-collapse:collapse; text-align:center; z-index:2;}

#expertSchedule .wrap .schedule th{border:1px solid #e9e9e9; padding:1px;}

#expertSchedule .wrap .schedule th span{width:100%; line-height:44px; background:#eeeeee; display:block;}

#expertSchedule .wrap .schedule td{height:42px; border:1px solid #e9e9e9;}

#expertSchedule .wrap .schedule td a{width:60px; height:24px; font:bold 12px/24px "微软雅黑"; color:#fff; border:1px solid #e7a210; border-radius:3px;  background: -webkit-gradient(linear,center top,center bottom,from(#f6d432), to(#e29411)); background:-moz-linear-gradient(top, #f6d432, #e29411); margin-left:10px; display:inline-block;}

#expertSchedule .wrap .remark{width:94%; padding:5px 3%; margin-top:10px; background:#f2f2f2; font-size:12px; line-height:24px;}

#expertSchedule .wrap2 .steps{width:72%; margin:10px auto;}

#expertSchedule .wrap2 .steps li{list-style:none; height:85px; background:url(downward.png) no-repeat center 62px;}

#expertSchedule .wrap2 .steps li span{width:100%; height:55px; text-align:center; font:18px/55px "微软雅黑"; outline:1px solid #dcdcdc; background:#eeeeee; display:block;}

#expertSchedule .wrap2 .warm{width:72%; margin:0 auto; padding-bottom:15px; font-size:12px; line-height:24px;}

#expertSchedule .wrap2 .warm b{font:20px "Arial"; color:#e09600;}

#expertSchedule .wrap2 .warm a{color:#515151;}

@media only screen and (max-width:479px){

.expert .wrap{width:318px;}

.expert .wrap2{width:318px;}

.expert .department{width:318px;}

.expert .wrap .title{width:268px; padding:0 20px 0 30px;}

.expert .wrap .title h4{background-position:right center;}

.expert .wrap .title h4.focus{background-position:right center;}

.expert .news li{ font-size:12px;}

/*---专家团队页面弹窗-----*/

#alertBox{ width:150px; padding:8px 20px 8px 90px; font-size:12px; line-height:24px;}

#expert .wrap{width:296px; padding:11px;}

#expert table td a{width:80%; height:52px; line-height:52px;}

#expert table td a button{font:20px/36px "微软雅黑";}

#expert .talk{width:222px;}

#expert .talk a{ width:103px; height:44px; margin-right:8px; background:url(320_kaociya_Icons.png) no-repeat 0 -20px;}

#expert .talk a button{width:103px; height:44px; padding-left:30px; background:url(320_talk.png) no-repeat 5px center; font:16px/44px "微软雅黑";}

#expert .talk a:last-child button{background:url(320_tv.png) no-repeat 5px center;}



#expertSchedule .wrap{width:296px; padding:11px;}

#expertSchedule .wrap2 .steps li span{font-size:14px;}

}