@charset "utf-8";
	.office-body {
	padding-top: 0;
	background-color: #fff;
}
.office-header {
	width:100%;
	height: 130px;
	line-height: 130px;
	background-color: #fff;
	border-bottom:none;
	box-shadow:.5px .866px 3px 0 rgba(6,0,1,0.08);
	position: relative;
	left:0;
	top:0;
	z-index:50;
}
.office-header .search-content {
	display:none
}
.office-header .detail-lately {
	width:446px;
	top:41px;
	border-radius:2px
}
.office-header .lately-list li {
	line-height:30px
}
.office-header .lately-list li a {
	padding:0 19px
}
.office-header .btn-back {
	display:block;
	height:20px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	line-height:20px;
	left:-117px;
	font-size:13px;
	color:#888;
	padding-left:13px;
	cursor:pointer
}
.office-header .btn-back:hover {
	color:#6f6f6f
}
.office-header .btn-back .arrow {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:6px;
	height:11px;
	position:absolute;
	top:50%;
	margin-top:-5.5px;
	left:0;
	background-position:-20px -110px
}
.office-header .logo {
	margin-top:25px;
	margin-bottom:10px;
	width:auto;
	position: absolute;
	left: 2%;
}
.office-header .logo .img {
	width:100%;
	/* height:100% */
}
.office-header .logo .logo-drag-tips {
	position:absolute;
	top:20px;
	left:0;
	display:none;
	width:217px;
	height:90px
}
.office-header .logo .logo-drag-tips-text {
	display:none;
	position:absolute;
	top:57px;
	left:20px;
	font-size:14px;
	color:#0065e0
}
.office-header .logo:hover .logo-drag-tips {
	display:block
}
.office-header .logo:hover .logo-drag-tips-text {
	display:block
}
.office-header .classification-container {
	position:relative;
}

.office-header .classification-container  p{
    font-size:20px;
    color:#FFF;
    margin-left: 200px;
}
.office-header .classification-container  img{
    float:left;
    margin-left: 150px;
    margin-top: 15px;
}


.office-header .classification-container .classification-list {
	z-index:1;
	*zoom:1;
	zoom:1
}
.office-header .classification-container .classification-list .classification-item {
	float:left;
	margin-right: 80px;
	line-height: 130px;
	position:relative;
}
.office-header .classification-container .classification-list .classification-item:hover .secondCategory {
	transition:max-height 2s;
	max-height:1000px
}
.office-header .classification-container .classification-list .classification-item:last-of-type {
	margin-right:0
}
.office-header .classification-container .classification-list .classification-item .classification-link {
	font-size: 24px;
	color: #000000;
	cursor:pointer;
}
.office-header .classification-container .classification-list .classification-item .classification-link:hover {
	color: #0065e0;
}
.office-header .classification-container .classification-list .classification-item.active .classification-link {
	color:#fff
}
.office-header .classification-container .classification-list .classification-item.item-more {
	position:relative
}
.office-header .classification-container .classification-list .classification-item .secondCategory {
	position:absolute;
	left:50%;
	top: 90px;
	background:#F6F8FA;
	opacity:.96;
	border-radius:2px;
	min-width:121px;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	overflow:hidden;
	max-height:0;
	transition:max-height .5s;
}
.office-header .classification-container .classification-list .classification-item .secondCategory ul li {
	height:40px;
	line-height:40px;
	padding:0 32px;
	white-space:nowrap;
	cursor:pointer
}
.office-header .classification-container .classification-list .classification-item .secondCategory ul li:hover a {
	color:#0065e0
}
.office-header .classification-container .classification-list .classification-item .secondCategory ul li a {
	color:#333333;
	font-size:14px
}
.office-header .search-container {
	position:relative;
	margin-right:28px;
	font-size:0;
	width:322px;
	height:38px;
	background:#534f4f;
	border-radius:4px;
	margin:14px 28px 14px 0
}
.office-header .search-container .search-input {
	position:absolute;
	box-sizing:border-box;
	top:0;
	left:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:100%;
	height:38px;
	font-size:14px;
	color:#fff;
	background-color:transparent;
	padding:0 60px 0 20px;
	background-image:none;
	border:none;
	border-radius:0px !important;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:width ease-in-out .15s;
	-o-transition:width ease-in-out .15s;
	transition:width ease-in-out .15s
}
.office-header .search-container .search-input:focus::-webkit-input-placeholder {
	color:transparent
}
.office-header .search-container .search-input:-internal-autofill-selected {
	-webkit-text-fill-color:#FFFFFF !important;
	transition:background-color 5000s ease-in-out 0s !important
}
.office-header .search-container .search-input:-webkit-autofill,.office-header .search-container .search-input:-webkit-autofill:hover,.office-header .search-container .search-input:-webkit-autofill:focus,.office-header .search-container .search-input:-webkit-autofill:active {
	-webkit-transition-delay:99999s;
	-webkit-transition:color 99999s ease-out,background-color 99999s ease-out
}
.office-header .search-container .search-btn {
	position:absolute;
	top:9px;
	right:8px;
	width:20px;
	height:20px;
	cursor:pointer
}
.office-header .search-container .search-btn .search-icon {
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/searchicon.png);
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden
}
.office-header .search-container .clearInput-btn {
	position:absolute;
	top:11px;
	right:40px;
	width:16px;
	height:16px;
	cursor:pointer;
	display:none
}
.office-header .search-container .clearInput-btn .clearInput-icon {
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/clearinputicon.png);
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden
}
.office-header .search-container .clearInput-btn.active {
	display:block
}
.office-header .all-classify-con {
	position:relative;
	margin-left:30px;
	margin-top:26px;
	height:23px;
	line-height:23px;
	cursor:pointer
}
.office-header .all-classify-con:hover .classify-more {
	display:block
}
.office-header .all-classify {
	display:block;
	position:relative;
	padding-left:23px;
	font-size:15px;
	color:#555
}
.office-header .all-classify:hover {
	color:#222
}
.office-header .all-classify .icon-classify {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:16px;
	height:12px;
	position:absolute;
	top:50%;
	margin-top:-6px;
	left:0;
	background-position:-70px -90px
}
.office-header .classify-more {
	padding-top:20px;
	background-color:transparent;
	width:458px;
	position:absolute;
	left:-20px;
	top:23px;
	display:none
}
.office-header .classify-more .classify-inter {
	box-shadow:2px 3.464px 10px 0 rgba(44,21,24,0.13);
	position:relative;
	border:1px solid #eee;
	background-color:#fff;
	border-radius:2px
}
.office-header .classify-more .classify-inter .before,.office-header .classify-more .classify-inter .after {
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	border-width:6px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #f4f4f4 transparent;
	position:absolute;
	left:22px;
	top:-11px;
	z-index:2
}
.office-header .classify-more .classify-inter .after {
	border-bottom-color:#eee;
	top:-12px;
	z-index:1
}
.office-header .classify-more .classify-item {
	line-height:20px;
	overflow:hidden;
	margin-top:1px
}
.office-header .classify-more .classify-item.first {
	margin-top:0
}
.office-header .classify-more .classify-item.first .classify-list {
	border-top-color:#fff
}
.office-header .classify-more .classify-title {
	width:120px;
	float:left;
	*display:inline;
	padding:20px 0 0;
	text-align:center;
	background-color:#f4f4f4;
	margin-right:21px;
	margin-bottom:-999px;
	padding-bottom:1019px;
	overflow:hidden;
	cursor:pointer
}
.office-header .classify-more .classify-title:hover .title-text {
	color:#0065e0
}
.office-header .classify-more .classify-title .title-text {
	font-size:15px;
	color:#222;
	line-height:24px;
	margin-top:5px
}
.office-header .classify-more .icon-category {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:28px;
	height:28px;
	margin:0 auto
}
.office-header .classify-more .icon-category-01 {
	background-position:0 -170px
}
.office-header .classify-more .icon-category-02 {
	background-position:-30px -170px
}
.office-header .classify-more .icon-category-03 {
	background-position:-60px -170px
}
.office-header .classify-more .icon-category-04 {
	background-position:-90px -170px
}
.office-header .classify-more .icon-category-05 {
	display:block;
	overflow:hidden;
	width:28px;
	height:28px;
	margin:0 auto;
	background:url(../images/category-orange.png) center no-repeat
}
.office-header .classify-more .classify-list {
	overflow:hidden;
	width:302px;
	padding:20px 13px 20px 0;
	float:left;
	*display:inline;
	border-top:1px solid #eee
}
.office-header .classify-more .classify-list a {
	float:left;
	*display:inline;
	margin-top:2px;
	margin-right:10px;
	display:block;
	font-size:13px;
	padding:0 5px;
	border-radius:2px;
	color:#666
}
.office-header .classify-more .classify-list a:hover {
	color:#fff;
	background-color:#0065e0
}
.office-header .search-bar {
	width:612px;
	height:41px;
	margin:17px 0 0 25px;
	position:relative
}
.office-header .search-bar .search-input {
	height:25px;
	line-height:25px;
	padding:8px 20px;
	width:437px;
	border:0 none;
	background:none;
	background-color:#f3f2ef;
	border-radius:0;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	vertical-align:top;
	color:#333;
	box-sizing:content-box
}
.office-header .search-bar .placeholder {
	font-size:15px;
	line-height:41px
}
.office-header .search-bar .btn-search {
	display:block;
	text-align:left;
	width:134px;
	height:41px;
	line-height:41px;
	background:#0065e0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	position:absolute;
	text-indent:68px;
	right:0;
	top:0
}
.office-header .search-bar .btn-search:hover {
	color:#fff;
	background:#c61f14
}
.office-header .search-bar .btn-search .icon-search {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:23px;
	height:22px;
	position:absolute;
	top:50%;
	margin-top:-11px;
	left:35px;
	background-position:-90px 0
}
.office-header .user-info {
	padding-right:16px;
	position: absolute;
	color: #000;
	right: 2%;
	top: 0;
}
.office-header .user-info .user-link {
	display:block;
	padding-left:38px;
	position:relative;
	color: #000;
	cursor:pointer;
}
.office-header .user-info .user-link:hover .pic-no-login {
	background: url(../images/icon_lianxi1_1.png) no-repeat;
}
.office-header .user-info .user-link:hover .no-login-text {
	color:#0065e0
}
.office-header .user-info .user-name {
	display:inline-block;
	*display:inline;
	*zoom:1;
	max-width:84px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:top
}
.office-header .user-info .user-pic-vip {
	width:35px;
	height:38px;
	position:absolute;
	top:50%;
	margin-top:-23px;
	left:0;
	background:url(../images/vip-user-bg.png) center no-repeat;
	display:none
}
.office-header .user-info .user-pic {
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	margin-top:-15px;
	left:0;
	border-radius:30px
}
.office-header .user-info .pic-no-login {
	display:block;
	background: url(../images/icon_lianxi1.png) no-repeat;
	width: 50px;
	height: 50px;
	position:absolute;
	top:50%;
	margin-top: -25px;
	left: -25px;
	border-radius:30px;
	overflow:hidden;
}
.office-header .user-info .no-login-text {
	font-size: 24px;
	color: #000;
}
.office-header .user-info:hover .user-more {
	display:block
}
.office-header .user-info:hover .arrow {
	background-position:0 -120px
}
.office-header .user-info .arrow {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:10px;
	height:7px;
	position:absolute;
	top:50%;
	margin-top:-3.5px;
	right:0;
	background-position:0 -110px
}
.office-header .user-info .user-more {
	width:104px;
	min-width:62px;
	position:absolute;
	left:50%;
	top: 91px;
	margin-left:-52px;
	background-color:#fff;
	border:1px solid #e8e8e8;
	border-radius:2px;
	line-height:28px;
	padding:10px 0;
	box-shadow:0 2px 4px 0 rgba(57,0,0,0.09);
	display:none;
}
.office-header .user-info .user-more .before,.office-header .user-info .user-more .after {
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	border-width:6px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #fff transparent;
	position:absolute;
	left:50%;
	margin-left:-6px;
	top:-11px;
	z-index:2
}
.office-header .user-info .user-more .after {
	border-bottom-color:#e8e8e8;
	top:-12px;
	z-index:1
}
.office-header .user-info .user-more a {
	box-sizing:border-box;
	font-size:15px;
	display:block;
	color:#666;
	padding-left:20px;
	height:32px;
	line-height:32px;
	text-align:left
}
.office-header .user-info .user-more a:hover {
	color:#0065e0;
	background-color:#fff1ea
}
.office-crumb {
	margin:14px 0;
	padding:5px 0;
	height:21px;
	line-height:21px;
	font-size:13px;
	color:#999;
	position:relative;
	z-index:15
}
.office-crumb .crumb-link {
	color:#666;
	float:left;
	*display:inline;
	cursor:pointer
}
.office-crumb .crumb-link:hover {
	color:#4d4d4d
}
.office-crumb .crumb-gray {
	color:#999;
	cursor:pointer
}
.office-crumb .arrow-crumb {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:6px;
	height:9px;
	float:left;
	*display:inline;
	background-position:-30px -90px;
	margin:6px 10px
}
.office-crumb .crumb-more-ele {
	float:left;
	*display:inline;
	height:19px;
	line-height:19px;
	position:relative
}
.office-crumb .crumb-more-ele .more-link {
	display:block;
	border:1px dashed #d3d3d3;
	padding:0 16px 0 4px;
	color:#666;
	position:relative;
	z-index:5
}
.office-crumb .crumb-more-ele .more-link:hover {
	color:#4d4d4d
}
.office-crumb .crumb-more-ele .more-arrow {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:9px;
	height:6px;
	position:absolute;
	top:50%;
	margin-top:-3px;
	right:3px;
	background-position:-10px -110px
}
.office-crumb .crumb-more-ele:hover .crumb-more-con {
	display:block
}
.office-crumb .crumb-more-ele:hover .more-link {
	border-style:solid;
	background-color:#fff;
	border-bottom-color:#fff
}
.office-crumb .crumb-more-con {
	background-color:#fff;
	font-size:12px;
	position:absolute;
	border:1px solid #d3d3d3;
	top:20px;
	left:0;
	padding:10px 0;
	width:318px;
	z-index:4;
	overflow:hidden;
	display:none
}
.office-crumb .crumb-more-con ul {
	margin-left:-1px
}
.office-crumb .crumb-more-con ul li {
	display:inline-block;
	*zoom:1;
	max-width:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:85px;
	float:left;
	*display:inline;
	padding:0 10px;
	line-height:30px;
	border-left:1px solid #f3f3f3
}
.office-crumb .crumb-more-con ul li a:hover {
	border-bottom:2px solid #0065e0;
	color:#0065e0
}
.condition-container {
	position:relative;
	padding:30px 0 26px 0;
	border:none;
	background-color:#fff;
	border-radius:2px;
	overflow:hidden
}
.condition-container.top-margin {
	margin-top:20px
}
.condition-container.left-padd {
	padding-left:20px
}
.condition-container .cond-wrap {
	position:relative;
	line-height:24px;
	margin-top:5px;
	zoom:1
}
.condition-container .cond-wrap:after {
	content:"";
	display:table;
	clear:both
}
.condition-container .search-recommend-box {
	width:100%;
	margin-bottom:10px
}
.condition-container .search-recommend-box .search-recommend-list {
	margin:0;
	padding:0 10px
}
.condition-container .search-recommend-box .search-recommend-list .listItem {
	display:inline-block;
	margin-right:20px;
	margin-bottom:8px
}
.condition-container .search-recommend-box .search-recommend-list .listItem a {
	display:block;
	box-sizing:border-box;
	padding:5px 7px;
	font-size:14px;
	color:#333333;
	cursor:pointer
}
.condition-container .search-recommend-box .search-recommend-list .listItem a:hover {
	background:#ffebea;
	border-radius:2px;
	color:#0065e0
}
.condition-container .search-recommend-box .search-recommend-list .listItem.active a {
	background:#ffebea;
	border-radius:2px;
	color:#0065e0
}
.condition-container .cond-title {
	float:left;
	color:#888;
	height:24px;
	text-align:right;
	line-height:24px;
	padding-top:5px;
	padding-left:10px
}
.condition-container .cond-list {
	position:relative;
	font-size:0;
	overflow:hidden
}
.condition-container .cond-list-item {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	font-size:14px;
	color:#333;
	padding:0 6px;
	border-radius:2px;
	margin:5px 8px;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer
}
.condition-container .cond-list-item:hover {
	color:#0065e0
}
.condition-container .cond-list-item.active {
	font-weight:bold;
	color:#0065e0;
	background-color:#ffebea
}
.office-page-paging {
	line-height:36px;
	height:36px;
	text-align:center
}
.office-page-paging .btn-page-long,.office-page-paging .btn-page,.office-page-paging .page-point,.office-page-paging .page-ele {
	width:34px;
	height:34px;
	font-size:14px;
	color:#555;
	cursor:pointer;
	background-color:#fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	border:1px solid #e6e6e6;
	margin:0 3px
}
.office-page-paging .btn-page-long:hover,.office-page-paging .btn-page:hover,.office-page-paging .page-point:hover,.office-page-paging .page-ele:hover {
	border-color:#0065e0;
	color:#0065e0
}
.office-page-paging .btn-page-long.active,.office-page-paging .btn-page.active,.office-page-paging .page-point.active,.office-page-paging .page-ele.active {
	background-color:#0065e0;
	border-color:#0065e0;
	color:#fff
}
.office-page-paging .page-point {
	cursor:default
}
.office-page-paging .page-point:hover {
	border-color:#e6e6e6;
	color:#555
}
.office-page-paging .btn-page {
	width:68px;
	padding:0
}
.office-page-paging .btn-page-long {
	width:82px;
	padding:0
}
.footer-agreement {
	background-color:#181010;
	padding:30px 0 23px;
	border-top:1px solid #e1e1e1
}
.footer-agreement .footer {
	position:relative
}
.footer-agreement .footer-content {
	padding:0
}
.footer-agreement .footer-service {
	height:45px;
	line-height:45px;
	font-size:17px;
	overflow:hidden;
	color:#666
}
.footer-agreement .service-group {
	float:left;
	*display:inline;
	margin-right:41px;
	padding-left:38px;
	position:relative;
	cursor:default;
	user-select:none
}
.footer-agreement .icon-service {
	display:block;
	overflow:hidden;
	background:url(../images/icon_service.png) no-repeat;
	width:31px;
	height:31px;
	position:absolute;
	left:0;
	top:7px
}
.footer-agreement .icon-01 {
	background-position:0 0
}
.footer-agreement .icon-02 {
	background-position:-40px 0
}
.footer-agreement .icon-03 {
	background-position:-80px 0
}
.footer-agreement .icon-04 {
	background-position:-120px 0
}
.footer-agreement .footer-top-wrap .slogan {
	font-size:15px;
	font-weight:400;
	color:#FFFFFF;
	height:29px;
	line-height:29px
}
.footer-agreement .footer-top-wrap .slogan+.slogan {
	margin-left:57px
}
.footer-agreement .footer-top-wrap .slogan-icon {
	display:inline-block;
	vertical-align:top;
	width:29px;
	height:29px;
	margin-right:7px
}
.footer-agreement .footer-bottom-wrap {
	overflow:hidden;
	position:relative;
	z-index:1;
	*zoom:1;
	zoom:1
}
.footer-agreement .footer-logo {
	width:226px;
	height:86px;
	margin-top:34px
}
.footer-agreement .footer-info {
	overflow:hidden;
	position:relative;
	margin-top:20px;
	
}
.footer-agreement .footer-info .footer-info-content {
	font-size:13px;
	color:#e4e4e4;
	line-height:19px
}
.footer-agreement .footer-info .footer-info-content .info-content-item {
	visibility:visible;
	overflow:hidden;
	text-align:left;
	line-height: 26px;
}
.footer-agreement .footer-info .footer-info-content .info-content-item .info-content-label {
	display:inline-block;
	margin-bottom:0
}
.footer-agreement .footer-info .footer-info-btn {
	text-align:left;
	visibility:visible;
	margin-top:29px;
	margin-bottom:29px;
	margin-left:4px
}
.footer-agreement .footer-info .footer-info-btn .btn-link {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	color:#e4e4e4;
	width:100px;
	height:30px;
	line-height:30px;
	background:#0065e0;
	border-radius:15px
}
.footer-agreement .footer-info-txt {
	height:18px;
	line-height:18px;
	font-size:12px;
	color:#888
}
.footer-agreement .footer-info-border {
	position:absolute;
	top:12px;
	left:0;
	bottom:10px;
	width:1px;
	background-color:#ededed
}
.footer-agreement .footer-nav {
	overflow:hidden;
	height:21px;
	line-height:21px
}
.footer-agreement .footer-nav a {
	font-size:12px;
	color:#e4e4e4;
	float:left;
	margin:0
}
.footer-agreement .footer-nav a:hover {
	color:#d2d2d2
}
.footer-agreement .footer-nav .line {
	width:0;
	height:12px;
	display:block;
	float:left;
	margin:4px 10px
}
.footer-agreement .copy-txt {
	color:#e4e4e4;
	font-size:12px;
	height:16px;
	line-height:16px
}
.footer-agreement .footer-border {
	width:1px;
	height:140px;
	background-color:#ededed;
	position:absolute;
	left:770px;
	top:0;
	bottom:0;
	margin:auto 0
}
.footer-agreement .footer-divider {
	width:1px;
	height:100px;
	float:left;
	background:#dadada;
	margin-top:27px;
	opacity:.1;
	filter:alpha(opacity=10);
	zoom:1
}
.footer-agreement .footer-divider.first-divider {
	margin-left:40px;
	margin-right:40px
}
.footer-agreement .footer-divider.second-divider {
	margin-left:256px;
	margin-right:100px
}
.footer-agreement .footer-code-wrap {
	font-size:13px;
	color:#f4f4f4;
	line-height:17px;
	text-align:center;
	margin:10px auto 0
}
.footer-agreement .footer-code-wrap .code-pic {
	width:90px;
	height:90px;
	margin:0 auto 9px
}
.footer-agreement .i-jingping-29,.footer-agreement .i-xiazai-29,.footer-agreement .i-fuwu-29,.footer-agreement .i-jiyong-29 {
	background-image:url(../images/slogan-icon-29.png)
}
.footer-agreement .i-jingping-29 {
	background-position:0 0
}
.footer-agreement .i-xiazai-29 {
	background-position:-30px 0
}
.footer-agreement .i-fuwu-29 {
	background-position:-61px 0
}
.footer-agreement .i-jiyong-29 {
	background-position:-92px 0
}
.office-list {
	margin-top:-20px;
	margin-left:-30px;
	*position:relative;
	*zoom:1
}
.office-list li {
	padding:10px 8px 0;
	width:292px;
	float:left;
	*
	display:inline;
	background-color:#fff;
	margin-top:20px;
	/* margin-left:30px; */
	border-radius:2px;
	box-shadow:0 4px 7px 0 rgba(57,0,0,0.09);
	position:relative;
	cursor:pointer;
}
.office-list li .office-collect-info {
	top:50%;
	margin-top:-25px
}
.office-list li .icon-recommend {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:82px;
	height:29px;
	line-height:29px;
	position:absolute;
	top:-4px;
	left:16px;
	z-index:15;
	background-position:-120px 0;
	color:#fff;
	text-indent:7px;
	font-size:14px;
	font-style:normal
}
.office-list li .data-pic {
	width: 280px;
	height:384px;
	overflow:hidden;
	position:relative;
	*
	zoom:1;
	margin-top:-6px;
	margin-left:-4px;
	margin-right:-4px;
}
.office-list li .data-pic img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: 0;
	width: 280px;
	height:407px;
}
.office-list li .data-pic:hover .data-pic-more,.office-list li .data-pic:hover .btn-container {
	display:block
}
.office-list li .data-pic-more {
	width: 100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.office-list li .data-pic-more .btn-pic-xx {
	width:34px;
	height:34px;
	border-radius:34px;
	position:absolute;
	top:26px;
	right:18px;
	display:block;
	overflow:hidden;
	z-index:5;
	cursor:pointer
}
.office-list li .data-pic-more .btn-pic-xx .icon-xx {
	display:block;
	overflow:hidden;
	background:url(../images/icon_office.png) no-repeat;
	width:22px;
	height:22px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-11px;
	margin-left:-11px;
	background-position:-209px -199px;
	z-index:4
}
.office-list li .data-pic-more .btn-pic-xx-ok .icon-xx {
	background-position:-239px -199px
}
.office-list li .data-pic-more .mask-xx {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	background-color:#fff;
	opacity:.95;
	filter:alpha(opacity=95)
}
.office-list li .btn-data-download {
	display:block;
	text-align:center;
	width:180px;
	height:54px;
	line-height:54px;
	background:#0065e0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	background:linear-gradient(135deg,#0065e0,#0065e0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0065e0,endColorstr=#0065e0);
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-27px;
	margin-left:-90px;
	bottom:66px;
	z-index:5;
	border-radius:27px
}
.office-list li .btn-data-download:hover {
	color:#fff;
	background:#c61f14
}
.office-list li .btn-data-download .download-icon {
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:18px;
	background:url(../images/download_icon.png) center no-repeat;
	margin-top:17px;
	margin-right:8px
}
.office-list li .btn-container {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	display:none;
	width:180px;
	height:54px;
	margin:auto
}
.office-list li .btn-container.two-btn {
	height:122px
}
.office-list li .btn-download-v2 {
	display:block;
	text-align:center;
	width:180px;
	height:54px;
	background:#0065e0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	line-height:54px;
	background:linear-gradient(135deg,#0065e0,#0065e0);
	border-radius:27px
}
.office-list li .btn-download-v2:hover {
	color:#fff;
	background:#c61f14
}
.office-list li .btn-download-v2+.btn-download-v2 {
	margin-top:14px
}
.office-list li .btn-download-v2.nobg {
	height:52px;
	line-height:52px;
	color: #E62417;
	background:#fff;
	border: 1px solid #E62417;
}
.office-list li .btn-download-v2.nobg:hover {
	color:#c61f14;
	border-color:#c61f14
}
.office-list li .btn-download-v2 .download-icon {
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:18px;
	background-image:url(../images/download_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:18px;
	margin-right:8px
}
.office-list li .btn-download-v2 .icon-download-red {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	background:url(../images/down-red.png) no-repeat;
	width:16px;
	height:18px;
	margin-top:17px;
	margin-right:5px
}
.office-list li .btn-download-v2 .icon-edit {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	background:url(../images/edit-write.png) no-repeat;
	width:16px;
	height:18px;
	margin-top:17px;
	margin-right:5px
}
.office-list li .pic-mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-color:#000;
	opacity:.35;
	filter:alpha(opacity=35)
}
.office-list li .data-text-con {
	padding:0 20px 12px
}
.office-list li .data-name {
	height:50px;
	line-height:50px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size: 14px;
	color:#333;
}
.office-list li .data-name:hover {
	color: #0065e0;
}
.office-list li .op-bar {
	height:40px;
	line-height:40px;
	position:relative;
	border-top:1px solid #f0f0f0
}
.office-list li .price-text {
	color:#0065e0
}
.office-list li .op-con {
	position:absolute;
	left:0;
	top:0
}
.office-list li .btn-op {
	float:left;
	*display:inline;
	display:block;
	padding-left:12px;
	position:relative;
	font-size:18px;
	color:#0065e0;
	cursor:pointer
}
.office-list li .btn-op .icon-op {
	position:absolute;
	font-size:12px;
	left:4px;
	top:2px
}
.office-list li .btn-op .vip-free-bage {
	display:inline-block;
	height:22px;
	background:#FF7607;
	border-radius:4px 4px 4px 0px;
	font-size:13px;
	color:#fff;
	line-height:22px;
	padding:0 8px 0 6px;
	vertical-align:text-top;
	margin-left:2px
}
.office-list li .btn-goods {
	margin-left:10px
}
.office-list li .btn-goods-ok {
	color:#0065e0
}
.office-list li .btn-goods-ok .icon-op {
	background-position:-50px -40px
}
.office-list li .btn-goods-ok:hover .icon-op {
	background-position:-50px -40px
}
.office-list li .btn-xx {
	margin-left:15px
}
.office-list li .btn-xx .icon-op {
	background-position:-70px 0
}
.office-list li .btn-xx:hover .icon-op {
	background-position:-70px -20px
}
.office-list li .btn-xx-ok {
	color:#0065e0
}
.office-list li .btn-xx-ok .icon-op {
	background-position:-70px -40px
}
.office-list li .btn-xx-ok:hover .icon-op {
	background-position:-70px -40px
}
.office-list-none {
	background:#fff;
	border:none;
	text-align:center;
	padding:80px 0 100px;
	line-height:28px;
	font-size:16px;
	color:#444;
	margin-top:12px
}
.office-list-none .none-img {
	margin:0 auto 11px
}
.office-list-none .none-img img {
	display:block;
	margin:0 auto
}
.office-list-none .none-text {
	font-size:16px;
	color:#404040;
	line-height:16px
}
.office-list-none .none-text .link {
	color:#0065e0;
	cursor:pointer
}
.office-list-none .none-text2 {
	font-size:12px;
	color:#999;
	line-height:12px
}
.office-list-none .none-text2 .link {
	color:#666;
	text-decoration:underline;
	cursor:pointer
}
.office-list-none .none-text2 .link:hover {
	color:#0065e0
}
.office-list-none .none-btn {
	display:block;
	text-align:center;
	width:136px;
	height:40px;
	line-height:40px;
	background:#0065e0;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	border:none;
	border-radius:20px;
	margin:29px auto 15px
}
.office-list-none .none-btn:hover {
	color:#fff;
	background:#c61f14
}
.office-classify-item {
	padding: 30px 0 60px;
	background-color:#fff;
	margin-top:0;
	white-space:nowrap;
}
.office-classify-item.item-divider {
	position:relative
}
.office-classify-item.item-divider .docType-box {
	position:absolute;
	box-sizing:border-box;
	cursor:pointer;
	padding-right:17px;
	top:30px;
	right:64px;
	height:40px
}
.office-classify-item.item-divider .docType-box.is-all .docType-text.active {
	color:#666666
}
.office-classify-item.item-divider .docType-box .docType-text {
	position:relative;
	display:inline-block;
	height:28px;
	line-height:28px;
	font-size:16px;
	color:#666666
}
.office-classify-item.item-divider .docType-box .docType-text.active {
	color:#333333
}
.office-classify-item.item-divider .docType-box::after {
	content:'';
	display:block;
	position:absolute;
	width:11px;
	height:6px;
	background:url(../images/downicon.png) no-repeat center center;
	background-size:cover;
	top:11px;
	right:0
}
.office-classify-item.item-divider .docType-box:hover .cond-wrap {
	display:block
}
.office-classify-item.item-divider .docType-box:hover::after {
	background:url(../images/upicon.png) no-repeat center center;
	background-size:cover
}
.office-classify-item.item-divider .docType-box .cond-wrap {
	display:none;
	position:absolute;
	top:34px;
	left:50%;
	width:100px;
	box-shadow:0 3px 10px 0 rgba(37,37,37,0.14);
	border-radius:4px;
	background:#FFF;
	z-index:100;
	margin-left:-50px;
	transition:display .5s
}
.office-classify-item.item-divider .docType-box .cond-wrap .cond-list {
	width:100%;
	margin:0;
	padding:0
}
.office-classify-item.item-divider .docType-box .cond-wrap .cond-list .cond-list-item {
	width:100%;
	height:34px;
	line-height:34px;
	font-size:14px;
	color:#666666;
	cursor:pointer;
	text-align:center
}
.office-classify-item.item-divider .docType-box .cond-wrap .cond-list .cond-list-item:hover {
	background-color:#FFF3F2
}
.office-classify-item.item-divider::before {
	/* content:""; */
	display:inline-block;
	margin-left:29px;
	margin-right:29px;
	width:calc(100% - 58px);
	height:1px;
	position:absolute;
	left:0;
	top:0;
	background-color:#ececec;
}
.office-classify-item.agreement-list {
	margin-top:18px;
	padding:0;
	background-color:initial
}
.office-classify-item.agreement-list .office-list {
	margin-top:-7px;
	margin-left:-24px
}
.office-classify-item.agreement-list .office-list li {
	width:274px;
	margin-left:24px;
	padding:4px 4px 0
}
.office-classify-item.agreement-list .office-list li .data-pic {
	width:273px;
	height:370px;
	margin:0
}
.office-classify-item.agreement-list .office-list li .data-pic img {
	width:273px;
	height:370px
}
.office-classify-item .office-list-nav {
	text-align:left
}
.office-classify-item .office-list {
	margin-top:-7px;
	margin-left: 0;
}
.office-classify-item .office-list li {
	width:292px;
	margin-left: 16px;
	padding:4px 4px 0;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.office-classify-item .office-list li.categoryList {
	width: 280px;
	margin-bottom: 30px;
}
.office-classify-item .office-list li.categoryList .data-pic {
	margin-top:0;
	margin-left:0;
	margin-right:0
}
.office-classify-item .office-list li .data-text-con {
	padding-bottom:0
}
.office-classify-item .office-list li .data-pic {
	height:407px
}
.office-classify-item .office-list li .data-pic.searchImg {
	width:292px;
	height:376px;
	margin-top:0;
	margin-left:0;
	margin-right:0
}
.office-classify-item .office-list li .data-pic.searchImg img {
	width:292px;
	height:376px
}
.office-classify-item .office-list li .btn-pic-op {
	width:31px;
	height:31px;
	border-radius:31px;
	position:absolute;
	bottom:14px;
	display:block;
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	overflow:hidden;
	cursor:pointer;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.office-classify-item .office-list li .btn-pic-op .bg-mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	right:0;
	background-color:#000;
	opacity:.75;
	filter:alpha(opacity=75);
	z-index:1
}
.office-classify-item .office-list li .btn-pic-op .icon-pic-op {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2
}
.office-classify-item .office-list li .btn-pic-op .icon-pic-op img {
	display:block;
	width:100%;
	height:100%
}
.office-classify-item .office-list li .btn-pic-op:hover .bg-mask {
	opacity:.85;
	filter:alpha(opacity=85)
}
.office-classify-item .office-list li .btn-pic-collect {
	left:20px
}
.office-classify-item .office-list li .btn-pic-collect-ok .bg-mask {
	background-color:#0065e0;
	opacity:1;
	filter:alpha(opacity=100)
}
.office-classify-item .office-list li .btn-pic-collect-ok:hover .bg-mask {
	opacity:1;
	filter:alpha(opacity=100)
}
.office-classify-item .office-list li .btn-pic-cart {
	right:20px
}
.office-classify-item .office-list li .btn-pic-download {
	right:20px
}
.office-classify-item .office-list li .op-con {
	height:52px;
	line-height:52px;
	position:relative
}
.office-classify-item .office-list li .btn-goods {
	margin-left:0;
	float:left
}
.office-classify-item .office-list li .btn-xx {
	float:right;
	margin-left:0
}
.office-classify-item .office-list li .ppt-pic-wrap {
	height:387px;
	position:relative;
	background-color:#f7f7f7
}
.office-classify-item .office-list li .ppt-pic-wrap img {
	top:0;
	margin:0;
	bottom:auto;
	left:0;
	right:auto;
	width:100%
}
.office-classify-item .office-list li .excel-pic-wrap {
	padding-top:25px;
	background-color:#f7f7f7;
	position:relative
}
.office-classify-item .office-list li .excel-pic-wrap .excel-title {
	height:26px;
	line-height:26px;
	padding:0 24px 0 58px;
	font-size:16px;
	color:#1e7e4c;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.office-classify-item .office-list li .excel-pic-wrap .icon-excel {
	display:block;
	overflow:hidden;
	background:url(../images/icon_pic_data.png) no-repeat;
	width:25px;
	height:26px;
	position:absolute;
	left:24px;
	top:0;
	background-position:0 0
}
.office-classify-item .office-list li .excel-pic-wrap .excel-pic-con {
	height:336px;
	overflow:hidden;
	position:relative
}
.office-classify-item .office-list li .excel-pic-wrap .excel-pic-con img {
	max-width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto
}
.office-classify-item .office-list li:hover {
	z-index:10;
	-moz-transform:scale(1.06);
	-webkit-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06);
	box-shadow:0 8px 16px 5px rgba(63,64,69,0.24)
}
.office-classify-item .office-list li:hover .btn-pic-op {
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100)
}
.office-collect-info {
	width:170px;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#fff;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-85px;
	z-index:50;
	overflow:hidden;
	border-radius:5px;
	display:none
}
.office-collect-info .bg-mask {
	background-color:#000;
	width:100%;
	height:100%;
	opacity:.7;
	filter:alpha(opacity=70);
	position:absolute;
	left:0;
	top:0
}
.office-collect-info p {
	position:relative;
	z-index:5
}
.list-common-container {
	text-align:center;
	margin:-12px;
	color:#333
}
.list-common-container .ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.list-common-container .list-item {
	position:relative;
	float:left;
	width:280px;
	background-color:#fff;
	box-shadow:0 0 7px 0 rgba(42,0,1,0.09);
	margin:12px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	cursor:pointer
}
.list-common-container .list-item:hover .list-item-shadow {
	display:block
}
.list-common-container .list-item-wrap {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden
}
.list-common-container .list-item-wrap:hover {
	color:#333
}
.list-common-container .list-item-img {
	position:relative;
	width:273px;
	height:200px;
	margin:4px 4px 0 3px
}
.list-common-container .list-item-img img {
	width:100%;
	height:100%
}
.list-common-container .list-item-title {
	height:17px;
	padding:16px 20px;
	padding-right: 70px;
	text-align: left;
	position: relative;
}
.list-common-container .list-item-title:hover {
	color: #0065e0;
}
.list-common-container .list-item-shadow {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	background:rgba(0,0,0,0.3)
}
.list-common-container .list-item-btns {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:180px;
	height:54px;
	margin:auto
}
.list-common-container .list-item-btn {
	display:block;
	font-size:18px;
	color:#fff;
	width:180px;
	height:54px;
	text-align:center;
	line-height:54px;
	background-color: #E62417;
	border: 1px solid #E62417;
	-webkit-border-radius:27px;
	-moz-border-radius:27px;
	-o-border-radius:27px;
	-ms-border-radius:27px;
	border-radius:27px;
	cursor:pointer;
}
.list-common-container .list-item-btn+.list-item-btn {
	margin-top:20px
}
.list-common-container .list-item-btn.no-bg {
	color: #E62417;
	background-color:#fff;
}
.screen-body {
	padding-top:0
}
.m-home .home-header {
	position: relative;
}
.m-home .home-header .office-header {
	position: relative;
	top:0;
	left:0;
	background-color: #fff;
	box-shadow:none;
}
.m-home .home-header .office-header .search-container {
	display:none
}
.m-home .home-header .header-content {
	position:relative;
	height: 130px;
}
.m-home .home-header .title {
	font-size:38px;
	font-weight:500;
	color:#fff;
	text-align:center;
	margin-top:32px
}
.m-home .home-header .search-container {
	text-align:center;
	margin-top: 12%;
	padding-right: 15%;
}
.m-home .home-main {
	position:relative;
	width:1200px;
	background-color:#f2f2f2;
	border:1px solid #eee;
	margin:0 auto
}
.m-home .home-main.center {
	text-align:center;
	background-color:transparent;
	border:none
}
.m-home .home-main .left-side {
	float:left;
	width:630px;
	height:480px;
	background:url(../images/main-left-bg.png) center no-repeat;
	background-size:cover
}
.m-home .home-main .recom-list {
	position:absolute;
	top:76px;
	right:70px
}
.m-home .home-main .recom-list .recom-item {
	float:left;
	width:330px;
	height:330px;
	background-color:#fff;
	box-shadow:0 5px 8px 0 rgba(0,0,0,0.1);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	overflow:hidden
}
.m-home .home-main .recom-list .recom-item:hover {
	-webkit-transform:scale(1.01);
	transform:scale(1.01);
	box-shadow:0 5px 8px 0 rgba(0,0,0,0.22)
}
.m-home .home-main .recom-list .recom-item+.recom-item {
	margin-left:40px
}
.m-home .home-main .recom-list .recom-item .ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.m-home .home-main .recom-list .recom-item .icon {
	width:60px;
	height:60px;
	margin:42px auto 0
}
.m-home .home-main .recom-list .recom-item .title {
	font-size:24px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding:0 5px;
	margin-top:18px
}
.m-home .home-main .recom-list .recom-item .line {
	width:40px;
	height:5px;
	background-color:#0065e0;
	margin:13px auto 0
}
.m-home .home-main .recom-list .recom-item .line.blue {
	background-color:#4c8de6
}
.m-home .home-main .recom-list .recom-item .subtitle {
	font-size:14px;
	color:#666;
	text-align:center;
	padding:0 5px;
	margin-top:30px
}
.m-home .home-main .recom-list .recom-item .connect-btn {
	font-size:14px;
	color:#fff;
	display:block;
	width:210px;
	height:40px;
	text-align:center;
	line-height:40px;
	background-color:#0065e0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	margin:30px auto 0;
	cursor:pointer
}
.m-home .home-main .recom-list .recom-item .connect-btn:hover {
	background-color:#c61f14
}
.m-home .home-main .recom-list .recom-item .connect-btn.blue {
	background-color:#4c8de6
}
.m-home .home-main .recom-list .recom-item .connect-btn.blue:hover {
	background-color:#2d79e2
}
.m-home .home-main .recom-list-1 {
	display:inline-block;
	vertical-align:top;
	margin:10px -5px 15px;
	width:1200px
}
.m-home .home-main .recom-list-1 .list-item {
	width:290px;
	height:140px;
	margin:10px 5px;
	border-radius:4px;
	overflow:hidden
}
.m-home .home-main .recom-list-1 a {
	display:block;
	width:100%;
	height:100%
}
.m-home .home-main .recom-list-1 img {
	width:100%;
	height:100%
}
.m-home .home-main .recom-list-2 {
	display:inline-block;
	vertical-align:top;
	width:1200px
}
.m-home .home-main .recom-list-2 .list-title {
	font-size: 24px;
	font-weight: bold;
	color:#222222;
	text-align:left;
	margin-bottom: 16px;
	margin-top: 20px;
}
.m-home .bom-banner-list {
	width:100%;
	text-align:center;
	margin-top:50px
}
.m-home .bom-banner-list .list-item {
	display:inline-block;
	vertical-align:top
}
.m-home .bom-banner-list img {
	width:442px;
	height:170px;
	border:none
}
.m-home .search-util {
	display:inline-block;
	vertical-align:top
}
.m-home .search-util .input-content {
	position:relative;
	overflow:hidden
}
.m-home .search-util .input-content .input-inner {
	float:left;
	font-size:18px;
	color:#333;
	width: 510px;
	height:48px;
	line-height:48px;
	padding:6px 46px 6px 30px;
	background-color:#EFEEEB;
	border:1px solid #EAEAEA;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-o-box-sizing:content-box;
	-ms-box-sizing:content-box;
	box-sizing:content-box;
}
.m-home .search-util .input-content .input-inner:focus::-webkit-input-placeholder {
	color:transparent
}
.m-home .search-util .input-content .input-inner:-internal-autofill-selected {
	transition:background-color 5000s ease-in-out 0s !important
}
.m-home .search-util .input-content .input-inner:-webkit-autofill,.m-home .search-util .input-content .input-inner:-webkit-autofill:hover,.m-home .search-util .input-content .input-inner:-webkit-autofill:focus,.m-home .search-util .input-content .input-inner:-webkit-autofill:active {
	-webkit-transition-delay:99999s;
	-webkit-transition:color 99999s ease-out,background-color 99999s ease-out
}
.m-home .search-util .input-content .button-inner {
	position:relative;
	float:left;
	font-size:18px;
	color:#fff;
	width:134px;
	line-height:24px;
	padding:19px 0;
	text-align:center;
	background-color: #2c85d3;
	border:none;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-o-border-radius:0 4px 4px 0;
	-ms-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	margin-left:-6px;
	cursor:pointer;
	background-image: url(../images/search1.png);
	background-size: 33%;
	background-repeat: no-repeat;
	background-position: 10% center;
	padding-left: 4%;
}
.m-home .search-util .input-content .button-inner .search-icon {
	display:inline-block;
	vertical-align:top;
	width:24px;
	height:24px;
	background:url(../images/search_btn_icon.png) center no-repeat;
	margin-right:5px
}
.m-home .search-util .input-content .input-clear-btn {
	position:absolute;
	width:16px;
	height:16px;
	top:21px;
	right:154px;
	cursor:pointer;
	display:none
}
.m-home .search-util .input-content .input-clear-btn .clear-btn-icon {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/clearinputicon.png) no-repeat center center;
	background-size:cover
}
.m-home .search-util .input-content .input-clear-btn.active {
	display:block
}
.m-home .search-util .relate-content {
	padding-left:30px;
	margin-top:10px;
	overflow:hidden
}
.m-home .search-util .relate-content .relate-item {
	float:left;
	font-size:14px;
	color:#ccc;
	line-height:14px;
	cursor:pointer
}
.m-home .search-util .relate-content .relate-item+.relate-item {
	margin-left:20px
}
.m-home .search-util .relate-content .relate-item:hover {
	color:#fff
}
.m-home .i-law-60 {
	background:url(../images/law.png) center no-repeat
}
.m-home .i-contract-60 {
	background:url(../images/contract.png) center no-repeat
}
@media screen and (min-width:1600px) {
	.m-home .home-main {
	width: 1200px;
	margin-top: 30px;
}
.pw {
}
}
.heton_price {
    right: 10px;
    position: absolute;

    font-weight: bold;
    color: #0065e0;
}
.form_zdxy {
    width: 420px;
    background: #eeeeee;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    position: absolute;
    right: 7%;
    bottom: 13%;
}

.form_zdxy .h1_zdxy {
    font-size: 38px;
}

input.zdxy_input1 {
    width: 80%;
    display: block;
    margin: 15px auto;
    border: none;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 35px;
    border-radius: 12px;
    /* background-image: url(../images/form_more1.png); */
    background-repeat: no-repeat;
    background-position: 92% center;
    font-size: 24px;
}
input.zdxy_input1::-webkit-input-placeholder { /* WebKit browsers */
  color: #666666;
  font-size: 24px;
}

input.zdxy_input1::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #666666;
  font-size: 24px;
}

input.zdxy_input1:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #666666;
  font-size: 24px;
}   
input.zdxy_btn {
    width: 80%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    background: #fff;
    border: none;
    background: linear-gradient(#70aad7,#0b6eba, #2980c3);
    color: #fff;
    border-radius: 20px;
    margin-bottom: 15px;
}
.img_banner_bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9;
}
.h1_zdxy.font32 {
	font-size: 32px;
}
.img_banner {
    position: relative;
   
}
@media screen and (max-width: 1700px) {
	.office-header .classification-container .classification-list .classification-item .classification-link {
	    font-size: 20px;
	}
.office-header .classification-container .classification-list {
    margin-left: 170px;
}
	
	.office-header .classification-container .classification-list .classification-item .classification-link {
	    font-size: 18px;
	}
	
	.office-header .classification-container .classification-list .classification-item {
	    margin-right: 50px;
	}
	
	.office-header .logo {
	    width: 180px;
	    margin-top: 25px;
	}
	

	
	.office-header .user-info .no-login-text {
	    font-size: 20px;
	}
	
	.m-home .search-util .input-content .input-inner {
	    width: 340px;
	}
	
	.m-home .home-header .search-container {
	    padding-right: 30%;
	}
	
	.form_zdxy {
	    width: 360px;
	    bottom: 8%;
	}
	
	input.zdxy_input1 {height: 40px;margin-bottom: 20px;}
	
	.form_zdxy .h1_zdxy {
	    font-size: 32px;
	}
	
	.form_zdxy .h1_zdxy {
	}
	
	input.zdxy_btn {
	    font-size: 22px;
	    height: 40px;
	    line-height: 40px;
	}
	.h1_zdxy.font32 {
		font-size: 22px;
	}
	.office-header .user-info {
	    right: 8%;
	}
}
.list-title a.more1 {
    float: right;
    font-size: 18px;
    font-weight: normal;
    line-height: 2;
    color: #000;
}
.list-title a.more1 img {
    display: inline-block;
    float: right;
    margin-top: 12px;
    margin-left: 5px;
    width: 20px;
}
.Footallbox .FootTopbox .FootTleft h2 p {
    color: #fefefe;
    font-size: 16px;
    line-height: 2;
}
.index_5sec{
	border: 1px solid #a0a0a0;
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}

.index_5seclogo {position: absolute;background: #fff;top: -50px;left: 20px;}

.index_5sec_1 {
    margin: 30px;
    margin-top: 90px;
    margin-left: 0;
}
.index_5secleft {
    float: left;
    width: 33.3%;
}
.index_5sec_h2 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    text-align: left;
    padding-left: 10%;
    margin-bottom: 30px;
    white-space: nowrap;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.secleft_33 {margin-top: 100px;margin-left: 50px;}
.list-title {
    font-size: 30px;
    font-weight: bold;
    color: #222222;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 20px;
}
.index_5secright {float: right;width: 23%;margin-top: 40px;}
.index_5secright .list-title a.more1 {float: none;}

.index_5secright .list-title a.more1 img {
    float: none;
}
.img_banner.office_banner {
    background: url(../images/office_banner.png);
    background-repeat: no-repeat;
}
.office-classify-item .office-list li.categoryList:nth-child(4n+1),.office-classify-item .office-list li.categoryList:nth-child(1) {
    margin-left: 0;
}
.m-home .home-header .office_banner .search-container {
    margin-top: 4%;
    padding: 0;
}
.m-home .img_banner.office_banner .search-util  .input-content .button-inner {
    /* background: #515151; */
}

.J_right_rebang {
    background: #fff;
    padding: 1%;
    padding-bottom: 30px;
}
.J_right_rebang .index_5secright {
    width: 100%;
    float: none;
    margin-top: 0;
}
.J_right_rebang .index_5secright .list-title {
    text-align: center;
}
.J_right_rebang .index_5secright img {
    margin: 0 auto;
}


.J_right_adv {
    padding: 1%;
    background: #fff;
    margin: 15px 0;
}

.J_right_adv .list-title {
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
}

.J_right_adv img {
    margin: 0 auto;
}
.hot_imgicon {
    display: inline-block;
    vertical-align: middle;
}

.swiper-container{
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 默认是44px */
  }
.m-home .home-header .header-content.header-fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}  
  
.word_search {}

.word_search li {
    text-align: left;
    line-height: 1.8;
    font-size: 17px;
}

.word_search li span {
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    color: #747373;
}

.word_search li a {
    color: #000;
    display: inline-block;
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.word_search li:nth-child(1) span {
    color: #f12346;
}
.word_search li:nth-child(2) span {
    color: #e54700;
}
.word_search li:nth-child(3) span {
    color: #f89d10;
}
.m-home .home-main .recom-list-2 .index_5secright .list-title {
    margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
.word_search li {
    text-align: left;
    line-height: 1.9;
    font-size: 16px;
}
}
@media screen and (max-width: 1000px) {
.word_search li {
    text-align: left;
    line-height: 1.7;
    font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.word_search {
    padding-left: 3%;
}
.m-home .home-main .recom-list-2 .index_5secright .list-title{
    text-align: left;
    margin-bottom: 10px;
}
.word_search li {
    text-align: left;
    line-height: 1.8;
    font-size: 17px;
}
}
.word_search li a:hover {
    color: #0065e0;
}
.fixed-right-full .op-menu-ele:hover a {
    color: #fff;
}
.office-detail-main .office-article-container .detail-content-box.has-bg .img-png {
}

.office-detail-main .office-article-container .detail-content-box.has-bg:after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: url(../images/img_bg.png);background-size: cover;}