@charset "utf-8";
/******index****/
html,body{height: 100%;}
body{position: relative;background: url(../images/bg.png) no-repeat center;}
.content{max-width: 1440px;margin: 0 auto;padding: 0 20px;}
/*头部*/
.header{width:100%;background: url(../images/topbg.png) repeat-x;height: 93px;line-height:76px;position: absolute;top: 0;left: 0;z-index: 4;}
.header .logo {color: #354052;}
.header .logo img{display:block;width: 463px;height: 60px;}
.schoolname{margin-top:9px;}
.pathology{position: absolute;right: 20px;top: 0px;}
.pathology>a{
	font-size: 18px;
	color: #384456;background: url(../images/jbjp/index-icon.png) no-repeat center left;
	padding-left: 34px;margin-right: 20px;display: inline-block;
	}
.pathology>span{
	font-size: 18px;color: #384456;
	background: url(../images/jbjp/user-icon.png) no-repeat center left;
	padding-left: 34px;margin-right: 30px;display: inline-block;
	}
.pathology>span a:hover{text-decoration: underline;}
.main_div{padding-top: 112px;overflow: auto;padding-bottom: 20px;}
.main_div .content{background: url(../images/white-bg.png);max-width:1150px;min-height: 500px;box-shadow: 0px 0px 15px 1px #d4d6d7;border-radius: 8px;}
.l_title{font-size: 22px;color: #354050;text-align: center;font-weight: normal;padding: 13px 0 11px;border-bottom: 1px solid #e7e7e7;}
.main_div .content.sb_content{min-height: 720px;}.cz_video_div video,.cz_video_div embed{width: 100%;height: 100%;}
/*操作指南*/
.cz_video_div{width: 100%;height:600px;background: #b0b0b0;border-radius: 8px;margin: 30px auto;}
.czzn_btn{
	display: block;width: 356px;height:86px;text-align:center;line-height:76px;
	background: url(../images/loginbtn.png) no-repeat center;margin: 0px auto;
	color: #fff;font-size: 18px;
}
/*系统介绍*/
.xtjs_div{padding:15px 20px;color: #354050;font-size: 16px;}
.xtjs_div p{text-indent: 2em;line-height: 1.8em;padding-bottom: 10px;}
/*新闻公告*/
.news_div{padding:25px 0;position:relative;}
.news_l{width: 267px;}
.news_l_cont{width: 248px;min-height: 200px;background: #f9f9f9;border-radius: 8px;box-shadow: 0px 0px 15px 1px #d4d6d7;}
.news_l_cont ul{width: 95%;margin: 0 auto;}
.news_l_cont ul li{padding: 10px 0;border-bottom: 1px solid #e4e4e4;}
.news_l_cont ul li a{color: #354050;display: block;padding: 0 6px;position: relative;}
.news_l_cont ul li span.news_t{line-height: 1.5em;font-size: 16px;display: block;}
.news_l_cont ul li a:hover span.news_t{text-decoration: underline;color: #ff3648;}
img.zhiding{padding:0 0 0 5px;vertical-align: middle;}
.news_l_cont ul li span.news_date{
	color: #b5b5b5;display: block;width:72px;text-align:right;position: absolute;right: 12px;bottom: 0px;
	/*font-size: 12px;*/
	}
.news_r{border-left:1px solid #e7e7e7;padding-left: 30px;box-sizing:border-box;}
.news_r_cont{width: 845px;}

.news_r_title{
	font-size: 20px;color: #354050;text-align: center;font-weight: normal;
	padding: 13px 0 11px;
}
.news_r_title .news_time{color: #b5b5b5;padding: 4px 0;}
.news_r p{text-indent: 2em;color: #2e2e2e;font-size: 16px;line-height: 1.8em;padding-bottom: 10px;}
.news_r p.news_time{text-indent: 0;}
.more_news{position:absolute;right:0;display:none;}
@media only all and (max-width: 1200px){
.news_r{width:calc(100% - 267px)}
.news_r_cont{width:100%;}
}
@media only all and (max-width: 960px){
.header .logo img{width:360px;height:auto;}
.schoolname{margin-top:15px;}
}
@media only all and (max-width: 850px){
.news_l{width:200px}
.news_l_cont{width:calc(100% - 15px)}
.news_r{width:calc(100% - 200px);padding-left: 15px;}
}
@media only all and (max-width: 780px) {
.l_title{font-size:18px;}
.czzn_btn{font-size:16px;}
.news_r_title{font-size: 18px;}
strong span{font-size: 18px!important;}
.news_r p,.news_r p span{font-size: 16px!important;}
.news_r p.news_time{font-size:14px!important;}
}
@media only all and (max-width: 560px) {
.content{padding:0 10px;}
.header .logo img{width:250px;height:auto;}
.schoolname{margin-top:23px;}
.more_news{display:block;display:inline-block;}
.news_l.fleft{float:none;}
.news_l{position:absolute;top:8px;right:0;}
.news_l_cont{width:100%;}
.news_r{border:none;padding:0;width:100%;}
}
@media only all and (max-width: 380px) {
.main_div .content{padding-bottom: 30px;}
.czzn_btn{background:#3e86ff;border-radius:3px;height:50px;line-height:50px;width:90%;}
}