/*官网*/
.ms-banner{overflow: hidden;height: auto;min-height:300px;position: relative;}
.ms-banner .bgdot { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bgdot.png); z-index: 99; }
.ms-banner img{width: 100%; height: 100%; min-height: 300px; object-fit: cover;}
/*官网左侧*/
.ms-left{overflow: hidden;z-index: 101;}
.ms-left-one{padding: 20px;}
.ms-left-one .ms-left-thumb img{width: 100%; max-width: 100%;}
.ms-left-one .ms-left-info{padding-left: 10px; }
.ms-left-one .ms-left-info h2{font-size: 1rem;font-weight: bold;}
.ms-left-one .ms-left-info h2 em{font-style: normal;margin-left: 5px;}
.ms-left-one .ms-info-list {margin-top: 10px;}
.ms-left-one .ms-info-list li{line-height: 24px; list-style-position: inside; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ms-left-one .ms-info-list li span{width: 44px; display: inline-block;}
.ms-left-one .ms-info-list li i:before{content:':';margin: 0 5px;color:#333;font-weight: bold;}
.ms-left-one .ms-left-type{display:block;}
.ms-left-one .ms-left-follow{ position: relative; padding: 15px 15px 0; text-align: center; clear: both;}
.ms-left-one .ms-left-follow button{width: 42%;}
.ms-left-one .ms-left-about{text-align: justify; color: #666; margin-top: 10px;text-indent: 18px;}
.ms-photo-list .ms-photo{height: 5.3125rem;}
.ms-photo-list .ms-photo a { overflow: hidden; display: inline-block; }
.ms-photo-list .ms-photo img{width: 100%; height: 100%;min-height: 73px; object-fit: cover;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.ms-photo-list .ms-photo:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}
.ms-left-two .ms-left-year { position: relative; padding: 20px; }
/*官网右侧*/
.ms-right{overflow: hidden;}
.ms-right-nav{overflow: hidden;font-size: 1rem;background-color: #fff; border-bottom: 1px solid #ececec;position: relative;}


.ms-right-nav ul{background-color: rgba(255, 255, 255, 0);position: relative;}
.ms-right-nav ul li{line-height: 1rem;margin: 0 20px;}
.ms-right-nav ul li a{font-size: 1rem;padding:0!important;}


.ms-right .ms-work-list{padding: 20px 25px 10px; overflow: hidden;}
.ms-right .ms-work-list li{padding: 10px; border-right: 1px dotted #f9f9f9; border-bottom: 1px dotted #f9f9f9;}
.ms-right .ms-work-list li:nth-child(4n){ border-right: 0; }
.ms-right .ms-work-list li:nth-child(5),.ms-right .ms-work-list li:nth-child(6),.ms-right .ms-work-list li:nth-child(7),.ms-right .ms-work-list li:nth-child(8){ border-bottom: 0;padding-top: 25px; }
.ms-right .ms-work-list li h2{font-size: 0.9rem; display: inline-block; float: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width: 100%;margin-top: 5px;}
.ms-right .ms-work-list li p.ms-works-info{margin: 10px 0; clear: both; display: inline-block; width: 100%; color: #999;line-height: 18px;}
.ms-right .ms-work-list li p{clear: both; display: inline-block; width: 100%; color: #999;ine-height: 18px;text-align: center;}
.ms-right .ms-work-list li p .work-view{float: left;}
.ms-right .ms-work-list li p .work-comment{}
.ms-right .ms-work-list li p .work-tuijian{float: right;}
.ms-right .ms-work-list li p i{margin-right: 5px;}



.layui-table-tool{background-color: #fff;}
.ms-right .ms-article-list{padding: 10px 25px 25px;}
.ms-right .ms-title{ }
.ms-right .ms-title i{font-size: 1.5rem}
.ms-right .ms-article-list li{overflow: hidden;width: 100%;border-bottom: 1px dotted #e2e2e2; padding: 15px 0;}
.ms-right .ms-article-list li .ms-article-thumb{display: inline-block;height:100px}
.ms-right .ms-article-list li .ms-article-thumb img{width: 100%; height: 100%; object-fit: cover;}
.ms-right .ms-article-list li .ms-article-info {padding-left: 20px; }
.ms-right .ms-article-list li .ms-article-info h2{font-size: 16px;}
.ms-right .ms-article-list li .ms-article-info h2 .layui-badge { background-color: #009fa8;margin-right:8px;}
.ms-right .ms-article-list li .ms-article-info .ms-article-desc { margin-top: 10px; color: #757575; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ms-right .ms-course-list li{overflow: hidden;}
.ms-right .ms-course-list li dl{padding-left: 130px; margin-right: -20px; position: relative; color: #444444; *zoom: 1;}
.ms-right .ms-course-list li dl dt{padding-top: 25px; text-align: center; font-size: 14px; width: 110px; height: 110px; background: #009fa8; color: #fff;position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ms-right .ms-course-list li dl dt .month{font-size: 40px;}
.ms-right .ms-course-list li dl dt .year{font-size: 24px; padding-top: 13px; display: inline-block;}
.ms-right .ms-course-list li dl dd{float: left; margin-bottom: 20px; margin-right: 20px;box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);}
.ms-right .ms-course-list li dl dd:nth-child(4n+1){margin-right:0;}

.ms-right .ms-course-list li dl dd a{width:160px;height:160px;display: inline-block;}
.ms-right .ms-course-list li dl dd a img{width:100%;height:100%;object-fit: cover;}


.ms-right .ms-chronology{padding: 25px;}
.ms-right .ms-chronology .chronology-list:first-child{border:0}
.ms-right .ms-chronology .chronology-list{padding-bottom: 25px; overflow: hidden; border-top: 1px dotted #E9E9E9; padding: 10px 0;}
.ms-right .ms-chronology .chronology-list .chronology-year{}
.ms-right .ms-chronology .chronology-list .chronology-year span{ display: inline-block;  line-height: 30px; color: #0d9b8e; font-size: 18px;}
.ms-right .ms-chronology .chronology-list .chronology-desc{padding-left: 40px;}
.ms-right .ms-chronology .chronology-list .chronology-desc li{line-height: 28px;position: relative;}
.ms-right .ms-chronology .chronology-list .chronology-desc li i{color: #ccc; position: absolute; left: -20px;}



.ms-right .ms-work-list .ms-work-img{height: 193px; display: inline-block;}
.ms-right .ms-work-list .ms-work-img img{width: 100%; height: 100%; object-fit: cover;}

.ms-right .ms-tag-list {margin-top:5px;}
.ms-right .ms-tag-list .layui-btn{margin-left:0;margin-bottom: 4px;}


/*作品内页*/
.ms-works-pics{margin: 10px 0;}

.ms-exhibition-img{ }
.ms-exhibition-info{padding-left: 20px;}
.ms-exhibition-head{overflow: hidden; height: auto; margin-bottom: 20px;}

.ms-exhibition-info .layui-table{margin: 0;}
.ms-exhibition-info .layui-table th{text-align: center;}
.ms-exhibition-info .layui-table td span{display: inline-block; margin: 0 0 2px 2px;}

.ms-pics-list{background-color: #f2f2f2;padding: 10px;}
.ms-pics-list .ms-exhibition-pics{}
.ms-pics-list .ms-exhibition-pics a{display: inline-block;height: 7rem;-moz-box-shadow: 0 1px 3px #ddd; -webkit-box-shadow: 0 1px 3px #ddd; box-shadow: 0 1px 3px #ddd; -webkit-animation: bottom-in .5s ease 0s backwards; -moz-animation: bottom-in .5s ease 0s backwards; animation: bottom-in .5s ease 0s backwards;}
.ms-pics-list .ms-exhibition-pics img{width: 100%; height: 100%; object-fit: cover;}

.ms-time{margin: 10px 0 20px; color: #999;}
.detail-box { padding: 35px; }
.ms-worklist-title{position: relative;}
.ms-worklist-title span{position: absolute; left: 0; height: 19px; line-height: 21px;    }
.ms-worklist-title span a{background-color: #009fa8; color: #fff; padding: 3px; font-size: 12px;margin-right: 1px;}
.ms-graduate-sm{line-height: 36px;}
.ms-graduate-sm h3{font-size: 27px; font-weight: bold; color: #333;margin-bottom:10px}
.ms-graduate-sm p{margin-top: 11px; font-size: 16px; color: #999; margin: 0; line-height: 30px;}
#articleform{position: relative;}
#articleform .floatimg{position: absolute; top: 0; right: 0; }
#articleform .floatimg h2{font-size: 22px; margin: 10px 0; color: #999;}
.fly-detail-info span{margin:0 10px;}
.fly-detail-info span:nth-child(1){margin:0 10px 0 0;}
.fly-list-info .layui-badge{ height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #009fa8; background: none; color: #009fa8;}
@media screen and (min-width: 1361px){
	#articleform .floatimg #srcimgurl{height: 260px; }
}
@media screen and (max-width: 1360px){
	#articleform .floatimg #srcimgurl{height: auto; max-width: 320px;}
}



/*适配分辨率*/
@media screen and (min-width: 1200px) {
	#scroll.scroll { position: fixed; width: 279px; top: 68px; }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
	#scroll.scroll { position: fixed; width: 250px; top: 68px; }
}

@media screen and (max-width: 1200px){
	.ms-left-one .ms-left-info{padding:0;margin-top: 10px;}
	.ms-left-one .ms-info-list li span{float: left;}
	.ms-left-one .ms-left-type{float: left;}
	.ms-left-one .ms-info-list li i:before{float: left;}
}
/*famous*/
/*famous-top*/
.famous-top{position: absolute; top: 20px; left: 0; right: 0; color: #fff;line-height: 24px;}
.famous-top .mr_img_n {background-color: #fff; border-radius: 50%; vertical-align: middle; text-align: center; display: table-cell; height: 200px; width: 200px;}
.famous-top .mr_img {float: right; padding: 10px 30px;}
.famous-top .follow_me {position: absolute; right: 47px; bottom: 38px; text-align: center; margin: auto; z-index: 999;}
.famous-top .follow_me .layui-btn-disabled.layui-btn{background-color:#FBFBFB;}
.famous-top .follow_me .layui-btn{background-color: #e91e63;}
.famous-top .mr_img img {width: 190px; height: 190px; border-radius: 50%;min-height: auto;}
.famous-top .mr_top {background-color: rgba(21, 162, 156, 0.35); height: 205px;margin: 10px 22px; color: #fff;padding: 15px;}
.famous-top .mr_info_1 {width: 34%; display: block; float: left; padding: 10px 0 0 20px; }
.famous-top .mr_info_1 h2 {margin-top: 0;font-size: 24px;margin-bottom: 10px;}
.famous-top .mr_info_1 small {display: block;}
.famous-top .mr_info_2 { width: 61%; display: block; float: right; margin-top: 34px; padding-right: 20px; }
.famous-top .mr_top_tag { padding: 20px 0 0 20px; }

.famous-top .mr_top_tag li {width: calc(100% / 3 - 23px);float: left; display: block;border-right: 1px dashed rgba(255, 255, 255, 0.4); padding-left: 20px;height: auto;}
.famous-top .mr_top_tag li:nth-child(3) {margin-right:0;border-right:0;}
.famous-top .mr_top_tag li:nth-child(1) {padding-left:0;}
.famous-top .mr_top_tag li h3 { color: #fff; font-size: 14px; font-weight: bold; margin: 0; height: 22px; }
.famous-top .mr_top_tag li span { font-size: 12px; }
.famous-top .mr_top_tag .mr_tags { margin-top: 3px; }
.famous-top .mr_top_tag .mr_tags a { padding: 3px 10px; background-color: #009fa8; color: #fff; margin-right: 5px; }
/*famous-left*/
.ms-left.famous-left{overflow: initial;}
.famous-left .layui-card-body {padding: 10px 15px 15px;}
.famous-left img{max-width:100%}
.famous-left .famous-title{margin-top: 10px; border-bottom: 1px dotted #E9E9E9; padding-bottom: 10px;}
.famous-left .famous-title .ms-art-h2{float: left;font-size: 16px; line-height: 27px; font-weight: bold; color: #009fa8;}
.famous-left .famous-title a.famous_more{float: right;background-color: #009fa8; padding: 2px 20px;  color: #fff; font-size: 14px;}


.famous-left .ms_menuNav {float:left;z-index:9999;margin:11px 9px 0px 0px;height: 170px;}
.famous-left .ms_menuNav h2 {height:39px;margin-top:0px;text-indent:-9999px;cursor:pointer;}
.famous-left .ms_navlist {position:absolute;max-width:100%;width:260px;border-bottom:0;background:#FFF;border-left:0;}
.famous-left .ms_navlist dl {position:relative;height:40px;line-height:39px;}
.famous-left .ms_navlist dl dt {position:absolute;font-size:13px;z-index:2;}
.famous-left .ms_navlist dl dt:hover {}
.famous-left .ms_navlist dl dt a {display: block; width: 142px; font-size: 14px; height: 40px; line-height: 39px; padding-left: 10px; text-align: left; color: #009fa8; font-weight: bold;}
.famous-left .ms_navlist dl dt a.on {font-weight:700;border-bottom:4px solid #009fa8;border-top:4px solid #009fa8;border-left:4px solid #009fa8;z-index:99;background-color: #fff;}


.famous-left .ms_navlist dl dd {display:none;position:absolute; left:152px; width:994px;border:4px solid #009fa8;background:#FFF;z-index:1;max-height: 500px; overflow-y: scroll;}
.famous-left .ms_navlist dl dd .ms_sideleft {float:left; width:100%;padding:0;margin:0;}
.famous-left .ms_navlist dl dd .ms_sideright {float:right;width:116px;}

.famous-left .ms_sideleft {display:inline;float:left;background:#fff;}
.famous-left .ms_sideleft h3 {width:370px;height:24px;line-height:24px;font-size:12px;font-weight:700;color:#000;}
.famous-left .ms_sideleft li {display:inline;float:left;/* width:370px; */margin-right:5px;}
.famous-left .ms_sideleft li.noline {border-top:none;}

.famous-left .ms_sideleft li div {float:left;margin-bottom: 20px; margin-left: 20px;}
.famous-left .ms_sideleft li div a,.ms_sideleft li div a:visited {float:left;margin:11px 10px 0 0;margin-top:10px;padding:5px 10px;white-space:nowrap;color:#000;width: 126px;height: 24px;line-height:22px;text-overflow: ellipsis;overflow: hidden;}
.famous-left .ms_sideleft li b {color: #009fa8; border: none; display: block; margin-left: 25px; font-size: 16px; text-align: left;}
.famous-left .ms_sideleft li b a,.ms_sideleft li b a:hover{font-weight:normal;color:#009fa8;border:none;}
.famous-left .ms_sideleft li b a:hover{font-weight:bold;}
.famous-left .ms_sideleft li div a:hover {  color:#fff;background-color: #009fa8; padding:5px 10px;}
.famous-left 
.famous-left .ms_sideright {position:absolute;right:0;top:0;}
.famous-left .ms_sideright h3 {height:28px;line-height:28px;padding-top:5px;padding-left:10px;font-size:12px;font-weight:700;color:#000;}
.famous-left .ms_sideright li {display:inline;float:left;width:100px;height:26px;line-height:26px;margin-left:14px;overflow:hidden;}
.famous-left .ms_sideright li a,.ms_sideright li a:visited {color:#666;}
.famous-left .ms_sideright li a:hover {color:#009fa8;text-decoration:underline;}
.famous-left .ms_menv03 {top:-60px;}
.famous-left .ms_menv04 {top:-230px;}
.famous-left .ms_menv05 {top:-270px;}

.famous-left .ms_navlist dl dd::-webkit-scrollbar{width:7px;height:7px;background-color: rgb(242, 242, 242);} 
.famous-left .ms_navlist dl dd::-webkit-scrollbar-track{box-shadow:inset 0 0 0px rgba(240,240,240);background-color:rgba(240,240,240,.5);} 
.famous-left .ms_navlist dl dd::-webkit-scrollbar-thumb{box-shadow: inset 0 0 0px rgba(240,240,240,.5); background-color: #aaa;}

.ms-nav-title{font-size: 16px; color: #009fa8!important;}