.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: #444;

	width: 100%;

	height: 100%;

	background: #fff;

	-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;

}



.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;

}

.bx-wrapper .bx-helper {

	position: absolute;

	right: 20px;

	background-color: #fff;

	min-width: 38px;

	padding: 6px;

	top: 20px;

	display: none;

}

.bx-wrapper .bx-helper .bx-fullscreenBtn {

	display: none;

	position: relative;

	text-align: center;

	height: 22px;

	width: 100%

}

.bx-wrapper .bx-helper .bx-fullscreenBtn i {

	font-size: 14px;

	margin-top: 2px;

}



.bx-wrapper .bx-helper .bx-sliderCount {

	display: block;

	font-size: 12px;

	font-weight: 300;

	text-align: center;

}

.bx-wrapper .bx-helper .bx-sliderCount i {

	font-size: 12px;

	display: inline-block;

	padding: 0 3px;

	position: relative;

	bottom: 1px;

	color: #D2D2D2;

}

.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a:hover {

	background:none

}

.bx-wrapper .bx-controls-direction a i {

	color:#c6c6c6;

}

.bx-wrapper .bx-controls-direction a:hover i {

	color:#0072d4

}

#header {

	position:absolute;

	width: 100%;

	height: 127px;

	background: #fff;

}

#header .content {

	height: 100%;

	max-width: 1170px;

	margin: 0 auto

}

#header #headTop {

	padding:16px 0;

	height:40px;

	border-bottom:#efefef 1px solid

}

#header #headTop a#logo {

	display: block;

	height: 34px;

	float: left

}

#header #headTop a#logo img {

	height: 100%;

	width: auto

}

#header #navWrapper {

	position:relative;

	width:100%;

	left:0;

	background:#fff;

	top:0;

	z-index:99;

}

#header.mini #navWrapper {

	position:fixed;

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

animation:navFixed ease-out .3s

}

#header .nav {

	height: 54px;

}

#header .nav > li {

	float: left;

	font-size: 14px;

	height: 100%;

	position: relative

}

#header .nav > li > a {

	display: block;

	height: 54px;

	line-height: 54px;

	color: #9e9e9e;

	font-weight: 500;

	position: relative;

	overflow: hidden;

	margin-right:60px;

	position:relative

}

#header .nav > li > a.active, #header .nav > li > a:hover {

	color:#0072d4;

	display: inline-block;

}

#header .nav > li > a:after {

	content:'';

	width:100%;

	height:2px;

	background:#236ffb;

	position:absolute;

	bottom:0;

	display:block;

transition:all ease-out .3s;

	opacity:0;

}

#header .nav > li > a > i {

	margin-left: 10px

}

#header .nav .subnav {

	position: absolute;

	width: 220px;

	background-color: #FFF;

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

	height: auto;

	z-index: 199;

	top: 97%;

	left:50%;

	border-top: 2px solid #0072d4;

	overflow: hidden;

	visibility: hidden;

	opacity: 0;

transition: all .36s ease;

	margin-left: -146px;

	text-align: center;

}

#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 i, #header .nav > li a.active i {

	color: #272727;

}

#header .nav > li a.active::after, #header .nav > li a:hover::after {

opacity:1;

}

#header .nav .subnav li a:hover, #header .nav .subnav li a.active {

	background-color: #efefef;

	color: #5a5a5a;

}

.browser-lt11 #header .nav > li:hover a span, .browser-lt11 #header .nav > li a.active span {

	color: #00C0FF

}

@-webkit-keyframes navFixed {

0% {

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

}

100% {

-webkit-transform:translateY(0);

}

}

@keyframes navFixed {

0% {

transform:translateY(-100%);

}

100% {

transform:translateY(0);

}

}

#header .content #openBtn {

	display: none;

	float: right;

	cursor: pointer;

	margin-right: 0px;

	margin-top: 7px

}

.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: 2px;

	background: #181818;

	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);

}

#hcontact i {

	font-size: 24px;

	float: left;

	color:#0db0b3;

	line-height:32px;

}

#hcontact p {

	margin-left: 30px;

	font-family: HELVETICANEUELTPRO-THEX, Arial;

	font-size: 22px;

	color:#0db0b3;

	text-align: left;

}

#hcontact p a {

	color: #3e3e3e;

	font-size: 12px;

	font-family: Arial;

	text-align:right;

	display:block

}

#hcontact p a:hover {

	color: #666;

}

#sitecontent {

	padding-top: 127px

}

#navMini {

	display:none

}

#indexPage {

	position: relative;

}

.module {

	position: relative;

	overflow:hidden

}

.singlescreen #indexPage .module {

	position: relative;

	-webkit-transform-style:preserve-3d;

}

#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;

	margin: 40px 0;

}

.module .module_container {

	max-width: 1170px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom:60px;

	margin: 0 auto

}

.module .module_container.wide {

	max-width:none;

	padding-left:50px;

	padding-right:50px

}

.singlescreen #indexPage > .module > .module_container {

	position:relative;

	top:50%;

	transform:translateY(-50%);

	max-height:100%

}

.module .module_container.wide .slider {

	padding:0 50px

}

#indexPage .module .container_header {

	text-align: center;

	padding: 60px 0 40px 0;

	position:relative

}

#indexPage .module .container_header:before {

	position:absolute;

	width:3000px;

	height:100%;

	content:'';

	left:-910px;

	background:#fff;

	top:0

}

#indexPage .module .container_header .title {

	font-size: 24px;

	position: relative;

	color: #555;

}

#indexPage .module .container_header .subtitle {

	margin-top:15px;

	font-size: 14px;

	color: #B7B7B7;

	position: relative

}

.module .container_category {

	text-align:center;

	padding-bottom:65px;

	position:relative

}

.module .container_category:before {

	position:absolute;

	width:3000px;

	height:100%;

	content:'';

	left:-910px;

	background:#fff;

	top:0

}

.module .container_category a {

	padding: 10px 26px;

	line-height:12px;

	font-size: 12px;

	color:#7e7e7e;

	position:relative;

	margin-right:5px

}

.module .container_category a:after {

	content: '';

	position: absolute;

	width: 1px;

	height: 12px;

	right:-3px;

	top:12px;

	background:#D9D9D9;

}

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

	display:none

}

.module .container_category a.active, .module .container_category a:hover {

	color:#fff;

	background:#ffa800

}

#indexPage .module .container_content {

	margin-top:0px;

}

#indexPage .module .container_content:before, #indexPage .module #contactlist:before {

	clear: both;

	display: table;

	content: ""

}

#indexPage .module .container_content .bx-wrapper .bx-controls-direction a.bx-prev {

	left:-50px;

}

#indexPage .module .container_content .bx-wrapper .bx-controls-direction a.bx-next {

	right:-50px;

}

#indexPage .module .container_content .bx-wrapper .bx-pager.bx-default-pager {

	position:relative;

	margin:60px 0 20px 0;

	bottom:0

}

.icon-morejt2 {

	background:url(morebig.png) no-repeat;

	width:80px;

	height:43px;

	display:inline-block;

}

.list_more {

	display:none

}

#indexPage .module .container_content .list_more {

	width: 260px;

	height: 50px;

	background-color: #fff;

	-webkit-box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	-moz-box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	margin:80px auto 10px auto;

	display:block;

	text-align:center;

	transition: all 0.6s ease 0s;

}

#indexPage .module .container_content .list_more:hover {

	box-shadow: 0 8px 30px rgba(161, 161, 161, 0.2);

}

#indexPage .module .container_content .list_more i {

	margin-top:2px;

transition: all ease-out .3s

}

#indexPage .module .container_content .list_more:hover i {

	background-position:0 -40px

}

#indexPage #topSlider {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	display: block

}

#indexPage #topSlider ul.content_list {

	width:100%;

	height:100%;

	overflow:hidden

}

#indexPage #topSlider ul li {

	width: 100%;

	height: 100%;

	display: block;

}

#indexPage #topSlider ul li div.item_bg {

	position:absolute;

	width: 100%;

	height: 100%;

}

#indexPage #topSlider ul li div.item_bg.image {

	background-position: center;

	background-repeat: no-repeat;

	background-size:cover;

	width:100%;

	height:100%

}

#indexPage #topSlider ul li div.item_bg.video video {

	width:100%;

	height:100%

}

#indexPage #topSlider ul li div.mask {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

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

}

#indexPage #topSlider ul li a {

	width: 100%;

	height: 100%;

	display: table;

	position: absolute;

	left: 0;

	top: 0

}

#indexPage #topSlider ul li a div {

	display: table-cell;

	vertical-align: middle;

	padding:100px 50px;



}

#indexPage #topSlider ul li p {

	color: #fff;

	max-width: 1170px;

	margin: 0 auto;

}

#indexPage #topSlider ul li p.title {

	font-size: 48px;

	line-height: 60px;

	height: 60px;

	transition-delay: 0

}

#indexPage #topSlider ul li p.subtitle {

	font-size: 14px;

	height: 20px;

	color: #ddd;

	transition-delay: 0.2s;

	margin-top:20px

}

#indexPage #topSlider .sliderArrow {

	display: none

}

.singlescreen #indexPage #topSlider .sliderArrow {

	display:block;

	position:absolute;

	width:40px;

	height:40px;

	bottom:20px;

	left:50%;

	margin-left:-20px;

	animation:fadeInUp 1s ease-out 0s infinite alternate;

	-webkit-animation:fadeInUp 1s ease-out 0s infinite alternate;

}

.singlescreen #indexPage #topSlider .sliderArrow div {

	-webkit-filter: drop-shadow(0 2px 0px rgba(0, 0, 0, 0.2));

	-webkit-transform: translate3d(0, 0, 0) rotate(-90deg);

	transform: translate3d(0, 0, 0) rotate(-90deg);

}

.singlescreen #indexPage #topSlider .sliderArrow div:before, .singlescreen #indexPage #topSlider .sliderArrow div:after {

	-webkit-transform-origin: 0% 50%;

	transform-origin: 0% 50%;

	position: absolute;

	top: 40%;

	left: 0;

	width: 25px;

	height: 2px;

	background: #fff;

	-webkit-transition: all 0.15s ease;

	transition: all 0.15s ease;

	content:''

}

.singlescreen #indexPage #topSlider .sliderArrow div:before {

	-webkit-transform: translate(0, 0px) rotate(40deg);

	transform: translate(0, 0px) rotate(40deg);

}

.singlescreen #indexPage #topSlider .sliderArrow div:after {

	-webkit-transform: translate(0, 0px) rotate(-40deg);

	transform: translate(0, 1px) rotate(-40deg);

}

.singlescreen #indexPage #topSlider .sliderArrow:hover div:before {

	-webkit-transform: translate(0, 0px) rotate(30deg);

	transform: translate(0, 0px) rotate(30deg);

}

.singlescreen #indexPage #topSlider .sliderArrow:hover div:after {

	-webkit-transform: translate(0, 0px) rotate(-30deg);

	transform: translate(0, 0px) rotate(-30deg);

}

#indexPage #topSlider ul li a i {

	text-indent: 20px;

	font-size: 24px

}

#indexPage #topSlider ul li 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 ul li.active p {

	transform: translateY(0px);

	opacity: 1

}

#indexPage #topSlider .bx-wrapper .bx-pager {

	height:40px;width:1200px;left:50%;margin-left:-600px;text-align:center;

}

.singlescreen #indexPage #topSlider .bx-wrapper .bx-pager {

	bottom: 133px

}

#indexPage #topSlider ul[data-slider-mode="3"] li div.item_bg.image {

	height:100%;



}

#indexPage #topSlider .bx-wrapper .bx-pager a {

	width:15px;

	height:15px;

	border-radius:100%;

	display:inline-block;

	background-color:#ffff00;

	margin:0 9px;

}

#indexPage #topSlider .bx-wrapper .bx-pager a:hover, #indexPage #topSlider .bx-wrapper .bx-pager a.active {

	background-color:#fff;

}

#indexPage #topSlider .bx-wrapper .bx-controls-direction a {

	width:35px;

	height:80px;

	margin-top:-40px;

	border-radius:0;

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

}

#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev {

	background: url(../imagescn/yb/bannleft.png) no-repeat;

	left:0

}

#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-next {

	background: url(../imagescn/yb/bannright.png) no-repeat;

	right:0

}

#indexPage #topSlider .bx-wrapper .bx-controls-direction a i {

	margin-top: 24px;

	margin-left: 12px;

}

#indexPage #topSlider .bx-wrapper .bx-controls-direction a:hover i {

	color: #fff;

}

#indexPage #topSlider .bx-pager .bx-thumb {

	position:absolute;

	top:-100px;

	width:80px;

	height:80px;

	border:3px #e7e7e7 solid;

	margin-left:-20px;

}

#indexPage #topSlider .bx-pager .bx-thumb:before {

	left: 32px;

	bottom: -8px;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	background: #e7e7e7;

	content: "";

	height: 20px;

	position: absolute;

	width: 20px;

	z-index: -1;

}

#indexPage #topSlider .bx-controls-direction .bx-thumb {

	position:absolute;

	width:80px;

	height:80px;

	top:50%;

	margin-top:-40px;

	opacity:0

}

#indexPage #topSlider .bx-thumb .wrapper {

	width:80px;

	height:80px;

	overflow:hidden

}

#indexPage #topSlider .bx-thumb ul {

	height:80px;

}

#indexPage #topSlider .bx-thumb li {

	width:80px;

	height:80px;

	float:left;

	position:relative;display:none;

}

#indexPage #topSlider .bx-controls-direction .bx-thumb li:before {

	content:'';

	position:absolute;

	width:68px;

	height:68px;

	margin:5px;

	border:#fff 1px solid

}

#indexPage #contactlist {

	max-width: 1260px;

	margin: 0 auto;

	margin-top: 40px;

}

#indexPage #contactlist #contactinfo {

	width: 40%;

	float: left;

}

#indexPage #contactlist #contactform {

	margin-left: 50%

}

#contactinfo h3 {

	font-size: 16px;

	line-height:44px;

	margin-bottom: 12px;

	color: #515151;

}

#contactinfo p {

	line-height:32px;

	height:36px;

	width: 100%;

	font-size: 14px;

	color: #898989;

}

#contactinfo > a {

	color: #989898;

	text-decoration: underline

}

#contactinfo div {

	margin-top: 24px

}

#contactinfo div a {

	width: 30px;

	height: 30px;

	display: block;

	font-size: 16px;

	background:rgba(147, 147, 147, 0.5);

	margin-right: 16px;

	text-align: center;

	border-radius: 15px;

}

#contactinfo div a:hover {

	background-color:#0072D4;

}

#contactinfo div a i {

	margin-top: 7px;

	font-size: 16px;

	color: #fff

}

#contactform p {

	margin-bottom: 20px

}

#contactform p .inputtxt {

	width: 100%;

	line-height: 22px;

	padding: 14px 0px;

	color: #4a4a4a;

	border:0;

	border-bottom: #e0e0e0 1px solid;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

transition: all .1s linear;

}

#contactform p .inputtxt:hover {

	border-bottom: 1px solid #236FFB;

}

#contactform p textarea.inputtxt {

	height: 100px;

	resize: none;

	overflow: hidden;

	background-color: transparent;

}

#contactform p .inputtxt.submit {

	background-color: #E9E9E9;

	cursor: pointer;

	transition: all 0.6s ease 0s;

	border-bottom: 0px;

}

#contactform p .inputtxt.submit:hover {

	border-color: #0072D4;

	background-color:#0072D4;

	color: #fbfbfb;

}

.module.mdir > .module_container {

	max-width:none;

	padding-left:0;

	padding-right:0;

	padding-bottom:0

}

.module.mcustomize {

	height:803px;

}

.module.mcustomize .header {

	text-align: center;

	padding: 80px 0 30px 0;

	font-size: 20px;

	margin: 0 auto;

	color: #252525;

}

.module.mcustomize .header .subtitle {

	font-size: 12px;

	color:#7c7c7c

}

.module.mcustomize .description {

	max-width: 780px;

	margin: 0 auto;

	line-height: 24px;

	text-align: center;

	font-size: 13px;

	color: #7c7c7c;

}

.module.mcustomize .mediabody {

	text-align: center;

	margin-top: 50px;

}

.module.mcustomize .mediabody a {

	display: inline

}

.module.mcustomize .mediabody img {

	float: none;

	max-width: 100%

}

.module.mcustomize .description a.more {

	min-width: 120px;

	position: relative;

	display: inline-block;

	padding:7px 19px;

	background: #ffffff;

	color: #898989;

	border: 1px solid #E1E1E1;

	transition: all 0.3s linear;

	z-index: 1;

	text-align: center;

	margin-top:0px;

	text-transform:Uppercase;

	font-size: 12px;

}

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

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background:#236FFB;

	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:#236FFB;

}

.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:320px;

	overflow:hidden;

	padding:240px 0

}

.module.mcustomize.horizontal .contentbody {

	height:100%;

	display:table;

	width:610px;

	float:left;

	background:#fff;

	left: -40px;

	position: relative;

	top: 30px;

}

.module.mcustomize.horizontal .contentbody .wrapper {

	vertical-align: middle;

	display: table-cell;

	padding:0 85px;

}

.module.mcustomize.horizontal .contentbody .header {

	text-align:left;

	padding-top:0

}

.module.mcustomize.horizontal .contentbody .description {

	max-width:none;

	text-align:left;

	margin:0;

	height:140px;

	overflow:hidden

}

.module.mcustomize.horizontal .mediabody {

	height:320px;

	width:560px;

	float:left;

	margin:0;

	position:relative;

	-webkit-box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	margin-left: -80px;

}

.module.mcustomize.horizontal .mediabody div {

	background-repeat:no-repeat;

	background-position:center;

	background-size:cover;

	width:100%;

	height:100%;

}

.module.mcustomize.horizontal.tril .contentbody {

	float:right;

}

.module.mcustomize.horizontal.tril .mediabody {

	float:left;

	left: 80px;

}

.module.mcounter .module_container {

	padding:10px 0 90px 0;

}

.module.mcounter ul.content_list {

	width:100%;

	height:auto;

	margin-top:80px;

}

.module.mcounter ul.content_list li {

	width:25%;

	height:132px;

	float:left;

	text-align:center;

	color:#fff

}

.module.mcounter ul.content_list li div {

	border-right: rgba(255, 255, 255, .16) 1px solid;

	padding:0 45px

}

.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;

}

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

	position:relative

}

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

	font-size: 66px;

	font-family: HELVETICANEUELTPRO-THEX, Arial;

	text-align: center;

}

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

	font-size: 14px;

	position: absolute;

	top: -13px;

	left: 0;

	text-align: center;

	width: 100%;

	color:#cce4fb;

}

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

	margin-bottom: 10px;

	height:45px;

	overflow:hidden;

	line-height:22px;

	font-size:13px;

	margin-top:10px;

	color:#cce4fb;

}

#pageTarget {

	background: #F8F8F8;

	border-bottom: #ededed 1px solid;

	border-top: #ededed 1px solid;

}

.container_target {

	padding: 14px 0;

	color: #a6a6a6;

	float: right

}

.container_target a {

	color: #6e6e6e;

	position:relative

}

.container_target a:before {

	content:'';

	position:absolute;

	left:0;

	bottom:-15px;

	width:0%;

	height:1px;

	background-color:#0072d4;

transition:all ease-out .3s

}

.container_target a:hover {

	color:#0072d4;

}

.container_target a:hover:before {

	width:100%;

}

.container_target i {

	margin: 0 10px

}

#indexPage .mlist.project {

	background: #fff;

}

.mlist.project .content_wrapper {

	margin-right: -1.282%;

	position: relative;

	margin:0px 0 20px 0;

}

.mlist.project .content_list li {

	width: 23.718%;

	margin-right: 1.282%;

	margin-bottom: 1.282%;

	float: left;

transition: all .2s ease-out;

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

	-webkit-box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	box-shadow: 0 22px 40px rgba(0, 0, 0, .16);

	position:relative;

	overflow:hidden

}

.mlist.project .content_wrapper.slider .content_list li {

	box-shadow:none;

	-webkit-box-shadow:none

}

.mlist.project .content_list li.item_block img {

	width: 100%;

	height: auto;

transition: all ease-out .3s

}

.mlist.project .content_list li .item_img {

	display: block;

	position: relative;

	overflow: hidden

}

.mlist.project .content_list li .item_img .rectborder {

	width:calc(100% + 20px);

	height:calc(100% + 20px);

	position:absolute;

	left:-10px;

	top:-10px;

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

transition: all ease-out .3s

}

.mlist.project .content_list li .item_img .icon {

	position:absolute;

	bottom:0;

	right:30px;

	width:46px;

	height:40px;

	background:#0072d4;

	bottom:-40px;

transition: all ease-out .3s

}

.mlist.project .content_list li .item_img .icon .add {

	width:15px;

	height:15px;

	margin:12px 0 0 15px

}

.mlist.project .content_list li .item_img .icon .add .lcitem {

	width:15px;

	height:15px;

}

.mlist.project .content_list li .item_img .icon .add .lcitem .rect {

	width:15px;

	height:1px;

	background:#fff;

	top:7px;

}

.mlist.project .content_list li .item_img .icon .add .lcitem.v .rect {

	transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

}

.mlist.project .content_list li .item_wrapper {

	background: #fff;

	padding:24px 20px;

	height:180px;

	position: relative;

	overflow:hidden;

transition: all ease-out .3s

}

.mlist.project .content_list li .item_info .title {

	font-size: 15px;

	color: #262626;

}

.mlist.project .content_list li .item_info .subtitle {

	font-size: 12px;

	color:#6e6e6e;

	line-height:20px;

	margin-top:12px;

	height:40px;

	overflow:hidden

}

.mlist.project .content_list li .item_tags {

	position:absolute;

	bottom:20px;

transition: all ease-out .3s

}

.mlist.project .content_list li .more {

	width:100%;

	height:40px;

	background-color:#0072d4;

	position:absolute;

transition: all ease-out .3s;

	bottom:-40px;

	left:0;

	text-align:center;

}

.mlist.project .content_list li .more i {

	margin-top:16px;

	background-position:0 -7px

}

.mlist.project .content_list li:hover .item_img img {

	transform: scale(1.1, 1.1)

}

.mlist.project .content_list li:hover .rectborder {

	width:calc(100% - 22px);

	height:calc(100% - 32px);

	left:10px;

	top:10px;

}

.mlist.project .content_list li:hover .icon {

	bottom:10px

}

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

	transform:translateY(-10px)

}

.mlist.project .content_wrapper.slider .content_list li:hover .item_wrapper {

	background-color:#f6f6f6

}

.mlist.project .content_list li:hover .item_info .title {

	color:#0072d4

}

.mlist.project .content_list li:hover .item_wrapper .item_tags {

	bottom:42px

}

.mlist.project .content_list li:hover .more {

	bottom:0px

}

.icon-morejt {

	background:url(more.png) no-repeat;

	width:16px;

	height:7px;

	display:inline-block;

}

.item_tags a {

	padding: 5px 10px;

	color: #8D8D8D;

	font-size: 12px;

	border:#e0e0e0 1px solid;

transition: all .2s ease-out;

	line-height:30px;

	margin-right:2px

}

.item_tags a:hover {

	color: #fff;

	background-color:#ffa800;

	border-color:#ffa800

}

#pages {

	height: 40px;

	padding: 40px 0 50px 0;

}

#pages span {

	float: left;

	margin: 0 10px;

	line-height: 28px;

	color: #222

}

#pages a {

	width: 40px;

	height: 40px;

	display: block;

	line-height: 40px;

	text-align: center;

	font-family: Arial;

	float: left;

	margin-right: 3px;

	transition: all 0.2s ease-out;

	text-decoration: none;

	color:#a5a5a5;

	position:relative

}

#pages a:after, #pages a:before {

	display: block;

	content: "";

	height: 1px;

	position:absolute;

	bottom:0

}

#pages a:before {

	background-color: #e0e0e0;

	width: 40px;

}

#pages a.next:before {

	opacity: 0;

}

#pages a.prev:before {

	opacity: 0;

}

#pages a:after {

	background-color: #0072d4;

	width: 0;

	transition: all 0.2s ease-out

}

#pages a.active, #pages a:hover {

	color: #0072d4

}

#pages a:hover:after, #pages a.active:after {

	width: 40px;

}

#pages a.prev:after, #pages a.next:after {

	display:none

}

#pages a.prev, #pages a.next {

	font-size:20px

}

#pages a.prev:hover, #pages a.next:hover {

	background:#0072d4;

	color:#fff

}

#pages a.prev {

	margin-right:30px;

	border-right:#e0e0e0 1px solid

}

#pages a i {

	left:-2px;

	position:relative

}

#pages a.next {

	margin-left:30px;

	border-left:#e0e0e0 1px solid

}

.mlistpost.project {

	position:relative

}

.mlistpost.project:before {

	content:'';

	position:absolute;

	width:100%;

	height:580px;

	left:0;

	top:0;

	display:block

}

.mlistpost.project #postWrapper #postInfo {

	float: right;

	width: 100%;

	height:auto;

	margin:40px 0

}

.mlistpost.project #postWrapper #postInfo .wrapper {

	font-size: 13px;

}

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

	font-size: 18px;

	color: #0072d4;

}

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

	font-size:12px;

	color:#6e6e6e;

	margin-top: 4px

}

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

	margin-top: 20px;

	line-height: 20px;

	font-size:12px;

	color:#6e6e6e;

}

.mlistpost.project #postSlider {

	width:100%;

	float:left;

	height:520px

}

.mlistpost.project #postSlider .mlist.team_tabs .content_wrapper {

	margin-top:0

}

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

	padding: 30px 0;

}

.mlistpost.project #postSlider .tab_content {

	float:left;

}

.mlistpost.project #postSlider .tab_content, .mlistpost.project #postSlider .tab_content .content_list li, .mlistpost.project #postSlider .tab_content .content_list li .item_img {

	width:100%;

	height:380px;

	background: #f4f4f4;

}

.mlistpost.project #postSlider .tab_content .content_list li .item_img img {

	float:none;

	margin:0 auto;

	width:auto;

}

.mlistpost.project #postSlider .tab_content .bx-wrapper a {

	width: 35px;

	height: 80px;

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

	border-radius: 0;

	margin-top: -40px;

}

.mlistpost.project #postSlider .tab_content .bx-wrapper .bx-prev {

	left:0

}

.mlistpost.project #postSlider .tab_content .bx-wrapper .bx-next {

	right:0

}

.mlistpost.project #postSlider .tab_content .bx-wrapper a i {

	margin-top: 22px;

	margin-left: 12px;

	color:#e0e2e3

}

.mlistpost.project #postSlider .tab_content .bx-wrapper a:hover {

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

}

.mlistpost.project #postSlider .tab_content .bx-wrapper a:hover i {

	color:#fff

}

.mlistpost.project #postSlider .tab_button {

	float:left;

	width:100%;

	height:56px;

	margin-top:20px

}

.mlistpost.project #postSlider .tab_button .content_list {

	width:80px;

}

.mlistpost.project #postSlider .tab_button .content_list li {

	margin-right:3px;

	width:80px

}

.mlistpost.project #postSlider .tab_button .content_list li::after {

content: "";

display: block;

width: 100%;

height: 100%;

background-color:rgba(255, 255, 255, 0.54);

top: 0;

position: absolute;

opacity:1;

}

.mlistpost.project #postSlider .tab_button .content_list li.active::after {

display:none

}

.mlistpost.project #postSlider .tab_button .content_list li > .wrapper {

	height:56px;

	padding:0

}

.mlistpost.project #postSlider .tab_button .content_list li .item_img {

	width:80px;

	height:56px

}

.mlistpost.project #postSlider .tab_button .content_list li .item_img img {

	width:80px;

	height:80px;

	margin-top:-12px

}

.mlistpost.project #postSlider .tab_button .content_list li > .wrapper::after {

width:76px;

height:52px;

border:#0072d4 2px solid;

display:block;

background:none;

bottom:auto;

opacity:0

}

.mlistpost.project #postSlider .tab_button .content_list li.active > .wrapper:after {

	opacity:1

}

.mlistpost.project #postSlider .tab_button .bx-viewport:after {

	display:none

}

#indexPage .mlist.hotel {

	background: #edf3f5;

	padding-bottom: 100px;

}

.mlist.hotel .content_wrapper {

	margin-right: -1.869%;

	position: relative;

	top: 80px;

}

.npagePage .mlist.hotel .content_wrapper {

	top:0

}

.mlist.hotel .content_list li {

	width: 48.130%;

	margin-right: 1.869%;

	margin-bottom: 1.869%;

	float: left;

transition: all .2s ease-out;

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

	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .16);

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

	position:relative;

	overflow:hidden;

	background-color:#fff;

}

.mlist.hotel .content_list li.item_block img {

	width: 100%;

	height: auto;

transition: all ease-out .3s

}

.mlist.hotel .content_list li .item_img {

	display: block;

	position: relative;

	overflow: hidden;

	width:300px;

	float:left

}

.mlist.hotel .content_list li .item_img .rectborder {

	width:calc(100% + 20px);

	height:calc(100% + 20px);

	position:absolute;

	left:-10px;

	top:-10px;

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

transition: all ease-out .3s

}

.mlist.hotel .content_list li .item_img .maskborder {

	width:100%;

	height:100%;

	position:absolute;

	left:-10px;

	top:-10px;

	border:rgba(255, 255, 255, 1) 10px solid;

transition: all ease-out .3s

}

.mlist.hotel .content_list li .item_wrapper {

	background: #fff;

	padding:30px 20px;

	height:180px;

	position: relative;

	overflow:hidden;

	margin-left:300px

}

.mlist.hotel .content_list li .item_info .title {

	font-size: 15px;

	color: #262626;

}

.mlist.hotel .content_list li .item_info:hover .title {

	color: #0072D4;

}

.mlist.hotel .content_list li .item_info .subtitle {

	font-size: 12px;

	color:#8f8f8f;

	line-height:20px;

	margin-top:16px;

	height:80px;

	overflow:hidden

}

.mlist.hotel .content_list li .item_tags {

	position:absolute;

	bottom:20px;

transition: all ease-out .3s

}

.mlist.hotel .content_list li:hover .rectborder {

	width:calc(100% - 42px);

	height:calc(100% - 42px);

	left:20px;

	top:20px;

}

.mlist.hotel .content_list li:hover .maskborder {

	width:calc(100% - 20px);

	height:calc(100% - 20px);

	left:00px;

	top:0px;

}

.more2 {

	width:118px;

	height:34px;

	line-height:34px;

	display:block;

	border:#dadada 1px solid;

transition: all ease-out .4s;

	overflow:hidden;

	position:relative;

	z-index:1;

	color:#fff;

	text-align:center;

	margin-top:26px

}

.more2 span {

	display:inline-block;

	width:0;

	opacity:0;

transition: all ease-out .4s

}

.more2 i {

	background:url(more.png) no-repeat 0 0;

	width:16px;

	height:9px;

	display:inline-block;

}

.mlist.hotel .content_list li:hover .more2 i {

	background-position:0 -7px;

}

.mlist.hotel .content_list li:hover .more2 {

	background-color:#0072d4;

	border-color:#0072d4;

	color:#fff;

}

.mlist.hotel .content_list li:hover .more2 span {

	width:50px;

	opacity:1

}

.mlistpost.hotel {

	position:relative

}

.mlistpost.hotel #postWrapper #postInfo {

	float: right;

	width: 350px;

	height:340px;

	background:#f4f4f4;

}

.mlistpost.hotel #postWrapper #postInfo .wrapper {

	padding:36px 30px;

	font-size: 13px;

}

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

	font-size: 18px;

	color: #262626;

}

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

	font-size:13px;

	color:#6e6e6e;

	margin-top: 4px;

	line-height: 22px;

}

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

	margin-top: 20px;

	line-height: 22px;

	font-size:13px;

	color:#6e6e6e;

	height:150px;

	overflow:hidden

}

.mlistpost.hotel #postWrapper #postContent {

	margin-top:60px

}

.mlistpost.hotel #postWrapper .postbody {

	color:#797979;

	font-size:12px;

	line-height:20px

}

.mlistpost.hotel #postWrapper #listContent {

}

.mlistpost.hotel #postWrapper #listContent .content_wrapper {

	top:0;

	margin-bottom: 80px;

}

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

	padding: 30px 0;

}

.mlistpost.hotel #postSlider {

	width:820px;

	float:left;

	height:340px

}

.mlistpost.hotel #postSlider .mlist.team_tabs .content_wrapper {

	margin-top:0

}

.mlistpost.hotel #postSlider .tab_content, .mlistpost.hotel #postSlider .tab_content .content_list li, .mlistpost.hotel #postSlider .tab_content .content_list li .item_img {

	width:720px;

	height:340px

}

.mlistpost.hotel #postSlider .tab_content {

	float:left

}

.mlistpost.hotel #postSlider .tab_content .bx-wrapper a {

	width: 35px;

	height: 80px;

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

	border-radius: 0;

	margin-top: -40px;

}

.mlistpost.hotel #postSlider .tab_content .bx-wrapper .bx-prev {

	left:0

}

.mlistpost.hotel #postSlider .tab_content .bx-wrapper .bx-next {

	right:0

}

.mlistpost.hotel #postSlider .tab_content .bx-wrapper a i {

	margin-top: 22px;

	margin-left: 12px;

}

.mlistpost.hotel #postSlider .tab_content .bx-wrapper a:hover {

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

}

.mlistpost.hotel #postSlider .tab_content .bx-wrapper a:hover i {

	color:#fff

}

.mlistpost.hotel #postSlider .tab_button {

	float:left;

	width:100px;

	background-color:#fff;

	height:330px;

	padding-top:10px;

	box-shadow: 0 0px 52px rgba(0, 0, 0, .16);

}

.mlistpost.hotel #postSlider .tab_button .content_list {

	width:80px;

}

.mlistpost.hotel #postSlider .tab_button .content_list li {

	margin-bottom:10px;

}

.mlistpost.hotel #postSlider .tab_button .content_list li::before {

content:"";

display: block;

width: 100%;

height: 100%;

background-color: rgba(255, 255, 255, 0.54);

position: absolute;

top:0px;

opacity: 1;

z-index:2;

}

.mlistpost.hotel #postSlider .tab_button .content_list li.active::before {

opacity:0;

}

.mlistpost.hotel #postSlider .tab_button .content_list li > .wrapper {

	height:56px;

	padding:0

}

.mlistpost.hotel #postSlider .tab_button .content_list li .item_img {

	width:80px;

	height:56px

}

.mlistpost.hotel #postSlider .tab_button .content_list li .item_img img {

	width:80px;

	height:80px;

	margin-top:-12px

}

.mlistpost.hotel #postSlider .tab_button .content_list li > .wrapper:after {

	width:76px;

	height:52px;

	border:#0072d4 2px solid;

	display:block;

	background:none;

	bottom:auto;

	opacity:0;

transition:all ease-out .3s

}

.mlistpost.hotel #postSlider .tab_button .content_list li.active > .wrapper:after {

	opacity:1

}

.mlistpost.hotel #postSlider .tab_button .bx-viewport:after {

	display:none

}

.mlist.news .content_wrapper {

	margin-right: -3.633%;

	position: relative;

	margin-top:20px;

}

.mlist.news .content_list li {

	float: left;

	margin-bottom:5.633%;

	width:21.367%;

	margin-right:3.633%

}

.mlist.news .content_list li .item_info .title {

	font-size: 15px;

	color: #262626;

transition:all .3s linear

}

.mlist.news .content_list li .item_info .line {

	margin:14px 0;

	height:1px;

	background:#dddddd;

	width:0;

transition:all .3s linear

}

.mlist.news .content_list li .item_info .subtitle {

	font-size: 12px;

	color: #4f4f4f;

	font-family:Arial;

	margin-top:20px

}

.mlist.news .content_list li .item_info .description {

	font-size: 12px;

	color: #8f8f8f;

	line-height: 20px;

	height:40px;

	overflow:hidden

}

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

	color:#0072d4

}

.mlist.news .content_list li:hover .item_info .line {

	width:100%;

}

.mlist.news .content_list li:hover .more2 i {

	background-position:0 -7px;

}

.mlist.news .content_list li:hover .more2 {

	background-color:#0072d4;

	border-color:#0072d4;

	color:#fff;

}

.mlist.news .content_list li:hover .more2 span {

	width:50px;

	opacity:1

}

.npagePage .mlist.news .content_list li {

	width:29.3%;

}

.mlistpost.news #postWrapper {

	margin: 0 auto 50px;

}

.mlistpost.news #postInfo {

	margin-bottom: 36px;

}

.mlistpost.news #postInfo .title {

	font-size: 18px;

	color: #3c3c3c;

}

.mlistpost.news #postInfo .subtitle {

	font-size: 12px;

	color: #101010;

}

.mlistpost.news #postContent {

	width:auto;

	margin-right:400px

}

.mlistpost.news #postContent .postbody {

	font-size: 13px;

	color: #646464;

	line-height: 30px;

}

.mlistpost.news #listContent {

	width:320px;

	float:right;

}

.mlistpost #listContent .item_tags a {

	padding:5px 10px;

	display: inline-block;

	font-size: 12px;

	line-height:18px;

	color:#6e6e6e;

	margin-bottom: 6px;

}

.mlistpost #listContent .item_tags a:hover {

	color:#fff;

	background-color:#0072d4;

	border-color:#0072d4

}

.mlistpost.news .mlist.news {

	margin-top:-6px

}

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

	margin-right:0;

	border-bottom:#e7e7e7 1px solid;

	border-top:#0072d4 3px solid

}

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

	width:calc(100% - 40px);

	padding: 30px 20px 20px 20px;

	margin-bottom:0;

	margin-right:0;

	border:#e7e7e7 1px solid;

	border-top:none;

	border-bottom:none;

	position:relative

}

.mlistpost.news #listContent .mlist.news .content_list li:after {

	width:calc(100% - 40px);

	height:1px;

	background:#e7e7e7;

	position:absolute;

	bottom:0;

	content:''

}

.mlistpost.news #listContent .mlist.news .content_list li:last-of-type:after {

	display: none;

}

.mlistpost.news #listContent .mlist.news .content_list li:hover {

	background-color:#f2f2f2

}

.mlistpost.news #listContent .mlist.news .content_list li .more2 {

	display:none

}

.mlistpost.news #listContent .mlist.news .content_list li .line {

	display:none

}

#indexPage .mlist.ad01 .container_header {

	display:none

}

.mlist.ad01 .content_wrapper {

	position: relative;

	margin-right: -2px;

	padding-top:100px;

}

.mlist.ad01 .content_wrapper .bx-viewport {

	padding-left:1px;

	padding-top:1px

}

.mlist.ad01 .content_list li {

	width: 32.051%;

	margin-right: 1.282%;

	float: left;

	margin-bottom: 1.282%

}

.mlist.ad01 .content_list li.item_block a {

	position: relative;

	overflow:hidden

}

.mlist.ad01 .content_list li.item_block .item_img {

	position: relative;

	display: block;

	margin: 0;

	border: none;

}

.mlist.ad01 .content_list li.item_block img {

	width: 100%;

	height: auto;

	float: none;

}

.mlist.ad01 .content_list li .rectborder {

	width:calc(100% + 20px);

	height:calc(100% + 20px);

	position:absolute;

	left:-10px;

	top:-10px;

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

transition: all ease-out .2s

}

.mlist.ad01 .content_list li a:hover .rectborder {

	width:calc(100% - 22px);

	height:calc(100% - 22px);

	left:10px;

	top:10px;

}

.mlist.ad01 .content_list li.item_block a.title {

	height:24px;

	line-height:24px;

	margin-top:12px;

	color:#5b5b5b;

	font-size:15px;

	text-align:center;

}

.mlist.ad01 .content_list li:hover.item_block a.title {

	color:#0072d4

}

#indexPage .mlist.ad02 {

	background: #edf3f5;

	padding-bottom: 80px;

}

.mlist.ad02 .content_wrapper {

	position: relative;

	margin-top: 80px;

}

.mlist.ad02 .content_list li {

	width: 392px;

	height:480px;

	float: left;

	position:relative;

	overflow:hidden

}

.mlist.ad02 .content_list li.item_block img {

	width: 100%;

	height: auto;

transition: all ease-out .3s

}

.mlist.ad02 .content_list li .item_img {

	display: block;

	position: relative;

	overflow: hidden

}

.mlist.ad02 .content_list li .rectborder {

	width:calc(100% + 20px);

	height:calc(100% + 20px);

	position:absolute;

	left:-10px;

	top:-10px;

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

transition: all ease-out .3s

}

.mlist.ad02 .content_list li .item_img .icon {

	position:absolute;

	bottom:0;

	right:30px;

	width:46px;

	height:40px;

	background:#0072d4;

	bottom:-40px;

transition: all ease-out .3s

}

.mlist.ad02 .content_list li .item_img .icon .add {

	width:15px;

	height:15px;

	margin:12px 0 0 15px

}

.mlist.ad02 .content_list li .item_img .icon .add .lcitem {

	width:15px;

	height:15px;

}

.mlist.ad02 .content_list li .item_img .icon .add .lcitem .rect {

	width:15px;

	height:1px;

	background:#fff;

	top:7px;

}

.mlist.ad02 .content_list li .item_img .icon .add .lcitem.v .rect {

	transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

}

.mlist.ad02 .content_list li .item_wrapper {

	background: #fff;

	padding:36px 30px;

	height:162px;

	position: relative;

	overflow:hidden;

transition: all ease-out .3s;

}

.mlist.ad02 .content_list li .item_info .title {

	font-size: 16px;

	color: #262626;

	line-height:24px

}

.mlist.ad02 .content_list li .item_info .subtitle {

	font-size: 12px;

	color:#8f8f8f;

	line-height:20px;

	margin-top:14px;

	height:40px;

	overflow:hidden

}

.mlist.ad02 .content_list li#item_block_0 {

	width:362px;

	margin-right:22px;

	overflow:visible

}

.mlist.ad02 .content_list li#item_block_0 .item_wrapper {

	position:absolute;

	left:0;

	top:0;

	width:calc(100% - 60px);

	height:calc(100% - 72px);

	background-color:rgba(0, 114, 212, .8);

}

.mlist.ad02 .content_list li#item_block_0 .item_wrapper .item_info {

	text-align:center;

	margin-top:100px;

}

.mlist.ad02 .content_list li#item_block_0 .item_wrapper .item_info .title {

	color:#fff;

	font-size:20px

}

.mlist.ad02 .content_list li#item_block_0 .item_wrapper .item_info .subtitle {

	color:#eaeaea;

}

.mlist.ad02 .content_list li#item_block_0 .item_img {

	perspective: 800px;

	-webkit-perspective: 800px;

	height:100%;

	overflow:visible

}

.mlist.ad02 .content_list li#item_block_0 .item_img .flip_wrapper, .mlist.ad02 .content_list li#item_block_0 .item_img .flip {

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	height:100%

}

.mlist.ad02 .content_list li#item_block_0 .item_img .flip > div {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

transition:all .7s ease-out

}

.mlist.ad02 .content_list li#item_block_0 .front {

	-webkit-transform: rotateY(0);

	transform: rotateY(0);

}

.mlist.ad02 .content_list li#item_block_0 .back {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

}

.mlist.ad02 .content_list li#item_block_0:hover .front {

	-webkit-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}

.mlist.ad02 .content_list li#item_block_0:hover .back {

	-webkit-transform: rotateY(0);

	transform: rotateY(0);

}

.mlist.ad02 .content_list li#item_block_0 .more {

	width: 188px;

	height: 40px;

	border: 1px solid rgba(255, 255, 255, 0.38);

	color: #fff;

	line-height: 40px;

	font-size: 14px;

	transition: all 0.6s ease 0s;

	margin:100px auto;

	position:relative

}

.mlist.ad02 .content_list li#item_block_0 .more:before {

	content:"";

	width:0%;

	height:40px;

	background-color:rgb(9, 126, 224);

	position: absolute;

	left:0px;

	z-index:-1;

	transition: all 0.4s ease 0s;

	opacity:0

}

.mlist.ad02 .content_list li#item_block_0:hover .more:hover:before {

	width:100%;

	opacity:1

}

.mlist.ad02 .content_list li#item_block_1 .item_img .icon {

	bottom:auto;

	top:-40px

}

.mlist.ad02 .content_list li#item_block_1:hover .icon {

	top:0px

}

.mlist.ad02 .content_list li#item_block_2:hover .icon {

	bottom:0px

}

.mlist.ad02 .content_list li.nofirst:hover .item_img img {

	transform: scale(1.1, 1.1)

}

.mlist.ad02 .content_list li.nofirst:hover .rectborder {

	width:calc(100% - 22px);

	height:calc(100% - 22px);

	left:10px;

	top:10px;

}

.mlist.ad02 .content_list li.nofirst:hover .item_info .title {

	color:#0072d4

}

.mlist.ad02 .content_list li.nofirst .item_info .subtitle {

	height:100px

}

.mlist.imagelink {

	background: #f3f9fb;

}

.mlist.imagelink .content_wrapper {

	position: relative;

	margin-top: 60px;

}

.mlist.imagelink .content_wrapper .content_list {

	width:1080px;

	margin:0 auto;

}

.mlist.imagelink .content_list li {

	width: 12.5%;

	float: left;

	position: relative;

}

.mlist.imagelink .content_list li.item_block .item_img {

	position: relative;

	display: block;

}

.mlist.imagelink .content_list li.item_block img {

	width: 100%;

	height: auto;

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

	float: none;

}

#indexPage .module .container_content .bx-wrapper .bx-pager.bx-default-pager {

	display:none

}

#indexPage .mlist.team_tabs {

	background: #fff;

	padding-bottom: 60px;

}

.mlist.team_tabs .content_wrapper {

	position: relative;

	margin-top:60px

}

.mlist.team_tabs .content_wrapper li img {

	width: 100%;

	height:auto;

}

.mlist.team_tabs .tab_content {

	width:760px;

	float:left

}

.mlist.team_tabs .tab_content .content_list li {

	width: 100%;

	height:360px;

	float: left;

}

.mlist.team_tabs .tab_content .content_list li > .wrapper {

	height: 360px;

}

.mlist.team_tabs .tab_content .content_list li .item_img {

	display: block;

	width: 300px;

	height: 320px;

	float: left;

	position: relative;

	overflow: hidden;

}

.mlist.team_tabs .tab_content .content_list li .item_wrapper {

	margin-left:340px;

	height: 100%;

}

.mlist.team_tabs .tab_content .content_list li .item_info {

	padding-top:40px;

	transition: all 0.6s ease 0s;

}

.mlist.team_tabs .tab_content .content_list li .item_info .title {

	font-size: 16px;

	color: #070506;

}

.mlist.team_tabs .tab_content .content_list li .item_info .subtitle {

	font-size: 12px;

	color: #898989;

	margin-top: 4px

}

.mlist.team_tabs .tab_content .content_list li .item_info .description {

	width: 400px;

	margin-top: 32px;

	font-size: 13px;

	line-height: 22px;

	height:180px;

	overflow: hidden;

	color: #898989;

	margin-bottom: 40px;

}

.mlist.team_tabs .tab_content .content_list li .item_info .description p a {

	color: #6e6e6e;

}

.mlist.team_tabs .tab_content .content_list li .item_info a.more {

	margin-top:56px;

	display:block;

}

.mlist.team_tabs .tab_button {

	margin-top:0px;

	width:300px;

	float:right

}

.mlist.team_tabs .tab_button .bx-viewport:after {

	position:absolute;

	bottom:0;

	width:100%;

	height:1px;

	background:#fff;

	content:''

}

.mlist.team_tabs .tab_button .content_list li {

	width: 100%;

	float: left;

	height:auto;

	cursor:pointer;

	background:#fff;

transition: all ease-out .3s;

}

.mlist.team_tabs .tab_button .content_list li:hover {

	background-color:#edf3f5;

}

.mlist.team_tabs .tab_button .content_list li > .wrapper {

	padding:20px 30px;

	height:60px;

	position:relative;

transition: all ease-out .3s;

}

.mlist.team_tabs .tab_button .content_list li > .wrapper:after {

	width:240px;

	height:1px;

	background-color:#e9e9e9;

	content:'';

	position:absolute;

	bottom:0

}

.mlist.team_tabs .tab_button .content_list li .item_img {

	display: block;

	width: 60px;

	height: 60px;

	float: left;

	position: relative;

	overflow: hidden;

}

.mlist.team_tabs .tab_button .content_list li .item_wrapper {

	margin-left: 75px;

	margin-top:6px;

	height: 100%;

	color: #5D5D5D;

}

.mlist.team_tabs .tab_button .content_list li .item_info .title {

	font-size: 14px;

}

.mlist.team_tabs .tab_button .content_list li:hover .item_info .title {

	color:#0072d4;

}

.mlist.team_tabs .tab_button .content_list li .item_info .subtitle {

	font-size: 12px;

	margin-top: 4px

}

.mlist.team_tabs .tab_button .content_list li.active {

	background-color:#0072d4

}

.mlist.team_tabs .tab_button .content_list li.active > .wrapper .title {

	color:#fff

}

.mlist.team_tabs .tab_button .content_list li.active > .wrapper .subtitle {

	color:#fff

}

.mlist.team_tabs .tab_button .content_list li.active > .wrapper {

	padding-left:30px;

	padding-right:20px

}

.mlist.team_tabs .tab_button .content_list li.active > .wrapper:after {

	opacity:0

}

#indexPage .module.team_tabs .bx-controls-direction a {

	left:100px;

	margin-top:0

}

#indexPage .module.team_tabs .container_content .bx-wrapper .bx-controls-direction a.bx-prev {

	left:130px;

	top:-40px;

}

#indexPage .module.team_tabs .container_content .bx-wrapper .bx-controls-direction a i {

	font-size:26px;

	margin-left: 10px;

}

#indexPage .module.team_tabs .container_content .bx-wrapper .bx-controls-direction a.bx-next {

	left:130px;

	top:auto;

	bottom:-40px;

}

#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:#00C0FF;

}

#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span {

	opacity:0

}

.npagePage .module_container {

	padding-bottom:0

}

.npagePage .module_container .module_container {

	padding-left: 0px;

	padding-right: 0px;

	max-width: 100%

}

.npagePage .module .container_category {

	text-align:left;

	padding-bottom:0;

	padding-top:100px

}

.npagePage .container_content {

	padding-top:60px

}

.npagePage #banner {

	height: 400px

}

.npagePage #banner div {

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover

}

.npagePage .content {

	font-size: 13px;

	line-height: 24px;

	color: #7e7e7e;

}

.npagePage .content hr {

	border: none;

	border-top: 1px dotted #d3d3d3;

	margin-top: 10px;

	margin-bottom: 10px;

	word-wrap: break-word;

	word-break: normal;

}

.npagePage .content .postbody a, .npagePage .content .description a {

	text-decoration: underline

}

.postbody img {

	float: none;

	max-width: 100%;

	margin-bottom: 5px

}

.npagePage .mpageEditor .container_header {

	padding: 80px 0 40px;

	font-size: 22px;

	text-align: center

}

.npagePage .mpageEditor .container_header .title {

	color: #333;

}

.npagePage .mpageEditor .container_header .subtitle {

	font-size: 14px

}

.npagePage .mpageEditor .container_content {

	padding-top:0;

	margin:20px 0 120px 0;

}

.npagePage .mpageEditor .postbody #contactinfo {

	float: left;

	width:30%;

}

.npagePage .mpageEditor .postbody #contactform {

	float:left;

	width:60%;

	margin-left:10%;

}

.npagePage .mpageEditor #mcontact .module_container {

	max-width:1200px

}

#footer {

	height: 20px;

	padding: 10px 56px;

	margin-top: 80px;

}

#footer p {

	line-height: 20px;

	height: 20px;

	text-align: left;

	max-width:1170px;

	margin:0 auto;

	color: #9E9E9E;

}

#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: #f2f2f2 1px solid;

	display: block;

	background-color: #fff;

	color: #999;

	font-size: 16px;

	text-align: center;

	position: relative;

	transition: all 0.3s ease-out 0s;

}

#shares a i {

	margin-top: 12px;

	color: #999;

	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: #7D7D7D;

}

#shares a:hover {

	border-color: #f6f6f6;

	z-index: 1;

	background-color: #f6f6f6;

}

#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: #fff;

	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: #262626

}

#fixed_mp .fixed-container {

	width: 258px;

	height: 298px;

	background: #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -129px;

	margin-top: -149px

}

#fixed_mp .fixed-container p {

	padding: 0 20px;

	text-align: center;

	font-size: 14px;

	color: #262626

}

#online_open {

	width: 40px;

	height: 40px;

	background: #fff;

	border: #f2f2f2 1px solid;

	cursor: pointer;

	position: fixed;

	right: -40px;

	bottom: 186px;

	z-index: 99;

	font-size: 18px;

	color: #999;

	text-align: center;

	line-height: 30px;

	margin-right: -3px;

}

#online_open:hover {

	border-color: #f6f6f6;

	background-color: #f6f6f6;

}

#online_open i {

	margin-top: 12px;

	transition: all 0.3s ease-out 0s;

}

#online_lx {

	width: 180px;

	height: auto;

	background-color: #fff;

	-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;

}

#olx_head {

	padding: 20px;

	line-height: 16px;

	height: 16px;

	background: #444;

	color: #fff;

	font-size: 14px

}

#olx_head i {

	font-size: 18px;

	color: #fff;

	cursor: pointer;

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

}

#olx_head i:hover {

	color: #fff;

	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: #fff 1px solid;

transition: all ease-out .3s;

	font-size: 12px

}

#olx_qq li a:hover {

	height: 30px;

	line-height: 30px;

}

#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: #fff;

	background: #0072D4;

}

#olx_qq li a:hover i {

	color: #fff;

}

#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

}

.hide {

	display: none;

}

.popup {

	display: block;

}

.popup .fixed-container {

	position: absolute;

	left: 50%;

	top: 50%;

	background:#fff;

	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: #fff;

}

.netmask.success div i:before {

	display: block

}

#indexPage .module .container_content .list_more {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.mlist.service .content_list li.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.mlist.project .content_list li.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.mlist.team .content_list li.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.mlist.imagelink .content_list li.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.mlist.news .content_list li.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;

}

.container_target.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.module_container .content_list li.wow {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

.mlist.team_tabs .tab_button .content_list li.active > .wrapper {

	background-color:#0072D4;

}

.mlist.team_tabs .tab_button .content_list li.active > .wrapper .title {

	color: #fff;

}

#contactform p .inputtxt.submit:hover {

	border-bottom: 0;

}

.container_target a:last-child {

	color: #0072d4;

}

.hide {

	display: none;

}

.show {

	display: block;

}

#assistBtn, #openAssist {

	display: none;

}