::selection {
	background: #FF1A1A;
	color: #fff
}

::-moz-selection {
	background: #FF1A1A;
	color: #fff
}

::-webkit-selection {
	background: #FF1A1A;
	color: #fff
}

.wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

.flex {
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex>.cell {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	max-width: 100%;
	display: block;
	position: relative
}

.flex>.cell.fixed {
	-webkit-box-flex: 0!important;
	-webkit-flex: none!important;
	-ms-flex: none!important;
	flex: none!important;
	width: auto
}

.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box
}

.icons {
	background: url(../images/icon-sprites.png) no-repeat 0 0
}

.site-top {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	background: #000000;
}

.site-top .stock {
	margin-left: 42px
}

.site-top .relative-link {
	float: right
}

.site-top .relative-link a {
	display: inline-block;
	margin-right: 18px
}

.site-top .relative-link a:hover {
	text-decoration: underline
}

.site-top .relative-link a i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: -3px
}

.site-top .relative-link a i.icon-gonghao {
	background-position: 0 -16px
}

.site-nav {
	position: relative;
	height: 62px
}

.site-nav .logo {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 250px;
	padding-top: 10px;
}

.site-nav .menu-list {
	max-width: 86%;
	float: right;
	margin: 20px 0 0 0
}

.site-nav .menu-list li {
	float: left;
	display: inline-block;
	margin: 0 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #323232;
	border-bottom: 2px solid transparent
}

.site-nav .menu-list li a {
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 6px
}

.site-nav .menu-list li:hover,.site-nav .menu-list li.current_page_item,.site-nav .menu-list li.active {
	color: #FF1A1A;
	font-weight: bold;
	border-color: #044b91
}

.site-nav .menu-list.active li.current_page_item,.site-nav .menu-list.active li.active {
	color: #fff;
	border-color: transparent;
	background: #044b91
}

.u-menu {
	display: none
}

.m-banner {
	position: relative;
	overflow: hidden;
	background: #50c9ff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.m-banner .building {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*background: url(../images/home_tower.jpg) no-repeat right top;*/
	background-size: 64.6875%;
	-webkit-transition: ease-in-out 2s;
	-o-transition: ease-in-out 2s;
	transition: ease-in-out 2s;
	z-index: 1;
	opacity: 0
}

.m-banner.scrollActive .building {
	opacity: 1;
	background-position: right bottom
}

.m-banner img {
	width: 100%;
	opacity: 0;
	-webkit-transition: linear 1s;
	-o-transition: linear 1s;
	transition: linear 1s
}

.m-banner.scrollActive img {
	opacity: 1
}

.m-banner .txt {
	position: absolute;
	display: inline-block;
	left: 5%;
	bottom: 26%;
	color: #e03f00;
	line-height: 1.5em;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	-webkit-text-stroke: 1px #FFFFFF;
	-webkit-transition: ease-in-out 1.5s .2s;
	-o-transition: ease-in-out 1.5s .2s;
	transition: ease-in-out 1.5s .2s;
	-webkit-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	-o-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	z-index: 2
}

.m-banner.scrollActive .txt {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-relateLink {
	display: flex;
	flex-flow: row wrap;
	padding: 0 6%;
	box-sizing: border-box;
	overflow: hidden
}

.m-relateLink .item {
	float: left;
	width: 25%;
	padding: 50px 0 44px;
	box-sizing: border-box;
	text-align: center;
	color: #878787;
	font-size: 12px
}

.J-scrollCnt .item {
	opacity: .1;
	-webkit-transform: translate3d(0,50%,0);
	-ms-transform: translate3d(0,50%,0);
	-o-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
	-webkit-transition: all ease-in-out .6s 0s;
	-o-transition: all ease-in-out .6s 0s;
	transition: all ease-in-out .6s 0s
}

.J-scrollCnt.scrollActive .item {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1
}

.J-scrollCnt.scrollActive .item:nth-child(2) {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.J-scrollCnt.scrollActive .item:nth-child(3) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.J-scrollCnt.scrollActive .item:nth-child(4) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}

.J-scrollCnt.scrollActive .item:nth-child(5) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.J-scrollCnt.scrollActive .item:nth-child(6) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}

.J-scrollCnt.scrollActive .item:nth-child(7) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}

.J-scrollCnt.scrollActive .item:nth-child(8) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}

.m-relateLink .item .icon {
	float: left;
	position: relative;
	display: inline-block;
	width: 86px;
	height: 86px;
	margin-top: -10px;
	border-radius: 100%;
	background: #f1f1f1;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-relateLink .item:hover .icon {
	box-shadow: 0 0 12px rgba(36,36,36,.3)
}

.m-relateLink .item .icon:after {
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	left: 15%;
	top: 37%;
	margin: -18px 0px;	
	background: url(../images/four_icons.png) no-repeat;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-relateLink .item:hover .icon:after {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.m-relateLink .item .icon-subsidiary:after {
	background-position: 0 -65px
}

.m-relateLink .item .icon-office:after {
	background-position: 0 -122px
}

.m-relateLink .item .icon-recruitment:after {
	background-position: 0 -185px
}

.m-relateLink .item p {
	line-height: 1.6em
}

.m-relateLink .item .cnt {
	float: left;
	padding: 5% 0 0 4%
}

.m-relateLink .item .title {
	font-size: 16px;
	color: #363636
}

.m-relateLink .item:hover .title {
	color: #FF1A1A
}

.m-news {
	text-align: center;
	background: #f5f5f5
}

.m-commonBlock h2 {
	color: #626262;
	font-size: 18px;
	font-family: tahoma,arial
}

.m-commonBlock .titleEn {
	font-size: 28px;
	color: #252525;
	margin: 10px 0 0;
	font-family: tahoma,arial,'helvetica neue','hiragino sans gb',sans-serif
}

.m-news .new-list .item {
	width: 80%;
	margin: 50px auto 0
}

.m-news .new-list .item .title-cate {
	color: #252525;
	font-size: 16px
}

.m-news .new-list .item:hover .title-cate {
	color: #FF1A1A
}

.m-news .new-list .item .mod {
	margin: 10px;
	padding: 17px 15px;
	background: #fff
}

.m-news .new-list .item:hover .mod {
	box-shadow: 0 0 8px rgba(184,184,184,.4)
}

.m-news .new-list .item .mod .h5-layer-conatiner {
	position: relative
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask {
	position: relative;
	z-index: 2;
	visibility: hidden
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask:after {
	position: absolute;
	content: '';
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin: 10px -16px;
	background: url(../images/i-video.png) no-repeat 0 0;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-news .new-list .item:hover .mod .h5-layer-conatiner .videoMask:after {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask.show {
	visibility: visible
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask img {
	width: 100%
}

.m-news .new-list .item .mod .h5-layer-conatiner video {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0
}

.m-news .new-list .item .mod .pic {
	position: relative;
	overflow: hidden
}

.m-news .new-list .item .mod .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transition: ease-in-out .8s;
	-o-transition: ease-in-out .8s;
	transition: ease-in-out .8s
}

.m-news .new-list .item .mod .pic .bg {
	position: relative;
	opacity: 0
}

.m-news .new-list .item:hover .mod .pic img {
	opacity: .9;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.m-news .new-list .item .mod .title {
	color: #909090;
	font-size: 14px;
	margin: 16px 0 0
}

.m-news .new-list .item:hover .mod .title {
	color: #FF1A1A
}

.m-news .new-list .item .mod .date {
	color: #cccccc;
	font-size: 12px;
	margin: 16px 0 0
}

.m-companyData {
	margin: 40px auto 0;
	box-sizing: border-box;
	background: url(../images/bg-cpn.jpg) no-repeat center top;
	background-size: 100%;
	overflow: hidden;
	-webkit-transition: ease-in-out 2s;
	-o-transition: ease-in-out 2s;
	transition: ease-in-out 2s
}

.m-companyData.scrollActive {
	background-position: center bottom
}

.m-companyData ul {
	position: relative;
	float: left;
	min-width: 592px;
	display: flex;
	flex-flow: row wrap;
	padding: 5.390625% 0 4.6875%;
	background: rgba(40,148,219,.77);
	-webkit-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: ease-in-out .8s;
	-o-transition: ease-in-out .8s;
	transition: ease-in-out .8s
}

.m-companyData.scrollActive ul {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-companyData ul:after {
	position: absolute;
	content: '';
	width: 200px;
	height: 100%;
	right: -200px;
	top: 0;
	background: url(../images/triangle.png) no-repeat 0 0;
	background-size: auto 100%
}

.m-companyData ul li {
	cursor: default;
	display: inline-block;
	min-width: 25%;
	color: #fff;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-companyData.scrollActive .item:hover,.m-companyData ul li:hover {
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s;
	-webkit-transform: translate3d(0,-20%,0);
	-ms-transform: translate3d(0,-20%,0);
	-o-transform: translate3d(0,-20%,0);
	transform: translate3d(0,-20%,0)
}

.m-companyData ul li:hover .item {
	-webkit-transform: translate3d(0,-4px,0);
	-ms-transform: translate3d(0,-4px,0);
	-o-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0);
	background: rgba(255,255,255,.3)
}

.m-companyData ul li .icon {
	position: relative;
	display: inline-block;
	width: 72px;
	height: 62px;
	border-radius: 20px;
	background: rgba(255,255,255,.43)
}

.m-companyData ul li .icon:after {
	position: absolute;
	content: '';
	width: 39px;
	height: 36px;
	left: 50%;
	top: 50%;
	margin: -18px -20px;
	background: url(../images/company-sprites.png) no-repeat 0 0
}

.m-companyData ul li .icon2:after {
	background-position: -39px 0
}

.m-companyData ul li .icon3:after {
	background-position: -78px 0
}

.m-companyData ul li .icon4:after {
	background-position: -117px 0
}

.m-companyData ul li .icon:after {
}

.m-companyData ul li em {
	line-height: 1em;
	font-size: 24px;
	margin: 0 1% 0 0;
	font-family: tahoma,arial
}

.m-companyData ul li p {
	margin: 6% 0 0
}

.m-announcement {
	margin: 40px auto 0;
	padding-left: 8%!important;
	padding-right: 8%!important;
	background: #f5f5f5;
	box-sizing: border-box
}

.m-announcement-white {
	background: #fff
}

.m-announcement .hd {
	text-align: center
}

.u-date-line,.m-announcement .date-line {
	color: #008bec;
	font-size: 18px;
	margin: 40px 0 0;
	text-align: center
}

.u-date-line em,.m-announcement .date-line em {
	display: inline-block;
	vertical-align: middle;
	font-family: tahoma,arial
}

.u-date-line .line,.m-announcement .date-line .line {
	display: inline-block;
	width: 6.4%;
	height: 1px;
	margin: 0 8px;
	vertical-align: middle;
	background: #008bec
}

.u-date-line .line-long,.m-announcement .date-line .line-long {
	width: 12.5%
}

.m-announcement .mod {
	margin: 62px 0 0;
	padding: 0 5%;
	box-sizing: border-box;
	-webkit-transition: linear .4s;
	-o-transition: linear .4s;
	transition: linear .4s;
	-webkit-transform: translate3d(10%,0,0);
	-ms-transform: translate3d(10%,0,0);
	-o-transform: translate3d(10%,0,0);
	transform: translate3d(10%,0,0);
	opacity: .1
}

.m-announcement .mod:nth-child(2) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.m-announcement.scrollActive .mod {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1
}

.m-announcement .mod h3 {
	color: #252525;
	font-weight: bold;
	font-size: 16px;
	text-align: center
}

.m-announcement .mod ul {
	color: #7c7c7c;
	font-size: 14px;
	text-align: left;
	margin: 20px 0 0
}

.m-announcement .mod ul li {
	position: relative;
	padding-right: 68px
}

.m-announcement .mod ul li a {
	display: block;
	display: block;
	position: relative;
	padding-left: 18px;
	line-height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-announcement .mod ul li .date {
	position: absolute;
	line-height: 1em;
	right: 0;
	top: 50%;
	margin: -6px 0;
	color: #b6b6b6;
	font-size: 12px;
	font-family: tahoma,arial
}

.m-announcement .mod ul li a:hover .date,.m-announcement .mod ul li a:hover {
	color: #008bed
}

.m-announcement .mod ul li a:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 2px;
	left: 0;
	top: 50%;
	margin: -1px 0;
	border-radius: 100%;
	background: #3c3c3c
}

.m-announcement .mod .more {
	display: block;
	position: relative;
	height: 34px;
	padding: 2px 10px
}

.m-announcement .mod .more:after {
	position: absolute;
	content: '';
	display: block;
	width: 31px;
	height: 15px;
	left: 0;
	top: 50%;
	margin: -7px 0 0;
	background: url(../images/icon-sprites.png) no-repeat 0 -168px;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-announcement .mod .more:hover:after {
	left: 10px
}

.m-commonBlock {
	padding: 54px 0 78px
}

.m-partners {
	text-align: center;
	padding-bottom: 0
}

.m-partners .brand-list {
	padding: 16px 16px 10%;
	overflow: hidden
}

.m-partners .brand-list li {
	position: relative;
	float: left;
	width: 20%;
	height: 156px;
	line-height: 156px;
	box-sizing: border-box
}

.m-partners .brand-list li>a {
	display: block;
	box-shadow: 0 0 20px rgba(184,184,184,.45);
	-webkit-transform: translate3d(0,50%,0);
	-ms-transform: translate3d(0,50%,0);
	-o-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
	-webkit-transition: linear .5s;
	-o-transition: linear .5s;
	transition: linear .5s;
	background: #fff
}

.m-partners .brand-list li:nth-child(2n)>a {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.m-partners .brand-list li:nth-child(4n)>a {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.m-partners.scrollActive .brand-list li>a {
	box-shadow: none;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-partners .brand-list li:hover {
	box-shadow: 0 0 20px rgba(184,184,184,.45);
	z-index: 2
}

.m-partners .brand-list li img {
	width: 48%
}

.m-discountLoading {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -20px;
	color: #0d9b9d;
	box-sizing: border-box;
	text-align: center
}

.m-discountLoadingFullPage {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	z-index: 9
}

.m-discountLoadingFullPage .loader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px
}

.line-scale-pulse-out>i {
	display: inline-block;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	background-color: #9ee2e3;
	-webkit-animation: line-scale-pulse-out 1s 0s infinite cubic-bezier(.85,.25,.37,.85);
	animation: line-scale-pulse-out 1s 0s infinite cubic-bezier(.85,.25,.37,.85)
}

.line-scale-pulse-out>i:nth-child(2),.line-scale-pulse-out>i:nth-child(4) {
	-webkit-transform: scaley(.65);
	-ms-transform: scaley(.65);
	-o-transform: scaley(.65);
	transform: scaley(.65);
	-webkit-animation: line-scale-pulse-out2 1.1s 0s infinite cubic-bezier(.85,.25,.37,.85);
	animation: line-scale-pulse-out2 1s 0s infinite cubic-bezier(.85,.25,.37,.85)
}

.line-scale-pulse-out>i:nth-child(1),.line-scale-pulse-out>i:nth-child(5) {
	-webkit-transform: scaley(.35);
	-ms-transform: scaley(.35);
	* -o-transform: scaley(.35);
	transform: scaley(.35);
	-webkit-animation: line-scale-pulse-out3 1s 0s infinite cubic-bezier(.85,.25,.37,.85);
	animation: line-scale-pulse-out3 1s 0s infinite cubic-bezier(.85,.25,.37,.85)
}

@-webkit-keyframes line-scale-pulse-out {
	0% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}

	50% {
		-webkit-transform: scaley(0.35);
		transform: scaley(0.35)
	}

	100% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}
}

@keyframes line-scale-pulse-out {
	0% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}

	50% {
		-webkit-transform: scaley(0.35);
		transform: scaley(0.35)
	}

	100% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}
}

@-webkit-keyframes line-scale-pulse-out2 {
	0% {
		-webkit-transform: scaley(.65);
		transform: scaley(.65)
	}

	40% {
		-webkit-transform: scaley(0.35);
		transform: scaley(0.35)
	}

	60% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}

	100% {
		-webkit-transform: scaley(.65);
		transform: scaley(.65)
	}
}

@keyframes line-scale-pulse-out2 {
	0% {
		-webkit-transform: scaley(.65);
		transform: scaley(.65)
	}

	40% {
		-webkit-transform: scaley(0.35);
		transform: scaley(0.35)
	}

	60% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}

	100% {
		-webkit-transform: scaley(.65);
		transform: scaley(.65)
	}
}

@-webkit-keyframes line-scale-pulse-out3 {
	0% {
		-webkit-transform: scaley(.35);
		transform: scaley(.35)
	}

	50% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}

	100% {
		-webkit-transform: scaley(.35);
		transform: scaley(.35)
	}
}

@keyframes line-scale-pulse-out3 {
	0% {
		-webkit-transform: scaley(.35);
		transform: scaley(.35)
	}

	50% {
		-webkit-transform: scaley(1);
		transform: scaley(1)
	}

	100% {
		-webkit-transform: scaley(.35);
		transform: scaley(.35)
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform,left,top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px,0,0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform,left,top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px,0,0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform,left,top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px,0,0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px,0px);
	-ms-transition-property: -ms-transform,left,top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px,0,0);
	-ms-transition-timing-function: ease;
	transition-property: transform,left,top;
	transition-duration: 0s;
	transform: translate3d(0px,0,0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}

.swiper-container {
}

.swiper-slide {
}

.swiper-slide-active {
}

.swiper-slide-visible {
}

.swiper-pagination-switch {
}

.swiper-active-switch {
}

.swiper-visible-switch {
}

.m-partners .scroll-con {
	position: relative;
	margin: 44px 0 0
}

.m-partners .scroll-con .arrow-right,.m-partners .scroll-con .arrow-left {
	position: absolute;
	left: 0;
	top: 40%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	z-index: 3
}

.m-partners .scroll-con .arrow-right {
	left: auto;
	right: 0
}

.m-partners .scroll-con .arrow-right:hover,.m-partners .scroll-con .arrow-left:hover {
	background: #15599a;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none
}

.m-partners .scroll-con .arrow-right:after,.m-partners .scroll-con .arrow-left:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	margin: -7px -4px;
	width: 8px;
	height: 14px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	background: url(../images/icon-sprites.png) no-repeat -8px -197px
}

.m-partners .scroll-con .arrow-right:after {
	background-position: -8px -211px
}

.m-partners .scroll-con .arrow-left:hover:after {
	background-position: 0 -197px
}

.m-partners .scroll-con .arrow-right:hover:after {
	background-position: 0 -211px
}

.swiper-container {
	width: 94%;
	box-sizing: border-box;
	height: 444px
}

.content-slide {
	padding: 20px;
	color: #fff
}

.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 60px;
	width: 100%;
	z-index: 2
}

.swiper-pagination-switch {
	position: relative;
	display: inline-block;
	margin: 0 2px;
	padding: 20px 0;
	cursor: pointer
}

.swiper-pagination-switch:after {
	display: inline-block;
	content: '';
	width: 78px;
	height: 3px;
	border: 1px solid #cfcfcf;
	box-sizing: border-box
}

.swiper-pagination-switch:hover:after {
	border-color: #15599a
}

.swiper-active-switch:after {
	border-color: #15599a;
	background: #15599a
}

.footer {
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 6% 0 0;
	background: #000000
}

.footer-mt {
	margin: 6% 0 0
}

.footer .bd {
	overflow: hidden;
	background: #EEEEEE;
}

.footer .menu,.footer .footer-link {
	margin-top: 30px
}

.footer .menu li,.footer .footer-link li {
	display: inline-block
}

.footer .menu li a,.footer .footer-link li a {
	color: #000;
	position: relative;
	display: inline-block;
	padding: 15px 15px 15px 14px
}

.footer .menu li a:hover,.footer .footer-link li a:hover {
	color: #000;
	text-decoration:underline;
}

.footer .menu li a:after,.footer .footer-link li a:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 14px;
	top: 50%;
	left: -1px;
	margin-top: -7px;
	background: #000;
}

.footer .menu li:first-child a:after,.footer .footer-link li:first-child a:after {
	display: none
}

.footer .m-qrCode .item {
	display: inline-block;
	margin: 38px 26px 55px
}

.footer .m-qrCode .item p {
	margin-top: 14px
}

.footer .footer-copyright {
	line-height: 1.5em;
	padding: 22px 0 28px
}

.footer .footer-copyright p:first-child {
	font-family: tahoma,arial
}

.m-com-hd {
	width: 100%;
	margin: 1.875% 0 0;
	overflow: hidden;
	box-sizing: border-box;
	background: #3368a5
}

.m-com-hd-detail {
	height: 90px;
	border-bottom: 25px solid #c9d7e7
}

.m-com-hd .pic {
	float: left;
	width: 42%;
	margin: 0 0 0 7%;
	padding: 0 1.7187500000000002%;
	box-sizing: border-box;
	background: #fff
}

.m-com-hd-2 .pic {
	float: right;
	margin: 0 7% 0 0
}

.m-com-hd .pic img {
	width: 100%;
	height: auto;
	opacity: .5;
	-webkit-transform: translate3d(4%,0,0);
	-ms-transform: translate3d(4%,0,0);
	-o-transform: translate3d(4%,0,0);
	transform: translate3d(4%,0,0);
	-webkit-transition: linear .5s;
	-o-transition: linear .5s;
	transition: linear .5s
}

.m-com-hd.scrollActive .pic img {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-com-hd.scrollActive .pic .inner {
	overflow: hidden
}

.m-com-hd.scrollActive .pic:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.m-com-hd .cnt {
	float: right;
	width: 42%;
	color: #fff;
	margin: 0 4% 0 0;
	box-sizing: border-box;
	overflow: hidden;
	opacity: .5;
	-webkit-transform: translate3d(0,20%,0);
	-ms-transform: translate3d(0,20%,0);
	-o-transform: translate3d(0,20%,0);
	transform: translate3d(0,20%,0);
	-webkit-transition: linear .8s .2s;
	-o-transition: linear .8s .2s;
	transition: linear .8s .2s
}

.m-com-hd.scrollActive .cnt {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-com-hd .cnt .list {
	margin: 12% 0 0
}

.m-com-hd-joinUs .cnt .list {
	margin: 2% 0 0;
	padding-left: 34%
}

.m-com-hd .cnt .list li {
	text-align: center;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-com-hd .cnt .list li:hover {
	-webkit-transform: translate3d(0,-10%,0);
	-ms-transform: translate3d(0,-10%,0);
	-o-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0)
}

.m-com-hd-joinUs .cnt .list li {
	text-align: right
}

.m-com-hd .cnt .list li p {
	color: #e1e8f2;
	font-size: 16px;
	margin: 22px 0 0
}

.m-com-hd .cnt .list li .icon {
	position: relative;
	display: inline-block;
	width: 68px;
	height: 68px;
	border-radius: 100%;
	background: #e1e8f2
}

.m-com-hd .cnt .list li .icon:after {
	position: absolute;
	content: '';
	width: 44px;
	height: 34px;
	left: 50%;
	top: 50%;
	margin: -17px -22px;
	background: url(../images/investor-sprite.png) no-repeat 0 0
}

.m-com-hd-joinUs .cnt .list li .icon:after {
	width: 29px;
	height: 29px;
	margin: -15px;
	background: url(../images/joinUs-sprite.png) no-repeat 0 0
}

.m-com-hd .cnt .list li .icon2:after {
	background-position: -44px 0
}

.m-com-hd-joinUs .cnt .list li .icon2:after {
	background-position: -29px 0
}

.m-com-hd .cnt .list li .icon3:after {
	background-position: -88px 0
}

.m-com-hd-boat .cnt {
	float: none;
	padding: 2.734375% 3.8281250000000004%
}

.m-com-hd .cnt .hd {
	display: inline-block;
	font-size: 18px;
	margin: 8% 4% 0;
	text-align: center
}

.m-com-hd .cnt .hd h2 {
	display: inline-block;
	padding: 10px 0 0;
	border-top: 1px solid #fff
}

.m-com-hd-boat .cnt .hd {
	margin: 0
}

.m-com-hd .cnt .hd .subTitle {
	font-size: 12px;
	color: #7492bc;
	margin: 6px 0 0
}

.m-com-hd .cnt .tt {
	font-size: 18px;
	margin: 5% 0 0
}

.m-com-hd .cnt .txt {
	line-height: 1.8em;
	text-indent: 2em;
	margin: 9% 0 0;
	color: #d9dee7
}

.m-com-hd-aboutUs .cnt .txt {
	margin: 2.6% 0 0
}

.m-com-hd-aboutUs:hover .cnt .txt {
	color: #fff;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.m-comWrap {
	background: #f5f5f5;
	padding: 4% 6.8%
}

.m-section-style1 {
	margin: 6% 0 0;
	padding: 6%;
	overflow: hidden;
	background: #fff
}

.m-section-style1:first-child {
	margin: 0
}

.m-section-style1 .pic {
	float: right;
	width: 46%;
	padding: 3% 0;
	opacity: .5;
	-webkit-transition: ease-in-out .6s;
	-o-transition: ease-in-out .6s;
	transition: ease-in-out .6s;
	-webkit-transform: translate3d(10%,0,0);
	-ms-transform: translate3d(10%,0,0);
	-o-transform: translate3d(10%,0,0);
	transform: translate3d(10%,0,0)
}

.m-section-style1.scrollActive .cnt,.m-section-style1.scrollActive .pic {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-section-style1-news .pic {
	padding-top: 42px
}

.m-section-style2 {
	padding: 3% 6%
}

.m-section-style2:first-child {
	margin-top: 0
}

.m-section-style2 .pic {
	width: 27%;
	padding: 7% 0
}

.m-section-style1 .pic img {
	width: 100%;
	height: auto
}

.m-section-style1 .cnt {
	float: left;
	width: 48%;
	-webkit-transition: ease-in-out .6s .2s;
	-o-transition: ease-in-out .6s .2s;
	transition: ease-in-out .6s .2s;
	-webkit-transform: translate3d(-10%,0,0);
	-ms-transform: translate3d(-10%,0,0);
	-o-transform: translate3d(-10%,0,0);
	transform: translate3d(-10%,0,0)
}

.m-section-style1-news .cnt {
}

.m-section-style2 .cnt {
	width: 70%
}

.m-section-style1-right .pic {
	float: left;
	-webkit-transform: translate3d(-10%,0,0);
	-ms-transform: translate3d(-10%,0,0);
	-o-transform: translate3d(-10%,0,0);
	transform: translate3d(-10%,0,0)
}

.m-section-style1 .pic p {
	margin: 10px 0 0;
	color: #5b5b5b;
	font-size: 14px;
	text-align: center
}

.m-section-style1 .pic p.tt {
	margin: 20px 0 0
}

.m-section-style1 .pic p.date {
	color: #ccc;
	font-size: 12px
}

.m-section-style1-right .cnt {
	float: right;
	opacity: .5;
	-webkit-transform: translate3d(10%,0,0);
	-ms-transform: translate3d(10%,0,0);
	-o-transform: translate3d(10%,0,0);
	transform: translate3d(10%,0,0)
}

.m-list-style1 {
	position: relative
}

.m-list-style1 h3 {
	padding: 12px 0;
	color: #252525;
	border-bottom: 1px solid #f0f0f0;
	font-size: 16px
}

.m-list-style2 h3 {
	padding: 2.1653543307086616% 7.44%
}

.m-list-style2 .bd {
	padding: 2.1653543307086616% 7.44%;
	color: #252525;
	font-size: 14px;
	line-height: 1.6em;
	text-indent: 2em
}

.m-section-style1-right .m-list-style1 h3 {
	text-align: right
}

.m-section-style1 .m-list-style1 h3 .en {
	color: #cdcdcd;
	font-size: 12px;
	margin-left: 10px
}

.m-list-style1 ul {
	padding: 14px 0
}

.m-list-style1 ul li {
	position: relative;
	color: #6e6e6e;
	font-size: 14px;
	padding: 1.8% 0
}

.m-list-style1 ul li:hover {
	color: #008bed
}

.m-list-style1 ul li {
	position: relative;
	padding-right: 10px
}

.m-list-style1 ul li .date {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	line-height: 1em;
	font-size: 12px;
	color: #cbcbcb
}

.m-list-style1 ul li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.m-list-style1 ul li:before {
	position: absolute;
	content: '';
	width: 2px;
	height: 2px;
	border-radius: 100%;
	left: -14px;
	top: 50%;
	margin: -1px 0 0;
	background: #5b5b5b
}

.u-more,.m-list-style1 .more {
	display: block;
	position: relative;
	height: 34px;
	padding: 2px 10px
}

.u-more,.m-list-style2 .more {
	margin-right: 7.44%
}

.u-more:after,.m-list-style1 .more:after {
	position: absolute;
	content: '';
	display: block;
	width: 31px;
	height: 15px;
	right: 0;
	top: 50%;
	margin: -7px 0 0;
	background: url(../images/icon-sprites.png) no-repeat 0 -168px;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s
}

.u-more:hover:after,.m-list-style1 .more:hover:after {
	right: -10px
}

.m-section-contact2,.m-section-contact {
	background: #fff;
	padding: 5% 6%;
	color: #323232
}

.m-section-contact2 h1,.m-section-contact h1 {
	font-size: 25px;
	text-align: center
}

.m-section-contact .list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	overflow: hidden
}

.m-section-contact .list .mod {
	margin: 3% 0 0;
	width: 250px;
/* padding: 0 2%; */
}

.m-section-contact .list .mod h4 {
	display: inline-block;
	padding: 6px 0;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #044b91
}

.m-section-contact .list .mod ul {
	padding: 6px 0
}

.m-section-contact .list .mod ul li {
	padding: 5px 0
}

.m-section-contact .list .mod ul li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #6b6b6b
}

.m-section-contact .list .mod ul li:hover a {
	color: #008bed
}

.m-section-contact2 {
	margin: 3.6% 0 0
}

.m-section-contact2 .hd ul {
	margin: 3.6% 0 0;
	overflow: hidden
}

.m-section-contact2 .hd ul li {
	float: left;
	text-align: center;
	margin: 10px 0;
	width: 16.666666666666667%
}

.m-section-contact2 .hd ul li:hover {
	color: #008bed
}

.m-section-contact2 .hd ul li a {
	display: inline-block;
	font-size: 16px;
	padding: 8px 3px;
	box-sizing: border-box;
	border-bottom: 2px solid transparent
}

.m-section-contact2 .hd ul li.active a {
	color: #044b91;
	font-weight: bold;
	border-bottom-color: #044b91
}

.m-section-contact2 .bd {
	padding: 2% 6%;
	font-size: 18px;
	background: #f5f5f5
}

.m-section-contact2 .bd ul {
	overflow: hidden
}

.m-section-contact2 .bd ul li {
	float: left;
	line-height: 1.8em;
	width: 50%;
	margin: 10px 0;
	font-size: 14px;
	color: #6b6b6b
}

.J-cnt {
	display: none
}

.J-cnt.active {
	display: block
}

.m-section-2 {
	padding: 4% 6%;
	background: #fff
}

.m-section-2 h2 {
	font-size: 24px
}

.m-section-2 .section .title {
	color: #3368a5;
	font-size: 18px;
	text-align: center;
	padding: 2.5% 0;
	margin: 6% 0 0;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0
}

.m-section-2 .section .bd {
	padding: 3% 4%;
	overflow: hidden
}

.m-section-2-oil .section .bd {
	padding: 3% 0
}

.m-section-2 .section3 .bd {
	padding: 3% 0
}

.m-section-2 .section .bd .pic {
	float: right;
	width: 25%
}

.m-section-2-bus .section .bd .pic {
	width: 34%
}

.m-section-2-oil .section .bd .pic {
	width: 36%
}

.m-section-2-bus .section .bd .pic img {
	width: 100%
}

.m-section-2 .section-2 .bd .pic {
	float: left
}

.m-section-2-bus .section-2 .bd .pic {
	margin: 2% 0 0
}

.m-section-2 .section .bd .cnt {
	float: left;
	width: 66%;
	line-height: 1.8em;
	color: #252525;
	font-size: 14px
}

.m-section-2-bus .section .bd .cnt p {
	text-indent: 0;
	margin: 1% 0
}

.m-section-2-xiebo .section .bd .cnt p {
	text-indent: 2em
}

.m-section-2-oil .section .bd .cnt p {
	text-indent: 2em
}

.m-section-2 .section .bd .cnt p {
}

.m-section-2-oil .section .bd .cnt,.m-section-2-bus .section .bd .cnt {
	width: 58%
}

.m-section-2 .section .bd .pt {
	padding: 6% 0 0
}

.m-section-2-oil .section .bd .pt {
	padding: 3% 0 0
}

.m-section-2 .section-2 .bd .cnt {
	float: right
}

.m-section-2 .section .bd .cnt em {
	font-weight: bold
}

.m-section-2 .section5 .bd .cnt em {
	display: inline-block;
	font-size: 16px
}

.m-section-2 .section .bd .cnt .mt {
	margin-top: 2%
}

.m-section-2 .section .bd .cnt .picWrap {
	width: 100%;
	text-align: center
}

.m-section-2 .section .bd .cnt .picWrap img {
	max-width: 100%
}

.m-section-2 .section .bd .cnt-full {
	float: none;
	width: 100%
}

.m-section-2 .section .bd .cnt-full-img {
	text-indent: 0
}

.m-section-2 .section .bd .cnt-full-img img {
	width: 100%;
	text-indent: 0
}

.m-section-2-bus .section .flu {
	margin: 0 0 10%;
	padding: 2% 10%
}

.m-section-2-bus .section .flu li {
	position: relative;
	text-align: center
}

.m-section-2-bus .section .flu li.line {
	position: relative;
	width: 58px
}

.m-section-2-bus .section .flu li.line:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	margin: -1px;
	background: #3368a5
}

.m-section-2-bus .section .flu li .icon {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: #f5f5f5
}

.m-section-2-bus .section .flu li .icon:after {
	position: absolute;
	content: '';
	width: 36px;
	height: 36px;
	left: 50%;
	top: 50%;
	margin: -18px;
	background: url(../images/bus-sprite.png) no-repeat 0 0
}

.m-section-2-bus .section .flu li .icon2:after {
	background-position: -36px 0
}

.m-section-2-bus .section .flu li .icon3:after {
	background-position: -72px 0
}

.m-section-2-bus .section .flu li .icon4:after {
	background-position: -108px 0
}

.m-section-2-bus .section .flu li .icon5:after {
	background-position: -144px 0
}

.m-section-2-bus .section .flu li p {
	position: absolute;
	width: 200px;
	bottom: -25px;
	left: 50%;
	margin-left: -100px;
	color: #363636;
	font-size: 16px;
	font-weight: bold
}

.m-section-2-bus .section .pic-list {
	overflow: hidden
}

.m-section-2-bus .section4 .pic-list {
	background: #f5f5f5;
	text-align: center
}

.m-section-2-bus .section4 .pic-list .tt {
	font-size: 14px;
	margin-bottom: 10px
}

.m-section-2-bus .section .pic-list li {
	float: left;
	width: 33.33333%;
	padding: 1%;
	box-sizing: border-box;
	text-align: center
}

.m-section-2-bus .section4 .pic-list li {
	padding: 0
}

.m-section-2-bus .section .pic-list li p {
	font-size: 14px;
	margin: 3% 0 0
}

.m-section-2-bus .section4 .pic-list li p {
	margin-top: 10px
}

.m-section-2-bus .section .pic-list2 li .item-title {
	color: #252525;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 16px
}

.m-section-2-bus .section .pic-list2 li .txtWrap {
	line-height: 1.45em;
	min-height: 140px;
	text-align: left
}

.m-section-2-bus .section .pic-list li a {
	display: block;
	padding: 4%;
	background: #f5f5f5
}

.m-section-2-bus .section5 .pic-list li .txtWrap {
	min-height: 140px
}

.m-section-2-bus .section5 .pic-list li .txtWrap .tt {
	text-align: center
}

.m-section-2-bus .section .pic-list li a img {
	width: 100%
}

.m-section-2-bus .section4 .txtWrap {
	line-height: 1.5em;
	margin: 2% 0 0;
	font-size: 14px;
	text-indent: 2em;
	color: #252525
}

.m-section-style2 {
	margin: 6% 0 0;
	background: #fff
}

.m-section-style2 {
}

.m-section-style2 h3 {
	text-align: center;
	font-size: 22px
}

.m-section-style2 .hd ul {
	margin: 2.6% 0 0;
	overflow: hidden
}

.m-section-style2 .hd ul li {
	cursor: pointer;
	float: left;
	font-size: 16px;
	margin: 0 34px 0 0;
	padding: 6px 0;
	font-weight: bold;
	border-bottom: 2px solid transparent
}

.m-section-style2 .hd ul li.active {
	border-bottom-color: #044b91
}

.m-section-style2 .bd ul {
	margin: 10px 0;
	overflow: hidden
}

.m-section-style2 .bd ul li {
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 2em
}

.m-section-style2 .bd ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #6b6b6b
}

.m-section-style2 .date-line-title {
	margin: 1% 0 0;
	text-align: center;
	color: #a7a7a7
}

.m-section-style2 .u-date-line {
	margin: 6px 0 0;
	padding: 22px 0;
	background: #f9f9f9
}

.m-section-investor:nth-child(3),.m-section-investor {
	opacity: .5;
	-webkit-transition: ease-in-out .6s;
	-o-transition: ease-in-out .6s;
	transition: ease-in-out .6s;
	-webkit-transform: translate3d(10%,0,0);
	-ms-transform: translate3d(10%,0,0);
	-o-transform: translate3d(10%,0,0);
	transform: translate3d(10%,0,0)
}

.m-section-investor:nth-child(2) {
	-webkit-transform: translate3d(-10%,0,0);
	-ms-transform: translate3d(-10%,0,0);
	-o-transform: translate3d(-10%,0,0);
	transform: translate3d(-10%,0,0)
}

.m-section-investor.scrollActive {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.m-stock {
	background: #16599b;
	padding: 20px 14px 8px 30px;
	color: #e7e7e7
}

.m-stock table {
	width: 100%;
	text-align: left
}

.m-stock table th {
	font-weight: normal;
	font-size: 14px;
	color: #f7f9fb
}

.m-stock table td {
	font-size: 30px;
	font-weight: bold;
	line-height: 50px
}

.dataInfo {
	text-align: right;
	font-size: 14px;
	color: #f7f9fb;
	margin: 14px 0 0
}

.m-stock table td em {
	font-size: 38px;
	font-weight: bold
}

.m-stock table td .icon {
	display: inline-block;
	width: 16px;
	height: 13px;
	background: url(../images/icon_stock_up.png) no-repeat center center
}

.m-stock table td .down {
	background: url(../images/icon_stock_down.png) no-repeat center center
}

#dataCur {
	color: #e62b1e
}

#dataCur.green {
	color: #00A352
}

.m-company-msg {
	background: #f5f5f5
}

.m-company-msg .cell {
	padding: 4% 0
}

.m-company-msg .com-name {
	width: 580px;
	box-sizing: border-box;
	padding-left: 20%
}

.m-company-msg .com-name .logo {
	display: inline-block;
	vertical-align: bottom
}

.m-company-msg .com-name .cnt {
	display: inline-block;
	padding-left: 2%;
	vertical-align: bottom;
	color: #FF1A1A;
	font-size: 24px;
	font-weight: bold;
	white-space: nowrap
}

.m-company-msg .com-name .cnt .address {
	margin: 8px 0 0;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: .1em
}

.m-company-msg ul li {
	color: #FF1A1A;
	font-size: 14px;
	line-height: 1.5em
}

.m-section-style3 {
	padding: 3% 6%;
	background: #fff
}

.m-section-style3 .section-style3-tt {
	text-align: center;
	border-bottom: 2px solid #f0f0f0
}

.m-section-style3 .section-style3-tt h3 {
	position: relative;
	display: inline-block;
	color: #FF1A1A;
	font-size: 22px;
	font-weight: bold;
	padding: 9px 0
}

.m-section-style3 .section-style3-tt h3:after {
	position: absolute;
	content: '';
	width: 90%;
	left: 5%;
	bottom: -2px;
	height: 2px;
	background: #044b91
}

.m-section-style3 .hd {
	padding: 17px 0 13px;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden
}

.m-section-style3 .hd .tt {
	float: left;
	padding: 3px 5px
}

.m-section-style3 .hd ul li {
	cursor: pointer;
	float: left;
	display: inline-block;
	margin-right: 12px;
	padding: 3px 5px
}

.m-section-style3 .hd ul li.active {
	color: #fff;
	background: #3368a5
}

.table-style1 {
	width: 100%
}

.table-style1 thead {
	color: #fff;
	font-size: 14px;
	background: #3368a5
}

.table-style1 thead tr th {
	height: 46px;
	padding: 0 4%
}

.table-style1 tbody tr td {
	font-size: 14px;
	height: 60px;
	padding: 0 4%;
	border-bottom: 2px solid #f0f0f0
}

.m-section-2-news h1 {
	text-align: center;
	margin: 2% 0;
	font-size: 30px;
	font-weight: bold
}

.m-section-2-news .entry-meta {
	text-align: center;
	font-size: 14px;
	margin: 6% 0
}

.m-section-2-news .entry-date,.m-section-2-news .updated {
	margin-right: 10px
}

.m-section-2 .entry-content {
	line-height: 1.8em;
	font-size: 14px;
	color: #6d6d6d;
	text-indent: 2em
}

.m-section-2 .entry-content strong {
	font-weight: bold
}

.m-section-2 .entry-content img {
	display: block;
	margin: 4% auto;
	max-width: 100%;
	height: auto
}

.m-section-2 .entry-content p {
	margin: 1% 0
}

.wp-pagenavi {
	margin: 2.4% 0;
	text-align: center;
	font-size: 14px
}

.wp-pagenavi .pages {
	margin-right: 20px
}

.wp-pagenavi .current,.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink,.wp-pagenavi .page {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 35px;
	margin: 0 3px;
	text-align: center;
	color: #999;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 18px;
	background: #fff
}

.wp-pagenavi .last,.wp-pagenavi .first {
	margin: 0 3px
}

.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink {
	font-size: 20px
}

.wp-pagenavi .current {
	color: #fff;
	border-color: #FF1A1A;
	background: #FF1A1A
}

.m-com-hd-list {
	padding: 2.2% 3.5%;
	color: #fff
}

.m-com-hd-list .mod {
	display: inline-block;
	text-align: center
}

.m-com-hd-list .mod h2 {
	display: inline-block;
	font-size: 18px;
	padding-top: 12px;
	border-top: 1px solid #fff
}

.m-com-hd-list .mod p {
	margin-top: 6px;
	color: #859fc3
}

@media screen and (max-width:1024px) {
	.site-nav .menu-list li {
		margin: 0 10px
	}

	.site-nav .menu-list {
		position: fixed;
		max-width: 100%;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		margin: 0;
		overflow: hidden;
		box-sizing: border-box;
		background: rgba(255,255,255,.9);
		z-index: 9;
		-webkit-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		overflow-y: auto
	}

	.site-nav .menu-list.active {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-transition: linear .2s;
		-o-transition: linear .2s;
		transition: linear .2s;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	.site-nav .menu-list.active>div {
		width: 100%
	}

	.site-nav .menu-list li {
		float: none;
		display: block;
		font-size: 16px
	}

	.site-nav .menu-list li.active {
		font-weight: normal;
		color: #fff;
		background: #044b91
	}

	.site-nav .menu-list li:hover {
		color: #fff;
		background: #267dd2
	}

	.site-nav .menu-list li a {
		height: auto;
		line-height: 1em;
		padding: 1rem;
		text-align: center
	}

	.m-companyData,.m-relateLink {
		padding: 0
	}

	.m-announcement {
		padding: 56px 0 68px
	}

	.m-banner .txt {
		font-size: 20px
	}

	.u-menu {
		display: block;
		position: absolute;
		width: 30px;
		height: 30px;
		top: 0;
		right: 0;
		padding: 25px 2rem;
		font-size: 0;
		z-index: 10
	}

	.u-menu i {
		display: inline-block;
		width: 100%;
		height: 4px;
		margin: 2px 0;
		background: #FF1A1A
	}

	.u-menu.active {
		position: fixed;
		top: 30px;
		right: 0
	}

	.u-menu.active i {
		-webkit-transition: linear .2s;
		-o-transition: linear .2s;
		transition: linear .2s
	}

	.u-menu.active i:nth-child(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		-o-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg)
	}

	.u-menu.active i:nth-child(2) {
		opacity: 0
	}

	.u-menu.active i:nth-child(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		-o-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg)
	}

	.m-relateLink {
		padding: 0 2%
	}
}

@media screen and (max-width:768px) {
	.site-top .relative-link a {
		margin-right: 1rem
	}

	.site-top .relative-link a i {
		margin-right: .2rem
	}

	.m-partners .brand-list li img {
		width: 66%
	}

	.site-top .stock {
		margin-left: 1rem
	}

	.m-relateLink .item {
		padding: 4.5% 0 5.8%;
		text-align: center
	}

	.m-relateLink .item .icon {
		float: none
	}

	.m-relateLink .item .cnt {
		float: none;
		padding: 5% 0 0
	}

	.m-commonBlock {
		padding: 7% 0 10%
	}

	.m-partners .scroll-con {
		margin-top: 2%
	}

	.m-section-contact2,.m-section-contact {
		padding: 6%
	}

	.m-companyData ul {
		width: 100%;
		min-width: auto
	}
}

@media screen and (max-width:480px) {
	.m-banner .txt {
		font-size: 1.5rem
	}

	.site-nav .logo {
		padding: 3rem 0 0 7.779661016949152rem;
		background-size: 100%;
		margin: 1.8rem 0 0 1rem
	}

	.flex>.cell {
		-webkit-box-flex: none;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		-webkit-flex-basis: none;
		-ms-flex-preferred-size: none;
		flex-basis: none
	}

	.m-com-hd .cnt .list {
		margin: 8% 0 2%
	}

	.m-com-hd .cnt .list li .icon {
		width: 5rem;
		height: 5rem
	}

	.m-com-hd .cnt .list.flex>.cell {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 0;
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		max-width: 100%;
		display: block;
		position: relative
	}

	.m-relateLink .item {
		width: 50%
	}

	.m-relateLink .item .title {
		font-size: 1.5rem;
		margin: .5rem 0 0
	}

	.m-relateLink .item p {
		font-size: 1rem
	}

	.m-commonBlock h2 {
		font-isze: 1.5rem
	}

	.m-commonBlock .titleEn {
		font-size: 1.75rem;
		margin: .5rem 0 0
	}

	.m-news .new-list .item .title-cate {
		font-size: 1.5rem
	}

	.m-news .new-list .item .mod .title {
		font-size: 1rem
	}

	.m-news .new-list .item .mod .date {
		font-size: 1rem;
		font-family: tahoma,arial
	}

	.m-news .new-list .item .mod {
		margin: 1rem
	}

	.m-news .new-list .cell .item {
		width: 96%;
		margin: 2rem auto 0
	}

	.m-news .new-list .cell {
		width: 100%
	}

	.m-companyData {
		height: auto;
		margin: 0;
		background-size: cover
	}

	.m-companyData ul {
		padding: 1rem 0;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	.m-companyData li {
		width: 50%;
		margin: 1rem 0
	}

	.m-companyData.scrollActive .item:hover,.m-companyData ul li:hover {
		-webkit-transition: linear .2s;
		-o-transition: linear .2s;
		transition: linear .2s;
		-webkit-transform: translate3d(0,-10%,0);
		-ms-transform: translate3d(0,-10%,0);
		-o-transform: translate3d(0,-10%,0);
		transform: translate3d(0,-10%,0)
	}

	.m-companyData li .item {
		margin: 1rem 0
	}

	.m-companyData li.cell {
		width: 50%
	}

	.m-announcement {
		margin: 0
	}

	.u-date-line em,.m-announcement .date-line em {
		font-size: 1rem
	}

	.u-date-line .line,.m-announcement .date-line .line {
		margin: 0
	}

	.u-date-line,.m-announcement .date-line {
		margin: 1rem 0 0
	}

	.m-announcement .mod {
		width: 100%;
		margin: 3rem 0 0
	}

	.m-announcement .mod ul {
		margin: 1rem 0 0
	}

	.m-announcement .mod .more {
		height: 1rem
	}

	.m-announcement .mod .more:after {
		left: auto;
		right: 0
	}

	.m-announcement .mod .more:hover:after {
		left: auto
	}

	.swiper-container {
		height: 27rem
	}

	.m-partners .brand-list {
		padding: 1rem
	}

	.m-partners .brand-list li {
		width: 50%;
		height: 5rem;
		line-height: 1em;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.footer .menu,.footer .footer-link {
		margin: 1rem 0 0
	}

	.footer .menu li a,.footer .footer-link li a {
		padding: .6rem .8rem;
		font-size: 1rem
	}

	.footer .m-qrCode .item p {
		font-size: 1rem
	}

	.footer .m-qrCode .item {
		margin: 1rem
	}

	.footer .footer-copyright {
		font-size: 1rem;
		padding: 1.5rem 1rem 2rem
	}

	.footer .bd {
		padding: 1rem
	}

	.m-relateLink {
		padding: 0 2rem
	}

	.m-partners .scroll-con {
		margin-top: 1rem
	}

	.m-section-style1 .pic,.m-section-style1 .cnt {
		float: none;
		width: 100%
	}

	.m-com-hd .pic,.m-com-hd .cnt {
		float: none;
		width: 100%;
		margin: 0;
		padding: 4%;
		box-sizing: border-box
	}

	.m-com-hd .cnt .hd {
		margin-top: 0
	}

	.m-com-hd .cnt .tt {
		font-size: 1.75rem
	}

	.m-com-hd .cnt .txt {
		margin-top: 2%;
		font-size: 1rem
	}

	.m-comWrap {
		padding: 4%
	}

	.m-section-style2 .bd ul li {
		width: 100%
	}

	.m-section-style2 {
		padding: 8% 6%
	}

	.m-stock table th,.m-stock table td em,.m-stock table td {
		font-size: 1rem
	}

	.m-company-msg .com-name {
		width: 100%;
		padding: 0
	}

	.m-com-hd .cnt .hd h2 {
		font-size: 1.5rem
	}

	.m-com-hd .cnt .hd .subTitle {
		font-size: 1rem
	}

	.m-com-hd .cnt .list li p {
		font-size: 1.5rem
	}

	.m-stock table td em {
		font-size: 1.5rem
	}

	.m-stock {
		padding: 3% 2% 2%
	}

	.dataInfo {
		margin-top: 1%;
		font-size: .75rem
	}

	.m-company-msg {
		padding: 6%
	}

	.m-company-msg .com-name .logo {
		width: 3rem
	}

	.m-company-msg .com-name .cnt {
		font-size: 1.5rem
	}

	.m-company-msg .com-name .cnt .address {
		font-size: 1rem
	}

	.m-company-msg .cell {
		display: block;
		width: 100%
	}

	.m-com-hd .pic {
		padding: 0;
		margin: 0
	}

	.m-section-style2 .hd ul li {
		font-size: 1.25rem;
		margin-right: 1rem
	}

	.m-section-contact .list .mod {
		width: 100%;
		height: auto;
		text-align: center
	}

	.m-section-contact2 h3,.m-section-contact h3 {
		font-size: 1.8rem
	}

	.m-section-contact .list .mod h4 {
		font-size: 1rem
	}

	.m-section-contact2 .hd ul li {
		width: auto;
		min-width: 33.333333%;
		margin: .2rem 0
	}

	.m-section-contact2 .hd ul li a {
		font-size: 1.125rem;
		font-weight: normal
	}

	.m-section-contact2 .bd ul li {
		font-size: 1rem;
		width: 100%;
		margin: .2rem 0
	}

	.m-section-style3 .section-style3-tt h3 {
		font-size: 2rem
	}

	.m-section-style3 .hd {
		font-size: 1.5rem
	}

	.m-section-style3 .hd ul li {
		margin-right: .5rem
	}

	.table-style1 tbody tr:last-child td {
		border-bottom: 0
	}

	.pagination {
		bottom: 0;
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		-o-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	.m-section-2-news h1 {
		font-size: 1.8rem
	}

	.m-banner img {
		height: 15rem
	}

	.m-banner .building {
		background-size: 70%
	}

	.m-banner .txt {
		bottom: 20%
	}
}