/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx常用参数xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
body{ background-color:#f6f6f6 ; color: #a7a7a7;}
a{text-decoration:none;}
ul,ol,p,h3,h4{list-style-type:none; margin: 0; padding: 0;}
.e-row {margin: 0 -5px;}
.e-row {clear: both;}
.e-row [class^="col-"] {padding:0 5px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.vt{vertical-align:top;}
.img100{display: block; width: 100%; height: auto;}
.text-over{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text-over2{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.show769{display: inline-block;}
.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h50{ height:50px;}
@media screen and (min-width:1px) and (max-width:769px){
	.h20{ height:10px;}
	.h30{ height:15px;}
	.h50{ height:25px;}
	.show769{display: none;}
	}

/* 背景常规设置 */
.bg-all{background: #fff url(../images/bg.jpg) no-repeat top center; background-size: cover;}

/* 字体属性 */
.f36{font-size: 36px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f15{font-size: 14px;}
.f14{font-size: 14px;}
@media screen and (min-width:1px) and (max-width:769px){
	.f36{font-size: 20px;}
	.f20{font-size: 16px;}
	.f18{font-size: 14px;}
	.f14{font-size: 12px;}
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxtop红色xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.top{width: 100%; height:380px; background: #b90000 url(/ciicsh/uiFramework/commonResource/image/2020081810295594785.jpg) center top no-repeat; background-size: cover;}
@media screen and (min-width:1px) and (max-width:769px){
.top{background: #b90000 url(/ciicsh/uiFramework/commonResource/image/2020081810304534905.jpg) center top no-repeat; background-size: cover;}
	}
.topbox{position: relative;}
.topbox .logo{width: 10%; max-width: 50px; position: absolute; top: 5px; left: 10px;}
.topbox .topbt{width: 80%; max-width: 660px; margin: 100px auto 0 auto;}
.topbox p{ color: #fff; text-align: center;}
@media screen and (min-width:1px) and (max-width:992px){
	.top{height:250px;}
	.topbox .topbt{width: 70%; margin: 70px auto 0 auto;}
	}
@media screen and (min-width:1px) and (max-width:767px){
	.top{height:200px;}
	.topbox .logo{top: 5px; left: 10px;}
	.topbox .topbt{margin: 50px auto 0 auto;}
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx页面标题 & morexxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.boxbt{	text-align: center;	font-weight: 800; color: #333;}
.boxbt span{height: 24px; width: 90px; margin: 0 12px; display: inline-block; background-size: contain;}
.boxbt-l-img{background: url(/ciicsh/uiFramework/commonResource/image/2020081810335838706.png) no-repeat center center;}
.boxbt-r-img{background: url(/ciicsh/uiFramework/commonResource/image/2020081810342373210.png) no-repeat center center;}
.more a{ display: block; color:#3b3feb; text-align: center; text-decoration: underline;}
@media screen and (min-width:1px) and (max-width:769px){
	.boxbt span{width: 60px; margin: 0 6px;}
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx中智在行动xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.box{width: 99%; max-width: 1100px; border-radius: 10px; background-color: #fff; margin: 0 auto; }
.box1{margin: -110px auto 0 auto; padding: 50px;}
@media screen and (min-width:1px) and (max-width:769px){
	.box1{margin: -80px auto 0 auto; padding: 20px 15px;}
	}

/* 轮播顶部-swiper */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.swiper-button-next, .swiper-button-prev{ color: #fff; opacity:0.2; }
.swiper-pagination-bullet-active {background-color:#A50203;}
.swiper-slide .bg-all{width: 100%; height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 32px;}

/* 轮播顶部 */
.box1-topimg{display: inline-block; width: 100%; height: 195px; border:4px solid #e4e4e4 ; border-radius: 8px;position: relative;}
.box1-topimg p{ width: 100%; color: #fff; height: 35px; line-height: 35px; padding: 0 15px; background-color:rgba(35,63,98,0.8); position: absolute; bottom: 0px; left: 0px;}
.box1-topimg1{height: 400px;position: relative;}
.box1-topimg2{}
.box1-topimg3{margin-top: 5px;}
@media screen and (min-width:1px) and (max-width:992px){
	.box1-topimg2{margin-top: 12px;height: 200px;}
	.box1-topimg3{margin-top: 12px;height: 200px;}
	}
@media screen and (min-width:1px) and (max-width:767px){
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
	.box1-topimg{height: 88px; border:2px solid #e4e4e4 ; border-radius: 4px;}
	.box1-topimg p{height: 24px; line-height: 24px; padding: 0 8px;}
	.box1-topimg1{height: 189px;}
	.box1-topimg2{margin-top: 12px;}
	.box1-topimg3{margin-top: 12px;}
	}

/* 列表 */
.box1-list li{display: block;clear: both; min-height: 150px; margin-top: 30px;}
.box1-list-l{height: 150px; border-radius: 4px;}
.box1-list-r{padding-left: 24px;}
.box1-list-r h4{color: #333; font-weight: 700; margin-bottom: 10px;  }
.box1-list-r p{ margin-top: 24px; max-height: 40px; overflow: hidden;}
.noimg .box1-list-l{display: none;}
.noimg .box1-list-r{width: 100%;padding-left: 4px;}
@media screen and (min-width:1px) and (max-width:767px){
	.box1-list li{margin-top: 20px;}
	.box1-list-r{padding-left: 15px; padding-bottom: 10px; border-bottom: 1px solid #F6F6F6;}
	.box1-list-r h4{margin-bottom: 15px;  }
	.box1-list-r p{ margin-top: 8px;}
	.noimg .box1-list-r{padding: 0 15px 10px 15px;}
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx政策速递xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.box2{margin: 0 auto; padding: 50px;}
.box2-text{ border: 1px solid #eee; border-radius: 4px; padding: 10px; margin-bottom: 15px; min-height: 308px;}
.box2-text .textimg{width: 100%; height: 160px;border-radius: 4px;}
.box2-text h3{ color: #333; font-weight: 500; margin-top: 22px; line-height: 1.2; max-height: 47px; overflow: hidden;}
.box2-text p{ margin: 22px 0 12px 0;}
@media screen and (min-width:1px) and (max-width:769px){
	.box2{padding: 20px 15px;}
	}
@media screen and (min-width:1px) and (max-width:767px){
	.box2{padding: 20px 15px;}
	.box2-text{ min-height: 300px;}
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx健康职场xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.box3{margin: 0 auto; padding: 50px;}
.box3-list li{ height: 63px; line-height: 63px; border-bottom: 1px solid #eee;}
.box3-list span{height: auto; width: 18px; display: inline-block; margin-right:8px; vertical-align:middle;}
.box3-list li div:nth-child(1){color:#333; }
.box3-list li div:nth-child(2){text-align: right; color:#d4d4d4; }
@media screen and (min-width:1px) and (max-width:769px){	
	.box3{padding: 20px 15px;}
	.box3-list {padding:0 15px ;}
	.box3-list span{width: 14px;padding-top: 4px;}
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxfooterxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.footer{width: 100%; background-color: #282828; color: #636363;}
.footer ul {text-align: center; margin: 20px auto 10px auto; border-bottom: 1px solid #464646; padding-bottom: 10px;}
.footer li{display: inline-block; padding: 5px 10px;}
.footer p{ text-align: center; margin-top: 8px;}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx文明单位xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* 按钮更多 */
.bannermore{ 
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
	background-color: #448AFA;}
.bannermore a{  color: #fff;}
/* 引言 */
.text-yy{border-bottom:1px solid #438AFE;position: relative;}
.text-yy h3{display: block;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background-color: #448AFA;}
.text-yy p{ padding: 20px;	line-height: 22px;}
.text-yy p a{ color:#a7a7a7;
	display: box; 
	display: -webkit-box; 
	box-orient:vertical; 
	-webkit-box-orient: vertical; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	word-break: break-all;
	line-clamp: 2; 
	-webkit-line-clamp: 2;}
.text-yy span{position: absolute; right: 18px; bottom: 18px; color: #007AFF;}