@charset "utf-8";
/* CSS Document */

/*----------OA 样式 begin------------------*/
.oa_banner {
	height: 250px;
	background: url(../images/newsy/oa_banner.jpg) no-repeat 50% 0 transparent;	
}

#oa_test_online {
	clear: both;
	cursor: pointer;
	width: 155px;
	height: 42px;
	text-align: center;
	background: url(../images/btn_ymf.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.oa_nav {
	height: 40px;
	border: 1px solid #EEE;
	background-color: #FAFAFA;
}

.oa_nav .nav_items {
	width: 90px;
	margin-left: 5px;
	padding-top: 5px;
	text-align: center;
	position: relative;
	display: inline-block;
}

.oa_nav .nav_items::before {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #DDD;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.oa_nav .nav_items.active {
	color: #D00;
	font-weight: bold;
	border-bottom-color: #D00;
}

.oa_nav .nav_items.active::before {
	content: "";
	background-color: #D00;
}

.oa_desc {
	padding: 30px 20px;
	background-color: #fde6a2;
}

.oa_desc h3.title {
	margin-bottom: 30px;
	text-align: center;
	font: bold 20px "Times New Roman", serif, "微软雅黑";
	color: #6b5a5a;
}

.oa_box {
	padding: 20px 0px;
	background-color: rgb(255, 215, 230);
	border: 1px solid rgb(240, 215, 215);
}

.oa_box h2.title {
	width: 100%;
	padding-top: 20px;
	color: rgb(218, 77, 113);
	text-align: center;
}

.oa_box.row_2 > div {
	width: 50%;
	padding-top: 50px;
	text-align: center;
}

.oa_box.row_3 > div {
	width: 33.3%;
	padding-top: 50px;
	text-align: center;
}

.oa_box figure img {
	width: 50px;
	height: 50px;
}

.oa_mobile .img_b {
	width: 400px;
	max-width: 400px;
	margin: auto;
	position: relative;
}

.oa_mobile .img_b::before {
	content: "";
	width: 200%;
	height: 200%;
	border: 1px solid #CCC;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
	-moz-transform: translate(-50%, -50%) scale(0.5, 0.5);
	transform: translate(-50%, -50%) scale(0.5, 0.5);
}
#mobile img {
	width: 260px;
	height: 415px;
}
.oa_mobile .img_b img {
	width: 100%;
}

.oa_mobile .img_b > a {
	width: 100%;
	height: 63px;
	display: block;
	position: absolute;
	z-index: 10;
	right: 0px;
	left: 0px;
}

.oa_mobile .img_b > a.app_E2 {
	top: 80px;
}
.oa_mobile .img_b > a.app_Y5 {
	top: 140px;
}
.oa_mobile .img_b > a.app_Y6 {
	top: 200px;
}
.oa_mobile .img_b > a.app_E4 {
	top: 264px;
}
.oa_mobile .img_b > a.app_E19 {
	top: 325px;
}
.oa_mobile .img_b > a.app_E18 {
	top: 385px;
}
.oa_mobile .img_b > a.app_E12 {
	top: 515px;
}

.js_oa_wrap {	
	width: 350px;
	height: 210px;
	background-color: #FFF;
	border: 1px solid #CCC;
	position: fixed;
	z-index: 101;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.js_oa_wrap_top {
	background-color: rgb(214,234,245);
	height: 30px;
	border-bottom: 1px solid rgb(186,203,219);
	line-height: 30px;
	text-align: center;
	font-family: "微软雅黑";
}

.js_oa_exit {
	width: 30px;
	color: #FFF;
	background-color: rgb(34,141,223);
	text-align: center;
	padding: 2px 20px;	
	font-size: 12px;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.js_oa_download_pack {
	width: 120px;
	height: 30px;
	margin: auto;
	font: bold 15px/30px "微软雅黑";
	text-align: center;
	color: #FFF;
	background-color: #f22100;
	border-radius: 5px;
	cursor: pointer;
}

.js_oa_close {
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 2px;
	background: url(../images/close.png) no-repeat 0px 0px transparent;	
}

.js_oa_wrapper > div {
	width: 960px;
	margin: auto;
	display: none;
	overflow-x: hidden;
}

.js_oa_wrapper > div:first-child {
	display: block;
}

.oa_downLoad {
	margin-top: 2px !important;
	margin-right: 35px !important;
	float: right !important;
	border-bottom: none !important;
}

.oa_downLoad img {
	width: 120px;
}