@import url(jquery.mmenu.css);

/* ================================================================
   响应式样式 - 移动端 (< 760px) 
   ================================================================ */
@media (max-width:760px){
	/* 全局 */
	body{ font-family:Arial,"Microsoft Yahei"; font-size: 14px; min-width: 320px;}
	img{ max-width: 100%; height: auto;}
	.container{ padding-left: 10px; padding-right: 10px;}
	section{ width: 100%!important;}

	/* 隐藏元素 */
	.sideqrcode{display:none;}
	.fixad, .floatingAd{ display: none !important;}
	.htop .fr{ display:none;}
	.htop{ display: none;}
	.erweima{ display: none;}
	.zhinan ul li.zn{ display: none;}

	/* 头部 */
	.header{ height: auto; padding-top: 8px; padding-bottom: 8px; position: relative;}
	.header .logo {padding-top: 0; text-align:left; padding-left: 0; float: none;}
	.header .logo img{ max-width: 60%; height: auto;}
	.header .sobox{ display: none;}
	.header .tad{display:none;}
	.icon-navicon{ position: absolute; top:8px; right:10px; left:auto; background: #0168ad; color:#fff; border-color: #0168ad; border-radius: 3px;}
	.icon-navicon:focus{ background: #0168ad; border-color: #0168ad; color: #fff;}

	/* 导航 */
	.menuwrap{ height: 44px; line-height: 44px;}
	.menu{ top:0;}
	.menu ul{ width:100%;}
	.menu ul li{ display: block; width: 100%; margin: 0; height: auto; float:none;}
	.menu ul li a{ border-radius: 0; text-align: left; padding: 0 15px;}
	.menu>ul>li:nth-child(9) {display: block;}
	.menu li ul{ position: static; width: 100%; background: rgba(0,140,110,0.95); border-top: 0; box-shadow: none;}
	.menu li ul li a{ padding-left: 30px;}

	/* Banner 轮播 */
	.banner .bd li img{ height: 200px !important;}
	.banner .hd{ bottom: 8px;}
	.banner .hd li{ width: 18px; height: 4px; margin: 0 2px;}
	.banner .prev,.banner .next{ width: 28px; height: 28px; margin-top: -14px;}
	.banner .prev{ left: 5px;}
	.banner .next{ right: 5px;}
	.banner .prev:after,.banner .next:after{ font-size: 12px; line-height: 28px;}

	/* 就医指南 */
	.zhinan{ height: auto; padding: 10px 0;}
	.zhinan ul{ width: 100%; height: auto; padding: 0; display: flex; flex-wrap: wrap;}
	.zhinan ul li{ float: none; width: 33.33%; height: auto; margin-bottom: 8px; font-size: 13px;}
	.zhinan ul li a{ padding-top: 55px; height: auto; background-size: 35px 35px; background-position: center 8px; font-size: 12px;}
	.bg-green{ padding: 12px 0;}

	/* 科室列表 */
	.keshi{ width: 100%; padding: 8px 0;}
	.keshi li{ width: 48%; margin: 1%; height: auto; float: left;}
	.keshi li a{ line-height: 40px; font-size: 13px; padding: 5px;}
	.keshi1 li{ width: 48%; margin: 1%; float: left; height: auto;}
	.keshi1 li a{ padding: 5px 5px 5px 50px; line-height: 40px; font-size: 13px; background-size: 32px 32px; background-position: 6px 6px;}

	/* 专题专栏 */
	.special-list{ display: flex; flex-wrap: wrap;}
	.special-list a{ width: 48%; margin: 1%;}

	/* 标题通用 */
	.tt1{ height: auto; line-height: 36px; margin-bottom: 8px;}
	.tt1 strong{ font-size: 15px !important;}
	.tt1 span{ font-size: 12px; margin-left: 5px;}
	.tt1 .right{ font-size: 12px;}

	/* 首页 ipart1 */
	.ipart1 { padding: 8px 0 0;}
	.ipart1 .xm5 { margin-bottom: 8px;}
	.ipart1 .f48{ font-size: 24px;}
	.ipart1 .f18{ font-size: 14px;}
	.ipart1 .islide .bd li img{ height: 200px;}
	.ipart1 .islide .bd li div{ font-size: 12px; padding: 5px 60px 5px 8px; line-height: 22px;}

	/* 首页 ipart2 快捷入口 */
	.ipart2 { padding-top: 8px; padding-bottom:0; margin-bottom: 0!important;}
	.ipart2 .f30{ font-size: 18px;}
	.ipart2 .itittop { margin-bottom: 8px!important;}
	.ipart2 .xlink a{ font-size: 12px; padding: 8px 4px; margin-bottom: 5px;}
	.ipart2 .xlink a i{ font-size: 20px; margin-bottom: 2px;}

	/* 首页 ipart3 多栏新闻 */
	.ipart3 { padding-top: 8px; padding-bottom: 0; margin-bottom:0!important;}
	.ipart3 .lines{ border:0; margin-bottom: 8px;}
	.ipart3 .cybox img{ width:100%;}

	/* 首页 ipart5 图片轮播 */
	.ipart5 .mslide .bd{ overflow: hidden;}
	.ipart5 .con{ padding: 10px 30px;}
	.mslide .bd li{ width: 140px; margin: 0 5px;}
	.mslide .bd li img{ height: 160px;}

	/* 首页新闻选项卡 */
	.news-tab .tab-nav li a{ font-size: 15px; height: 30px; line-height: 16px;}
	.news-tab .tab-panel li a{ padding-right: 90px;}
	.news-tab .news-date{ right: 5px;}

	/* 标题栏 */
	.itittop{ height: auto; margin-bottom: 8px;}
	.itittop span{ font-size: 14px; padding: 0 12px; line-height: 36px; float: none; display: block;}
	.itittop p{ float: none; display: block; line-height: 20px; margin-left: 12px; margin-bottom: 5px; font-size: 12px;}
	.itittop .more{ display: none;}
	.itittop2{ height: auto; margin-bottom: 8px;}
	.itittop2 span{ font-size: 14px; padding: 0 12px; line-height: 36px;}
	.itittop2 .more{ display: none;}

	/* 新闻板块 */
	.newpart{ min-height: auto; margin-bottom: 15px;}
	.newpart .xs4{ margin-bottom: 15px; width: 100%;}
	.newpart .tab-panel li{ height: 28px; line-height: 28px;}
	.newpart .tab-panel li a{ padding-right: 40px;}

	/* 内页标题条 */
	.ititle{ height: auto; min-height: 50px;}
	.ititle .container-layout{ padding-top: 12px; height: auto; padding-bottom: 12px;}
	.ititle .subname{ font-size: 15px;}
	.ititle .subname:before{ top: 6px;}

	/* 面包屑 */
	.crumbwrap{ height: 34px; line-height: 34px; margin-bottom: 8px; font-size: 12px;}

	/* 分区标题 */
	.ctitle { margin-top: 10px; margin-bottom: 12px; height: auto;}
	.ctitle .wrap{ margin-left: 20px; padding: 0 12px;}
	.ctitle .wrap span{ font-size: 14px !important;}
	.ctitle .wrap:before, .ctitle .wrap:after{ width: 5px; height: 5px; top: 9px;}

	/* 侧边栏 */
	.side_sb{ display: none;}
	.sidebar .xs3{ width: 100%;}

	/* 内页容器 */
	.tWrap { margin-bottom: 40px;}

	/* 新闻列表-日期样式 */
	.newslist dl{ background: none; padding:0; border:0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #efefef; min-height: auto;}
	.newslist dl dt{overflow:hidden; white-space: normal; padding-left: 65px; height: auto; min-height: 48px; font-size: 15px; line-height: 24px;}
	.newslist dl dt a{ font-size: 14px !important;}
	.newslist dl dd.date{ left:0; top:0; width:55px; height: 48px; overflow: hidden; background:#e8f4fb; font-size: 12px; line-height: 18px;}
	.newslist dl dd.date span{ display:block; font-size:26px; color:#0168ad; background:#f0f8ff; line-height:30px;}
	.newslist dl:hover{ background: none;}
	.newslist dl dd.desc{ font-size: 13px;}

	/* 新闻列表-图片样式 */
	.newslist-pic li{ width:48%; margin: 1%; padding: 5px; float:left; height: auto;}
	.newslist-pic li .pic{ position: static; width:100%; height: auto;}
	.newslist-pic li .pic img{ width:100%; height: auto;}
	.newslist-pic li .f20{ font-size: 15px; margin: 5px 0 0; line-height: 22px; height: 44px; overflow: hidden;}
	.newslist-pic li .desc,.newslist-pic li .date{ display: none;}

	/* 新闻列表-标题列表 */
	.newslist-line li{ line-height: 36px; padding: 0 8px; height: auto; min-height: 36px; font-size: 13px;}
	.newslist-line li .text-gray{ display: block; float: none;}

	/* 新闻列表-会员 */
	.newslist-mem dl{padding:10px 15px; min-height: auto;}
	.newslist-mem dl dd.pic{display:none;}
	.newslist-mem dl dd.date{ position: static; text-align: left; font-size: 13px;}
	.newslist-mem dl dd.date span{ font-size: 30px; line-height: 30px; display: inline;}

	/* 单页内容 */
	.content h1.f30{ font-size: 18px; line-height: 24px;}
	.content .date{padding:4px; font-size: 12px;}
	.content .f16{ font-size: 14px;}
	.info p{ text-indent: 1.5rem !important;}
	#maximg{overflow-x:auto; -webkit-overflow-scrolling:touch;}
	#maximg img{max-width:100% !important; height:auto !important;}
	#maximg table{display:block; width:max-content; max-width:none;}

	/* 产品列表 */
	.prolist li .con{ padding: 8px;}
	.prolist li .name{ height: auto !important; font-size: 14px; margin-bottom: 5px;}
	.prolist li .date{ padding-top:5px; font-size: 12px;}
	.prolist li .desc{ height: auto; font-size: 12px;}

	/* 相册列表 */
	.albumlist li .tit{ padding:4px 6px; font-size: 13px;}
	.albumlist li .pic img{ height: 140px;}

	/* 上下篇 */
	.prevNext{ padding:8px; font-size: 12px;}
	.prevNext .xs6.next{ padding-right:0; padding-left: 70px; text-align: left; margin-top: 8px;}
	.prevNext .xs6.next span{ left: 0; right:auto; padding-right: 0; padding-left: 10px; background-position: left center;}
	.prevNext .xs6.prev{ padding-left: 60px;}

	/* 分页 */
	.pagebar{ padding: 10px 0;}
	.pagination a, .pagination span{ padding: 2px 5px; font-size: 11px; margin: 0 1px;}

	/* 联系我们 */
	.contact h3.f30{ font-size: 22px;}
	.cat li {margin-bottom: 8px; font-size: 14px;}
	.mapwrap{ height: 200px;}
	#allmap {height:250px;}

	/* 页脚 */
	.footer{ text-align: center;}
	.footer .fotcon{ padding: 20px 0;}
	.footer .fotnav{ float: none; text-align: center;}
	.footer .fotnav dl{ float: none; display: inline-block; margin-right: 15px; margin-bottom: 15px; text-align: left;}
	.footer .fotnav dl dd ul{ width: auto;}
	.footer .qrcode{ position: static; margin: 0 auto 15px;}
	.footer .isrv{ width: auto; text-align: center;}

	/* 页脚2 */
	.footer2{ padding: 10px 0 0;}
	.footer2 .fotlogo{ padding: 8px 0;}
	.footer2 .fotlogo img{ max-height: 40px; margin: 3px 8px;}
	.footer2 .fotnav{ padding: 15px 0;}
	.footer2 .fotnav .line-big{ margin-left: 0; margin-right: 0;}
	.footer2 .fotnav dl{ width: 100%; float: none; border-right: 0; border-bottom: 1px dashed rgba(255,255,255,0.2); min-height: auto; padding: 10px 0; text-align: left;}
	.footer2 .fotnav dl:last-child{ border-bottom: 0;}
	.footer2 .fotnav dl dt{ margin-bottom: 5px; padding-bottom: 5px; text-align: center;}
	.footer2 .fotnav dl dt a{ font-size: 14px;}
	.footer2 .fotnav dl dt img{ width: 28px; height: 28px;}
	.footer2 .fotnav dl dd li{ line-height: 24px;}
	.footer2 .fotnav dl dd a{ height: 24px; line-height: 24px; font-size: 12px; text-align: center;}
	.footer2 .copyright{ padding: 10px 0;}
	.footer2 .copyright span{ display: block; padding: 2px 5px; text-align: center; line-height: 22px; font-size: 12px;}
	.footer2 .link{ line-height: 22px;}
	.footer2 .link a{ margin-left: 5px; font-size: 12px;}

	/* 友情链接 */
	.flink{ margin: 10px 0;}
	.flink .con a{ line-height: 26px; margin-right: 5px; font-size: 12px;}

	.fico{ display: none;}
	.insert{ height: 20px;}

	.itits{ line-height:36px;}
	.itits .f48{ font-size: 26px;}
	.itits .f18{ font-size: 14px; line-height: 16px;}

	.itittop_sb{ margin-bottom: 10px!important;}
	.ititsub_sb{ margin-bottom: 5px!important;}

	/* 党员相关 */
	.partindex{ padding:10px; }
	.partcon .left{ display: none;}
	.partcon .partside{ min-height: auto;}

	/* 考试报名 */
	.signupform{ padding: 15px 10px;}
	.signupform .form-group{ padding-left: 80px;}
	.signupform .form-group .label{ width: 70px; font-size: 13px;}
	.ticketprint{ width: 100%; padding: 10px;}
	.ticketbox h3{ padding-left: 0; font-size: 16px;}
	.ticketbox .photo{ position: static; margin-bottom: 10px;}
	.ticketbox .ticketinfo{ padding-left: 0;}
	.btn-bm .xs9, .btn-bm .xs3{ min-height: auto; border-right: 0;}
	.btn-bm .xs3{ padding: 15px;}

	/* 公司列表 */
	.companylist li{ padding: 5px; font-size: 13px;}

	/* 下载列表 */
	.downlist li{ line-height: 36px; font-size: 13px; padding: 0 8px;}
	.downlist li .text-gray{ float: none; display: block;}

	/* 就业/热招 */
	.hotjobwrap .hotjobtit{ font-size: 13px;}
	.hotjobwrap .hotjobtit > span:nth-child(1),
	.hotjobwrap .hotjob .bd li > a:nth-child(1){ width: 28%;}
	.hotjobwrap .hotjobtit > span:nth-child(2),
	.hotjobwrap .hotjob .bd li > span:nth-child(2){ width: 22%;}
	.hotjobwrap .hotjobtit > span:nth-child(3),
	.hotjobwrap .hotjob .bd li > span:nth-child(3){ width: 50%;}
	.hotjobwrap .hotjob .bd li{ line-height: 30px; font-size: 12px;}

	/* 搜索框 */
	.header .sobox{ display: none;}

	/* 选项卡 */
	.newpart .tab .tab-nav li a{ font-size: 11px; padding: 0 4px; height: 24px; line-height: 24px;}

	/* 活动信息 */
	.actinfo ul{ min-height: auto; padding: 8px 10px;}
	.actinfo .wrap{ min-height: auto; padding-top: 10px;}
	.examinfo ul{ min-height: auto; padding: 8px 10px;}
	.examinfo .wrap{ min-height: auto;}

	/* 考试 */
	.exam_signup .payment{ padding: 10px 15px;}

	/* 会员单位 */
	.submen a{ font-size: 13px; padding: 4px 6px;}
}

/* ================================================================
   响应式样式 - 平板 (760px - 999px) 
   ================================================================ */
@media (min-width: 760px) and (max-width:999px){
	body{ min-width: 760px; font-size: 14px;}
	.container{ padding-left: 12px; padding-right: 12px;}

	.header{ height: auto; padding-top: 10px; padding-bottom: 10px;}
	.header .logo img{ height: 70px;}
	.header .sobox{ top: 45px; width: 200px;}
	.erweima img{ height: 50px;}

	.menuwrap{ height: 44px; line-height: 44px;}
	.menu ul{ width: 100%;}
	.menu ul li{ width: 12.5%; font-size: 13px;}
	.menu li ul{ top: 44px;}

	.banner .bd li img{ height: 320px !important;}
	.banner .prev,.banner .next{ width: 36px; height: 36px; margin-top: -18px;}

	.zhinan{ height: auto; padding: 12px 0;}
	.zhinan ul{ width: 100%; height: auto; padding: 5px 0;}
	.zhinan ul li{ width: 16.6%; font-size: 13px; height: auto;}
	.zhinan ul li a{ padding-top: 55px; background-size: 38px 38px; background-position: center 8px; font-size: 12px;}

	.keshi{ width: 100%;}
	.keshi li{ width: 31%; margin: 1.1%;}
	.keshi li a{ font-size: 13px; line-height: 42px;}

	.ipart1 .islide .bd li img{ height: 240px;}
	.ipart1 .islide .bd li div{ font-size: 13px;}

	.ipart2 .xlink a{ font-size: 14px; padding: 12px 6px;}
	.ipart2 .xlink a i{ font-size: 24px;}

	.news-tab .tab-nav li a{ font-size: 17px;}

	.itittop span{ font-size: 16px;}
	.itittop2 span{ font-size: 14px;}

	.newpart .tab-panel li a{ padding-right: 45px;}

	.ititle{ height: auto; min-height: 60px;}
	.ititle .container-layout{ padding-top: 16px; height: auto;}

	.tWrap { margin-bottom: 60px;}

	.footer2 .fotnav dl{ width: 20%;}
	.footer2 .fotnav dl dd a{ font-size: 12px;}

	.mslide .bd li{ width: 170px;}
	.mslide .bd li img{ height: 200px;}

	.albumlist li .pic img{ height: 170px;}

	.newslist-pic li{ padding: 12px 90px 12px 200px; height: auto;}
	.newslist-pic li .pic{ width: 180px; height: 130px;}
	.newslist-pic li .pic img{ width: 180px; height: 130px;}
	.newslist-pic li .date{ right: 5px; top: 20px; width: 60px;}
	.newslist-pic li .date span{ font-size: 40px; line-height: 40px;}

	.insert{ height: 30px;}
	.ctitle{ margin-top:15px; margin-bottom: 15px;}
	.content h1{ font-size: 20px; line-height: 28px;}

	.fixad{ max-width: 120px;}
}

/* ================================================================
   响应式样式 - 小桌面 (1000px - 1199px) 
   ================================================================ */
@media (min-width: 1000px) and (max-width:1199px){
	body{ min-width: 1000px;}
	.container{ padding-left: 15px; padding-right: 15px;}

	.header{ height: auto; padding-top: 12px; padding-bottom: 12px;}
	.header .logo img{ height: 100px;}

	.menu ul{ width: 100%;}
	.menu ul li{ font-size: 15px;}

	.banner .bd li img{ height: 400px !important;}

	.keshi{ width: 100%;}
	.keshi li{ width: 22%; margin: 1.5%;}

	.ipart1 .islide .bd li img{ height: 300px;}

	.insert{ height: 30px;}

	.newslist-pic li .pic{ width: 210px; height: 150px;}
	.newslist-pic li .pic img{ width: 210px; height: 150px;}
	.newslist-pic li{ padding-left: 230px;}

	.mslide .bd li{ width: 185px;}
	.mslide .bd li img{ height: 220px;}
}

/* ================================================================
   响应式样式 - 大桌面 (> 1200px) 
   ================================================================ */
@media (min-width: 1200px){
	body{ min-width: 1200px;}
}

/* ================================================================
   打印样式
   ================================================================ */
@media print{
	.menuwrap, .htop, .footer, .footer2, .fixad, .floatingAd, .banner,
	.crumbwrap, .sidebar, .side_sb, .sideqrcode, .prevNext, .pagebar,
	.icon-navicon, .sobox, .tad, .erweima{ display: none !important;}
	body{ min-width: auto; max-width: 100%; font-size: 12px;}
	.content{ line-height: 1.8;}
	.tWrap{ margin-bottom: 0;}
}
