<style>
	body {
		background-color: #fff
	}

	.module {
		background-color: #fff
	}

	.mlist .module_container.wide {
		padding-left: 20px;
		padding-right: 20px
	}

	.mlist .content_list .item_block {
		margin-bottom: 20px;
		animation-name: fadeInUp
	}

	.agent-desktop .mlist .content_list .item_block:hover .content {
		box-shadow: none
	}

	.agent-desktop .mlist .slider .content_list .item_block:hover .content {
		box-shadow: none
	}

	.mlist .content_list .item_block .content {

		transition: all .2s linear;
	}

	.mlist .content_list .item_block .title {
		font-size: 16px
	}

	.mlist .content_list .item_block .subtitle {
		font-size: 13px;
		color: #939393;
		margin-top: 3px
	}

	.mlistpost .module_container.wide {
		padding-left: 0;
		padding-right: 0
	}

	.mlistpost #postSlider .slider img {
		margin: 0 auto
	}

	.mlistpost #postSlider .slider .bx-wrapper .bx-pager {
		bottom: 20px
	}

	.mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a {
		border-color: rgba(255, 255, 255, .7)
	}

	.agent-desktop .mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a.active,
	.mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
		background-color: #fff;
		border-color: #fff
	}

	.mlistpost #postContent #postInfo {
		text-align: center;
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: 1px dotted #d3d3d3
	}

	.mlistpost #postContent #postInfo .title {
		font-size: 16px
	}

	.mlistpost #postContent #postInfo .usetdate {
		font-size: 13px;
		color: #939393;
		margin-top: 3px
	}

	.mlistpost .postfooter .module_container {
		padding-top: 40px;
		padding-bottom: 40px;
		margin-top: 40px;
		border-top: 1px dotted #d3d3d3;
		border-bottom: 1px dotted #d3d3d3
	}

	.mlistpost #listContent .listtitle {
		text-align: center;
		padding: 60px 0
	}

	.mlist.service .content_list .item_block .item_img_mask {
		width: 100%;
		height: 100%;
		position: absolute;
		left: -10px;
		top: -10px;
		border: #fff 10px solid;
		transition: all ease-out .2s
	}

	.mlist.service .content_list .item_block .item_wrapper {
		padding: 38px 38px 46px 38px;
		text-align: center;
		transition: all linear .2s;
		transform: translate(0, 0)
	}

	.mlist.service .content_list .item_block .item_wrapper .description {
		font-size: 13px;
		margin: 20px 0 30px;
		color: #939393;
		height: 48px;
		overflow: hidden;
		line-height: 24px
	}

	.agent-desktop .mlist.service .content_list .item_block:hover .item_img_mask {
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		left: 0;
		top: 0
	}

	.agent-desktop .mlist.service .content_list .item_block:hover .item_wrapper {
		transform: translate(0, -5px)
	}

	.agent-desktop .mlist.service .content_list .item_block:hover a.more {
		background: #232323;
		border-color: #232323;
		color: #fff
	}

	.mlist.project .content_list .item_block .item_img_mask {
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, .7);
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: all .2s ease 0s
	}

	.mlist.project .content_list .item_block .item_icon {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -23px;
		margin-top: 40px;
		opacity: 0;
		transition: all .3s ease 0s;
		font-size: 0;
		transform: translateY(-50%)
	}

	.mlist.project .content_list .item_block .item_icon .PostImage {
		height: 46px;
		width: 46px;
		display: inline-block;
		text-align: center;
		position: relative
	}

	.mlist.project .content_list .item_block .item_icon .PostImage i {
		font-size: 20px;
		top: 14px;
		transition: all .2s ease 0s;
		position: relative;
		z-index: 2
	}

	.mlist.project .content_list .item_block .item_icon .PostImage .item_icon_bg {
		border-radius: 50%;
		border: 2px solid transparent;
		background: #fff;
		height: 100%;
		width: 100%;
		transition: all .2s ease 0s;
		position: absolute;
		left: -2px;
		top: -2px
	}

	.agent-desktop .mlist.project .content_list .item_block .item_icon .PostImage:hover .item_icon_bg {
		background-color: transparent;
		border-color: #fff;
		color: #fff;
		transform: scale(1.2, 1.2)
	}

	.agent-desktop .mlist.project .content_list .item_block .item_icon .PostImage:hover i {
		color: #fff
	}

	.mlist.project .content_list .item_block .item_wrapper {
		padding: 25px 10px;
		text-align: center
	}

	#popup-module-slider {
		background-color: rgba(0, 0, 0, .9)
	}

	#popup-module-slider .fixed-container,
	#popup-module-slider .fixed-container .module {
		background: 0 0;
		width: 100%
	}

	#popup-module-slider .fixed-container #postSlider {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	#popup-module-slider .fixed-container .bx-wrapper .bx-loading {
		background-color: transparent
	}

	#popup-module-slider .fixed-container .bx-wrapper .bx-viewport {
		max-width: 90%;
		margin: 0 auto
	}

	#popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a {
		background-color: transparent;
		background-color: rgba(255, 255, 255, .2);
		border-radius: 20px;
		transition: all ease-out .2s
	}

	.agent-desktop #popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a:hover {
		background-color: rgba(255, 255, 255, .4)
	}

	#popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a i {
		color: #fff
	}

	.mlistpost.project>.module_container {
		padding-top: 0
	}

	.mlistpost.project #postSlider {
		margin-bottom: 25px
	}

	.mlistpost.project .content_list li img {
		max-width: 100%;
		display: block;
		margin: 0 auto
	}

	.mlistpost.project #postContent #postInfo {
		max-width: 1170px;
		margin-left: auto;
		margin-right: auto
	}

	.mlist.news .content_list .item_block .item_date {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 10px;
		background: #fff;
		font-size: 12px;
		color: #939393;
		font-family: HELVETICANEUELTPRO-THEX, Arial
	}

	.mlist.news .content_list .item_block .item_wrapper {
		padding: 38px
	}

	.mlist.news .content_list .item_block .item_wrapper .line {
		width: 100%;
		height: 1px;
		background: #dbdbdb;
		margin: 20px 0
	}

	.mlist.news .content_list .item_block .item_wrapper .line div {
		transition: all .3s ease 0s;
		width: 0;
		height: 1px;
		background: #232323
	}

	.agent-desktop .mlist.news .content_list .item_block:hover .item_wrapper .line div {
		width: 100%
	}

	.mlist.news .content_list .item_block .item_wrapper .description {
		font-size: 13px;
		color: #939393;
		height: 48px;
		line-height: 24px;
		position: relative;
		overflow: hidden
	}

	.mlist.team .content_list .item_block .content {
		background: 0 0
	}

	.agent-desktop .mlist.team .content_list .item_block:hover .content {
		box-shadow: none
	}

	.mlist.team .content_list .item_block .item_img {
		overflow: inherit
	}

	.mlist.team .content_list .item_block .item_img_mask {
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: all .2s ease 0s
	}

	.mlist.team .content_list .item_block .item_img_summary {
		width: 100%;
		height: 44px;
		transition: all .4s ease 0s
	}

	.mlist.team .content_list .item_block .item_img_summary p {
		text-align: center;
		transition: all .4s ease 0s
	}

	.mlist.team .content_list .item_block .item_wrapper {
		transition: all .3s ease 0s;
		padding: 0 10px 20px 10px;
		position: relative;
		opacity: 0;
		border-bottom: #dbdbdb 1px solid
	}

	.mlist.team .content_list .item_block .item_wrapper .description {
		font-size: 13px;
		color: #232323;
		height: 48px;
		overflow: hidden;
		line-height: 24px;
		text-align: center
	}

	.agent-desktop .mlist.team .content_list .item_block:hover .item_img_mask {
		opacity: 1
	}

	.agent-desktop .mlist.team .content_list .item_block:hover .item_wrapper {
		opacity: 1;
		top: 23px
	}

	.mlist.service .content_list .item_block .item_img {
		padding-bottom: 66.666%
	}

	.mlist.news .content_list .item_block .item_img {
		padding-bottom: 73.666%
	}

	.mlist.team .content_list .item_block .item_img {
		padding-bottom: 126.666%
	}

	.mlist.imagelink .content_list .item_block .item_img {
		padding-bottom: 50%
	}

	@media screen and (max-width:769px) {
		.mlist .module_container.wide {
			padding-left: 0;
			padding-right: 0
		}

		.mlist .content_list .item_block {
			margin-bottom: 10px
		}

		.mlist.news .content_list .item_block .item_wrapper {
			padding: 10px
		}

		.mlist.news .content_list .item_block .item_wrapper .line {
			margin-top: 12px;
			margin-bottom: 12px
		}

		.mlist.service .content_list .item_block .item_wrapper {
			padding: 15px 10px
		}

		.mlist.service .content_list .item_block .item_wrapper .description {
			margin: 10px 0 10px
		}

		.mlist.project .content_list .item_block .item_wrapper {
			padding: 15px 10px 18px 10px
		}

		.mlist.team .content_list .item_block .item_img_summary {
			margin-top: 15px
		}

		.mlist.team .content_list .item_block .item_wrapper {
			padding-bottom: 15px
		}

		.mlistpost.team .module_container {
			padding-top: 0
		}

		.mlistpost.team #postSlider {
			margin-left: -10px;
			margin-right: -10px
		}

		.mlistpost.team #postContent #postInfo {
			margin-top: 15px
		}

		.mlistpost #postContent .row.gutter>[class*=col-] {
			width: 100%
		}

		.mlistpost .postfooter .module_container {
			padding-top: 20px;
			padding-bottom: 20px;
			margin-top: 20px
		}

		.mlistpost .postfooter .module_container .fr {
			float: left
		}

		.mlistpost .postfooter .module_container .tags {
			width: 100%
		}

		.mlistpost #listContent .row.gutter>[class*=col-] {
			width: 50%
		}

		.shareicon {
			float: left;
			margin-top: 10px
		}

		.mlistpost #listContent .listtitle {
			padding-top: 30px;
			padding-bottom: 30px
		}

		.pageEditor .row.gutter {
			margin: 0 -10px
		}

		.pageEditor .row.gutter>[class*=col-] {
			padding-left: 10px;
			padding-right: 10px
		}

		.module.yyform .form_item {
			margin-bottom: 20px;
			width: 100%
		}
	}

	@media screen and (max-width:1025px) {
		.mlist .module_container.wide {
			padding-left: 0;
			padding-right: 0
		}
	}

	#header {
		background-color: transparent
	}

	#header .content a#logo img {
		max-height: 42px
	}

	#header .content a#logo {
		margin-top: 15px
	}

	#header.mini .content a#logo {
		margin-top: 9px
	}

	#sitecontent {
		padding-top: 0
	}

	#header>.content {
		max-width: 100%;
		padding: 0 4%
	}

	.mlist .module_container.wide {
		padding: 80px 4%
	}

	#header .nav>li a.active span,
	.agent-desktop #header .nav>li:hover a span {
		color: #fff
	}

	.row.gutter>[class*=col-] {
		padding: 0
	}

	#indexPage .mlist.project .content_list .item_block {
		margin-bottom: 0
	}

	#header .nav>li>a {
		color: #e6e6e6;
		margin: 0 25px
	}

	#header.mini {
		background-color: rgb(21, 20, 20);
		box-shadow: none
	}

	

	#header {
		background-color: transparent
	}

	#header .content a#logo img {
		max-height: 42px
	}

	#header .content a#logo {
		margin-top: 15px
	}

	#header.mini .content a#logo {
		margin-top: 9px
	}

	.mlist.project .content_list .item_block .item_img {
		padding-bottom: 55.333%
	}

	#sitecontent {
		padding-top: 0
	}

	#header>.content {
		max-width: 100%;
		padding: 0 4%
	}

	.mlist .module_container.wide {
		padding: 80px 5%
	}

	#header .nav>li a.active span,
	.agent-desktop #header .nav>li:hover a span {
		color: #fff
	}

	.row.gutter>[class*=col-] {
		padding: 0
	}

	#indexPage .mlist.project .content_list .item_block .content {
		position: relative
	}

	#indexPage .mlist.project .content_list .item_block .item_wrapper {
		position: absolute;
		transform: translateY(80%);
		left: 0;
		right: 0;
		top: 50%;
		transition: all .36s ease 0s
	}

	#indexPage .mlist.project .content_list .item_block {
		margin-bottom: 0
	}

	.mlist.project .content_list .item_block .item_wrapper {
		text-align: left;
		padding: 2%
	}

	#header .nav>li>a {
		color: #e6e6e6;
		margin: 0 27px
	}

	#header.mini {
		background-color: rgba(0, 0, 0, .25);
		box-shadow: none
	}

	.container_header {
		width: 100%;
		max-width: 100%;
		text-align: left
	}

	.row.gutter {
		margin: 0
	}

	#indexPage .mlist.project .content_list .item_block .item_wrapper {
		opacity: 0;
		width: auto;
		text-align: center
	}

	.container_header .title {
		font-family: BureauEagleBook, '微软雅黑';
		font-size: 48px;
		color: #414141
	}

	#indexPage .mlist.project .content_list .item_block:hover .item_img_mask,
	#indexPage .mlist.project .content_list .item_block:hover .item_wrapper {
		opacity: 1
	}

	#indexPage .mlist.project .content_list .item_block:hover .item_icon {
		margin-top: -25px;
		opacity: 1
	}

	#indexPage .mlist.project .content_list .item_block:hover .item_wrapper {
		transform: translateY(10%)
	}

	#indexPage .mlist.project .container_category {
		float: right;
		width: auto;
		text-align: right;
		position: absolute;
		right: 4%;
		top: 120px
	}

	#indexPage .mlist.project .container_header {
		padding-bottom: 60px
	}

	#indexPage .mlist.project .module_container.wide {
		padding-top: 100px;
		padding-bottom: 100px
	}

	#indexPage .mlist.project .content_list .item_block .title {
		color: #fff
	}

	#indexPage .mlist.project .content_list .item_block .subtitle {
		color: rgba(255, 255, 255, .7)
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a i {
		color: rgba(255, 255, 255, .9);
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a:hover i {
		color: #fff
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a {
		width: 50px;
		height: 50px;
		border-radius: 50px;
		background-color: transparent
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev::before {
		left: -20px
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev:hover::before {
		left: 18px
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a::before {
		content: '';
		position: absolute;
		width: 40%;
		height: 2px;
		background-color: #fff;
		top: 18px;
		right: -20px;
		opacity: 0;
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a:hover::before {
		opacity: 1;
		right: 26px;
		width: 100%
	}

	#indexPage #topSlider .bx-wrapper .bx-pager a div.progress {
		width: 4px;
		height: 4px;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, .5)
	}

	#indexPage #topSlider .bx-wrapper .bx-pager a div.mask {
		width: 4px;
		height: 4px;
		border-radius: 100%;
		position: relative;
		top: 0;
		left: 0;
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
		opacity: 0;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
	}

	#indexPage #topSlider .bx-wrapper .bx-pager a:hover div.mask {
		width: 8px;
		height: 8px;
		top: -2px;
		left: -2px;
		opacity: 1
	}

	#indexPage #topSlider .bx-wrapper .bx-pager a.active div.mask {
		width: 8px;
		height: 8px;
		border-radius: 100%;
		position: relative;
		top: -2px;
		left: -2px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		opacity: 1
	}

	#indexPage #topSlider .bx-wrapper .bx-pager a {
		height: 20px
	}

	#indexPage #topSlider .bx-wrapper .bx-pager {
		padding-left: 12px
	}

	#indexPage .mcustomize.module {
		background-color: #f8f8f8
	}

	#indexPage .mcustomize {
		padding: 0 3%
	}

	#indexPage .module.mcustomize .content_list.flex .custitem>.wrapper>.description {
		padding: 80px 0 80px
	}

	#indexPage .mcounter.module {
		background-color: #f8f8f8
	}

	#indexPage .mcustomize.module {
		background-size: 100% auto;
		background-attachment: scroll;
		background-position: top center
	}

	#indexPage .mcustomize.module .bgmask {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background: linear-gradient(to right, #707275 64%, #faf9fe 64%);
		width: 100%;
		z-index: -1
	}

	#indexPage .module.mcustomize .content_list .custitem:nth-of-type(1) {
		order: 2;
		animation-name: fadeInRight
	}

	#indexPage .module.mcustomize .content_list .custitem:nth-of-type(2) {
		order: 1;
		padding-left: 5%;
		animation-name: fadeInLeft
	}

	.mlist.service .content_list .item_block .item_img {
		padding-bottom: 66.666%
	}

	.mlist.project+.mcounter.module {
		margin-top: -80px
	}

	#indexPage .mlist.service .module_container {
		max-width: 90%;
		padding: 110px 0
	}

	.mlist.service .content_list .item_block .item_wrapper .description {
		max-width: 100%
	}

	.mlist.service .content_list .item_block .title {
		font-size: 20px
	}

	.mlist.service .content_list .item_block .subtitle {
		font-size: 13px
	}

	#indexPage .mlist.news .module_container {
		max-width: 90%
	}

	.module_container {
		padding: 50px 0
	}

	.mlist.news .content_list .item_block .item_img {
		padding-bottom: 68.666%
	}

	.mlist.news .content_list .item_block .item_wrapper {
		position: absolute;
		transform: translateY(-100%);
		transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s
	}

	.agent-desktop #indexPage .mlist.news .content_list .item_block .item_wrapper {
		width: calc(100% - 76px)
	}

	.mlist.news .content_list .item_block .item_img img {
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
	}

	.mlist.news .content_list .item_block .content {
		position: relative
	}

	.mlist.news .content_list .item_block .item_img .item_img_mask {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
	}

	.mlist.news .content_list .item_block:hover .item_img .item_img_mask {
		opacity: .05
	}

	.mlist.news .content_list .item_block:hover .item_img {
		opacity: 1
	}

	.mlist.news .content_list .item_block .item_date {
		background-color: #fff;
		z-index: 99;
		top: 0;
		right: 0;
		left: auto;
		bottom: auto;
		font-size: 36px;
		width: 144px;
		height: 84px;
		line-height: 84px;
		padding: 0;
		text-align: center;
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
		padding: 20px
	}

	#indexPage .mlist.news .content_list .item_block .item_date .day {
		font-size: 35px;
		color: #999;
		font-family: BureauEagleBook
	}

	.mlist.news .content_list .item_block .item_date .year {
		display: none
	}

	.mlist.news .content_list .item_block:hover .item_date {
		padding: 0
	}

	#indexPage .mlist.news .content_list .item_block:hover .item_date .day,
	.mlist.news .content_list .item_block:hover .item_date .day {
		font-size: 30px
	}

	.mlist.news .content_list .item_block:hover .item_wrapper {
		opacity: 0;
		transform: translateY(-50%)
	}

	#indexPage .mlist.news .content_list .item_block {
		border-right: 1px solid rgba(0, 0, 0, .03)
	}

	#indexPage .mlist.team .module_container {
		max-width: 90%
	}

	.mlist.team .content_list .item_block .item_wrapper .description {
		color: #666
	}

	.mlist.team .content_wrapper .content_list .item_block .item_img {
		padding-bottom: 14%;
		width: 14%;
		border-radius: 100%;
		background-color: #f8f8f8;
		left: 50%;
		transform: translateX(-50%);
		margin-bottom: 20px;
		overflow: visible;
		border: 7px solid #fff
	}

	.mlist.team .content_list .item_block .item_wrapper {
		opacity: 1;
		width: 100%
	}

	#indexPage .mlist.team .content_list .item_block .item_wrapper .description {
		text-align: center;
		margin-top: 28px;
		max-width: 700px
	}

	.mlist.team .content_list .item_block .item_img_mask {
		border-radius: 100%
	}

	.mlist.team .content_list .item_block .item_wrapper .description {
		text-align: left
	}

	#indexPage .mlist.team .content_list .item_block .item_wrapper {
		border-bottom: none
	}

	#indexPage .mlist.team::before {
		content: '';
		position: absolute;
		width: 46%;
		height: 40%;
		background-color: #fff;
		left: 50%;
		transform: translate(-50%, -50%);
		top: 64%
	}

	.agent-desktop .mlist.team .content_list .item_block:hover .item_wrapper {
		top: -23px
	}

	.agent-desktop .mlist.team .container_content .bx-controls-direction {
		display: none
	}

	.mlist.team .content_list .item_block .item_img_mask {
		background-color: transparent
	}

	.agent-desktop .mlist.team .container_header {
		padding-bottom: 10px
	}

	.agent-desktop .mlist.imagelink .module_container {
		max-width: 90%
	}

	.agent-desktop #footer #flinks .module_container {
		max-width: 90%;
		color:#fff;
	}

	.agent-desktop #footer #copyright .module_container {
		padding-top: 15px;
		padding-bottom: 15px;
		max-width: 90%
	}

	.agent-desktop #footer #flinks .fitem_block_link li {
		line-height: 36px;
		height: 36px
	}

	.agent-desktop #footer #flinks .content_list .item_block {
		border-color: rgba(255, 255, 255, .06)
	}

	.agent-desktop #footer #flinks .row.gutter>[class*=col-] {
		padding: 0 60px
	}

	.agent-desktop .npagePage .mlist.project .container_header .title {
		font-size: 24px
	}

	.agent-desktop .npagePage .mlist.project .container_header .subtitle {
		margin-top: 0;
		line-height: 2em;
		font-size: 13px;
		overflow: hidden
	}

	.agent-desktop .npagePage .mlist.project .module_container .container_hc {
		background-color: #f8f8f8;
		padding: 50px 0;
		float: left;
		width: 100%
	}

	.agent-desktop .npagePage .mlist.project .module_container.wide {
		background: linear-gradient(to bottom, #f8f8f8 420px, #fff 420px);
		padding: 80px 7%
	}

	.agent-desktop .npagePage .mlist.project .container_header {
		width: auto;
		float: left;
		padding-bottom: 0
	}

	.agent-desktop .npagePage .mlist.project .container_category {
		margin-top: 15px;
		text-align: right;
		margin-bottom: 0;
		width: auto;
		float: right
	}

	.agent-desktop .npagePage .mlist.project .container_category a:last-child {
		margin-right: 0
	}

	.agent-desktop .npagePage .mlist.project .content_list .item_block {
		margin-bottom: 30px
	}

	.agent-desktop .npagePage .project .content_list .item_block .title {
		line-height: 1.7em
	}

	.agent-desktop .npagePage.post .project #postContent #postInfo .usetdate {
		display: block
	}

	.agent-desktop .mlistpost.project #postContent #postInfo {
		text-align: left
	}

	.agent-desktop .npagePage .mlistpost.project #postSlider {
		display: none
	}

	.agent-desktop .npagePage .mlistpost.project #listContent,
	.agent-desktop .npagePage .mlistpost.project #postContent {
		max-width: 100%;
		margin: 0 auto
	}

	.agent-desktop .npagePage .mlistpost.project #postContent {
		padding-top: 7%
	}

	.mlistpost.project #postContent #postInfo,
	.mlistpost.project .module_container {
		max-width: 100%
	}

	.agent-desktop .npagePage .mlistpost.project #postContent #postInfo .title {
		font-size: 24px;
		line-height: 4.6em
	}

	.agent-desktop .npagePage .mlist.service .container_header .title {
		font-size: 26px
	}

	.agent-desktop .npagePage .mlistpost.project #postInfo .module_container {
		max-width: 100%
	}

	.search-btn {
		border-color: #e6e6e6
	}

	.search-btn i {
		color: #e6e6e6
	}

	.search-btn:hover i {
		color: #fff
	}

	.child .mlist.news .content_wrapper .content_list .item_block .item_img {
		transition: all .36s ease-out 0s;
		background-size: 100%
	}

	.child .mlist.news .row[class*=gutter] {
		margin: 0 -22px
	}

	.child .mlist.news .row.gutter>[class*=col-] {
		padding: 0 22px;
		margin-bottom: 46px
	}

	.child .mlist.news .content_list .item_block .item_wrapper {
		position: relative;
		transform: translateY(0);
		padding: 25px 0
	}

	.child .mlist.news .content_list .item_block .item_img .item_img_mask {
		display: none
	}

	.child .mlist.news .content_list .item_block:hover .item_wrapper {
		opacity: 1
	}

	.child .mlist.news .content_wrapper .content_list .item_block:hover .item_img {
		background-size: 110%
	}

	.child .mlist.news .content_list .item_block .item_date {
		padding: 0;
		width: 80px;
		line-height: 40px;
		height: 40px;
		opacity: 0;
		top: 1px;
		right: 1px
	}

	.child .mlist.news .content_list .item_block:hover .item_date {
		opacity: 1
	}

	.child .mlist.news .content_list .item_block .item_date .day {
		font-size: 20px;
		color: #999;
		font-family: BureauEagleBook
	}

	.child .mlist.news .content_list .item_block:hover .item_date .day {
		font-size: 20px
	}

	.agent-desktop .mlist.news .content_list .item_block:hover .item_wrapper .line div {
		width: 0
	}

	.child #header .nav>li>a {
		color: #fff;
	}

	.agent-desktop .child #header .nav>li:hover a span,
	.child #header .nav>li a.active span {
		color: #0ed6ec;
	}

	.child .search-btn {
		border-color: #999
	}

	.child .search-btn i {
		color: #666
	}

	.child .search-btn:hover i {
		color: #222
	}

	.npagePage.post .mlistpost.news {
		position: relative
	}

	.npagePage.post .mlistpost.news:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 520px;
		width: 100%;
		background: #f8f8f8
	}

	.npagePage.post .mlistpost.news>.module_container.wide,
	.npagePage.post .mlistpost.service>.module_container.wide {
		padding-top: 150px;
		padding-bottom: 0
	}

	.npagePage.post .mlistpost.news .module {
		background: 0 0
	}

	.npagePage.post .mlistpost.news .module_container {
		max-width: 100%;
		padding: 44px 0;
		border: 0;
		margin-top: 0
	}

	.mlistpost.news #postContent #postInfo,
	.npagePage.post .mlistpost.news .container_content .postbody {
		max-width: 1170px;
		margin: 0 auto
	}

	.mlistpost.news #postContent #postInfo .title,
	.mlistpost.service #postContent #postInfo .title {
		font-size: 30px;
		color: #333
	}

	.mlistpost.news #postContent #postInfo .usetdate,
	.mlistpost.service #postContent #postInfo .subtitle {
		font-size: 14px;
		color: #999
	}

	.mlistpost.news #postContent #postInfo {
		padding-bottom: 34px;
		margin-bottom: 38px;
		border-bottom: 1px solid #dfdfdf
	}

	

	.npagePage.post .mlistpost.news .module {
		max-width: 1170px;
		margin: 0 auto
	}

	.mlistpost.news .postfooter {
		background: #f8f8f8;
		margin-top: 46px
	}

	.npagePage.post .mlistpost.service {
		position: relative;
		background: #f8f8f8
	}

	.npagePage.post .mlistpost.service:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 520px;
		width: 100%;
		background: #fff
	}

	.npagePage.post .mlistpost.service .module {
		background: #f8f8f8
	}

	.mlistpost.service #postContent #postInfo .module,
	.mlistpost.service #postContent .postbody .module {
		background: 0 0
	}

	.mlistpost.service .postfooter .module_container {
		border: 0;
		padding-left: 96px;
		padding-right: 96px;
		background: #fff;
		max-width: 978px
	}

	.tags a {
		border: 0;
		position: relative;
		font-size: 13px;
		color: #999;
		padding: 3px 14px;
		background: 0 0
	}

	.tags a:first-child:after {
		display: none
	}

	.tags a:first-child {
		padding-left: 0
	}

	.shareicon a {
		background: 0 0;
		border: 0;
		color: #b7b7b7
	}

	.agent-desktop .shareicon a:hover {
		color: #222;
		background: 0 0
	}

	.agent-desktop .tags a:hover {
		background: 0 0;
		color: #333
	}

	.agent-desktop .tags a:after {
		color: #999;
		content: '/';
		position: absolute;
		left: -8px;
		font-size: 16px
	}

	.agent-desktop .mcustomize .module_container .more.black:hover span {
		color: #fff !important
	}

	.npagePage .mlist.team .content_wrapper .content_list .item_block .item_img {
		float: left;
		left: 0;
		transform: translateX(0);
		position: relative;
		z-index: 2;
		padding-bottom: 26.7%;
		width: 26.7%;
		margin-bottom: 0
	}

	.npagePage .mlist.team .content_list .item_block .item_img_summary {
		padding-top: 22px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc
	}

	.npagePage .mlist.team .content_list .item_block .item_wrapper {
		top: 0;
		padding-bottom: calc(26.7% + 14px);
		position: relative;
		background: #fff;
		margin-left: calc(13.35% + 7px);
		border-bottom: 0;
		padding-left: calc(13.35% + 28px);
		width: auto;
		transition: all .36s ease-out 0s
	}

	.npagePage .mlist.team .content_list .item_block .item_wrapper .wrap {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding-right: 42px
	}

	.npagePage .mlist.team .row[class*=gutter] {
		margin: 0 -30px
	}

	.npagePage .mlist.team .row.gutter>[class*=col-] {
		padding: 0 30px;
		margin-bottom: 50px
	}

	.npagePage .mlist.team .container_hc {
		margin-bottom: 55px
	}

	.agent-desktop .mlist.team .content_list .item_block:hover .item_wrapper {
		top: 0
	}

	.npagePage .mlist.team .content_list .item_block:hover .item_wrapper {
		background: #f8f8f8
	}

	.npagePage .mlist.team .content_list .item_block .item_img_summary .title {
		font-size: 16px;
		color: #666;
		text-align: left
	}

	.npagePage .mlist.team .content_list .item_block .item_img_summary .subtitle {
		text-align: left;
		font-size: 14px;
		color: #666
	}

	.npagePage .mlist.team .content_list .item_block .description {
		font-size: 13px;
		color: #999;
		line-height: 24px;
		text-align: left
	}

	.slider .bx-wrapper .bx-controls-direction a {
		display: none
	}

	#indexPage #topSlider .bx-wrapper .bx-controls-direction a {
		display: block
	}

	.slider .bx-wrapper .bx-pager-item a {
		position: relative
	}

	.slider .bx-wrapper .bx-pager-item a:after {
		position: absolute;
		content: '';
		width: 4px;
		height: 4px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: #868686;
		top: 2px;
		left: 2px;
		transition: all .36s ease-out 0s
	}

	.slider .bx-wrapper .bx-pager.bx-default-pager a {
		border: 0
	}

	.agent-desktop .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.slider .bx-wrapper .bx-pager.bx-default-pager a.active,
	.slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
		border: 0;
		background-color: #000
	}

	.agent-desktop .slider .bx-wrapper .bx-pager.bx-default-pager a:hover:after,
	.slider .bx-wrapper .bx-pager.bx-default-pager a.active:after,
	.slider .bx-wrapper .bx-pager.bx-default-pager a:focus:after {
		opacity: 0;
		-webkit-transform: scale(1.06, 1.06);
		transform: scale(1.06);
		background-color: #000
	}

	.mlistpost.team>.module_container {
		padding-top: 250px
	}

	.mlistpost.team #postContent .module {
		background: 0 0
	}

	.mlistpost.team #postContent .row-top {
		background: #f8f8f8;
		width: 940px;
		height: 380px;
		position: relative;
		margin: 0 auto;
		padding: 0 80px
	}

	.mlistpost.team #postContent #postInfo {
		float: left;
		padding: 0;
		margin: 0;
		border: 0;
		max-width: 40%;
		position: absolute;
		bottom: 40px
	}

	.mlistpost.team #postContent #postInfo .title {
		font-size: 24px;
		color: #333;
		text-align: left
	}

	.mlistpost.team #postContent #postInfo .subtitle {
		font-size: 14px;
		color: #666;
		text-align: left;
		margin-top: 6px
	}

	.mlistpost.team #postContent #postSlider {
		float: right;
		width: 53%;
		height: 498px;
		overflow: hidden;
		margin-top: -118px
	}

	.mlistpost.team #postSlider .module_container.wide {
		padding: 0
	}

	.mlistpost.team .postfooter {
		width: 220px;
		float: left;
		padding-left: 80px
	}

	.mlistpost.team .postbody {
		width: 710px;
		float: right
	}

	.mlistpost.team .postfooter .module_container {
		padding: 0;
		border: 0;
		margin: 0
	}

	.mlistpost.team .postfooter .shareicon {
		float: left;
		width: 100%
	}

	.mlistpost.team #postContent .row-bottom {
		width: 1100px;
		margin: 0 auto;
		padding-top: 48px
	}

	.mlistpost.team #postContent .row-bottom .tags {
		display: none
	}

	.mlist.videom .content_wrapper:not(.masonry) .content_list .item_block .item_img {
		padding-bottom: 66.666%
	}

	.mlist.videom .content_list .item_block .item_wrapper {
		text-align: center;
		padding: 24px 10px
	}

	.mlist.videom .content_list .item_block .title {
		color: #666;
		font-size: 18px
	}

	.mlist.videom .content_list .item_block .subtitle {
		color: #666;
		font-size: 13px
	}

	.mlist.videom .row[class*=gutter] {
		margin: 0 -10px
	}

	.mlist.videom .row.gutter>[class*=col-] {
		padding: 0 10px
	}

	.mlist.videom .content_list .item_block .item_img .item_icon {
		position: absolute;
		width: 80px;
		height: 80px;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -40px
	}

	.mlist.videom .content_list .item_block .item_img .item_img_mask {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .3
	}

	.mlist.videom .content_list .item_block .item_img .icon-ring path {
		stroke: rgba(255, 255, 255, 0);
		fill: rgba(255, 255, 255, 0);
		transition: all .36s ease 0s
	}

	.mlist.videom .content_list .item_block .icon-triangle {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -16px;
		margin-left: -15px
	}

	.mlist.videom .content_list .item_block .icon-triangle path {
		stroke: #fff;
		fill: #fff
	}

	.mlist.videom .content_list .item_block:hover .item_img .icon-ring path {
		stroke: rgba(255, 255, 255, 1);
		fill: rgba(255, 255, 255, 1)
	}

	.agent-desktop .npagePage .mlistpost.project #listContent,
	.agent-desktop .npagePage .mlistpost.project #postContent {
		width: 1920px
	}

	.agent-desktop .mlist.videom .content_list .item_block .subtitle {
		color: #999;
		margin-top: 5px
	}

	.agent-desktop .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.slider .bx-wrapper .bx-pager.bx-default-pager a.active,
	.slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
		background-color: #909090
	}

	.mlistpost.news #postContent #postInfo .title,
	.mlistpost.service #postContent #postInfo .title {
		font-size: 28px;
		line-height: 1.5em
	}

	.agent-desktop .mlistpost.news #postContent #postInfo {
		padding-bottom: 10px;
		margin-bottom: 0
	}

	.mlistpost.news #postContent #postInfo .usetdate,
	.mlistpost.service #postContent #postInfo .subtitle {
		width: 80px;
		overflow: hidden;
		white-space: nowrap;
		margin: 0 auto
	}

	.container_header .title {
		font-size: 36px
	}

	.agent-desktop .npagePage .container_header .title {
		font-size: 28px
	}

	.agent-desktop #header .nav .subnav li {
		padding: 10px 25px 10px 35px;
		border-bottom: 1px solid rgba(0, 0, 0, .07)
	}

	.agent-desktop #header .nav .subnav li:last-child {
		border-bottom: none
	}

	.agent-desktop #header .nav .subnav {
		background-color: #fff;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .08)
	}

	.agent-desktop #header .nav .subnav li a:hover {
		color: #000
	}

	.agent-desktop #header .nav .subnav li a {
		font-size: 13px
	}

	.agent-desktop #header .nav>li .subnav {
		border-radius: 3px;
		min-width: 200px
	}

	.module_container .more:after {
		color: #999
	}

	.agent-desktop .npagePage .mlist.team .row.gutter>[class*=col-] {
		margin-bottom: 70px
	}

	.agent-desktop .npagePage .mlist.team .content_list .item_block .item_img_summary {
		border-color: rgba(0, 0, 0, .065);
		padding-top: 10px
	}

	.agent-desktop .npagePage .mlist.team .content_list .item_block:hover .item_wrapper {
		background-color: #fff
	}

	.agent-desktop .mlistpost.team>.module_container {
		padding-top: 230px
	}

	.agent-desktop .mlist.videom .content_wrapper:not(.masonry) .content_list .item_block .item_img {
		background-size: 100% auto;
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
	}

	.agent-desktop .mlist.videom .content_wrapper:not(.masonry) .content_list .item_block:hover .item_img {
		background-size: 110% auto
	}

	.agent-desktop #indexPage .mlist.team::before {
		display: none
	}

	.agent-desktop #indexPage .mlist.team .content_list .item_block .item_wrapper .description {
		margin: 28px auto auto;
		max-width: 88%;
		margin-left: 6%
	}

	.agent-desktop #indexPage .mlist.team .content_list .item_block::before {
		content: '';
		position: absolute;
		width: 94%;
		height: 94%;
		background-color: #fff;
		left: 52%;
		transform: translate(-50%, -50%);
		top: 68%
	}

	.agent-desktop #indexPage .mlist.team .bx-wrapper .bx-pager.bx-default-pager a {
		margin: 0 7px
	}

	.agent-desktop .mlist.project .content_list .item_block .subtitle {
		min-height: 18px
	}

	.agent-desktop .mlist .content_wrapper:not(.masonry) .content_list .item_block .item_img {
		background-size: 140% auto;
		transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
	}

	.agent-desktop .mlist .content_wrapper:not(.masonry) .content_list .item_block:hover .item_img {
		background-size: 110% auto
	}

	.agent-desktop #pages {
		padding: 40px 0 40px 0
	}

	.agent-desktop .npagePage .mlist.team .content_list .item_block:hover .item_img_summary {
		margin-left: 10px
	}

	.agent-desktop #indexPage #topSlider .bx-wrapper .bx-controls-direction a::before {
		-webkit-margin-before: 1px
	}

	.agent-desktop .mlistpost.news #postContent #postInfo .usetdate,
	.agent-desktop .mlistpost.service #postContent #postInfo .subtitle {
		width: 76px;
	}

	.agent-desktop #indexPage .mcounter.module .container_header {
		max-width: 90%;
	}

	.agent-desktop #indexPage .mcustomize.module .container_header {
		padding: 80px 0 60px 0;
	}

	@media screen and (max-width:768px) {
		.agent-desktop .mlist.news .content_list .item_block .item_wrapper {
			width: 90%;
			margin-left: 4%;
		}
	}

	@media screen and (max-width:768px) {
		#indexPage .mlist.project .container_category {
			position: relative;
			top: 0;
			float: left;
		}
	}

	@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		.mlistpost.team #postContent #postSlider {
			width: 100%;
			margin-top: 0;
			height: auto;
		}

		.mlistpost.team #postSlider .module_container {
			overflow: visible;
		}

		.mlistpost #postSlider .slider img {
			width: 380px;
		}

		.mlistpost.team #postContent .row-top {
			width: 100%;
		}

		.mlistpost.team #postContent .row-bottom {
			max-width: 100%;
		}

		.mlistpost.team .postbody {
			width: 100%;
			float: left;
			padding-top: 20px;
		}

		.mlistpost.team .postfooter {
			padding-left: 0;
		}

		.agent-desktop .child #header .nav>li:hover a span,
		.child #header .nav>li a.active span {
			color: #fff;
		}

		html[class*=agent-mobile] .module_container {
			padding: 80px 5%;
		}

		#navWrapper .search-wrap input {
			width: 96%;
			padding-left: 2%;
		}
	}
</style>
