@charset "utf-8";

.sideBar{float:left; width:25.5283%; background:#f5f5f5; border-radius:5px;}
.mainContent{float:right; width:71.1321%;}

.columnHead{background:#fff; border-bottom:solid #e6e6e6 1px;}
.columnHead h2{padding:8px 0 12px; font-weight:700; font-size:1.25em; color:#06c;}

.main-tab-head{padding-top:15px; height:60px; line-height:60px; font-size:1.25em; border-bottom:#e6e6e6 1px solid;}
.main-tab-head .hd{white-space:nowrap;}
.main-tab-head .hd a{color:#666;}
.main-tab-head .hd li{float:left; padding-left:6px; padding-right:6px; white-space:nowrap; text-align:center; margin-right:15px;}
.main-tab-head .hd li.on{font-weight:300; color:#0066cc; background-color:#fff; border-bottom:solid #0066cc 2px; text-align:center;}
.main-tab-head .hd li.on a{color:#0066cc;}

.main-list{padding-top:20px; padding-bottom:20px; font-size:1em;}
.main-list li{padding-top:.8em; padding-bottom:.8em;}
.main-list li i{top:.8em;}
.main-list li a{width:80%;}

.person-dept{padding-top:25px; padding-bottom:22px; color:#666; line-height:180%;}
.person-info{position:relative; padding:40px 20px 25px; text-align:center;}
.person-info dl{position:relative;}
.person-info dl dt{width:145px; text-align:center; margin:auto;}
.person-info dl dt img{width:100%; height:145px; border-radius:50%;}
.person-info dl dd.tthead{padding-top:20px; padding-bottom:18px;}
.person-info dl dd.tthead h3{padding-bottom:8px; font-weight:700; font-size:1.125em;}
.person-info dl dd.tthead h4{font-size:.875em; color:#999; line-height:120%;}
.person-info dl dd.tthead h5{padding-top:18px; padding-bottom:15px; font-size:1em; color:#666;}
.person-info .focus a{display:block; width:50%; margin:0 auto 7px; font-weight:700; font-size:.9375em; color:#fff; line-height:32px; background-color:#0066cc; border-radius:5px;}
.person-info .focus a i{background-repeat:no-repeat; background-position:0 0;}
.person-info .focus a.qtjd{background-color:#0066cc;}
.person-info .focus a.fbwz{width:72%;  font-size:1em; line-height:38px;}
.person-info .focus a.fbwz i{display:inline-block; width:18px; height:24px; margin-right:10px; background-image:url(../images/icon/edit.png);}

.person-focus{}
.person-focus li{position:relative; float:left; width:100%; padding-top:36px; padding-bottom:36px; border-bottom:dashed #ccc 1px;}
.person-focus li dl{position:relative; padding-right:126px; padding-left:145px; min-height:105px; line-height:140%;}
.person-focus li dl dt{position:absolute; top:50%; left:0; width:140px; height:105px; margin-top:-73px; text-align:center;}
.person-focus li dl dt img{width:105px; height:100%; border-radius:50%;}
.person-focus li dd.name{margin-top:6px;}
.person-focus li dd.name strong{display:inline-block; font-size:1.125em; margin-right:16px;}
.person-focus li dd.name font{display:inline-block; font-size:.9375em; color:#666;}
.person-focus li dd.name font em{font-style:normal; font-weight:700; color:#333;}
.person-focus li dd h3{color:#666; font-size:.9375em; padding-top:8px; padding-bottom:12px;}
.person-focus li dd.memo{font-size:1em;}
.person-focus li.nobotborder{border-bottom:none;}
.person-focus li a.addfocus{position:absolute; top:50%; right:10px; display:block; margin-top:-17px; width:106px; font-weight:700; line-height:34px; text-align:center; color:#fff; background-color:#06c; border-radius:5px;}

.sidemenu{border-top:solid #e6e6e6 1px;}
.sidemenu li{float:left; width:100%;}
.sidemenu li a{display:block; padding:18px 10px; line-height:180%; text-align:center;}
.sidemenu li a font{color:#999;}
.sidemenu li a.hover,
.sidemenu li a:hover{background-color:#e6e6e6;}
.sidesplit{height:12px; line-height:12px; overflow:hidden;}

.post-aitrcle{padding:10px 5px 0;}
.post-aitrcle dl{padding-top:20px;}
.post-aitrcle dl dt{padding-left:10px; padding-bottom:8px;}
.post-aitrcle dl dd.headtt{border:solid #d9d9d9 1px; padding:6px 10px; border-radius:6px;}
.post-aitrcle dl dd.headtt input[type="text"]{padding:0; border:none; width:100%;}
.post-aitrcle dl dd img{width:100%;}
.post-aitrcle .button{padding-top:20px; padding-bottom:10px;}

.robot{text-align:right; margin-right:5px; margin-bottom:10px; line-height:48px;}
.robot a{display:inline-block; background:url(../images/icon/robot.png) no-repeat left center; padding-left:40px;}

.edit-aitrcle{width:661px; margin:auto; padding:15px; background-color:#fff; border-radius:5px; box-shadow:0px 0px 8px #ccc;}
.edit-aitrcle .addphoto{position:relative; height:192px; background-color:#f2f3f5; text-align:center;}
.edit-aitrcle .addphoto a{position:absolute; top:50%; left:50%; width:80px; height:80px; margin-top:-40px; margin-left:-40px; padding-top:46px; color:#b3b3b3; background:url(../images/icon/photo.png) no-repeat center 10px;}
.edit-aitrcle .addphoto a:hover{color:#666;}

.edit-aitrcle h2{padding-top:5%; font-weight:300; font-size:1.5em;}
.edit-aitrcle h3{color:#999; font-size:.875em; line-height:180%;}
.edit-aitrcle h4{padding-top:5px; padding-left:16px; font-size:.875em; line-height:180%;color:#b2b2b2;}
.edit-aitrcle h5{padding:10px 15px; font-size:1.25em;}
.edit-aitrcle .question-input{position:relative; margin-top:15px; padding:10px 15px; border:solid #e0e0e0 1px; border-radius:6px; background:#fff;}
.edit-aitrcle .question-input.hover{border-color:#b3b3b3;}
.edit-aitrcle .question-input i{position:absolute; top:50%; right:10px; margin-top:-7px; display:inline-block; width:14px; height:15px; background-image:url(../images/icon/search.png);}
.edit-aitrcle .question-input input[type="text"]{padding:0; border:0; width:100%; color:#b3b3b3; font-size:1em;}
.edit-aitrcle .question-input input.keywords{width:96%;}
.edit-aitrcle .editor{padding-top:20px;}
.edit-aitrcle .editor img{width:100%;}
.edit-aitrcle .button{padding-top:30px; padding-bottom:15px; text-align:left;}
.edit-aitrcle .button .commonBtn{padding-right:50px; padding-left:50px}

.expert-list{overflow:hidden;}
.expert-list li{float:left; width:33.3334%;}
.expert-list dl{position:relative; padding:46px 36px; margin-top:-1px; margin-left:-1px; min-height:162px; border-top:solid #e6e6e6 1px; border-left:solid #e6e6e6 1px;}
.expert-list dl.firstborder{border-radius:8px 0 0 0;}
.expert-list dl.norightborder{border-right:none;}
.expert-list dl dt{position:absolute; top:46px; left:36px; width:123px; height:100%;}
.expert-list dl dt img{display:block; width:100%; height:162px; border-radius:6px;}
.expert-list dl dd{margin-left:150px;}
.expert-list dl dd h2{font-weight:700; font-size:1.25em;}
.expert-list dl dd h3{padding-top:20px; font-size:.9375em; color:#666; line-height:160%;}

/*page*/
.pagediv{clear:both; padding:20px 10px; color:#666; font-size:14px; text-align:center; background-color:#FFFFFF}
.pagediv a{color:#666; margin-top:3px; margin-bottom:3px;}
.pagediv .pagination_index_last *{vertical-align:middle\9;}
.pagediv .arrow{margin:0 2px;}
.pagediv .arrow a, .pagediv .index_num a{ display:inline-block; padding:0 8px; line-height:30px; border:#0066cc 1px solid;  border-radius:4px;}
.pagediv .index_num a,
.pagediv .arrow a:hover,
.pagediv .pagination_index_last a{background:#0066cc; color:#fff;}
.pagediv .pagination_index_last{padding-left:10px;}
.pagediv .pagination_index_last a{display:inline-block; padding:0 10px; line-height:30px; border:#0066cc 1px solid; border-radius:4px;}
.pagediv #pagination_input{width:40px; margin:-4px 8px 0 2px; height:28px; line-height:28px; border:#0066cc 1px solid; background:#fff; border-radius:4px; text-align:center;}

/*page*/
.pageNumber{clear:both; padding:40px 10px 10px; color:#666; font-size:.9375em; text-align:center;}
.pageNumber a{display:inline-block; color:#666; margin-top:3px; margin-bottom:3px;}
.pageNumber .pagination_index_last *{vertical-align:middle\9;}
.pageNumber .arrow{margin:0 2px;}
.pageNumber .arrow a, .pageNumber .index_num a{padding:0 16px; line-height:38px; background:#fff; border:#e9e9e9 1px solid; border-radius:4px;}
.pageNumber .index_num a,
.pageNumber .arrow a:hover,
.pageNumber .pagination_index_last a{ font-weight:700; background:#6cd636; color:#fff;}
.pageNumber .pagination_index_last{padding-left:10px;}
.pageNumber .pagination_index_last a{display:inline-block; padding:0 10px; line-height:38px; border:#0066cc 1px solid; border-radius:4px;}
.pageNumber #pagination_input{width:42px; margin:-4px 8px 0 2px; height:38px; line-height:38px; border:#e9e9e9 1px solid; background:#fff; border-radius:4px; text-align:center;}

@media (max-width: 1199px) {
.columnHead{padding-left:15px;}
}

/*ipad*/
@media (max-width: 992px) {
.container{padding:20px;}
.margins{margin-top:30px; margin-bottom:35px;}
.main-tab-head .hd li{margin-right:30px;}
.main-list li{padding-top:.6em; padding-bottom:.6em;}
.main-list li i{top:.6em;}
.main-list li a{width:75%;}

.expert-list dl{padding:30px 16px 36px 26px; min-height:162px;}
.expert-list dl dt{top:30px; left:26px;}
.expert-list dl dd{margin-left:140px;}
}

@media (max-width: 880px) {
.expert-list li{width:50%;}
}

/* xs mobile*/

@media (max-width: 768px) {
.margins{margin-top:20px; margin-bottom:25px;}
.container{padding:15px;}
.sideBar,
.mainContent{float:none; width:100%;}
.mainContent{margin-top:20px;}
.person-dept{padding-bottom:0;}
.person-info dl{height:145px;}
.person-info dl dt{position:absolute; top:50%; left:0; margin-top:-70px;}
.person-info dd{margin-left:162px; text-align:left;}
.person-info .focus{position:absolute; bottom:25px; left:182px;}
.person-info .focus a{text-align:center; margin-left:0; width:120px;}
.pageNumber{padding-top:35px;}
.sidemenu{border-left:solid #e6e6e6 1px;}
.sidemenu li{width:33.33333%;}
.sidemenu li a{border-right:solid #e6e6e6 1px; border-bottom:solid #e6e6e6 1px;}
.edit-aitrcle{width:100%;}
}
@media (max-width: 640px) {
.main-tab-head .hd li{margin-right:20px;}
.person-focus li dl{padding-right:100px; padding-left:105px; min-height:70px;}
.person-focus li dl dt{width:100px; height:70px; margin-top:-35px;}
.person-focus li dl dt img{width:70px;}
.person-focus li dl dd.name{margin-top:0;}
.person-focus li dd h3{padding-top:5px; padding-bottom:10px;}
.person-focus li dd.memo{font-size:.9375em;}
.person-focus li a.addfocus{width:80px;}
}
@media (max-width: 600px) {
.expert-list li{width:100%;}
}
@media (max-width: 480px) {
.person-info dl{height:120px;}
.person-info dl dt{position:absolute; top:50%; left:0; margin-top:-60px; width:120px;}
.person-info dl dt img{height:120px;}
.person-info dd{margin-left:140px; text-align:left;}
.person-info .focus{position:static; margin-top:20px;}
.person-info .focus a{text-align:center; margin-left:auto; width:98%;}
.person-focus li dl{padding-right:10px;}
.person-focus li a.addfocus{position:static; margin-top:20px; width:100%;}
.sidemenu li{width:50%;}
.main-tab-head .hd li{margin-right:0; padding-right:4px; padding-left:4px; font-size:.9375em;}
.main-list{font-size:.9375em;}
.main-list li{padding-top:.4em; padding-bottom:.4em;}
.main-list li i{top:.4em;}
}

@media (max-width: 360px) {
.margins{margin-top:10px; margin-bottom:15px;}
.container{padding:10px;}
.person-info dl{height:auto; min-height:60px;}
.person-info dl dt{position:absolute; top:50%; left:0; margin-top:-30px; width:60px;}
.person-info dl dt img{height:60px;}
.person-info dd{margin-left:80px; text-align:left;}
.person-info dl dd.tthead{padding-top:0; padding-bottom:0;}
.pageNumber{padding-top:25px;}
.main-tab-head .hd li{font-size:.9375em; padding-right:5px; padding-left:5px;}	

.expert-list dl{padding:25px 16px 25px 20px; min-height:128px;}
.expert-list dl dt{top:25px; left:20px; width:100px;}
.expert-list dl dt img{height:128px;}
.expert-list dl dd{margin-left:124px;}
}

@media (max-width: 320px) {
.main-tab-head .hd li{padding-right:4px; padding-left:4px;}	
}