@charset "utf-8";

/*@font-face {

	font-family: 'HELVETICANEUELTPRO-THEX';

	src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');

	font-weight: normal;

	font-style: normal;

}*/



@font-face {

	font-family: "iconfont";

	src: url('iconfont.eot-t=1489113792422');

	src: url('iconfont.eot') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg') format('svg');

}



.iconfont {

	font-family: "iconfont" !important;

	font-size: 42px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-back:before {

	content: "\e697";

}



.icon-close:before {

	content: "\e69a";

}



.icon-less:before {

	content: "\e6a5";

}



.icon-moreunfold:before {

	content: "\e6a6";

}



.icon-more:before {

	content: "\e6a7";

}



.icon-search:before {

	content: "\e6ac";

}



.icon-add:before {

	content: "\e6b9";

}



.icon-discount:before {

	content: "\e6c5";

}



.icon-map:before {

	content: "\e715";

}



.icon-share:before {

	content: "\e71d";

}



.agent-pc ::-webkit-scrollbar {

	width: 10px;

	height: 10px

}



.agent-pc ::-webkit-scrollbar-track {

	background: 0 0

}



.agent-pc ::-webkit-scrollbar-thumb {

	background-color: #333;

	border-radius: 5px

}



.agent-pc ::-webkit-scrollbar-thumb:hover {

	background-color: #963947

}



.agent-pc ::-webkit-scrollbar-corner {

	background-color: #535353

}



.agent-pc ::-webkit-scrollbar-resizer {

	background-color: #FF6E00

}



.agent-pc body ::-webkit-scrollbar {

	width: 8px

}



.agent-pc body ::-webkit-scrollbar-thumb {

	background-color: #333

}



* {

	padding: 0;

	margin: 0;

}



ul li {

	list-style: none;

}



a {

	text-decoration: none;

	transition: all .1s linear;

}



img {

	border: none;

	float: left;

}



input {

	border: none;

	background: none;

}



input,

textarea {

	font-family: "微软雅黑", Arial;

	outline: 0;

	font-size: 14px;

	-webkit-appearance: none;

}



.clear {

	clear: both;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.ellipsis {

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	display: block

}



html,

body {

	font: 12px Arial, "微软雅黑";

	color: #7f7f7f;

	width: 100%;

	height: 100%;

	/*background: #1c1c1c;*/

	-webkit-font-smoothing: antialiased;

	-webkit-text-size-adjust: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-overflow-scrolling: touch;

	overflow-scrolling: touch;

}



.fw {

	margin: 0 auto;

	width: 1180px;

}



body {

	overflow-x: hidden;

}



a,

a i {

	color: #9e9e9e;

}



a:hover,

a.active {

	color: #ffffff;

}



.yyloading {

	min-height: 50px;

	background: url(loading.gif) center center no-repeat #ffffff;

	height: 100%;

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 96;

}



.loading-overlay {

	text-align: center;

	position: fixed;

	display: table;

	z-index: 999;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}



.loading-overlay .spinner {

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	width: 100%;

}



.loading-overlay .spinner>div {

	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;

	animation: bouncedelay 1.4s infinite ease-in-out;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	background-color: #ffffff;

	display: inline-block;

	height: 10px;

	width: 10px;

}



.loading-overlay .spinner .bounce1 {

	-webkit-animation-delay: -0.32s;

	animation-delay: -0.32s;

}



@-webkit-keyframes bouncedelay {

	0%,

	80%,

	100% {

		-webkit-transform: scale(0.0)

	}

	40% {

		-webkit-transform: scale(1.0)

	}

}



@keyframes bouncedelay {

	0%,

	80%,

	100% {

		transform: scale(0.0);

		-webkit-transform: scale(0.0);

	}

	40% {

		transform: scale(1.0);

		-webkit-transform: scale(1.0);

	}

}



.owl-theme .owl-dots .owl-dot span {

	border: 1px solid #ffffff;

	border-color: rgba(255, 255, 255, .5);

	background: none;

	width: 8px;

	height: 8px;

	transition: all 0.2s ease-in

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

	background: #ffffff

}



.owl-theme .owl-nav [class*="owl-"] {

	width: 80px;

	height: 80px;

	background: none;

	padding: 0;

	border-radius: 0;

	margin: -40px 0 0 0

}



.owl-theme .owl-nav [class*="owl-"]:hover {

	background: none;

}



.owl-theme .owl-nav>div {

	position: absolute;

	top: 50%;

	line-height: 80px;

	background: none;

	transition: all ease-out .3s

}



.owl-theme .owl-nav .owl-prev {

	left: -80px

}



.owl-theme .owl-nav .owl-next {

	right: -80px

}



.owl-theme .owl-dots {

	position: absolute;

	width: 100%;

	bottom: -50px;

	margin: 0

}



.lcbody {

	width: 30px;

	height: 30px;

	position: relative;

	transform: translateZ(0px) rotate(0deg);

	-webkit-transform: translateZ(0px) rotate(0deg);

	transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);

	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);

}



.lcitem {

	position: absolute;

	left: 0;

	top: 0;

	transform: translateZ(0px) rotate(0deg);

	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;

	-webkit-transform: translateZ(0px) rotate(0deg);

	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;

	width: 30px;

	height: 30px;

}



.lcitem .rect {

	width: 30px;

	height: 1px;

	background: black;

	position: absolute;

	left: 0;

	top: 14px;

	transition: transform 0.2s ease 0.2s;

	-webkit-transition: -webkit-transform 0.2s ease 0.2s;

}



.lcitem .rect.top {

	transform: translate3d(0px, -7px, 0px);

	-webkit-transform: translate3d(0px, -7px, 0px);

}



.lcitem .rect.bottom {

	transform: translate3d(0px, 7px, 0px);

	-webkit-transform: translate3d(0px, 7px, 0px);

}



body.openMenu #header .content #openBtn .lcbody {

	transform: translateZ(0px) rotate(90deg);

	-webkit-transform: translateZ(0px) rotate(90deg);

}



body.openMenu #header .content #openBtn .lcitem,

.lcbody.close .lcitem {

	transform: translateZ(0px) rotate(45deg);

	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;

	-webkit-transform: translateZ(0px) rotate(45deg);

	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;

}



body.openMenu #header .content #openBtn .lcitem.bottom,

.lcbody.close .lcitem.bottom {

	transform: translateZ(0px) rotate(-45deg);

	-webkit-transform: translateZ(0px) rotate(-45deg);

}



body.openMenu #header .content #openBtn .lcitem .rect,

.lcbody.close .lcitem .rect {

	transition: transform 0.2s ease 0s;

	transform: translate3d(0px, 0px, 0px);

	-webkit-transition: -webkit-transform 0.2s ease 0s;

	-webkit-transform: translate3d(0px, 0px, 0px);

}



.lcbody.prev .lcitem.top {

	transform: translateZ(0px) rotate(-45deg);

}



.lcbody.prev .lcitem.bottom {

	transform: translate3d(0px, 10px, 0) rotate(45deg);

}



.lcbody.next .lcitem.top {

	transform: translateZ(0px) rotate(45deg);

}



.lcbody.next .lcitem.bottom {

	transform: translate3d(0px, 10px, 0) rotate(-45deg);

}



#header {

	position: fixed;

	width: 100%;

	background: rgba(28, 28, 28, .9);

	border-bottom: #232323 1px solid;

	z-index: 99

}



#header .wrapper {

	padding: 20px 5px 0 5px;

	height: auto;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	z-index: 99;

}



#header .content {

	height: 100%;

	padding: 0 50px;

	margin: 0 auto;

	background:white;

}



#header .content a#logo {

	display: block;

	height: 54px;

	float: left;

}



#header .content a#logo img {

	height: 100%;

    padding-left: 10%;

    width: auto;

    padding-top: 4px;

}



#header .content #openBtn {

	display: none;

	float: right;

	cursor: pointer;

	margin-right: 0px;

	margin-top: 7px;

	position:relative;

	right:20px;

	top:6px;

}



#header .content #backBtn {

	width: 30px;

	height: 30px;

	vertical-align: middle;

	margin-top: 5px;

	cursor: pointer;

}



#header .content #backBtn i {

	font-size: 32px;

	color: #fff

}



#header .nav {

	margin-left: 50px;

	float: right;

	height: 49px;

	position: relative

}



#header .nav>li {

	float: left;

	font-size: 14px;

	height: 100%;

	position: relative

}



#header .nav>li>a {

	display: block;

	padding: 0 20px;

	height: 54px;

	line-height: 54px;

	color: #9e9e9e;

	font-weight: 500;

	position: relative;

	overflow: hidden;

	font-size: 16px;

}



#header .nav>li>a span {

	display: inline-block;

	position: relative;

	transition: all ease-out .3s

}



#header .nav>li>a>i {

	margin-left: 10px

}



#header .nav .subnav {

	position: absolute;

	width: 220px;

	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

	background-color: #ffffff;

	height: auto;

	z-index: 199;

	top: 100%;

	left: 0;

	border-top: 2px solid #9e9e9e;

	overflow: hidden;

	visibility: hidden;

	opacity: 0;

	transition: all .36s ease

}



#header .nav .subnav li {

	width: 100%

}



#header .nav .subnav li a {

	font-weight: 500;

	color: #666;

	padding: 10px 15px;

	line-height: 22px;

	display: block;

	transition: all .2s ease-in-out;

	font-size: 13px

}



#header .nav>li:hover .subnav {

	opacity: 1;

	visibility: visible

}



#header .nav>li:hover a span,

#header .nav>li a.active span,

#header .nav>li:hover a i,

#header .nav>li a.active i {

	color: #ffffff;

}



#header .nav .subnav li a:hover,

#header .nav .subnav li a.active {

	background-color: #3b3b3b;

	padding-left: 24px;

	color: #ffffff

}



#header .nav>div.move {

	width: 100px;

	height: 2px;

	top: -5px;

	background-color: #963947;

	position: absolute

}



#hcontact {

	display: none

}



.gh0 #header,

.singlescreen #header {

	height: 64px;

}



.gh0 #header .wrapper,

.singlescreen #header .wrapper {

	padding: 5px 5px 0 5px;

	height: 64px;

	background:white;

}



.gh0 #header .nav,

.singlescreen #header .nav {

	height: 49px;

}



.gh1 #header {

	height: 160px;

	position: absolute

}



.gh1 #header .wrapper {

	padding: 30px 0 0 0

}



.gh1 #header .content {

	padding-left: 0;

	padding-right: 0

}



.gh1 #header #headTop {

	height: 44px;

	padding-bottom: 30px;

	border-bottom: #3b3b3b 1px solid;

	text-align: center

}



.gh1 #header .content a#logo {

	float: none;

	display: inline-block

}



.gh1 #header .content a#logo img {

	float: none

}



.gh1 #header #navWrapper {

	position: relative;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 99;

	height: 54px

}



.gh1 #header.mini #navWrapper {

	position: fixed;

	animation: navFixed ease-out .3s;

	background: rgba(28, 28, 28, .9)

}



.gh1 #header .nav {

	margin-left: 0;

	height: 44px;

	padding: 5px 0;

	text-align: center;

	float: none

}



.gh1 #header .nav>li {

	display: inline-block;

	float: none

}



.gh1 #header .nav>div.move {

	top: 0

}



@-webkit-keyframes navFixed {

	0% {

		-webkit-transform: translateY(-100%);

	}

	100% {

		-webkit-transform: translateY(0);

	}

}



@keyframes navFixed {

	0% {

		transform: translateY(-100%);

	}

	100% {

		transform: translateY(0);

	}

}



.gh0 #sitecontent {

	padding-top: 64px;

}



.gh1 #sitecontent {

	padding-top: 160px

}



#sitecontent {

	padding-top: 54px

}



#navMini {

	position: fixed;

	width: 100%;

	height: 0%;

	left: 0;

	top: 0;

	z-index: 98;

	-webkit-transition: background 0.35s linear, height 0.35s ease-in;

	transition: background 0.35s linear, height 0.35s ease-in;

	background: rgba(0, 0, 0, .8)

}



body.openMenu #navMini {

	height: 100%;

	background: #fff;

	transition: background 0.35s linear, height 0.35s ease-in .2;

	-webkit-transition: background 0.35s linear, height 0.35s ease-in .2;

}



#navMiniTable {

	width: 100%;

	height: 100%;

	overflow-x: hidden;

	overflow-y: auto

}



#navMiniCell {}



#navMini .nav {

	font-size: 14px;

	padding: 80px 40px;

}



#navMini .nav a {

	border-bottom: 1px solid #333;

	height: 49px;

	transition: all .3s linear;

	color: #000;

	display: block;

	line-height: 50px;

	text-align: left

}



#navMini .nav a i {

	margin-left: 10px

}



#navMini .nav a:hover,

#navMini .nav a.active {

	color: black;

	border-bottom: 1px solid black;

}



#navMini .nav a:hover i,

#navMini .nav a.active i {

	color: #ffffff;

}



#navMini .nav .subnav {

	font-size: 14px;

	overflow: hidden;

	opacity: 1;

	transition: height .36s ease, opacity .48s ease .10s;

	line-height: 30px;

}



#navMini .nav .subnav.hide {

	height: 0 !important;

	opacity: 0;

	transition: height 0.36s ease 0s, opacity 0.26s ease 0s;

	display: block

}



#navMini .nav .subnav a {

	text-indent: 30px

}



#indexPage {

	position: relative;

}



#indexPage .module {

	position: relative;

	border-bottom: 1px solid #232323;

}



.singlescreen #indexPage>.module {

	position: relative;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center;

	align-items: center;

}



#indexPage .module .bgmask {

	display: none

}



#indexPage .module.bgShow.bgmask {

	display: block

}



#indexPage .module.bgShow.bgParallax {

	background-size: cover;

	background-repeat: no-repeat;

	background-attachment: fixed

}



.module .module_container {

	max-width: 1170px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 80px;

	margin: 0 auto

}



.module .module_container.wide {

	max-width: 100%;

	padding-left: 0px;

	padding-right: 0px

}



.singlescreen #indexPage>.module>.module_container {

	max-height: 100%;

	width: 100%

}



.singlescreen #indexPage .module .container_header {

	padding-top: 0px;

	padding-bottom: 0

}



#indexPage .module .container_header {

	text-align: center;

	padding: 80px 0 30px 0;

	position: relative;

	color: #7f7f7f

}



#indexPage .module .container_header:before {

	background-color: #282828;

	display: block;

	height: 1px;

	margin: 0 auto 12px;

	width: 60px;

	content: ''

}



#indexPage .module .container_header .title {

	font-size: 20px;

	color: #ffffff

}



#indexPage .module .container_header .subtitle {

	margin-top: 15px;

	font-size: 12px;

	position: relative

}



.module .container_category {

	text-align: center;

	padding-bottom: 55px;

	position: relative

}



.module .container_category.one {

	padding-bottom: 30px

}



.module .container_category.one a {

	display: none

}



.npagePage .module .container_category {

	padding-top: 30px;

	padding-bottom: 20px

}



.module .container_category a {

	padding: 10px 26px;

	line-height: 12px;

	font-size: 12px;

	color: #7F7F7F;

	position: relative;

	display: inline-block;

}



.npagePage .module .container_category a {

	font-size: 13px

}



.module .container_category a span {

	position: relative;

	z-index: 1

}



.module .container_category a:after {

	content: '';

	position: absolute;

	width: 1px;

	height: 12px;

	right: -3px;

	top: 12px;

	background: #3b3b3b;

}



.module .container_category a:last-of-type:after {

	display: none

}



.module .container_category a.active,

.module .container_category a:hover {

	color: #ffffff;

}



.module .container_category a .move {

	background-color: rgba(150, 57, 71, .7);

	width: 96%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	visibility: hidden;

	transition: visibility .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);

}



.module .container_category a:hover .move {

	opacity: 1;

	visibility: visible

}



#indexPage #topSlider {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	display: block;

}



#indexPage #topSlider .content_wrapper {}



#indexPage #topSlider .content_list {

	height: 100%;

	overflow: hidden;

	display: block;

	visibility: hidden

}



#indexPage #topSlider .content_list.owl-loaded {

	visibility: visible

}



#indexPage #topSlider .content_list .item_block {

	width: 100%;

	height: 100%;

	display: block;

	position: relative

}



#indexPage #topSlider .content_list .item_block div.item_bg {

	position: absolute;

	width: 100%;

	height: 100%;

}



#indexPage #topSlider .content_list .item_block div.item_bg.image {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	width: 100%;

	height: 100%

}



#indexPage #topSlider .content_list .item_block div.item_bg.video video {

	width: 100%;

	height: 100%

}



#indexPage #topSlider .content_list .item_block div.mask {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .3)

}



#indexPage #topSlider .content_list .item_block a {

	width: 100%;

	height: 100%;

	display: table;

	position: absolute;

	left: 0;

	top: 0

}



#indexPage #topSlider .content_list .item_block a div {

	display: table-cell;

	vertical-align: middle;

	padding: 100px 50px;

}



#indexPage #topSlider .content_list .item_block p {

	color: #ffffff;

	max-width: 1170px;

	margin: 0 auto;

}



#indexPage #topSlider .content_list .item_block p.title {

	font-size: 48px;

	line-height: 60px;

	height: 60px;

	transition-delay: 0

}



#indexPage #topSlider .content_list .item_block p.subtitle {

	font-size: 20px;

	height: 20px;

	color: #ddd;

	transition-delay: 0.2s;

	margin-top: 6px

}



#indexPage #topSlider .content_list .item_block a i {

	text-indent: 20px;

	font-size: 24px

}



#indexPage #topSlider .content_list .item_block p {

	transform: translateY(50px);

	transition: all cubic-bezier(0.215, 0.61, 0.355, 1) .5s;

	-webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) .5s;

	opacity: 0

}



#indexPage #topSlider .content_list .owl-item.active .item_block p {

	transform: translateY(0px);

	opacity: 1

}



#indexPage #topSlider .content_list[data-slider-mode="3"] {

	width: 3600px;

	padding: 40px 0

}

@media only screen and (min-width: 100px) and (max-width: 1200px) {

	#indexPage #topSlider .content_list[data-slider-mode="3"] {

		width: 3600px;

		padding:0;

	}

}

#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer {

	width: 3600px;

	height: 100%;

	left: 50%;

	margin-left: -1800px

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before,

#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {

	content: '';

	width: 1200px;

	height: 100%;

	display: block;

	background-color: rgba(0, 0, 0, .5);

	position: absolute;

	z-index: 2;

	top: 0;

	border: #fff 30px solid;

	box-sizing: border-box

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {

	left: 0

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {

	right: 0;

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-item.active .item_block p {

	transform: translateY(50px);

	opacity: 0

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-item.active.active3 .item_block p {

	transform: translateY(0px);

	opacity: 1

}



#indexPage #topSlider .owl-theme .owl-nav .owl-prev {

	left: 0

}



#indexPage #topSlider .owl-theme .owl-nav .owl-next {

	right: 0

}



#indexPage #topSlider .owl-theme .owl-nav [class*="owl-"]:hover {

	background-color: rgba(150, 57, 71, .5);

}



#indexPage #topSlider .owl-theme .owl-dots {

	bottom: 20px;

}



#indexPage #topSlider .progress {

	width: 100%;

	height: 1px;

	background: rgba(150, 57, 71, .8);

	bottom: 0;

	position: absolute;

	width: 0;

	z-index: 1

}



#indexPage #contactlist {

	max-width: 1260px;

	margin: 30px auto 0 auto

}



#indexPage #contactlist #contactinfo {

	width: 40%;

	float: left;

}



#indexPage #contactlist #contactform {

	margin-left: 50%

}



#contactinfo h3 {

	font-size: 16px;

	line-height: 24px;

	margin-bottom: 12px;

	color: #ffffff;

}



#contactinfo p {

	line-height: 24px;

	height: 24px;

	width: 100%;

	font-size: 13px;

	color: #7f7f7f;

}



#contactinfo>a {

	color: #989898;

	text-decoration: underline

}



#contactinfo div {

	margin-top: 24px

}



#contactinfo div a {

	width: 36px;

	height: 36px;

	display: block;

	font-size: 16px;

	margin-right: 10px;

	text-align: center;

	line-height: 43px;

	border: 1px solid #282828;

}



#contactinfo div a:hover {

	background-color: #963947;

	border-color: #963947

}



#contactinfo div a i {

	margin-top: 7px;

	font-size: 16px;

	margin-top: 10px

}



#contactinfo div a:hover i {

	color: #ffffff

}



#contactform p {

	margin-bottom: 20px

}



#contactform p .inputtxt {

	width: 100%;

	line-height: 22px;

	padding: 10px 26px;

	color: #ffffff;

	border: 1px solid #282828;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	transition: all .1s linear;

}



#contactform p .inputtxt:hover {

	border-color: #6e6e6e;

}



#contactform p textarea.inputtxt {

	height: 100px;

	resize: none;

	overflow: hidden;

	background-color: transparent;

}



#contactform p .inputtxt.submit {

	border-color: #383838;

	width: auto;

	cursor: pointer;

	padding-left: 60px;

	padding-right: 60px

}



#contactform p .inputtxt.submit:hover {

	border-color: #963947;

	background-color: #963947;

	color: #ffffff;

}



.module.mdir>.module_container {

	max-width: none;

	padding-left: 0;

	padding-right: 0;

	padding-bottom: 0

}



.module.mcustomize .header {

	text-align: center;

	padding: 60px 0 30px 0;

	font-size: 20px;

	margin: 0 auto;

	color: #ffffff;

}



.module.mcustomize .header .subtitle {

	margin: 15px 0 5px 0;

	font-size: 12px;

	color: #7f7f7f

}



.module.mcustomize .description {

	max-width: 780px;

	margin: 0 auto;

	line-height: 24px;

	text-align: center;

	font-size: 13px;

}



.module.mcustomize .mediabody {

	text-align: center;

	margin-top: 50px;

}



.module.mcustomize .mediabody a {

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

}



.module.mcustomize .mediabody img {

	float: none;

	max-width: 100%

}



.module.mcustomize .mediabody a .mask {

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.2);

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	transition: all ease-out .5s

}



.module.mcustomize .mediabody a .link_icon {

	display: block;

	width: 38px;

	height: 38px;

	text-align: center;

	font-size: 22px;

	line-height: 38px;

	border: 2px solid rgb(255, 255, 255);

	border-radius: 50%;

	position: absolute;

	left: 50%;

	top: -110%;

	margin-left: -21px;

	margin-top: -21px;

	opacity: 0;

	transition: all ease-out .5s;

}



.module.mcustomize .mediabody a .link_icon i {

	color: #ffffff;

	margin-top: 8px

}



.module.mcustomize .mediabody a:hover .mask {

	opacity: 1

}



.module.mcustomize .mediabody a:hover .link_icon {

	opacity: 1;

	top: 50%

}



.module.mcustomize .description a.more {

	min-width: 120px;

	position: relative;

	display: inline-block;

	padding: 10px 30px;

	color: #9e9e9e;

	border: 1px solid #9e9e9e;

	transition: all 0.3s linear;

	z-index: 1;

}



.module.mcustomize .description a.more:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #963947;

	z-index: -1;

	opacity: 0;

	-webkit-transform: scale3d(0.7, 1, 1);

	transform: scale3d(0.7, 1, 1);

	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;

	transition: transform 0.4s, opacity 0.4s;

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}



.module.mcustomize .description a.more:hover {

	color: #ffffff;

	border-color: #963947

}



.module.mcustomize .description a.more:hover::before {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: scale3d(1, 1, 1);

}



.module.mcustomize.horizontal .container_content {

	height: 400px;

	overflow: hidden

}



.module.mcustomize.horizontal .contentbody {

	height: 100%;

	display: table;

	width: 48%;

	float: left

}



.module.mcustomize.horizontal .contentbody .wrapper {

	vertical-align: middle;

	display: table-cell;

}



.module.mcustomize.horizontal .mediabody {

	height: 100%;

	width: 48%;

	float: left;

}



.module.mcustomize.horizontal .mediabody div.image {

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	width: 100%;

	height: 100%

}



.module.mcustomize.horizontal.tril .contentbody {

	width: 48%;

	height: 100%;

	float: right;

}



.module.mcustomize.horizontal.tril .mediabody {

	width: 48%;

	height: 100%;

	float: left;

}



.module.mcounter .module_container {

	padding: 60px 0;

	position: relative;

	z-index: 1

}



.module.mcounter .particles-js-canvas-el {

	opacity: .5

}



.module.mcounter ul.content_list {

	width: 100%;

	height: auto;

}



.module.mcounter ul.content_list li {

	width: 25%;

	height: 108px;

	float: left;

	text-align: center;

}



.module.mcounter ul.content_list li div {

	border-right: #333 1px solid;

}



.module.mcounter ul.content_list li:last-child div {

	border-right: none

}



.module.mcounter ul.content_list li p {

	text-align: center;

	font-size: 14px;

	color: #9e9e9e;

}



.module.mcounter ul.content_list li p.number {

	margin-top: 15px;

}



.module.mcounter ul.content_list li p.number .counterDX {

	font-size: 48px;

	color: #ffffff;

	font-family: HELVETICANEUELTPRO-THEX, Arial;

	text-align: center;

	margin-top: 15px;

}

@media screen and (max-width:640px ){

	.module.mcounter ul.content_list li p.number .counterDX {

		font-size: 30px

	}

}

.module.mcounter ul.content_list li p.number .unit {

	font-size: 14px

}



.module.mcounter ul.content_list li p.title {

	margin-bottom: 10px;

}



#counterBgdx {

	opacity: .5;

	position: absolute;

	width: 100%;

	height: 100%

}



.singlescreen #counterBgdx {

	display: none

}



#pageTarget {

	border-bottom: #232323 1px solid;

}



#pageTarget .module_container {

	padding-bottom: 0

}



.container_target {

	padding: 20px 0;

	float: right

}



.container_target a {

	color: #9e9e9e;

	position: relative

}



.container_target a:hover {

	color: #ffffff

}



.container_target i {

	margin: 0 10px

}



.container_target a:last-child {

	color: #ffffff

}



.container_target a:last-child:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: -21px;

	width: 100%;

	height: 1px;

	background-color: #963947;

}



.content_wrapper.slider {

	padding: 0 0 30px 0;

}



.mlist.project .content_wrapper {

	margin-right: -1%;

	position: relative

}



.mlist.project .content_list .item_block {

	width: 32.3333%;

	margin-right: 1%;

	margin-bottom: 1%;

	float: left;

	transition: all .2s linear;

	-webkit-transition: all .2s linear;

}



#indexPage .mlist.project .content_wrapper {

	margin-right: -1%;

}



#indexPage .mlist.project .content_list .item_block {

	width: 24%;

	margin-right: 1%;

}



#indexPage .mlist.project .slider .content_list .item_block {

	width: 100%

}



.mlist.project .content_list .item_block.item_block img {

	width: 100%;

	height: auto;

	transition: all ease-out .3s

}



.mlist.project .content_list .item_block .item_link {

	display: block;

	position: relative;

	overflow: hidden

}



.mlist.project .content_list .item_block .item_wrapper {

	background-color: rgba(150, 57, 71, .9);

	padding: 20px;

	box-sizing: border-box;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	visibility: hidden;

	transition: visibility .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);

}



.mlist.project .content_list .item_block .item_info {

	color: #ffffff;

	position: relative;

	transform: translate(0, 15px);

	opacity: 1;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.mlist.project .content_list .item_block .item_info .title {

	font-size: 16px;

}



.mlist.project .content_list .item_block .item_info .subtitle {

	font-size: 13px;

	margin-top: 5px

}



.mlist.project .content_list .item_block .item_wrapper .icon {

	color: #ffffff;

	float: right;

	position: absolute;

	top: 20px;

	right: 10px;

}



.mlist.project .content_list .item_block:hover .item_wrapper {

	width: 100%;

	opacity: 1;

	visibility: visible;

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

}



.item_tags {

	margin-top: 14px

}



#indexPage .item_tags {

	margin-top: 20px

}



.item_tags i {

	margin-right: 6px;

}



.item_tags a {

	background: #232323;

	padding: 3px 12px;

	border-radius: 2px;

	color: #9e9e9e;

	font-size: 12px;

	margin-right: 3px;

}



.item_tags a:hover {

	color: #ffffff;

}



#pages {

	height: 24px;

	padding: 20px 0;

}



#pages span {

	float: left;

	margin: 0 10px;

	line-height: 28px;

	color: #222

}



#pages a {

	width: 26px;

	height: 26px;

	display: block;

	line-height: 24px;

	text-align: center;

	font-family: Arial;

	float: left;

	margin-right: 5px;

	transition: all 0.2s ease-out;

	text-decoration: none

}



#pages a i {

	margin-top: 5px

}



#pages a:after {

	display: block;

	content: "";

	background-color: #d4d4d4;

	width: 0px;

	height: 1px;

	margin: 2px auto;

}



#pages a.active {

	color: #ffffff;

}



#pages a:hover:after,

#pages a.active:after {

	width: 10px;

}



.mlistpost.project .module_container {

	max-width: 1400px;

}



.mlistpost.project #postWrapper #postInfo {

	float: right;

	width: 340px

}



.mlistpost.project #postWrapper #postInfo .wrapper {

	width: 340px;

	font-size: 13px;

	top: 86px

}



.mlistpost.project #postWrapper #postInfo .wrapper .title {

	font-size: 18px;

	color: #ffffff;

}



.mlistpost.project #postWrapper #postInfo .wrapper .subtitle {

	color: #B0B0B0;

	margin-top: 4px

}



.mlistpost.project #postWrapper #postInfo .wrapper .description {

	margin-top: 24px;

	padding-bottom: 48px;

	line-height: 24px;

	border-bottom: 1px solid #282828;

}



.mlistpost.project #postWrapper #postInfo .wrapper .item_tags {

	margin-top: 24px

}



.mlistpost.project #postWrapper #postContent {

	margin-right: 380px;

}



.mlistpost.project #postWrapper #listContent {

	position: relative;

	margin-top: 40px;

}



.mlistpost.project #postWrapper #listContent>.item_tags {

	padding: 30px 0;

	border-top: 1px solid #282828;

}



.mlistpost.project #postContent .mlist.project .content_list .item_block {

	width: 32.33333%;

	margin-right: 1%;

	float: left;

	margin-bottom: 10px;

}



.mlistpost.project #postContent .mlist.project .content_list .item_block .item_tags {

	display: none

}



#fixed_projectPost {

	background: rgba(0, 0, 0, 0);

	overflow: hidden;

	visibility: hidden;

	display: block

}



#fixed_projectPost .fixed-container {

	background: #1c1c1c;

	transform: translate3d(0, 0, 0);

}



#fixed_projectPost #postWrapper #postInfo #postControl {

	margin-top: 30px;

}



#fixed_projectPost #postWrapper #postInfo #postControl .button {

	float: left;

	box-sizing: border-box;

	background-color: #232323;

	border: 1px solid #282828;

	margin-bottom: 5px;

	color: #9e9e9e;

	text-align: center;

	width: 60px;

	height: 60px;

	line-height: 60px;

	margin-right: 5px;

	cursor: pointer;

	transition: background-color ease-out .3s, border-color ease-out .3s, color ease-out .3s

}



#fixed_projectPost #postWrapper #postInfo #postControl .button:hover {

	background-color: #963947;

	border-color: #963947;

	color: #ffffff;

}



#fixed_projectPost #postWrapper #postInfo #postControl .button.info {

	position: relative

}



#fixed_projectPost #postWrapper #postInfo .wrapper {

	margin-top: 40px

}



#fixed_projectPost #postWrapper #postInfo {

	right: 0;

	position: absolute;

	z-index: 2;

	width: 320px;

	padding: 0 40px

}



#fixed_projectPost #postWrapper #postContent {

	margin-right: 400px;

}



#fixed_projectPost #postWrapper #postInfo .wrapper .title {

	font-size: 18px;

	color: #ffffff;

}



#fixed_projectPost #postWrapper #postInfo .wrapper .subtitle {

	color: #7f7f7f;

	margin-top: 4px

}



#fixed_projectPost #postWrapper #postInfo .wrapper .description {

	margin-top: 24px;

	line-height: 24px;

	font-size: 13px;

	height: 380px;

	overflow: hidden

}



#fixed_projectPost #postWrapper #postContent #imageWrapper {

	background-color: #1f1f1f

}



#fixed_projectPost #postWrapper #postContent #imageWrapper .item_block {

	width: 100%;

	height: 100%

}



#fixed_projectPost #postWrapper #postContent #imageWrapper .image {

	width: 100%;

	height: 100%;

	display: flex;

	-webkit-display: flex;

	align-items: center;

	-webkit-align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	background: url(loading.gif) center center no-repeat;

	transform: translate3d(0, 0, 0) scale(.7, .7);

	transition: all 1s ease 0s;

}



#fixed_projectPost #postWrapper #postContent #imageWrapper .owl-item.active .image {

	transform: scale(1, 1);

}



#fixed_projectPost #postWrapper #postContent #imageWrapper .item_block img {

	margin-bottom: 0;

	width: auto;

	max-width: 100%;

	max-height: 100%;

}



#fixed_projectPost #imageWrapper .owl-dots {

	bottom: 20px

}



#fixed_projectPost #imageWrapper .owl-nav {}



#fixed_projectPost #imageWrapper .owl-theme .owl-nav div:hover {

	background-color: rgba(150, 57, 71, 1);

}



#fixed_projectPost #imageWrapper .owl-theme .owl-nav .owl-prev {

	left: 0

}



#fixed_projectPost #imageWrapper .owl-theme .owl-nav .owl-next {

	right: 0

}



#fixed_pmask {

	overflow: hidden;

	width: 100%;

	height: 100%;

	background-color: rgb(0, 0, 0);

	transform-origin: 100% 0 0;

	transition: cubic-bezier(x1, y1, x2, y2)

}



.mlist.service_tabs.module .module_container.wide {

	padding-left: 0;

	padding-right: 0;

	max-width: 100%

}



.mlist.service_tabs.module .container_category {

	padding-bottom: 0

}



.mlist.service_tabs .content_wrapper {

	position: relative;

}



.mlist.service_tabs .tab_content_wrapper {

	border-bottom: 1px solid #232323;

	border-top: 1px solid #232323;

	height: 0px;

	overflow: hidden;

	visibility: hidden

}



.mlist.service_tabs .tab_content_wrapper.show {

	visibility: visible;

}



.mlist.service_tabs .tab_content {

	max-width: 1000px;

	width: 100%;

	margin: 0 auto;

}



.mlist.service_tabs .tab_content .tab_indexs {

	float: left;

	width: 120px;

	margin-top: -10px

}



.mlist.service_tabs .tab_content .tab_indexs .nums_item {

	display: inline-block;

	width: 35px;

	height: 60px;

	overflow: hidden

}



.mlist.service_tabs .tab_content .tab_indexs .nums_item div {

	width: 35px;

}



.mlist.service_tabs .tab_content .tab_indexs span {

	color: #303030;

	font-size: 50px;

	font-family: HELVETICANEUELTPRO-THEX, Arial;

	display: inline-block;

	width: 30px;

	height: 60px;

	line-height: 60px

}



.mlist.service_tabs .tab_content .sliderWrapper {

	margin-left: 120px;

}



.mlist.service_tabs .tab_content .content_list .item_block {

	width: 100%;

	height: 252px;

}



.mlist.service_tabs .tab_content .content_list .item_block .item_wrapper {

	margin-right: 140px

}



.mlist.service_tabs .tab_content .content_list .item_block .item_info .title {

	font-size: 16px;

	color: #ffffff;

}



.mlist.service_tabs .tab_content .content_list .item_block .item_info .subtitle {

	font-size: 13px;

	color: #9e9e9e;

	margin: 5px 0 15px 0

}



.mlist.service_tabs .tab_content .content_list .item_block .item_info .description {

	font-size: 13px;

	line-height: 24px;

	height: 146px;

	overflow: hidden;

}



.mlist.service_tabs .tab_content .owl-theme .owl-dots {

	display: none

}



.mlist.service_tabs .tab_content .owl-theme .owl-nav {

	margin-top: 0;

	position: absolute;

	right: 0;

	top: 0;

	width: 110px;

	background-color: #1c1c1c;

	display: block

}



.mlist.service_tabs .tab_content .owl-theme .owl-nav>div {

	width: 110px;

	position: static;

	margin-top: 0;

	box-sizing: border-box;

	background-color: #232323;

	border: 1px solid #282828;

	margin-bottom: 5px;

	color: #9e9e9e

}



.mlist.service_tabs .tab_content .owl-theme .owl-nav>div:hover {

	background-color: #963947;

	border-color: #963947;

	color: #ffffff

}



.mlist.service_tabs .tab_content .owl-theme .owl-prev {}



.mlist.service_tabs .tab_content .owl-theme .owl-next {}



.mlist.service_tabs .tab_content .owl-theme .owl-nav>div.owl-close {

	background: none;

	border: none;

}



.mlist.service_tabs .tab_button {

	max-width: 1170px;

	margin: 30px auto 0 auto

}



.mlist.service_tabs .tab_button .content_list {

	margin-right: -1%

}



.mlist.service_tabs .tab_button .content_list .item_block {

	width: 24%;

	height: auto;

	margin-right: 1%;

	margin-bottom: 1%;

	float: left;

	transition: all .2s linear;

	-webkit-transition: all .2s linear;

	background-color: #232323;

	border: 1px solid #282828;

	box-sizing: border-box

}



.mlist.service_tabs .tab_button .content_list .item_block .item_link {

	display: block;

	position: relative;

	overflow: hidden;

	width: 100%;

	height: 100%

}



.mlist.service_tabs .tab_button .content_list .item_block .item_img {

	overflow: hidden;

	margin: 0 auto

}



.mlist.service_tabs .tab_button .content_list .item_block .item_img img {

	max-width: 100%;

	height: auto;

	margin: 0 auto;

	display: block;

	float: none;

}



.mlist.service_tabs .tab_button .content_list .item_block .item_wrapper {

	padding: 20px

}



.mlist.service_tabs .tab_button .content_list .item_block .item_info {

	margin-top: 5px;

	height: 75px

}



.mlist.service_tabs .tab_button .content_list .item_block.nothumb .item_info {

	position: relative;

	top: -33px;

}



.mlist.service_tabs .tab_button .content_list .item_block .item_info .nums {

	color: #ffffff;

	font-size: 20px;

	font-family: HELVETICANEUELTPRO-THEX, Arial;

}



.mlist.service_tabs .tab_button .content_list .item_block .item_info .title {

	font-size: 15px;

	color: #9e9e9e;

	margin-top: 10px;

}



.mlist.service_tabs .tab_button .content_list .item_block .item_info .subtitle {

	font-size: 12px;

	margin-top: 3px

}



.mlist.service_tabs .tab_button .content_list .item_block:hover {

	background-color: #963947;

	border-color: #963947;

}



.mlist.service_tabs .tab_button .content_list .item_block:hover .item_img img {}



.mlist.service_tabs .tab_button .content_list .item_block:hover .title,

.mlist.service_tabs .tab_button .content_list .item_block.active .title {

	color: #ffffff;

}



.mlist.service_tabs .tab_button .content_list .item_block:hover .subtitle,

.mlist.service_tabs .tab_button .content_list .item_block.active .subtitle {

	color: rgba(255, 255, 255, .6);

}



.mlist.service_tabs .tab_button .content_list .item_block.active .item_info .nums {

	color: #963947

}



.mlist.service_tabs .tab_button .content_list .item_block.active {

	background-color: #232323;

	border-color: #282828;

}



.mlist.news .container_content {

	max-width: 1170px;

	margin: 0 auto

}



.mlist.news .content_list .item_block {

	float: left;

	margin-bottom: 2%;

	width: 100%

}



.npagePage .mlist.news .content_list .item_block {

	border-bottom: #282828 1px dotted;

	padding-bottom: 20px

}



.mlist.news .content_list .item_block .item_img {

	display: block;

	position: relative;

	width: 266px;

	height: 176px;

	float: left;

	overflow: hidden

}



.mlist.news .content_list .item_block .item_img img {

	width: 100%;

	height: 100%

}



.mlist.news .content_list .item_block .item_img .rectborder {

	width: calc(100% + 20px);

	height: calc(100% + 20px);

	position: absolute;

	left: -10px;

	top: -10px;

	border: rgba(150, 57, 71, .9) 1px solid;

	transition: all ease-out .3s

}



.mlist.news .content_list .item_block .item_img .icon {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -25px;

	margin-top: 0px;

	color: #ffffff;

	opacity: 0;

	transition: all ease-out .3s;

	background: #963947;

	font-size: 32px;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center

}



.mlist.news .content_list .item_block .item_wrapper {

	margin-left: 296px;

	margin-top: 8px

}



.mlist.news .content_list .item_block .item_info .title {

	font-size: 16px;

	color: #9e9e9e;

	line-height: 20px;

	transition: all ease-out .3s

}



.mlist.news .content_list .item_block .item_info .subtitle {

	font-size: 12px;

	color: #7f7f7f;

	padding-bottom: 10px;

	margin-top: 10px

}



.mlist.news .content_list .item_block .item_info .description {

	font-size: 12px;

	padding-bottom: 10px;

	margin-top: 10px;

	line-height: 22px;

}



.mlist.news .content_list .item_block .more {

	font-size: 12px;

	margin-top: 10px;

	transition: all ease-out .3s;

	display: none;

}



.mlist.news .content_list .item_block .more i {

	font-size: 14px;

	margin-left: 5px;

	transition: all ease-out .3s

}



.mlist.news .content_list .item_block:hover .more {

	text-decoration: underline;

}



.mlist.news .content_list .item_block:hover .more i {

	margin-left: 10px;

	color: #ffffff

}



.mlist.news .content_list .item_block:hover .rectborder {

	width: calc(100% - 22px);

	height: calc(100% - 22px);

	left: 10px;

	top: 10px;

}



.mlist.news .content_list .item_block:hover .icon {

	opacity: 1;

	margin-top: -25px

}



.mlist.news .content_list .item_block:hover .item_info .title {

	color: #ffffff

}



#indexPage .mlist.news .content_wrapper {

	margin-right: -2%;

}



#indexPage .mlist.news .content_list .item_block {

	width: 31.33333%;

	margin-right: 2%;

	margin-bottom: 2%;

	float: left

}



#indexPage .mlist.news .content_list .item_block .item_img {

	width: 35%;

	height: auto;

	float: left;

}



#indexPage .mlist.news .content_list .item_block .item_img .icon {

	display: none

}



#indexPage .mlist.news .content_list .item_block .item_wrapper {

	margin-left: 38%

}



#indexPage .mlist.news .content_list .item_block .item_info .title {

	font-size: 14px;

	width: 100%;

	height: 16px;

	overflow: hidden;

	line-height: 16px

}



#indexPage .mlist.news .content_list .item_block .item_info .subtitle {

	padding-bottom: 0;

	margin-top: 5px

}



#indexPage .mlist.news .content_list .item_block .item_tags,

#indexPage .mlist.news .content_list .item_block .item_info .description {

	display: none

}



#indexPage .mlist.news .content_list .item_block .more {

	display: block

}



#indexPage .mlist.news #news_item_0 .item_img,

#indexPage .mlist.news #news_item_1 .item_img,

#indexPage .mlist.news #news_item_2 .item_img {

	width: 100%;

	margin-bottom: 15px

}



#indexPage .mlist.news #news_item_0 .item_wrapper,

#indexPage .mlist.news #news_item_1 .item_wrapper,

#indexPage .mlist.news #news_item_2 .item_wrapper {

	margin-left: 0;

}



#indexPage .mlist.news #news_item_0 .icon,

#indexPage .mlist.news #news_item_1 .icon,

#indexPage .mlist.news #news_item_2 .icon {

	display: block

}



#indexPage .mlist.news #news_item_0,

#indexPage .mlist.news #news_item_1,

#indexPage .mlist.news #news_item_2 {

	margin-bottom: 3%

}



#indexPage .mlist.news #news_item_0 .item_wrapper .title,

#indexPage .mlist.news #news_item_1 .item_wrapper .title,

#indexPage .mlist.news #news_item_2 .item_wrapper .title {

	font-size: 16px;

	line-height: 25px;

	height: 25px;

}



#indexPage .mlist.news #news_item_0 .item_wrapper .more,

#indexPage .mlist.news #news_item_1 .item_wrapper .more,

#indexPage .mlist.news #news_item_2 .item_wrapper .more {

	display: none

}



.mlistpost.news #postWrapper {

	margin: 0 auto;

}



.mlistpost.news #listContent {

	width: 33%;

	float: right;

}



.mlistpost.news #listContent .item_tags {

	margin-top: 0

}



.mlistpost.news #listContent .item_tags a {

	padding: 5px 15px;

	background-color: #282828;

	transition: all ease-out .3s;

	display: inline-block;

	margin-bottom: 5px

}



.mlistpost.news #listContent .item_tags a:hover {

	background-color: #963947

}



.mlistpost.news .mlist.news {

	margin-top: 35px

}



.mlistpost.news #listContent .mlist.news .content_list .item_block {

	width: 100%;

	margin-bottom: 20px

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_img {

	width: 35%;

	height: auto;

	float: left;

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_img .icon {

	display: none

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_wrapper {

	margin-left: 38%

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_info .title {

	font-size: 14px;

	width: 100%;

	height: 16px;

	overflow: hidden;

	line-height: 16px

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_info .subtitle {

	padding-bottom: 0;

	margin-top: 5px;

	line-height: 15px

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_info .description {

	display: none

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .item_tags {

	display: none

}



.mlistpost.news #listContent .mlist.news .content_list .item_block .more {

	display: block

}



.mlistpost.news #postContent {

	width: 63%;

	float: left

}



.mlistpost.news #postInfo {}



.mlistpost.news #postInfo .title {

	font-size: 16px;

	color: #ffffff;

}



.mlistpost.news #postInfo .subtitle {

	font-size: 12px;

	color: #999;

	border-bottom: 1px solid #282828;

	padding-bottom: 10px;

}



.mlistpost.news #postContent .postbody {

	margin-top: 5px;

	font-size: 14px;

	line-height: 24px;

	margin-bottom: 30px;

	color: #9e9e9e

}



.mlist.imagelink .content_wrapper {

	position: relative;

	margin-right: -1%;

}



.mlist.imagelink .content_list .item_block {

	width: 15.666%;

	margin-right: 1%;

	margin-bottom: 1%;

	float: left;

	position: relative;

	background: #232323

}



.mlist.imagelink .content_list .item_block .item_img {

	position: relative;

	display: block;

}



.mlist.imagelink .content_list .item_block img {

	width: 100%;

	height: auto;

	transition: all ease-out .3s .1s;

	float: none;

	opacity: .8;

}



.mlist.imagelink .content_list .item_block .item_img:hover img {

	opacity: 1

}



.mlist.team .content_wrapper {

	position: relative;

	margin-right: -2%

}



.mlist.team .content_list .item_block {

	width: 23%;

	margin-right: 2%;

	margin-bottom: 2%;

	float: left;

}



.mlist.team .content_list .item_block img {

	width: 100%;

	height: auto;

	transition: all ease-out .3s;

	float: none;

	display: block

}



.mlist.team .content_list .item_block .item_link {

	display: block

}



.mlist.team .content_list .item_block .item_img {

	position: relative;

	display: block;

	overflow: hidden;

}



.mlist.team .content_list .item_block .item_img .rectborder {

	width: calc(100% + 20px);

	height: calc(100% + 20px);

	position: absolute;

	left: -10px;

	top: -10px;

	border: rgba(150, 57, 71, .9) 1px solid;

	transition: all ease-out .3s

}



.mlist.team .content_list .item_block .item_img .icon {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -25px;

	margin-top: 0px;

	color: #ffffff;

	opacity: 0;

	transition: all ease-out .3s;

	background: #963947;

	font-size: 32px;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	display: block

}



.mlist.team .content_list .item_block .item_wrapper {

	padding: 15px 20px;

	height: auto;

	background-color: #232323;

	box-sizing: border-box;

	transition: all ease-out .3s

}



.mlist.team .content_list .item_block .item_info .title {

	font-size: 16px;

	color: #9e9e9e;

}



.mlist.team .content_list .item_block .item_info .subtitle {

	font-size: 13px;

	margin-top: 3px;

	color: #5d5d5d

}



.mlist.team .content_list .item_block:hover .rectborder {

	width: calc(100% - 22px);

	height: calc(100% - 22px);

	left: 10px;

	top: 10px;

}



.mlist.team .content_list .item_block:hover .icon {

	opacity: 1;

	margin-top: -25px

}



.mlist.team .content_list .item_block:hover .item_wrapper {

	background-color: rgba(150, 57, 71, .9);

}



.mlist.team .content_list .item_block:hover .item_wrapper .title {

	color: #ffffff

}



.mlist.team .content_list .item_block:hover .item_wrapper .subtitle {

	color: rgba(255, 255, 255, .7)

}



.mlistpost.team #postWrapper {

	margin-bottom: 70px

}



.mlistpost.team #postWrapper #imageWrapper {

	width: 400px;

	height: auto;

	float: left;

}



.mlistpost.team #postWrapper #postInfo {

	margin-left: 450px;

	width: auto

}



.mlistpost.team #postWrapper #postInfo .wrapper {

	font-size: 13px;

}



.mlistpost.team #postWrapper #postInfo .wrapper .title {

	font-size: 18px;

	color: #ffffff;

}



.mlistpost.team #postWrapper #postInfo .wrapper .subtitle {

	color: #999;

	margin-top: 4px;

	border-bottom: 1px solid #282828;

	padding-bottom: 10px;

}



.mlistpost.team #postWrapper #postInfo .wrapper .description {

	margin-top: 28px;

	line-height: 24px;

}



.mlistpost.team #postWrapper #postInfo .wrapper .description a.more {

	display: inline-block;

	padding: 10px 30px;

	color: #fff

}



.mlistpost.team #postWrapper .owl-theme .owl-nav {

	display: none

}



.mlistpost.team #postWrapper .owl-theme .owl-dots {

	bottom: -40px

}



.mlist.job .content_wrapper {

	position: relative;

}



.mlist.job .content_list .item_block {

	width: 100%;

	float: left;

	color: #9e9e9e

}



.mlist.job .content_list .item_block .item_info {

	border-bottom: #232323 1px solid;

	height: 30px;

	padding: 10px 0;

	cursor: pointer;

	transition: background ease-out .3s

}



.mlist.job .content_list .item_block .item_info:hover,

.mlist.job .content_list .item_block.active .item_info {

	background-color: #282828

}



.mlist.job .content_list .item_block p {

	height: 30px;

	line-height: 30px;

	float: left

}



.mlist.job .content_list .item_block p.title {

	width: 55%;

	text-indent: 30px;

	transition: color ease-out .3s

}



.mlist.job .content_list .item_block .item_info:hover p.title,

.mlist.job .content_list .item_block.active p.title {

	color: #fff

}



.mlist.job .content_list .item_block p.subtitle {

	width: 15%

}



.mlist.job .content_list .item_block p.cattitle {

	width: 15%

}



.mlist.job .content_list .item_block p.date {

	width: 10%

}



.mlist.job .content_list .item_block p.more {

	width: 5%

}



.mlist.job .content_list .item_block p.more a {

	float: right;

	margin-right: 20px

}



.mlist.job .content_list .item_block p.more i {

	font-size: 24px;

	margin-top: 2px;

	transition: all ease-out .3s

}



.mlist.job .content_list .item_block.active p.more i {

	transform: rotate(180deg)

}



.mlist.job .content_list .item_block p.more a:hover i {

	color: #963947;

}



.mlist.job .content_list .item_block .item_wrapper {}



.mlist.job .content_list .item_block .description {

	padding: 20px 30px;

	font-size: 13px;

	border-bottom: #232323 1px solid

}



.mlist.job .content_list .item_block .description p {

	float: none;

	height: auto

}



.mlist.job .content_list .item_block .description a.more {

	background-color: #963947;

	padding: 10px 20px;

	margin-top: 20px;

	display: inline-block;

	width: auto;

	font-size: 13px;

	color: #eaeaea

}



.mlist.job .content_list .item_block.head {

	display: none

}



.mlist.job .content_list .item_block.head p {

	color: #ffffff;

	font-size: 14px

}



.mlist.job .content_list .item_block.head .item_info {

	background-color: #3b3b3b;

	cursor: default

}



.mlist .content_wrapper.slider {

	margin-right: 0

}



.mlist .content_wrapper.slider .owl-loaded .owl-item .item_block {

	width: 100%

}



#moduleControl {

	position: fixed;

	right: 20px;

	top: 50%;

}



#moduleControl a.moduleCItem {

	border: 1px solid transparent;

	border-radius: 6px;

	display: block;

	height: 10px;

	margin-bottom: 5px;

	outline: 0 none;

	text-indent: -9999px;

	transition: all 0.3s ease-out 0s;

	width: 10px;

}



#moduleControl a.moduleCItem span {

	width: 4px;

	height: 4px;

	border-radius: 50%;

	background: #555;

	display: block;

	margin: 3px 0 0 3px;

}



#moduleControl a.moduleCItem:hover,

#moduleControl a.moduleCItem.active {

	border-color: #ffffff;

}



#moduleControl a.moduleCItem:hover span,

#moduleControl a.moduleCItem.active span {

	opacity: 0

}



#moduleControl a.moduleCItem span {}



.npagePage .module_container {

	padding-bottom: 0

}



.npagePage .module_container .module_container {

	padding-left: 0px;

	padding-right: 0px;

	max-width: 100%

}



.npagePage .container_content {

	padding-top: 40px

}



.npagePage .container_content.nocat {

	padding-top: 70px

}



.npagePage #postWrapper {

	padding-top: 30px

}



.npagePage #banner {

	height: 280px

}



.npagePage #banner div {

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover

}



.npagePage .content {

	font-size: 13px;

	line-height: 24px;

	margin-top:60px;

}



.npagePage .content hr {

	border: none;

	border-top: 1px dotted #282828;

	margin-top: 10px;

	margin-bottom: 10px;

	word-wrap: break-word;

	word-break: normal;

}



.npagePage .content .postbody {

	color: #9e9e9e

}



.npagePage .content .postbody ul li {

	list-style: inherit;

}



.list-paddingleft-1 {

	padding-left: 0

}



.list-paddingleft-2 {

	/*padding-left: 30px*/

}



.list-paddingleft-3 {

	padding-left: 60px

}



.npagePage .content .postbody a,

.npagePage .content .description a {

	text-decoration: underline

}



.postbody img {

	float: none;

	max-width: 100%;

	margin-bottom: 20px

}



.npagePage .mpageEditor .container_header {

	padding: 60px 0 30px;

	font-size: 22px;

	text-align: center

}



.npagePage .mpageEditor .container_header .title {

	color: #ffffff;

}



.npagePage .mpageEditor .container_header .subtitle {

	font-size: 14px

}



.npagePage .mpageEditor .container_content {

	padding-top: 0

}



.npagePage .mpageEditor .postbody #contactinfo {

	float: left

}



.npagePage .mpageEditor .postbody #contactform {

	float: left;

	margin-top: 50px;

	width: 100%;

}



.npagePage .mpageEditor #mcontact .module_container {

	max-width: 850px;

	width: 90%;



}



#footer {

	height: 20px;

	padding: 10px 56px

}



#footer p {

	line-height: 20px;

	height: 20px;

	text-align: center;

}



#footer p span.ellipsis {

	display: inline-block;

	max-width: 70%

}



#footer p a#flogo {

	display: inline-block;

	width: 50px;

	height: 20px;

	vertical-align: top;

	margin-left: 10px;

	margin-right: 40px;

}



#footer p a#fbeian {

	color: #8e8e8e;

	vertical-align: top

}



#shares {

	position: fixed;

	right: 7px;

	bottom: 63px;

	z-index: 99;

	height: 124px

}



#shares a {

	width: 40px;

	height: 40px;

	border: 1px solid #282828;

	display: block;

	font-size: 16px;

	text-align: center;

	position: relative;

	transition: all 0.3s ease-out 0s;

	background-color: #1c1c1c

}



#shares a i {

	margin-top: 12px;

	transition: all 0.3s ease-out 0s;

}



#shares a i.fa.fa-mobile {

	font-size: 24px;

	margin-top: 8px;

}

#shares a:hover i,

#online_open:hover i {

	color: #ffffff;

}

#online_open:hover i svg path{

	fill:#fff;

}

#shares a:hover i svg path{

	fill:#fff;

}

#shares a:hover {

	border-color: #963947;

	z-index: 1;

	background-color: #963947;

}



#shares a#sweixin {

	top: -1px

}



#shares a#gotop {

	margin-top: -2px;

	font-size: 22px;

}



#shares a#gotop i {

	margin-top: 6px

}



.fixed {

	position: fixed;

	z-index: 9999;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgb(0, 0, 0);

	background: rgba(0, 0, 0, .6);

	overflow-y: auto;

	z-index: 100;

	display: none

}



#fixed_weixin .fixed-container {

	width: 220px;

	height: auto;

	padding: 20px 20px 0 20px;

	background: #ffffff;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -110px;

	margin-top: -140px

}



#fixed_weixin .fixed-container div {

	height: 220px

}



#fixed_weixin .fixed-container p {

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 14px;

	color: #000

}



#fixed_mp .fixed-container {

	width: 258px;

	height: 298px;

	background: #ffffff;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -129px;

	margin-top: -149px

}

#fixed_mp .fixed-container img{

	width: 100%;

}

#fixed_mp .fixed-container p {

	padding: 0 20px;

	text-align: center;

	font-size: 14px;

	color: #000

}



#online_open {

	width: 40px;

	height: 40px;

	border: 1px solid #282828;

	cursor: pointer;

	position: fixed;

	right: -40px;

	bottom: 186px;

	z-index: 99;

	font-size: 18px;

	text-align: center;

	line-height: 30px;

	margin-right: -3px;

	background-color: #1c1c1c

}



#online_open:hover {

	border-color: #963947;

	background-color: #963947;

}



#online_open i {

	margin-top: 12px;

	transition: all 0.3s ease-out 0s;

}



#online_open:hover i {

	color: #ffffff

}



#online_lx {

	width: 180px;

	height: auto;

	background-color: #ffffff;

	-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);

	box-shadow: 0 5px 9px rgba(4, 0, 0, .17);

	position: fixed;

	right: 7px;

	bottom: 188px;

	z-index: 99999;

	margin-right: -10px;

	display: none;

}



#olx_head {

	padding: 20px;

	line-height: 16px;

	height: 16px;

	background: #444;

	color: #ffffff;

	font-size: 14px

}



#olx_head i {

	font-size: 18px;

	color: #ffffff;

	cursor: pointer;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#olx_head i:hover {

	color: #ffffff;

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg);

}



#olx_qq li a {

	padding: 12px 30px;

	height: 18px;

	line-height: 18px;

	background: #e5e5e5;

	color: #353434;

	display: block;

	border-bottom: #ffffff 1px solid;

	transition: all ease-out .3s;

	font-size: 12px

}



#olx_qq li a i {

	color: #5e5e5e;

	font-size: 16px;

	vertical-align: middle;

	margin-right: 18px;

	transition: all ease-out .3s;

}



#olx_qq li a:hover {

	color: #ffffff;

	background: #999

}



#olx_qq li a:hover i {

	color: #ffffff;

}



#olx_tel {

	padding: 20px 30px

}



#olx_tel div {

	color: #434343;

	line-height: 14px;

	height: 14px;

	margin-bottom: 10px

}



#olx_tel div i {

	font-size: 18px;

	margin-right: 20px;

	vertical-align: middle

}



#olx_tel p {

	line-height: 18px;

	font-family: HELVETICANEUELTPRO-THEX;

	font-size: 16px

}



#openAssist {

	position: fixed;

	bottom: 40px;

	right: 20px;

	width: 50px;

	height: 50px;

	z-index: 99;

	background-color: #3b3b3b;

	border-radius: 25px;

	text-align: center;

	display: none

}



#openAssist i {

	font-size: 30px;

	color: #fff;

	position: relative;

	top: 8px;

	display: inline-block;

	transition: all ease-out .3s

}



#openAssist.active i {

	transform: translate3d(0, 0, 0) rotate(135deg)

}



#assistBtn {

	position: fixed;

	bottom: 90px;

	right: 25px;

	z-index: 99;

	display: none

}



#assistBtn a {

	width: 40px;

	height: 40px;

	display: block;

	text-align: center;

	background-color: #3b3b3b;

	border-radius: 20px;

	margin-bottom: 15px;

	opacity: 0;

	transform: translate3d(0, 8px, 0) scale(.3);

	transform-origin: center bottom;

}



#assistBtn a i {

	font-size: 18px;

	color: #fff;

	position: relative;

	top: 10px

}



.hide {

	display: none;

}



.popup {

	display: block;

}



.popup .fixed-container {

	position: absolute;

	left: 50%;

	top: 50%;

	background: #ffffff;

	width: 800px;

	height: 600px

}



.show {

	display: block;

}



.netmask {

	display: block

}



.netmask div {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -20px;

	margin-top: -20px

}



.netmask.loading div i {

	display: block;

	background: url(loading.gif);

	width: 40px;

	height: 40px

}



.netmask div i:before {

	display: none;

	font-size: 40px;

	color: #ffffff;

}



.netmask.success div i:before {

	display: block

}



@media screen and (max-width:1270px) {

	.module .module_container.wide {

		max-width: 1170px;

		padding-left: 5px;

		padding-right: 5px

	}

}



@media screen and (max-width:1179px) {

	.module .module_container,

	.module .module_container.wide,

	.mlist.service_tabs.module .module_container.wide,

	.mlistpost.project .module_container {

		max-width: 768px

	}

	#header,

	.gh1 #header {

		height: 54px;

		box-shadow: 0 0 10px rgba(0, 0, 0, .1);

		z-index: 99

	}

	#header .content,

	.gh1 #header .content {

		padding: 0

	}

	#header .wrapper,

	.gh1 #header .wrapper {

		padding: 5px 5px 0 5px;

		height: 49px

	}

	.gh1 #header #headTop {

		padding-bottom: 0px;

		border-bottom: none

	}

	.gh1 #header #navWrapper {

		display: none

	}

	.gh1 #sitecontent {

		padding-top: 54px;

	}

	#footer {

		padding: 10px 5px;

	}

	/*#footer p {

		text-align: left

	}*/

	#header .nav {

		display: none

	}

	#header .content #openBtn {

		display: block

	}

	#indexPage .module .module_container {

		padding-bottom: 20px

	}

	#indexPage .module .container_category {

		display: none

	}

	.container_category {

		white-space: nowrap;

		overflow-x: auto;

	}

	.module.mcounter ul.content_list li {

		width: 50%

	}

	.module.mcounter ul.content_list li:nth-of-type(2) div {

		border-right: none

	}

	.mlist.service_tabs .content_wrapper {

		padding: 0 5px

	}

	.mlist.service_tabs .tab_button {

		max-width: none;

	}

	.mlist.service_tabs .tab_button .content_list .item_block {

		width: 49%;

		margin-right: 1%;

		margin-bottom: 1%

	}

	.mlist.project .content_wrapper,

	#indexPage .mlist.project .content_wrapper {

		margin-right: -1%;

	}

	.mlist.project .content_list .item_block,

	#indexPage .mlist.project .content_list .item_block {

		width: 49%;

		margin-right: 1%;

		margin-bottom: 1%

	}

	.mlistpost.project #postContent .mlist.project .content_list .item_block {

		width: 49%;

		margin-right: 1%

	}

	.mlist.team .content_wrapper {

		margin-right: -1%

	}

	.mlist.team .content_list .item_block {

		width: 49%;

		margin-right: 1%;

		margin-bottom: 1%

	}

	.mlist.imagelink .content_wrapper {

		margin-right: -1%

	}

	.mlist.imagelink .content_list .item_block {

		width: 32.333%;

		margin-right: 1%;

		margin-bottom: 1%

	}

	#indexPage #contactlist #contactinfo {

		width: 100%

	}

	#indexPage #contactlist #contactform {

		width: 100%;

		margin-left: 0;

		margin-top: 30px;

		float: left

	}

	.mlist.news .content_list .item_block {

		margin-bottom: 20px

	}

	.mlist.news .content_list .item_block .item_info .title {

		font-size: 14px;

	}

	.mlist.news .content_list .item_block .item_info .subtitle {

		padding-bottom: 0px;

		margin-top: 0px;

	}

	#indexPage .mlist.news .content_wrapper {

		margin-right: -1%

	}

	#indexPage .mlist.news .content_list .item_block {

		width: 49%;

		margin-right: 1%;

		margin-bottom: 20px

	}

	#indexPage .mlist.news .content_list .item_block .item_img {

		width: 100%;

		height: auto;

		float: none;

		margin-bottom: 15px

	}

	#indexPage .mlist.news .content_list .item_block .item_wrapper {

		margin-left: 0;

	}

	#indexPage .mlist.news .content_list .item_block .more {

		display: none

	}

	#indexPage .mlist.news #news_item_0,

	#indexPage .mlist.news #news_item_1,

	#indexPage .mlist.news #news_item_2 {

		margin-bottom: 20px

	}

	#indexPage .mlist.news #news_item_0 .item_wrapper .title,

	#indexPage .mlist.news #news_item_1 .item_wrapper .title,

	#indexPage .mlist.news #news_item_2 .item_wrapper .title {

		font-size: 14px;

		height: 16px;

		line-height: 16px;

	}

	#indexPage .mlist.news #news_item_0 .icon,

	#indexPage .mlist.news #news_item_1 .icon,

	#indexPage .mlist.news #news_item_2 .icon {

		display: none

	}

	.mlistpost.news #listContent,

	.mlistpost.news #postContent {

		width: 100%;

		float: none

	}

	.mlistpost.news #listContent .mlist.news .content_wrapper {

		margin-right: -1%;

	}

	.mlistpost.news #listContent .mlist.news .content_list .item_block {

		width: 49%;

		margin-right: 1%

	}

	.mlistpost.project #postWrapper #postContent {

		margin-right: 0;

	}

	.mlistpost.project #postWrapper #postInfo {

		float: none;

		width: 100%;

		margin-bottom: 24px

	}

	.mlistpost.project #postWrapper #postInfo .wrapper {

		position: static;

		width: 100%

	}

	#shares,

	#online_open,

	#online_lx,

	#hcontact {

		display: none

	}

	#openAssist {

		display: block

	}

	.module.mcustomize.horizontal .contentbody,

	.module.mcustomize.horizontal.tril .contentbody {

		width: 100%;

		height: auto;

		float: none;

	}

	.module.mcustomize.horizontal .mediabody,

	.module.mcustomize.horizontal.tril .mediabody {

		width: 100%;

		height: auto;

		float: none;

	}

	.module.mcustomize.horizontal .container_content {

		height: auto

	}

	.mlist .content_wrapper.slider {

		padding-bottom: 50px

	}

}



@media screen and (max-width:767px) {

	#header .content #backBtn {

		display: block

	}

	.content_wrapper.slider {

		padding-left: 0;

		padding-right: 0

	}

	.module .module_container {

		max-width: 576px

	}

	#header {

		height: 54px;

		box-shadow: none

	}

	#header .wrapper {

		height: 44px;

		padding-top: 5px

	}

	#sitecontent {

		padding-top: 54px

	}

	#header .content {

		text-align: center

	}

	#header .content a#logo {

		display: inline-block;

		float:left;

		/*padding-left:0;*/

		/*margin-left:15px;*/

	}

	#header .content a#logo img{

		padding-left:5%;

		height:30%;

		width:auto;

		padding-top:22.5px;

	}

	#indexPage .module .container_header {

		padding: 30px 0 20px 0

	}

	#indexPage .module .container_header .title {

		font-size: 16px

	}

	#indexPage .module .container_header .subtitle {

		font-size: 12px;

		margin-top: 5px

	}

	#indexPage .module .container_header::before {

		display: none

	}

	.mlist.service_tabs .tab_button .content_list .item_block .item_img {}

	.mlist.imagelink .content_wrapper {

		margin-right: -1%

	}

	.mlist.imagelink .content_list .item_block {

		width: 49%;

		margin-right: 1%

	}

	.mlist.imagelink .content_wrapper.slider {

		margin-right: 0;

		padding-top: 0;

		padding-right: 0;

		padding-left: 0

	}

	.npagePage .container_content {

		padding-top: 10px

	}

	.npagePage .container_content.nocat {

		padding-top: 30px

	}

	.npagePage #postWrapper {

		padding-top: 10px

	}

	#banner {

		display: block;

		border:1px solid red;

	}

	.npagePage #banner{

		height:auto;

	}

	.npagePage #banner .hide{

		display:block;

		width:100%;

	}

	#pageTarget {

		display: none

	}

	.mlist.service_tabs .tab_button {

		margin-top: 0

	}

	.mlist.service_tabs .tab_content .content_list .item_block .item_wrapper {

		margin: 0 10px

	}

	.mlist.service_tabs .tab_content .tab_indexs,

	.mlist.service_tabs .tab_content .owl-theme .owl-nav>div.owl-prev,

	.mlist.service_tabs .tab_content .owl-theme .owl-nav>div.owl-next {

		display: none

	}

	.mlist.service_tabs .tab_content .sliderWrapper {

		margin-left: 0

	}

	.mlist.service_tabs .tab_content .content_list .item_block {

		height: 210px

	}

	.mlist.service_tabs .tab_content .owl-theme .owl-nav>div.owl-close {

		top: -20px;

		position: absolute;

		right: 0;

		width: 50px;

		height: 50px;

		line-height: 50px;

	}

	.mlist.service_tabs .tab_content .owl-theme .owl-nav>div.owl-close i {

		font-size: 21px

	}

	.mlistpost.service #postNav {

		display: none

	}

	.mlistpost.service #postContent {

		margin-left: 0

	}

	.mlist.project .content_list .item_block.item_block img {

		float: none

	}

	.mlist.project .content_list .item_block .item_wrapper {

		position: static;

		opacity: 1;

		visibility: visible;

		padding: 15px;

		background-color: #232323;

	}

	#sitecontent .mlist.project .content_list .item_block .item_wrapper {

		background-color: #232323;

	}

	.mlist.project .content_list .item_block .item_info {

		transform: none!important;

		top: 0;

		margin-top: 0px

	}

	.mlist.project .content_list .item_block .item_info .title {

		font-size: 14px;

		line-height: 14px

	}

	.mlist.project .content_list .item_block .item_info .subtitle {

		font-size: 12px;

		color: #7f7f7f;

		line-height: 12px

	}

	.mlist.project .content_list .item_block .item_wrapper .icon {

		display: none

	}

	.mlistpost.project #postWrapper #postInfo .wrapper .title {

		font-size: 16px

	}

	.mlistpost.project #postWrapper #postInfo .wrapper .subtitle {

		font-size: 12px;

		margin-top: 0;

		line-height: 18px;

	}

	.mlistpost.project #postWrapper #postInfo .wrapper .description {

		padding-bottom: 24px;

		margin-top: 12px

	}

	.mlist.team .content_list .item_block .item_wrapper {

		padding: 15px;

	}

	.mlist.team .content_list .item_block .item_info .title {

		font-size: 14px

	}

	.mlist.team .content_list .item_block .item_info .subtitle {

		font-size: 12px

	}

	.mlistpost.team #postWrapper #postInfo .wrapper .title {

		font-size: 16px

	}

	.mlistpost.team #postWrapper #postInfo .wrapper .subtitle {

		font-size: 12px;

		margin-top: 0;

		line-height: 18px;

	}

	.mlistpost.team #postWrapper #postInfo .wrapper .description {

		margin-top: 12px

	}

	#indexPage .mlist.news .content_wrapper {

		margin-right: 0

	}

	#indexPage .mlist.news .content_list .item_block {

		width: 100%;

		margin-right: 0;

		border-bottom: #282828 1px dotted;

		padding-bottom: 10px;

		margin-bottom: 10px

	}

	#indexPage .mlist.news .content_list .item_block .item_img {

		width: 35%;

		height: auto;

		float: left;

		margin-bottom: 0

	}

	#indexPage .mlist.news .content_list .item_block .item_wrapper {

		margin-left: 38%;

	}

	#indexPage .mlist.news #news_item_0,

	#indexPage .mlist.news #news_item_1,

	#indexPage .mlist.news #news_item_2 {

		margin-bottom: 10px

	}

	#indexPage .mlist.news #news_item_0 .item_img,

	#indexPage .mlist.news #news_item_1 .item_img,

	#indexPage .mlist.news #news_item_2 .item_img {

		width: 35%;

		height: auto;

		float: left;

		margin-bottom: 0

	}

	#indexPage .mlist.news #news_item_0 .item_wrapper,

	#indexPage .mlist.news #news_item_1 .item_wrapper,

	#indexPage .mlist.news #news_item_2 .item_wrapper {

		margin-left: 38%;

	}

	#indexPage .mlist.news #news_item_0 .item_wrapper .more,

	#indexPage .mlist.news #news_item_1 .item_wrapper .more,

	#indexPage .mlist.news #news_item_2 .item_wrapper .more,

	#indexPage .mlist.news .content_list .item_block .more {

		display: block

	}

	.mlist.job .content_list .item_block p.title {

		width: 65%;

		text-indent: 10px;

		padding-right: 10px;

		box-sizing: border-box

	}

	.mlist.job .content_list .item_block p.subtitle {

		display: none

	}

	.mlist.job .content_list .item_block p.cattitle {

		display: none

	}

	.mlist.job .content_list .item_block p.date {

		width: 25%

	}

	.mlist.job .content_list .item_block p.more {

		width: 10%;

	}

	.mlist.job .content_list .item_block p.more a {

		margin-right: 10px

	}

	.npagePage .mlist.news .content_list .item_block {

		padding-bottom: 10px;

		margin-bottom: 10px;

		line-height: 16px

	}

	.npagePage .mlist.news .content_list .item_block .item_img {

		width: 35%;

		height: auto;

	}

	.npagePage .mlist.news .content_list .item_block .item_wrapper {

		margin-left: 38%;

	}

	.npagePage .mlist.news .content_list .item_block .item_info .title {

		overflow: hidden;

		width: 100%;

		height: 16px

	}

	.npagePage .mlist.news .content_list .item_block .item_info .subtitle {

		margin-top: 5px

	}

	.npagePage .mlist.news .content_list .item_block .item_img .icon {

		display: none

	}

	.npagePage .mlist.news .content_list .item_block .item_tags,

	.mlist.news .content_list .item_block .item_info .description {

		display: none

	}

	.npagePage .mlist.news .content_list .item_block .more {

		display: block

	}

	.mlistpost.news #listContent,

	.mlistpost.news #postContent {

		width: 100%;

		float: none

	}

	.mlistpost.news #listContent .mlist.news .content_wrapper {

		margin-right: 0;

	}

	.mlistpost.news #listContent .mlist.news .content_list .item_block {

		width: 100%;

		margin-right: 0;

		margin-bottom: 10px;

		padding-bottom: 10px

	}

	.mlistpost.news #listContent .mlist.news .content_list .item_block .item_img {

		display: block

	}

	.mlistpost.team #postWrapper #imageWrapper {

		max-width: 400px;

		width: 100%;

		margin: 0 auto;

		float: none

	}

	.mlistpost.team #postWrapper #postInfo {

		margin-left: 0;

		margin-top: 50px

	}

	.module.mcustomize .header {

		padding: 30px 0 20px 0;

	}

	.module.mcustomize .header {

		font-size: 16px;

	}

	.module.mcustomize .header .subtitle {

		font-size: 12px;

		margin: 5px 0 0 0

	}

	.module.mcustomize .mediabody {

		margin-top: 30px

	}

	#indexPage #contactlist {

		margin-top: 0

	}

	.npagePage .mpageEditor .postbody #contactform {

		margin-top: 30px

	}

	#contactform p {

		margin-bottom: 10px

	}

}



.agent-mobile .owl-theme .owl-nav {

	display: none

}



.mlist.service_tabs .tab_button .content_list .item_block.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mlist.project .content_list .item_block.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mlist.team .content_list .item_block.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mlist.imagelink .content_list .item_block.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mlist.news .content_list .item_block.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mcustomize .header.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mcustomize .description.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mcustomize .mediabody.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



#mcontact #contactinfo.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



#mcontact #contactform.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



#indexPage .module .container_header {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.container_category {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.container_target {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}



.mlist.videom .content_list .item_block {

	width: 32.3333%;

	margin-right: 1%;

	margin-bottom: 1%;

	float: left;

	transition: all .2s linear;

	-webkit-transition: all .2s linear;

}



.mlist.videom .content_list .item_block a {

	display: block

}



.mlist.videom .content_list .item_block {

	position: relative

}



.mlist.videom .content_list .item_block .item_wrapper {

	width: 100%;

	height: 90px

}



.mlist.videom .content_list .item_block:hover .item_info .subtitle.ellipsis{

	opacity: 1;



}



.mlist.videom .item_block .item_img {

	position: relative;

	overflow: hidden

}



.mlist.project .content_list .item_block.item_block img {

	width: 100%;

	height: auto;

	transition: all ease-out .3s;

}



.mlist.videom .item_block .item_img .item_mask {

	width: 100%;

	height: 100%;

	position: absolute;

	transition: all .36s ease-out 0s;

	top: 0;

	left: 0

}



.mlist.videom .item_block .item_img .item_mask:after {

	content: '';

	width: calc(100% - 32px);

	height: calc(100% - 32px);

	position: absolute;

	top: 15px;

	left: 15px;

	transition: all .36s ease;

	border: 1px solid rgba(255, 255, 255, .3);

	transform: scale(1.2)

}



.mlist.videom .item_block .item_img .item_ico {

	width: 60px;

	height: 60px;

	position: absolute;

	top: -80px;

	margin-top: -41px;

	left: 50%;

	margin-left: -30px;

	border: 2px solid #fff;

	border-radius: 50%;

	transition: all .36s ease-out 0s

}



.mlist.videom .item_block:hover .item_img .item_ico {

	background: 0 0

}



.mlist.videom .item_block .item_img .item_ico:after {

	content: '';

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -3px;

	margin-top: -8px;

	transition: all .3s ease 0s;

	border-bottom: 8px solid transparent;

	border-top: 8px solid transparent;

	border-left: 10px solid #fff;

}



.mlist.videom .item_block .item_info {

	text-align: center;

	padding: 30px 14%;

	height: 52px;

	transition: all .3s ease 0s

}



.mlist.videom .item_block .item_info .title {

	font-size: 16px;

	color: black;

}



.mlist.videom .item_block .item_info .subtitle {

	font-size: 12px;

	color: #8A8A8A;

	line-height: 18px;

	margin-top: 2px;

	opacity: 0;

	transition: all .3s ease 0s

}



.agent-pc .mlist.videom .item_block:hover .item_info .subtitle {

	opacity: 1

}



.mlist.videom .owl-carousel .owl-nav .owl-next {

	right: 0

}



.mlist.videom .owl-carousel .owl-nav .owl-prev {

	left: 0

}



.mlist.videom .owl-theme .owl-nav [class*=owl-] {

	top: 50%;

	margin-top: 60px;

	z-index: 8;

	background: rgba(119, 119, 119, .8)

}



.mlist.videom .content_list .owl-item:hover .item_wrapper {

	opacity: 1

}



.mlist.videom .item_block:hover .item_img .item_mask::after {

	opacity: 1;

	transform: scale(1)

}



.mlist.videom .item_block:hover .item_img .item_mask {

	background: rgba(0, 0, 0, .8)

}



.mlist.videom .item_block:hover .item_img .item_ico {

	top: 50%

}





/* ff 修改相应下表单*/



@media screen and (max-width: 1179px) {

	body .mo-input-title {

		position: relative;

		line-height: 34px;

		font-size: 15px;

		color: #60676b;

		min-height: 34px;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis;

		box-sizing: border-box;

		text-align: left;

		float: none;

		width: 100%;

		padding: 0;

	}

	body .mo-type-text .mo-input-title {

		line-height: 40px;

		box-sizing: border-box;

	}

	body .mo-text-wrap {

		float: none;

		width: 100%;

		padding: 0;

	}

	body ._mo_requiredInput .mo-input-title:after {

		position: static;

	}

	body .mo-checkbox-wrap {

		width: 100%;

	}

	body .mo-textarea-wrap {

		width: 100%;

		padding: 0;

	}

	body .mo-button {

		text-align: center;

	}

	body .mo-input-wrap {

		width: 100%;

	}

	body .mo-button input {

		border: 1px solid;

		width: 80%;

		line-height: 34px;

		font-size: 14px;

		background: #ede9e9;

		border-radius: 2px;

		border-color: #ccc;

		cursor: pointer;

		color: #888;

		transition: 0.36s ease;

		vertical-align: middle;

	}

	body .mo-checkbox {

		margin-right: 12px;

		float: left;

		padding: 10px 0;

	}

	body #codeImg {

		display: inline-block !important;

		float: none !important;

		width: 120px;

	}

	.pageEditor.formPage {

		padding: 0 20px 40px;

	}

}



.module.mcustomize.horizontal.tlir .mediabody {

	float: right

}



.mlist.videom .item_block .item_img img {

	width: 100%;

}

#indexPage #topSlider .content_list[data-slider-mode="3"]{

		display:block;

	}

#indexPage #topSlider .swiper-container{

		display:none;

	}

@media screen and (max-width: 5000px) {

	#indexPage #topSlider .content_list[data-slider-mode="3"]{

		display:none;

	}



	#indexPage #topSlider .swiper-container{

		display:block;

	}



}


.mlist.project .content_wrapper{
	margin-right: 0%;
}
.mlist.project .content_wrapper .content_list.movedx{
	display:flex;
	flex-wrap:wrap;
	/* justify-content: center; */
}
.mlist.project .content_list .item_block{
	width:33.333%;
	padding:0px 5px;
	margin-right:0px;
	box-sizing:border-box;
}

@media screen and (max-width:1179px){
	.mlist.project .content_list .item_block{
		width:50%;
	}
}
@media screen and (max-width:400px){
	.mlist.project .content_list .item_block{
		width:100%;
	}
}

#indexPage .module .content_wrapper{
	margin-right: 0%;
}
#indexPage .module .content_wrapper .content_list{
	display:flex;
	flex-wrap:wrap;
}

.mlist.imagelink .content_list .item_block{
	width:calc(100% / 6);
	padding:0px 5px;
	margin-right:0px;
	box-sizing:border-box;
	background-color:transparent !important;
}

.mlist.imagelink .content_list .item_block .item_img{
	background:#f8f8f8;
}

/*lg*/
@media screen and (max-width:1240px){
	.mlist.imagelink .content_list .item_block{
		width:33.333%;
	}
}

@media screen and (max-width:767px){
	.mlist.imagelink .content_list .item_block{
		width:50%;
	}
}