#brand{color:#fff; background: url(../images/cat_bg.png) no-repeat;background-size: cover;padding:20px 0;}
#brand h2{font-size:60px;margin-bottom: 0px;}
#brand h5{font-size:20px;}

.sonchannel{margin:40px 0;}
.sonchannel ul {justify-content: center;display: flex;}
.sonchannel ul li{margin:0px 3px;}


.sonchannel ul li a{color:#199392; display: block;padding:9px 30px;border:1px solid #199392;font-size:16px;position: relative;z-index:9999;}
.sonchannel ul li a:hover{color: #fff;transition: all .3s ease 0s;}

.sonchannel ul li a::before{content:"";background: #199392;color:#fff;top:0;position:absolute;width:0%;height: 100%;left:40%;z-index:-9999999;}
.sonchannel ul li a:hover::before{width:100%;left:0;transition: all .5s linear 0s;color:#fff;z-index:-9999999;}

/*.sonchannel ul li a:hover,.sonchannel ul li.current a{background: #199392;color:#fff;transition: all .3s linear 0s;}*/

.contentBody{border:1px solid #f1f1f1;border-radius:10px;padding:26px 40px 50px 40px;box-shadow: 0px 0px 5px -1px #999;color:#555;line-height: 35px; text-align: justify;margin-bottom: 30px;}
.contentBody p{margin-bottom: 15px; }

.h2department{ font-size: 22px; margin-bottom: 20px;   padding: 0 10px 0 20px;    position: relative;}
.h2department::after{content:"";position: absolute;left:10px;top:3px;width:3px; height: 20px;background: #0b9190;border-radius: 10px;}
.avatarItem{padding:10px;}
div.avatar{border:2px solid #f4b431;position: relative; overflow: hidden;height:225px;}
div.avatar a > img{width:100%;transform: scale(1,1);transition:all .3s linear 0s;}
div.avatar:hover a > img{ transform: scale(1.2,1.2); transition: all .3s linear 0s;}


div.avatar .infomation{position: absolute;bottom:0;left:0;width:100%;background: rgba(244,180,49,0.82);padding:5px; text-align: center;color:#fff;z-index:999;}

div.avatar .infomation::before{content:"";position: absolute;left:0;top:0;height: 0;width:100%;background: rgba(11,145,144,0.82);z-index:-10; transition: all .3s linear 0s;}
div.avatar:hover .infomation::before{width:100%;height:100%;transition: all .3s linear 0s;color:#fff;}

div.avatar .infomation dl dt{font-size:14px;font-weight: bold;margin-bottom: 0px;}
div.avatar .infomation dl dd{font-size:12;}
/*div.avatar .infomation:hover{background: rgba(11,145,144,0.82);}*/
div.avatar:hover .infomation{background: none; transition: all .3s linear 0s;}


.nextprepage{margin: 30px 0;}
.nextprepage  a{border-radius:10px;background: #006868;color:#fff; padding:9px 30px;min-width:30%}

/*eq*/
.eqItem{padding:10px;}
.eqItem dl dt{overflow: hidden;height:208px;}
.eqItem dl dt img{width:100%;height:100%;transform: scale(1,1);}
.eqItem dl dt img:hover{width:100%;transform: scale(1.3,1.3); transition: all .9s linear 0s;}

.eqItem dl dd a{ display: block;width:100%; height: 45px; 
text-align: center; line-height: 45px;color:#fff;background: #f5ad1b}


.avatarShow{ position: relative;}
.avatarShow img{width:100%;}
.bgava{width:100%;position: relative;}
.avatarShow{border-right:15px solid #1aaa91;border-bottom:15px solid #1aaa91;box-shadow: 3px 3px 3px 3px #f1f1f1;}
.avamain{background: #e9f7f5;padding:0px 15px 15px 0;}
.humandetail {color:#555;padding-left:100px;}
.humandetail .humandescription dl dt{font-size:50px;}
.humandetail .humandescription dl dd{margin: 10px 0 ; line-height: 30px;}
.humanbody h2{border-radius:15px 15px  0 0;background: #0b9190;color:#fff;font-size:18px;padding:10px 0; text-indent: 1em;}
.humancontent{color:#555; line-height: 35px;padding:30px 10px 20px 10px;}
.list-item{padding-bottom: 30px;border-bottom:1px solid #f1f1f1;margin-bottom: 30px;}
.list-item .titletop{display: flex;justify-content:flex-start;}
.list-item .titletop .time{ background: #E3A21F; text-align: center;padding:8px 5px;color:#fff;font-size:12px;}
.list-item .titletop dl dt{ font-size:16px;}
.list-item .titlepart{padding-left:20px;}
.list-item .titlepart .title a{font-size:16px;font-weight: bold;}
.list-item .titlepart .copyfrom{font-size:12px;color:#999;margin-top:8px;}
.list-item .titlebottom{margin-top: 10px;}
.list-item .titlebottom .media .media-body,.list-item .titlebottom .media .media-body a{color:#777; line-height: 25px;}
.list-item .titlebottom .media .media-left{overflow: hidden;}
.list-item .titlebottom .media .media-left img{width:330px;height: 169px; overflow: hidden;transform: scale(1,1);}
.list-item:hover .titlebottom .media .media-left img{transform:scale(1.2,1.2); transition: transform .6s linear 0s;}

.list-item .titlebottom .more{margin-top: 9px;color:#0b9190;}
.list-item .titlebottom .media .media-body .more a{color:#0b9190;}

/**/
.rightcommtitle{font-size:24px;color:#333;position:relative;margin-bottom: 32px;}
.rightcommtitle::before{content:"";position: absolute;left:0;bottom:-12px;width:120px; height: 1px; background: #006868;}
.navbar-form{padding:0;float: none !important;margin-top: 30px;}
.slide-right-bar{padding-left:80px;}
.mb40{margin-bottom: 40px;}
.hotbody a{padding:3px 15px;background: #006868;color:#fff;font-size:14px;border-radius:10px;margin:10px 5px; display: block;float:left;}
.healthbody ul li{line-height: 40px;border-bottom: 1px solid #f6f6f6;height: 40px;overflow: hidden;}
.healthbody ul li span{float: right;font-size:12px;color:#333;}

.contentBody .title h1{font-size:20px;color:#555;}
.contentBody .time-show{margin-top: 30px;padding-bottom: 20px;border-bottom:1px solid #d2d2d2;margin-bottom: 30px;}
.contentBody .time-show small{font-size:12px;color:#ccc;margin:17px;}
.pageTitle{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f1f1f1;}

.deBody .s:hover a dl dt img{
	animation: fastshaker 1s linear 0s 1 alternate;
}

.deBody .s {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 157px;
    
    text-align: center;
    width: 157px;

	margin:0px auto 30px auto;
}
.deBody .s a {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
}
.deBody .s a dl dt {
    margin-bottom: 10px;
    padding-top: 27px;
	position: relative;
	height: 97px;
}
.deBody .s a dl dt img{position: absolute;left:50%;margin-left:-32.5px;top:50%;margin-top:-25.5px;}



@media (max-width: 768px) {
	#brand h2{font-size:30px;margin-bottom: 0px;}
	.humandetail {color:#555;padding-left:0;}
	.contentBody{padding:10px;}
	.sonchannel ul li{width:29.33%;margin:2%;float: left;}
	.sonchannel ul li a{padding:9px 12px;}
	.list-item{padding:10px;}
	.list-item .titlepart{padding-left:0px;}
	.slide-right-bar{padding:10px;}
	.s-content{padding:10px;}
	.sonchannel ul {display: block;}
	div.avatar{height:auto;}
}
@keyframes fastshaker{
	0%{
		top:50%;
	}
	25%{
		top:40%;
	}
	50%{
		top:50%;
	}
	75%{
		top:40%;
	}
	100%{
		top:50%;
	}
}