@charset "UTF-8";
@font-face {
	font-family: FZLanTingHeiS-H-GB;
	src: url(../font/FZLTTHJW-GB1-0.eot);
	src: url(../font/FZLTTHJW-GB1-0.eot?#iefix) format("embedded-opentype"), url(../font/FZLTTHJW-GB1-0.woff) format("woff"), url(../font/FZLTTHJW-GB1-0.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

.lowBrowserwrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 10005;
	display: none
}
.lowBrowserwrap .lowwrapper {
	width: 990px;
	height: 710px;
	margin: 0 auto;
	position: relative;
	background: url(../images/wrap_bg.jpg) center top no-repeat
}
.lowBrowserwrap .lowwrapper .lowbm {
	width: 990px;
	height: 80px;
	position: absolute;
	left: 0;
	bottom: 0
}
.lowBrowserwrap .lowwrapper .lowbm .ie_btn {
	width: 230px;
	height: 80px;
	float: left
}
.lowBrowserwrap .lowwrapper .lowbm .fireFox_btn {
	width: 238px;
	height: 80px;
	float: left
}
.lowBrowserwrap .lowwrapper .lowbm .chrome_btn {
	width: 237px;
	height: 80px;
	float: left
}
.lowBrowserwrap .lowwrapper .lowbm .maxthon_btn {
	width: 285px;
	height: 80px;
	float: left
}
.loading {
	z-index: 100;
	height: 600px;
	width: 100%;
	position: relative;
	margin-top: 250px
}
@keyframes scaleout {
0% {
transform:scale(.2);
opacity:0
}
40% {
opacity:1
}
100% {
transform:scale(1);
opacity:0
}
}
.pageLoad {
	text-align: center;
	text-indent: -99999px;
	font-size: 16px;
	will-change: transform;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: -30px 0 0 -30px;
	background-color: #b6b6b7;
	border-radius: 50%;
	animation: scaleout 1s infinite ease-in-out
}
.animated, .animated.hinge {
	animation-duration: 2s
}
.animated {
	animation-fill-mode: both
}
.animated.infinite {
	animation-iteration-count: infinite
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	animation-duration: .75s
}
@keyframes bounce {
20%, 53%, 80%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -30px, 0)
}
70% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	animation-name: bounce;
	transform-origin: center bottom
}
@keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	animation-name: flash
}
@keyframes pulse {
from, to {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
}
.pulse {
	animation-name: pulse
}
@keyframes rubberBand {
from, to {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, .75, 1)
}
40% {
transform:scale3d(.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, .85, 1)
}
65% {
transform:scale3d(.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, .95, 1)
}
}
.rubberBand {
	animation-name: rubberBand
}
@keyframes shake {
from, to {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
.shake {
	animation-name: shake
}
@keyframes headShake {
0% {
transform:translateX(0)
}
6.5% {
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
transform:translateX(5px) rotateY(7deg)
}
31.5% {
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
transform:translateX(2px) rotateY(3deg)
}
50% {
transform:translateX(0)
}
}
.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake
}
@keyframes swing {
20% {
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
transform:rotate3d(0, 0, 1, -5deg)
}
to {
	transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
	transform-origin: top center;
	animation-name: swing
}
@keyframes tada {
from, to {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
.tada {
	animation-name: tada
}
@keyframes wobble {
from, to {
transform:none
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
.wobble {
	animation-name: wobble
}
@keyframes jello {
11.1%, from, to {
transform:none
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform:skewX(.39063deg) skewY(.39063deg)
}
88.8% {
transform:skewX(-.19531deg) skewY(-.19531deg)
}
}
.jello {
	animation-name: jello;
	transform-origin: center
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	transform: scale3d(1, 1, 1)
}
}
.bounceIn {
	animation-name: bounceIn
}
@keyframes bounceInDown {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
	transform: none
}
}
.bounceInDown {
	animation-name: bounceInDown
}
@keyframes bounceInLeft {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
	transform: none
}
}
.bounceInLeft {
	animation-name: bounceInLeft
}
@keyframes bounceInRight {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
	opacity: 0;
	transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
	transform: none
}
}
.bounceInRight {
	animation-name: bounceInRight
}
@keyframes bounceInUp {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
	opacity: 0;
	transform: translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
	transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
	animation-name: bounceInUp
}
@keyframes bounceOut {
20% {
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
	animation-name: bounceOut
}
@keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	animation-name: bounceOutDown
}
@keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	animation-name: bounceOutLeft
}
@keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	animation-name: bounceOutRight
}
@keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	animation-name: bounceOutUp
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	animation-name: fadeIn
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInDown {
	animation-name: fadeInDown
}
@keyframes fadeInDownBig {
from {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInDownBig {
	animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInLeft {
	animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
from {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInLeftBig {
	animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInRight {
	animation-name: fadeInRight
}
@keyframes fadeInRightBig {
from {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInRightBig {
	animation-name: fadeInRightBig
}
@keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInUp {
	animation-name: fadeInUp
}
@keyframes fadeInUpBig {
from {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInUpBig {
	animation-name: fadeInUpBig
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
.fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	animation-name: fadeOutDown
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	animation-name: fadeOutDownBig
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	animation-name: fadeOutLeft
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	animation-name: fadeOutLeftBig
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	animation-name: fadeOutRight
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	animation-name: fadeOutRightBig
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	animation-name: fadeOutUp
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	animation-name: fadeOutUpBig
}
@keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(.95, .95, .95);
animation-timing-function:ease-in
}
to {
	transform: perspective(400px);
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	animation-name: flip
}
@keyframes flipInX {
from {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: flipInX
}
.flipInY, .flipOutX {
	-webkit-backface-visibility: visible!important
}
@keyframes flipInY {
from {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
	transform: perspective(400px)
}
}
.flipInY {
	backface-visibility: visible!important;
	animation-name: flipInY
}
@keyframes flipOutX {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}
}
.flipOutX {
	animation-name: flipOutX;
	backface-visibility: visible!important
}
@keyframes flipOutY {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: flipOutY
}
@keyframes lightSpeedIn {
from {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
to {
	transform: none;
	opacity: 1
}
}
.lightSpeedIn {
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOut {
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in
}
@keyframes rotateIn {
from {
transform-origin:center;
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
	transform-origin: center;
	transform: none;
	opacity: 1
}
}
.rotateIn {
	animation-name: rotateIn
}
@keyframes rotateInDownLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
	transform-origin: left bottom;
	transform: none;
	opacity: 1
}
}
.rotateInDownLeft {
	animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	transform-origin: right bottom;
	transform: none;
	opacity: 1
}
}
.rotateInDownRight {
	animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	transform-origin: left bottom;
	transform: none;
	opacity: 1
}
}
.rotateInUpLeft {
	animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
	transform-origin: right bottom;
	transform: none;
	opacity: 1
}
}
.rotateInUpRight {
	animation-name: rotateInUpRight
}
@keyframes rotateOut {
from {
transform-origin:center;
opacity:1
}
to {
	transform-origin: center;
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}
}
.rotateOut {
	animation-name: rotateOut
}
@keyframes rotateOutDownLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
	transform-origin: left bottom;
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	animation-name: rotateOutDownLeft
}
@keyframes rotateOutDownRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
	transform-origin: right bottom;
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	animation-name: rotateOutDownRight
}
@keyframes rotateOutUpLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
	transform-origin: left bottom;
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	animation-name: rotateOutUpLeft
}
@keyframes rotateOutUpRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
	transform-origin: right bottom;
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	animation-name: rotateOutUpRight
}
@keyframes hinge {
0% {
transform-origin:top left;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotate3d(0, 0, 1, 80deg);
transform-origin:top left;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotate3d(0, 0, 1, 60deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	animation-name: hinge
}
@keyframes rollIn {
from {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
	opacity: 1;
	transform: none
}
}
.rollIn {
	animation-name: rollIn
}
@keyframes rollOut {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
	animation-name: rollOut
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	animation-name: zoomIn
}
@keyframes zoomInDown {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
	animation-name: zoomInDown
}
@keyframes zoomInLeft {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
	animation-name: zoomInLeft
}
@keyframes zoomInRight {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
	animation-name: zoomInRight
}
@keyframes zoomInUp {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
	animation-name: zoomInUp
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
.zoomOut {
	animation-name: zoomOut
}
@keyframes zoomOutDown {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform-origin: center bottom;
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
	animation-name: zoomOutDown
}
@keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	transform: scale(.1) translate3d(-2000px, 0, 0);
	transform-origin: left center
}
}
.zoomOutLeft {
	animation-name: zoomOutLeft
}
@keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	transform: scale(.1) translate3d(2000px, 0, 0);
	transform-origin: right center
}
}
.zoomOutRight {
	animation-name: zoomOutRight
}
@keyframes zoomOutUp {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform-origin: center bottom;
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
	animation-name: zoomOutUp
}
@keyframes slideInDown {
from {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInDown {
	animation-name: slideInDown
}
@keyframes slideInLeft {
from {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
	animation-name: slideInLeft
}
@keyframes slideInRight {
from {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInRight {
	animation-name: slideInRight
}
@keyframes slideInUp {
from {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInUp {
	animation-name: slideInUp
}
@keyframes slideOutDown {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	animation-name: slideOutDown
}
@keyframes slideOutLeft {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	animation-name: slideOutLeft
}
@keyframes slideOutRight {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	animation-name: slideOutRight
}
@keyframes slideOutUp {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	animation-name: slideOutUp
}
@media (min-width:1024px) {
.eg_slider, .eg_slider .con {
	position: relative;
	width: 100%
}
.eg_slider .con {
	overflow: hidden;
	height: 529px
}
.eg_slider .con img {
	width: 100%;
	height: 100%
}
.eg_slider .con_item {
	float: left;
	height: 100%
}
.eg_slider .con_item a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.eg_slider .es_tab_nav {
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: -20px;
	bottom: 10px
}
.eg_slider .es_tab_nav .es_tab_item {
	float: left;
	margin-left: 5px;
	width: 8px;
	height: 8px;
	font-size: 0;
	text-indent: -9999px;
	border: 2px solid #DDD;
	background: #000;
	border-radius: 16px;
	transition: background .5s, opacity .5s;
	opacity: .2
}
.eg_slider .es_tab_nav .es_tab_item_on {
	width: 8px;
	height: 8px;
	border: 2px solid #DDD;
	background: #FFF;
	opacity: 1
}
abbr, acronym, fieldset, img {
	border: 0
}
.opa50, .opa70 {
	background-color: #000
}
.eg_slider .es_btn_next, .eg_slider .es_btn_pre {
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	width: 37px;
	height: 75px;
	text-indent: -9999em
}
.eg_slider .es_btn_pre {
	left: 0;
	background-position: right 0
}
.eg_slider .es_btn_next {
	right: 0
}
.eg_slider .es_tips_con {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px
}
.eg_slider .es_tips_con .es_tips_tt {
	position: relative;
	color: #FFF;
	overflow: hidden;
	height: 100%;
	line-height: 40px;
	width: 90%;
	text-indent: 10px
}
.eg_slider .es_tips_con .es_tips_bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6
}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
	padding: 0;
	margin: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
address, caption, cite, code, dfn, em, th, var {
	font-weight: 400;
	font-style: normal
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 100%
}
q:after, q:before {
	content: ''
}
img {
	vertical-align: middle
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both;
	overflow: hidden
}
.left {
	float: left
}
.right {
	float: right
}
.Hide, .hide {
	display: none!important
}
.Show, .show {
	display: block!important
}
.lh40 {
	line-height: 40px
}
.mg-t30 {
	margin-top: 30px
}
.mg-b10 {
	margin-bottom: 10px
}
body, html {
	color: #333;
	font: 12px/1.5 "Helvetica Neue", Arial, " ", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent
}
a, a:link {
	text-decoration: none;
	outline: 0
}
.no_border_right {
	border-right: 0
}
.no_border_left {
	border-left: 0
}
.inline_block {
	display: inline-block;
+display:inline;
	zoom: 1
}
.wd {
	width: 1200px;
	margin: 0 auto;
	position: relative
}
.abo, .overlay {
	position: absolute
}
.opa70 {
	background-color: rgba(0,0,0,.7);
	filter: alpha(opacity=70)
}
.opa50 {
	background-color: rgba(0,0,0,.5);
	filter: alpha(opacity=50)
}
.abo {
	left: 0
}
.mt_30 {
	margin-top: 30px
}
.mt_35 {
	margin-top: 34px
}
.mt_40 {
	margin-top: 40px
}
.mr_36 {
	margin-right: 40px
}
.mb_90 {
	margin-bottom: 90px
}
.c_red {
	color: #c9242b
}
.overlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .2;
	filter: alpha(opacity=20)
}
b, cite, code, em, i, small, th {
	font-size: 1em;
	font-style: normal;
	font-weight: 500
}
.Hide {
	display: none!important
}
.head {
	height: 99px;
	width: 100%;
	background: #fff;
	transition: all ease 1s;
	z-index: 10
}
.head .head-menu {
	height: 99px;
	width: 1180px;
	margin: 0 auto
}
.head .head-menu .logo {
	position: absolute;
	top: 19px;
	background: url(../images/logo@1x.png) left center no-repeat;
	width: 254px;
	height: 67px
}
.head .head-menu .h_ul {
	position: relative;
	margin: 0 0 0 400px;
	width: 705px;
	float: left;
	padding: 0
}
.head .head-menu .h_ul li {
	float: left;
	text-align: center;
	line-height: 99px;
	font-size: 16px;
	cursor: pointer;
	margin: 0 25px
}
.head .head-menu .h_ul li a {
	position: relative;
	display: block;
	transition: font-weight .3s;
	color: #000
}
.head .head-menu .h_ul li.current a, .head .head-menu .h_ul li:hover a {
	color: #575db7;
	opacity: 1
}
.head .head-menu .h_ul li a .c_line {
	display: none;
	height: 4px;
	width: 100%;
	background: #575db7;
	overflow: hidden;
	position: absolute;
	left: -10px;
	top: 0;
	padding: 0 10px;
	transition: top .2s
}
.head .head-menu .h_ul li.current a .c_line, .head .head-menu .h_ul li:hover a .c_line {
	display: block
}
.head .head-menu .h_ul.en {
	margin: 0 0 0 285px;
	width: 820px
}
.head .head-menu .switch-language {
	width: 66px;
	height: 20px;
	float: right;
	margin-top: 38px;
	font-size: 14px;
	color: #ccc;
	cursor: pointer
}
.head.mini, .head.mini .head-menu {
	height: 60px
}
.head .head-menu .switch-language a:hover {
	color: #333
}
.head .head-menu .switch-language .line {
	margin: 0 10px;
	color: #ccc
}
.head .head-menu .switch-language .curr {
	color: #333
}
.head .head-menu .switch-language-h5 {
	display: none
}
.head.mini {
	position: fixed;
	border-bottom: 1px solid rgba(177,177,177,.24)
}
.head.mini .head-menu .logo {
	height: 60px;
	top: 0;
	background-size: 217px
}
.head.mini .head-menu .h_ul li {
	line-height: 60px
}
.head.mini .switch-language {
	margin-top: 20px
}
}

@media (min-width:1024px) {
.banner_wrap, .container, .huatong-footer, .main-content, .tab-wrap {
	min-width: 1180px
}
.company-information .information-wrap .information-ul .data-list li a:hover, .contact-wrap .contact-content .link-area .link-way-1 .email:hover, .industry-wrap .industry-content .company-info .game-relevant .company-website a:hover, .investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .email:hover {
	text-decoration: underline
}
.company-information {
	width: 100%;
	height: 289px;
	background-color: #FFF;
	border-top: 3px solid #e1e1e1
}
.company-information .information-wrap {
	clear: both;
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px
}
.company-information .information-wrap .information-ul {
	list-style: none;
	overflow: hidden
}
.company-information .information-wrap .information-ul .about-us-1 {
	float: left;
	width: 172px
}
.company-information .information-wrap .information-ul .about-us-1 a {
	cursor: pointer
}
.company-information .information-wrap .information-ul .about-us-2 {
	float: left;
	width: 164px
}
.company-information .information-wrap .information-ul .about-us-2 a {
	cursor: pointer
}
.company-information .information-wrap .information-ul .relationship {
	float: left;
	width: 177px
}
.company-information .information-wrap .information-ul .relationship a {
	cursor: pointer
}
.company-information .information-wrap .information-ul .link-us {
	float: left;
	width: 194px
}
.company-information .information-wrap .information-ul .contact {
	float: right;
	width: 275px
}
.company-information .information-wrap .information-ul .contact .link-ul {
	list-style: none;
	padding-top: 20px
}
.company-information .information-wrap .information-ul .contact .link-ul li {
	margin-bottom: 5px
}
.company-information .information-wrap .information-ul .contact .link-ul li .phone_icon {
	width: 16px;
	height: 17px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/telephone_icon.png) center center no-repeat;
	background-size: 100%
}
.company-information .information-wrap .information-ul .contact .link-ul li .email_icon {
	width: 18px;
	height: 10px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/email_icon.png) center center no-repeat;
	background-size: 100%
}
.company-information .information-wrap .information-ul .contact .link-ul li .address_icon {
	width: 12px;
	height: 16px;
	margin-right: 15px;
	margin-left: 3px;
	display: inline-block;
	background: url(../images/address_icon.png) center center no-repeat;
	background-size: 100%
}
.company-information .information-wrap .information-ul .contact .link-ul li .address_icon.en {
	vertical-align: top
}
.company-information .information-wrap .information-ul .contact .link-ul li .message {
	font-size: 12px
}
.company-information .information-wrap .information-ul .contact .link-ul li .message a {
	color: #333
}
.company-information .information-wrap .information-ul .contact .link-ul li .message a:hover {
	color: #575db7;
	text-decoration: underline
}
.company-information .information-wrap .information-ul .contact .link-ul li .message.en {
	width: 211px;
	display: inline-block
}
.company-information .information-wrap .information-ul .text-title {
	font-weight: 700;
	font-size: 14px;
	display: block
}
.company-information .information-wrap .information-ul .text-title2 {
	padding-bottom: 18px;
	border-bottom: 1px solid #e5e5e4
}
.company-information .information-wrap .information-ul .data-list {
	margin-top: 30px
}
.company-information .information-wrap .information-ul .data-list li {
	margin-bottom: 20px
}
.company-information .information-wrap .information-ul .data-list li a {
	color: #999
}
.company-information .information-wrap .information-ul .data-list li a:hover {
	color: #575db7
}
.gray-blank {
	display: none
}
.huatong-footer {
	width: 100%;
	height: 57px;
	line-height: 57px;
	text-align: center;
	font-size: 13px;
	color: #999;
	border-top: 1px solid #e5e5e4
}
.chain-wrap {
	text-align: center;
	margin-bottom: 5px
}
.banner_wrap {
	width: 100%
}
.banner_wrap img {
	display: block;
	width: 100%
}
.tab-wrap {
	width: 100%;
	height: 54px;
	border-bottom: 1px solid #575db7
}
.tab-wrap .tab-list {
	padding-top: 5px;
	text-align: center
}
.tab-wrap .tab-list a {
	width: 162px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	display: inline-block;
	cursor: pointer;
	color: #000
}
.tab-wrap .tab-list a.curr, .tab-wrap .tab-list a:hover {
	background-color: #575db7;
	color: #FFF
}
.container {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden
}

.container:after, .container:before {
	content: " ";
	display: table
}
.fix_box {
	position: fixed;
	width: 48px;
	height: 48px;
	right: 50px;
	bottom: 100px;
	z-index: 100;
	display: none
}
.fix_box .back_top {
	width: 48px;
	height: 48px;
	display: block;
	background: url(../images/goto_top.png) center center no-repeat;
	cursor: pointer
}
.lunbo1, .lunbo2, .lunbo3 {
	height: 529px;
	width: 100%
}
.clearfix1:after, .clearfix1:before {
	content: " ";
	display: table
}
.clearfix1:after {
	clear: both
}

.news-wrap {
	width: 100%;
	background-color: #F7F7F7;
	padding-bottom: 80px
}
.news-wrap .pc-news {
	display: block
}
.news-wrap .pc-news .news-list {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px
}
.news-wrap .pc-news .news-list .news-ul {
	list-style: none;
	overflow: hidden
}
.news-wrap .pc-news .news-list .news-ul li {
	width: 100%;
	height: 240px;
	background-color: #FFF;
	margin-bottom: 20px
}
.news-wrap .pc-news .news-list .news-ul li .news-img {
	float: left;
	width: 358px;
	height: 238px;
	margin-right: 50px;
	margin-top: 1px
}
.news-wrap .pc-news .news-list .news-ul li .news-info {
	float: left;
	margin-top: 20px
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-title {
	font-size: 24px;
	margin-bottom: 15px
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-title a {
	color: #333
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-time-tags {
	height: 30px;
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin-bottom: 20px
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-time-tags .time {
	display: inline-block;
	margin-right: 45px
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-time-tags .time .time-icon {
	width: 21px;
	height: 21px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/times_icon.png) center center no-repeat;
	background-size: 100%;
	vertical-align: middle
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-time-tags .tags {
	display: inline-block
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-time-tags .tags .tag-icon {
	width: 22px;
	height: 21px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/tag_icon.png) center center no-repeat;
	background-size: 100%;
	vertical-align: middle
}
.news-wrap .pc-news .news-list .news-ul li .news-info .news-abstract {
	width: 695px;
	line-height: 25px;
	font-size: 16px
}
.news-wrap .pc-news .page_list {
	width: 1180px;
	text-align: right;
	margin: 30px auto 0
}
.about-h5, .news-wrap .h5-news {
	display: none
}
.main-content {
	width: 100%
}
.main-content .title-1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px
}
.main-content .title-2 {
	font-size: 14px;
	text-align: center
}
.main-content .group-introduction {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 100px
}
.main-content .group-introduction .group-profile {
	padding: 20px 46px 0;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	text-indent: 15px
}
.main-content .plate-introduction {
	width: 100%;
	background-color: #ecf0f1
}
.main-content .plate-introduction .plate-wrap {
	width: 1180px;
	margin: 0 auto;
	padding: 30px 46px 0
}
.main-content .plate-introduction .plate-wrap .plate-ul {
	list-style: none;
	overflow: hidden
}
.main-content .plate-introduction .plate-wrap .plate-ul li {
	list-style: none;
	margin-bottom: 100px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .left {
	width: 45%;
	float: left
}
.main-content .plate-introduction .plate-wrap .plate-ul li .right {
	width: 55%;
	float: right
}
.main-content .plate-introduction .plate-wrap .plate-ul li .text-right {
	text-align: right
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info {
	overflow: hidden
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .left-img {
	width: 52%;
	float: left
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .right-img {
	width: 65%;
	float: right;
	text-align: right
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .introduction-text .plate-title .chinese {
	font-size: 24px;
	margin-right: 15px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .introduction-text .plate-title .english {
	font-size: 14px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .introduction-text .plate-title .english-down {
	font-size: 14px;
	display: block
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .introduction-text .plate-detail {
	margin: 40px 0;
	line-height: 25px;
	font-size: 14px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .right-text {
	width: 48%;
	float: right
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .left-text {
	width: 35%;
	float: left
}
.main-content .group-vision {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px;
	display: none
}
.main-content .group-vision .culture-img {
	margin-top: 30px;
	margin-bottom: 70px;
	text-align: center
}
.main-content .group-vision .culture-list {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px
}
.main-content .group-vision .culture-list .culture-ul {
	list-style: none
}
.main-content .group-vision .culture-list .culture-ul li {
	width: 25%;
	float: left
}
.main-content .group-vision .culture-list .culture-ul li .culture-info {
	text-align: center
}
.main-content .group-vision .culture-list .culture-ul li .culture-info img {
	margin-bottom: 22px
}
.main-content .group-vision .culture-list .culture-ul li .culture-info p {
	line-height: 25px;
	font-size: 16px;
	color: #999
}
.main-content .honor-wrap {
	padding-top: 30px;
	padding-bottom: 70px;
	background-color: #F7F7F7;
	background-size: 100%;
	display: none
}
.main-content .honor-wrap .biz-box {
	width: 1180px;
	height: 100px;
	margin: 0 auto
}
.main-content .honor-wrap .biz-box .biz-info1 {
	width: 25%;
	display: inline-block;
	height: 76px
}
.main-content .honor-wrap .biz-box .biz-ul {
	list-style: none
}
.main-content .honor-wrap .biz-box .biz-ul li {
	width: 16.66666%;
	float: left
}
.main-content .honor-wrap .biz-box .biz-ul li a {
	position: relative;
	height: 78px;
	display: block;
	color: #333;
	border: 1px solid #eaeaea;
	background-color: #FFF;
	text-align: center;
	cursor: pointer;
	margin: 0 5px
}
.main-content .honor-wrap .biz-box .biz-ul li a .chinese-title {
	font-size: 24px;
	padding: 6px 0
}
.main-content .honor-wrap .biz-box .biz-ul li a .english-title {
	font-size: 14px
}
.main-content .honor-wrap .biz-box .biz-ul li a .down-arrow {
	position: absolute;
	width: 67px;
	height: 27px;
	left: 50%;
	bottom: -13px;
	margin-left: -33.5px;
	background: url(../images/triangle_bg.png) no-repeat;
	background-size: 100%;
	display: none
}
.main-content .honor-wrap .biz-box .biz-ul li a.curr, .main-content .honor-wrap .biz-box .biz-ul li a:hover {
	background-color: #575db7;
	color: #FFF
}
.main-content .honor-wrap .biz-box .biz-ul li a.curr .down-arrow {
	display: block
}
.main-content .honor-wrap .biz-box .biz-ul li a:hover .down-arrow {
	display: block
}
.main-content .honor-wrap .biz-box.en .chinese-title {
	margin-top: 17px
}
.main-content .honor-wrap .honor-content {
	position: relative;
	width: 1180px;
	margin: 0 auto;
	background: url(../images/line_bg_2.png) 589px top repeat-y;
	overflow: hidden;
	padding-bottom: 60px;
	padding-top: 30px
}
.main-content .honor-wrap .honor-content .honor-ul-list {
	list-style: none;
	overflow: hidden
}
.main-content .honor-wrap .honor-content .honor-ul-list li {
	overflow: hidden;
	zoom: 1
}
.main-content .honor-wrap .honor-content .honor-ul-list li .left-box {
	position: relative;
	width: 47%;
	float: left;
	margin-right: 3%
}
.main-content .honor-wrap .honor-content .honor-ul-list li .left-box .award-time {
	text-align: right;
	font-size: 20px;
	color: #575db7;
	margin: 26px 0 0
}
.main-content .honor-wrap .honor-content .honor-ul-list li .left-box .left-honor-arrow {
	position: absolute;
	top: 35px;
	right: -19px;
	border: 10px solid transparent;
	border-left-color: #fff;
	width: 0;
	height: 0;
	display: block
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box {
	position: relative;
	width: 47%;
	float: left;
	margin-left: 3%
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box .time-flag {
	position: absolute;
	width: 28px;
	height: 36px;
	background: url(../images/arrow_icon.png) left top no-repeat;
	display: block;
	left: -49px;
	top: 26px
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box .award-time {
	text-align: left;
	font-size: 20px;
	color: #575db7;
	margin: 26px 37px 0 0
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box:after {
	position: absolute;
	top: 5px;
	right: -16px;
	width: 0;
	height: 0;
	font-size: 0;
	border: 8px solid;
	border-color: #4D4948 #4D4948 #4D4948 #F8C301
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box .right-honor-arrow {
	position: absolute;
	top: 35px;
	left: -19px;
	border: 10px solid transparent;
	border-right-color: #fff;
	width: 0;
	height: 0;
	display: block
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #eaeaea
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-img {
	float: left;
	display: inline-block;
	margin-right: 30px
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-img img {
	max-width: 140px
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail {
	float: left;
	max-width: 360px;
	color: #333
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .award-name {
	font-size: 18px
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .awarding-unit, .main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .winning-unit {
	font-size: 12px
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .awarding-unit .outfit {
	vertical-align: top;
	display: inline-block;
	height: 36px
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .awarding-unit .outfit-name {
	width: 280px;
	display: inline-block
}
.main-content .honor-wrap .honor-content .honor-ul-list li:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden
}
.main-content .honor-wrap .honor-content .honor-ul-list.diandian, .main-content .honor-wrap .honor-content .honor-ul-list.qiku, .main-content .honor-wrap .honor-content .honor-ul-list.qipei, .main-content .honor-wrap .honor-content .honor-ul-list.shengda, .main-content .honor-wrap .honor-content .honor-ul-list.tianyou {
	display: none
}
.main-content .honor-wrap .honor-content .honor-ul-list.en .award-name {
	height: auto!important
}
.main-content .group-manage {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px;
}
.main-content .group-manage .leader-list {
	width: 100%;
	overflow: hidden
}
.main-content .group-manage .leader-list li {
	width: 567px;
	height: 195px;
	float: left;
	margin-right: 37px;
	border: 1px solid #eaeaea;
	margin-bottom: 30px
}
.main-content .group-manage .leader-list li.no-margin {
	margin-right: 0
}
.main-content .group-manage .leader-list li .leader-info {
	padding: 15px 35px 0
}
.main-content .group-manage .leader-list li .leader-info .name-position {
	margin-bottom: 10px
}
.main-content .group-manage .leader-list li .leader-info .name-position .name {
	font-size: 24px;
	margin-right: 30px
}
.main-content .group-manage .leader-list li .leader-info .name-position .name.en {
	vertical-align: top
}
.main-content .group-manage .leader-list li .leader-info .name-position .position {
	font-size: 16px
}
.main-content .group-manage .leader-list li .leader-info .name-position .position.en {
	display: inline-block;
	width: 245px;
	margin-top: 7px
}
.main-content .group-manage .leader-list li .leader-info .profile {
	font-size: 14px
}
.main-content .group-manage .leader-list.en li {
	height: 300px
}
.main-content .development-history {
	display: none
}
.main-content .development-history .history-wrap {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px
}
.main-content .development-history .history-wrap .record_box {
	position: relative;
	width: 1100px;
	margin: 35px auto;
	background: url(../images/line_bg.png) 185px top repeat-y;
	padding: 60px 0
}
.main-content .development-history .history-wrap .record_box .wrap-box {
	position: relative
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul {
	overflow: hidden;
	zoom: 1
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info {
	position: relative;
	zoom: 1
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .flag {
	position: absolute;
	width: 27px;
	height: 27px;
	background: url(../images/circle_bg.png) left top no-repeat;
	display: block;
	left: 174px;
	top: 67px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .flag.single {
	top: 36px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box {
	float: left;
	text-align: right;
	margin: 63px 0 0 50px;
	display: inline
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box .year-num {
	font-size: 30px;
	color: #333;
	display: inline-block;
	line-height: 1;
	font-weight: 700
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box .year {
	font-size: 20px;
	color: #333;
	display: inline-block;
	line-height: 1
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box.single {
	margin-top: 33px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box {
	margin-left: 236px;
	position: relative;
	border-top: 1px solid #575db7;
	box-sizing: border-box
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail {
	list-style: none;
	overflow: hidden
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li {
	margin: 20px 0
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .month-box {
	float: left;
	width: 60px;
	height: 50px;
	background-color: #575db7;
	text-align: center;
	line-height: 50px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li:after, .main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .month-box .month-num {
	font-size: 24px;
	color: #FFF
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .month-box .month {
	font-size: 12px;
	color: #FFF
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event {
	width: 773px;
	float: left;
	margin-left: 30px;
	line-height: 25px;
	font-size: 15px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event span {
	vertical-align: middle
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event span.company-name {
	color: #575db7
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event.single {
	line-height: 50px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li.en .month-box {
	width: 140px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li.en .event {
	width: 693px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info.history-info:last-child .detail_box {
	border-bottom: 1px solid #575db7
}
.industry-h5 {
	display: none
}
.industry-wrap {
	width: 100%
}
.industry-wrap .industry-content {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px
}
.industry-wrap .industry-content .company-info {
	overflow: hidden
}
.industry-wrap .industry-content .company-info .company-logo {
	float: left;
	width: 305px;
	margin-right: 40px
}
.industry-wrap .industry-content .company-info .company-logo img {
	width: 100%;
	border: 1px solid #eaeaea
}
.industry-wrap .industry-content .company-info .game-relevant {
	float: left;
	width: 815px
}
.industry-wrap .industry-content .company-info .game-relevant .company-name {
	font-size: 24px;
	color: #333
}
.industry-wrap .industry-content .company-info .game-relevant .company-website {
	font-size: 16px
}
.industry-wrap .industry-content .company-info .game-relevant .company-website a {
	color: #575db7
}
.industry-wrap .industry-content .company-info .game-relevant .company-detail {
	margin-top: 30px;
	line-height: 28px;
	font-size: 14px;
	color: #333
}
.industry-wrap .industry-content .company-info .game-relevant .company-detail-1 {
	text-indent: 15px
}
.industry-wrap .industry-content .game-list-wrap {
	margin-top: 90px;
	margin-bottom: 80px
}
.industry-wrap .industry-content .game-list-wrap .game-list {
	list-style: none;
	overflow: hidden
}
.industry-wrap .industry-content .game-list-wrap .game-list li {
	position: relative;
	float: left;
	margin-right: 35px;
	overflow: hidden
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data {
	position: relative;
	width: 370px
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data img {
	width: 100%;
	display: block;
	transition: all .5s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB {
	width: 370px;
	height: 300px;
	display: block;
	background: url(../images/product_mask.png) no-repeat;
	position: absolute;
	left: 0;
	top: 198px;
	z-index: 2
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB p {
	width: 300px;
	height: 44px;
	line-height: 22px;
	color: #333;
	position: absolute;
	left: 37px;
	top: 16px;
	z-index: 2;
	overflow: hidden
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a {
	width: 180px;
	height: 56px;
	display: block;
	background: url(../images/ellipse_icon.png);
	position: absolute;
	left: 95px;
	top: 192px;
	cursor: pointer;
	z-index: 1000
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a var {
	height: 56px;
	margin-left: 10px;
	line-height: 56px;
	color: #575db7;
	font-size: 16px;
	float: left;
	font-weight: 400;
	font-style: normal;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a span {
	width: 24px;
	height: 20px;
	margin-left: 38px;
	margin-top: 18px;
	background: url(../images/website_icon.png) no-repeat;
	float: left;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a:hover span {
	transform: translateX(-50px) scale(1.5);
	-moz-transform: translateX(-50px) scale(1.5);
	-webkit-transform: translateX(-50px) scale(1.5);
	opacity: 0
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a:hover var {
	transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-webkit-transform: translateX(-10px)
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a.en {
	position: absolute;
	left: 53px;
	top: 192px;
	width: 260px;
	height: 56px;
	display: block;
	background: 0 0;
	border: 2px solid #b8462E;
	border-radius: 28px;
	cursor: pointer
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB em {
	width: 16px;
	height: 10px;
	display: block;
	background: url(../images/top_arraw_icon.png) no-repeat;
	position: absolute;
	left: 180px;
	top: 62px
}
.industry-wrap .industry-content .game-list-wrap .game-list li.no-margin {
	margin-right: 0
}
.industry-wrap .industry-content .product-category {
	margin-top: 80px;
	overflow: hidden
}
.industry-wrap .industry-content .product-category .category-list {
	width: 300px;
	float: left
}
.industry-wrap .industry-content .product-category .category-list .category-title {
	overflow: hidden;
	border-bottom: 1px solid #eaeaea
}
.industry-wrap .industry-content .product-category .category-list .category-title .left-wrap {
	width: 211px;
	float: left;
	text-align: right;
	padding-top: 12px
}
.industry-wrap .industry-content .product-category .category-list .category-title .left-wrap .title-1 {
	padding-right: 20px;
	font-size: 24px;
	color: #333
}
.industry-wrap .industry-content .product-category .category-list .category-title .left-wrap .title-2 {
	font-size: 14px;
	color: #333;
	padding-right: 20px
}
.industry-wrap .industry-content .product-category .category-list .category-title .class-icon {
	float: right;
	background: url(../images/qipei/classify_icon.png) center center no-repeat;
	width: 88px;
	height: 88px;
	background-size: 100%
}
.industry-wrap .industry-content .product-category .category-list .category-ul {
	overflow: hidden;
	list-style: none
}
.industry-wrap .industry-content .product-category .category-list .category-ul li {
	text-align: right;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #eaeaea
}
.industry-wrap .industry-content .product-category .category-list .category-ul li a {
	padding-right: 20px;
	display: block;
	font-size: 18px;
	cursor: pointer
}
.industry-wrap .industry-content .product-category .category-list .category-ul li a.curr, .industry-wrap .industry-content .product-category .category-list .category-ul li a:hover {
	border-right: 5px solid #575db7;
	color: #575db7
}
.industry-wrap .industry-content .product-category .category-list.en {
	width: 340px
}
.industry-wrap .industry-content .product-category .category-list.en .left-wrap {
	width: 252px
}
.industry-wrap .industry-content .product-category .product-list {
	width: 830px;
	float: right
}
.industry-wrap .industry-content .product-category .product-list .product-ul {
	display: none;
	overflow: hidden
}
.industry-wrap .industry-content .product-category .product-list .product-ul li {
	float: left;
	width: 268px;
	list-style: none;
	border: 1px solid #eaeaea;
	margin: 0 10px 10px 0
}
.industry-wrap .industry-content .product-category .product-list .product-ul li .product-info {
	position: relative
}
.industry-wrap .industry-content .product-category .product-list .product-ul li .product-info img {
	width: 100%;
	height: 100%
}
.industry-wrap .industry-content .product-category .product-list .product-ul li.no-margin {
	margin: 0
}
.industry-wrap .industry-content.qiku {
	display: none
}
.industry-wrap .industry-content.qipei {
	display: none;
	margin-bottom: 80px
}
.contact-h5, .industry-wrap .industry-content.diandian, .industry-wrap .industry-content.gemen {
	display: none
}
.contact-wrap {
	width: 100%;
	padding-bottom: 80px
}
.contact-wrap .contact-content {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px
}
.contact-wrap .contact-content .title-1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px
}
.contact-wrap .contact-content .title-2 {
	font-size: 14px;
	text-align: center
}
.contact-wrap .contact-content .company-map {
	margin-top: 45px;
	margin-bottom: 50px
}
.contact-wrap .contact-content .company-map img {
	width: 100%
}
.contact-wrap .contact-content .link-area {
	margin-top: 46px;
	line-height: 25px;
	color: #575db7;
	font-size: 16px
}
.contact-wrap .contact-content .link-area .link-way-1 {
	border-bottom: 1px solid #575db7;
	padding: 10px 0
}
.contact-wrap .contact-content .link-area .link-way-1 .left-title {
	width: 156px;
	display: inline-block
}
.contact-wrap .contact-content .link-area .link-way-1 .name {
	width: 72px;
	display: inline-block
}
.contact-wrap .contact-content .link-area .link-way-1 .telephone {
	width: 150px;
	display: inline-block
}
.contact-wrap .contact-content .link-area .link-way-1 .black-text {
	color: #333
}
.investor-h5 {
	display: none
}
.investor-wrap {
	width: 100%
}
.investor-wrap .investor-content {
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 73px
}
.investor-wrap .investor-content .shares {
	text-align: center
}
.investor-wrap .investor-content .investor-message .investor-ul li {
	margin-top: 22px;
	border-bottom: 1px solid #575db7
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info {
	overflow: hidden
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p {
	overflow: hidden;
	margin-bottom: 16px
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .left-wrap {
	float: left;
	width: 170px;
	color: #575db7;
	font-size: 16px
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .right-wrap {
	float: left;
	font-size: 16px
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .email {
	color: #333
}
.investor-wrap .investor-content .investor-message .investor-ul.en li .investor-info p .left-wrap {
	width: 360px
}
.investor-wrap .investor-content .tips-wrap {
	width: 100%;
	height: 96px;
	margin-top: 61px;
	border: 2px solid #575db7;
	text-align: center;
	font-size: 22px;
	color: #575db7
}
.page_list .laypage_curr, .page_list .laypage_skip, .page_list a {
	text-align: center;
	font-size: 14px
}
.investor-wrap .investor-content .tips-wrap .tips-1 {
	padding: 10px 0 8px
}
.investor-wrap .market-trend {
	width: 1180px;
	margin: 0 auto;
	padding-top: 110px;
	padding-bottom: 73px;
}
.page_list .laypage_curr, .page_list a {
	display: inline-block;
	vertical-align: middle
}
.investor-wrap .market-trend .market-pcis .market-ul {
	overflow: hidden
}
.investor-wrap .market-trend .market-pcis .market-ul .left-gif {
	float: left;
	width: 48%
}
.investor-wrap .market-trend .market-pcis .market-ul .right-gif {
	float: right;
	width: 48%
}
.page_list {
	margin-top: 25px
}
.page_list a {
	border: 1px solid #b2b2b2;
	height: 38px;
	line-height: 38px;
	width: 36px;
	color: #221e1f;
	margin: 0 5px
}
.page_list a.next span, .page_list a.pre span {
	width: 0;
	height: 0;
	display: inline-block;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #575db7;
	vertical-align: middle
}
.page_list a.next.disabled, .page_list a.pre.disabled {
	border: 1px solid #c9c9c9
}
.page_list a.next.disabled span, .page_list a.pre.disabled span {
	border-right: 7px solid #888
}
.page_list a.next span {
	border-left: 7px solid #575db7;
	border-right: none
}
.page_list a.next.disabled span {
	border-left: 7px solid #c9c9c9;
	border-right: none
}
.page_list a.cur, .page_list a:hover {
	color: #575db7;
	border: 1px solid #575db7
}
.page_list a.btn_red {
	color: #fff;
	width: 68px;
	margin-right: 0;
	border: none;
	height: 38px;
	line-height: 38px;
	padding: 0;
	background-color: #575db7
}
.page_list a.disabled {
	color: #c9c9c9;
	border: 1px solid #c9c9c9
}
.page_list .laypage_curr {
	height: 38px;
	line-height: 38px;
	width: 36px;
	margin: 0 5px;
	color: #575db7;
	border: 1px solid #575db7
}
.page_list .laypage_skip {
	border: 1px solid #b2b2b2;
	height: 36px;
	line-height: 36px;
	color: #221e1f;
	vertical-align: middle;
	width: 100px;
	outline: 0
}
.page_list .laypage_skip:focus {
	border: 1px solid #575db7
}
.page_list .laypage_btn {
	color: #fff;
	width: 68px;
	margin-right: 0;
	border: none;
	height: 38px;
	line-height: 38px;
	padding: 0;
	background-color: #c9242b;
	font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, " ", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-size: 14px
}
.page_list .laypage_btn:hover {
	opacity: .8
}
.page_list .laypage_next, .page_list .laypage_prev {
	width: 58px
}
.page_list .laypage_total label {
	font-size: 14px;
	margin: 0 5px
}
}
@media screen\9 and (min-width:1024px) {
.page_list .laypage_btn {
	vertical-align: bottom
}
}
@media (max-width:1024px) {
.eg_slider, .eg_slider .con {
	position: relative;
	width: 100%
}
.menu-select .nav-list .drag-list .drag-down a, .menu-select .nav-list .drag-list li a:hover {
	text-decoration: none
}
.eg_slider .con {
	overflow: hidden;
	height: 529px
}
.eg_slider .con img {
	width: 100%;
	height: 100%
}
.eg_slider .con_item {
	float: left;
	height: 100%
}
.eg_slider .con_item a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.eg_slider .es_tab_nav {
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 10px
}
.eg_slider .es_tab_nav .es_tab_item {
	float: left;
	margin-left: 5px;
	width: 8px;
	height: 8px;
	font-size: 0;
	text-indent: -9999px;
	border: 2px solid #DDD;
	background: #000;
	border-radius: 16px;
	transition: background .5s, opacity .5s;
	opacity: .2
}
.eg_slider .es_tab_nav .es_tab_item_on {
	width: 8px;
	height: 8px;
	border: 2px solid #DDD;
	background: #FFF;
	opacity: 1
}
.eg_slider .es_btn_next, .eg_slider .es_btn_pre {
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	width: 37px;
	height: 75px;
	text-indent: -9999em
}
.eg_slider .es_btn_pre {
	left: 0;
	background-position: right 0
}
.eg_slider .es_btn_next {
	right: 0
}
.eg_slider .es_tips_con {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px
}
.eg_slider .es_tips_con .es_tips_tt {
	position: relative;
	color: #FFF;
	overflow: hidden;
	height: 100%;
	line-height: 40px;
	width: 90%;
	text-indent: 10px
}
.eg_slider .es_tips_con .es_tips_bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6
}

.Hide {
	display: none!important
}
.head-h5 .head-menu .pc-ul, .head-h5 .head-menu .switch-language, .head-h5 .head-menu .switch-language-h5 .english {
	display: none
}
.head-h5 {
	height: 60px;
	width: 100%;
	background: #fff;
	transition: all ease 1s;
	z-index: 10
}
.head-h5 .head-menu {
	height: 60px;
	width: 100%;
	margin: 0 auto;
	position: relative
}
.head-h5 .head-menu .logo {
	position: absolute;
	width: 254px;
	height: 60px;
}
.head-h5 .head-menu .switch-language-h5 {
	position: absolute;
	top: 20px;
	right: 75px
}
.head-h5 .head-menu .switch-language-h5 .line {
	position: absolute;
	top: 2px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: url(../images/list.png) center center no-repeat;
	background-size: 100%
}
.head-h5.mini, .head-h5.mini .head-menu, .head-h5.mini .head-menu .logo, .menu-select .nav-list .nav-header, .sjht-h5 {
	height: 60px; width:100%;
}
.head-h5 .head-menu .switch-language-h5 a {
	color: #575db7
}
.head-h5 .head-menu .switch-language-h5 select {
	width: 45px;
	border: none;
	font-size: 16px
}
.head-h5 .head-menu .switch-language-h5 select:checked, .head-h5 .head-menu .switch-language-h5 select:default {
color:red
}
.head-h5.mini {
	position: fixed;
	border-bottom: 1px solid rgba(177,177,177,.24);
	top: 0
}
.head-h5.mini .head-menu .logo {
	top: 0;
}
.head-h5.mini .head-menu .logo  img{ height:100%;}
.head-h5.mini .head-menu .h_ul li {
	line-height: 60px
}
.head-h5.mini .switch-language {
	margin-top: 20px
}
.menu-select {
	position: fixed;
	z-index: 11;
	right: 0;
	top: 0;
	background-color: #575db7!important
}
.menu-select .nav-list {
	position: relative;
	z-index: 1001
}
.menu-select .nav-list .nav-header button {
	background-color: #575db7!important;
	width: 60px;
	height: 60px;
	border: none
}
.menu-select .nav-list .nav-header button .icon-bar {
	margin: 10px auto;
	display: block;
	width: 20px;
	height: 3px;
	background-color: #fff
}
.menu-select .nav-list .drag-list {
	position: absolute;
	right: 0;
	top: 60px;
	background-color: #575db7;
	width: 300px;
	display: none
}
.menu-select .nav-list .drag-list ul, .menu-select .nav-list .drag-list ul li {
	padding: 0
}
.menu-select .nav-list .drag-list li {
	text-align: center;
	list-style-type: none;
	margin: 10px 0
}
.menu-select .nav-list .drag-list li a {
	color: #fff
}
.menu-select .nav-list .drag-list .drag-down {
	position: relative
}
.menu-select .nav-list .drag-list .drag-down .caret {
	position: absolute;
	right: 25px;
	background: url(../images/draglist.png);
	background-size: 100%;
	width: 20px;
	height: 20px
}
.menu-select .nav-list .drag-list .drag-down .drop-down-menu {
	display: none;
	background-color: #ddd
}
.menu-select .nav-list .drag-list .drag-down .drop-down-menu li {
	padding: 5px
}
.menu-select .nav-list .drag-list .drag-down .drop-down-menu li a {
	color: #000;
	display: inline-block;
	width: 100%
}
.eg_slider .fn_con, .eg_slider .fn_con .fn_con_item {
	height: 300px
}
}
@media (max-width:1024px) and (min-width:768px) and (max-width:1024px) {
.fn_con, .fn_con .fn_con_item {
	height: 500px!important
}
}
@media (max-width:1024px) {
.company-information .information-wrap .information-ul .about-us-1 a, .company-information .information-wrap .information-ul .about-us-2 a, .company-information .information-wrap .information-ul .relationship a, .fix_box .back_top, .tab-wrap .tab-list a {
	cursor: pointer
}
.background-click {
	display: none;
	width: 100%;
	background: 0 0;
	height: 100%;
	position: absolute;
	z-index: 10
}
.company-information {
	width: 100%;
	height: 289px;
	background-color: #FFF;
	border-top: 3px solid #e1e1e1
}
.company-information .information-wrap {
	clear: both;
	width: 1180px;
	margin: 0 auto;
	padding-top: 30px
}
.company-information .information-wrap .information-ul {
	list-style: none;
	overflow: hidden
}
.company-information .information-wrap .information-ul .about-us-1 {
	float: left;
	width: 172px
}
.company-information .information-wrap .information-ul .about-us-2 {
	float: left;
	width: 164px
}
.company-information .information-wrap .information-ul .relationship {
	float: left;
	width: 177px
}
.company-information .information-wrap .information-ul .link-us {
	float: left;
	width: 194px
}
.company-information .information-wrap .information-ul .contact {
	float: right;
	width: 275px
}
.company-information .information-wrap .information-ul .contact .link-ul {
	list-style: none;
	padding-top: 20px
}
.company-information .information-wrap .information-ul .contact .link-ul li {
	margin-bottom: 5px
}
.company-information .information-wrap .information-ul .contact .link-ul li .phone_icon {
	width: 16px;
	height: 17px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/telephone_icon.png) center center no-repeat;
	background-size: 100%
}
.company-information .information-wrap .information-ul .contact .link-ul li .email_icon {
	width: 18px;
	height: 10px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/email_icon.png) center center no-repeat;
	background-size: 100%
}
.company-information .information-wrap .information-ul .contact .link-ul li .address_icon {
	width: 12px;
	height: 16px;
	margin-right: 15px;
	margin-left: 3px;
	display: inline-block;
	background: url(../images/address_icon.png) center center no-repeat;
	background-size: 100%
}
.banner_wrap, .tab-wrap {
	width: 100%; margin-top:64px;
}
.company-information .information-wrap .information-ul .contact .link-ul li .message {
	font-size: 12px
}
.company-information .information-wrap .information-ul .contact .link-ul li .message a {
	color: #333
}
.company-information .information-wrap .information-ul .contact .link-ul li .message a:hover {
	color: #575db7;
	text-decoration: underline
}
.company-information .information-wrap .information-ul .text-title {
	font-weight: 700;
	font-size: 14px;
	display: block
}
.company-information .information-wrap .information-ul .text-title2 {
	padding-bottom: 18px;
	border-bottom: 1px solid #e5e5e4
}
.company-information .information-wrap .information-ul .data-list {
	margin-top: 30px
}
.company-information .information-wrap .information-ul .data-list li {
	margin-bottom: 20px
}
.company-information .information-wrap .information-ul .data-list li a {
	color: #999
}
.company-information .information-wrap .information-ul .data-list li a:hover {
	color: #575db7;
	text-decoration: underline
}
.gray-blank {
	display: block;
	background-color: #ecf0f1;
	height: 20px
}
.huatong-footer {
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #999
}
.chain-wrap {
	text-align: center;
	margin-bottom: 5px
}
.banner_wrap img {
	display: block;
	width: 100%
}
.tab-wrap {
	height: 54px;
	border-bottom: 1px solid #575db7;
	min-width: 1180px
}
.tab-wrap .tab-list {
	padding-top: 5px;
	text-align: center
}
.tab-wrap .tab-list a {
	width: 140px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	display: inline-block;
	color: #000
}
.tab-wrap .tab-list a.curr, .tab-wrap .tab-list a:hover {
	background-color: #575db7;
	color: #FFF
}
.container {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden
}

.container:after, .container:before {
	content: " ";
	display: table
}
.fix_box {
	position: fixed;
	width: 48px;
	height: 48px;
	right: 50px;
	bottom: 100px;
	z-index: 100;
	display: none
}
.fix_box .back_top {
	width: 48px;
	height: 48px;
	display: block;
	background: url(../images/goto_top.png) center center no-repeat
}
.clearfix1:after, .clearfix1:before {
	content: " ";
	display: table
}
.company-information, .news-pc {
	display: none
}
.clearfix1:after {
	clear: both
}
.lunbo1 {
	background: url(../images/index1.png) center center no-repeat;
	background-size: 100% auto;
	width: 100%
}
.lunbo2 {
	background: url(../images/index2.png) center center no-repeat;
	background-size: 100% auto;
	width: 100%
}
.lunbo3 {
	background: url(../images/index3.png) center center no-repeat;
	background-size: 100% auto;
	width: 100%
}
body {
	margin: 0!important
}
.news-wrap {
	position: relative;
	width: 100%;
	background-color: #F7F7F7;
	padding-bottom: 40px
}
.news-wrap .h5-news {
	display: block
}
.news-wrap .h5-news .news-list {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	background-color: #F2F2F2
}
.news-wrap .h5-news .news-list .news-ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 10px;
	width: calc(100% - 20px)
}
.news-wrap .h5-news .news-list .news-ul li {
	width: 100%;
	background-color: #FFF;
	margin-bottom: 20px
}
.news-wrap .h5-news .news-list .news-ul li .news-img {
	width: 100%;
	margin-right: 50px;
	margin-top: 1px
}
.news-wrap .h5-news .news-list .news-ul li .news-img img {
	width: 100%
}
.news-wrap .h5-news .news-list .news-ul li .news-info {
	margin-top: 20px;
	padding: 0 10px 10px
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-title {
	font-size: 24px;
	margin-bottom: 15px
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-title a {
	color: #333;
	text-decoration: none
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-time-tags {
	height: 30px;
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin-bottom: 20px
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-time-tags .time {
	display: inline-block;
	margin-right: 45px
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-time-tags .time .time-icon {
	width: 21px;
	height: 21px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/times_icon.png) center center no-repeat;
	background-size: 100%;
	vertical-align: middle
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-time-tags .tags {
	display: inline-block
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-time-tags .tags .tag-icon {
	width: 22px;
	height: 21px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/tag_icon.png) center center no-repeat;
	background-size: 100%;
	vertical-align: middle
}
.news-wrap .h5-news .news-list .news-ul li .news-info .news-abstract {
	width: 100%;
	line-height: 25px;
	font-size: 16px
}
.about, .news-wrap .pc-news {
	display: none
}
.about-h5 {
	display: block
}

.about-nav .nav-all {
	height: 100%;
	position: relative;
	background-color: #575db7;
	overflow: hidden
}
.about-nav .nav-all div {
	position: relative;
	float: left;
	width: 33.333333333%;
	text-align: center;
	color: #fff;
	line-height: 50px;
	height: 50px;
}
.about-nav .nav-all div a{ display:block; color:#fff; border-right:1px solid #fff;}
.about-nav .nav-all div.honor_nav_background a{ color:#575db7;}
.about-nav .nav-all div:nth-child(1), .about-nav .nav-all div:nth-child(2), .about-nav .nav-all div:nth-child(3) {
	border-bottom: 1px solid #ff9481
}

.about-nav .nav-all.en .small-text {
	line-height: 56px
}
.about-nav .nav-all.en .big-text {
	line-height: 28px;
	padding-top: 0
}
.about-nav .nav-all.en .company-name {
	height: 46px;
	width: 40px;
	display: inline-block;
	margin: 2px auto 0;
	line-height: 25px
}
.main-content {
	width: 100%
}
.main-content .diandian, .main-content .qiku, .main-content .qipei, .main-content .shengda {
	display: none
}
.main-content .title-1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px
}
.main-content .title-2 {
	font-size: 14px;
	text-align: center
}
.main-content .group-introduction {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 100px
}
.main-content .group-introduction .group-profile {
	padding: 35px 46px 0;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	text-indent: 15px
}
.main-content .plate-introduction {
	width: 100%;
	background-color: #ecf0f1
}
.main-content .plate-introduction .plate-wrap {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 0
}
.main-content .plate-introduction .plate-wrap .plate-ul {
	list-style: none;
	overflow: hidden;
	padding: 0
}
.main-content .plate-introduction .plate-wrap .plate-ul li {
	list-style: none;
	margin-bottom: 100px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .left {
	width: 45%;
	float: left
}
.main-content .plate-introduction .plate-wrap .plate-ul li .right {
	width: 55%;
	float: right
}
.main-content .plate-introduction .plate-wrap .plate-ul li .text-right {
	text-align: right
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info {
	overflow: hidden
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .plate-title {
	text-align: center
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .plate-title span {
	display: block
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .plate-title .chinese {
	font-size: 24px;
	margin-right: 15px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .plate-title .english {
	font-size: 14px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .plate-title .english-down {
	font-size: 14px;
	display: block
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .left-img {
	width: calc(100% - 40px);
	height: 800px;
	margin: 0 20px;
	max-height: 1080px;
	background: url(../images/introduction1.png) center no-repeat;
	background-size: 100%
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .introduction-text .plate-detail {
	margin: 40px 0;
	line-height: 25px;
	font-size: 14px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .right-text {
	width: calc(100% - 40px);
	margin: 0 20px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .left-text {
	width: calc(100% - 40px);
	margin: 0 20px;
	float: left
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .right-img {
	width: calc(100% - 40px);
	min-height: 350px;
	margin: 0 20px;
	max-height: 1080px;
	background: url(../images/introduction_2.png) center no-repeat;
	background-size: 100%
}
}
@media (max-width:1024px) and (max-width:500px) {
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .left-img {
	height: 450px
}
.main-content .plate-introduction .plate-wrap .plate-ul li .plate-info .right-img {
	min-height: 150px
}
}
@media (max-width:1024px) {
.main-content .group-vision {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}
.main-content .group-vision .culture-img {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 70px;
	text-align: center
}
.main-content .group-vision .culture-img img {
	width: 100%
}
.main-content .group-vision .culture-img img.en {
	width: 80%
}
.main-content .group-vision .culture-list {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px
}
.main-content .group-vision .culture-list .culture-ul {
	list-style: none;
	padding: 0
}
.main-content .group-vision .culture-list .culture-ul li {
	width: 50%;
	float: left
}
.main-content .group-vision .culture-list .culture-ul li .culture-info {
	text-align: center;
	width: 100%
}
.main-content .group-vision .culture-list .culture-ul li .culture-info img {
	width: 80%;
	margin-bottom: 22px
}
.main-content .group-vision .culture-list .culture-ul li .culture-info p {
	padding: 0 20px;
	line-height: 25px;
	color: #999
}
.main-content .honor-wrap {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 70px;
	background-color: #F7F7F7;
	background-size: 100%;

}
.main-content .honor-wrap .biz-box {
	width: 100%;
	height: 100px;
	margin: 0 auto
}
.main-content .honor-wrap .biz-box .biz-info1 {
	width: 25%;
	display: inline-block;
	height: 76px
}
.main-content .honor-wrap .biz-box .biz-ul {
	list-style: none
}
.main-content .honor-wrap .biz-box .biz-ul li {
	width: 20%;
	float: left
}
.main-content .honor-wrap .biz-box .biz-ul li a {
	position: relative;
	width: 220px;
	height: 78px;
	display: block;
	color: #333;
	border: 1px solid #eaeaea;
	background-color: #FFF;
	text-align: center;
	cursor: pointer
}
.main-content .honor-wrap .biz-box .biz-ul li a .chinese-title {
	font-size: 24px;
	padding: 6px 0
}
.main-content .honor-wrap .biz-box .biz-ul li a .english-title {
	font-size: 14px
}
.main-content .honor-wrap .biz-box .biz-ul li a .down-arrow {
	position: absolute;
	width: 67px;
	height: 27px;
	left: 50%;
	bottom: -13px;
	margin-left: -33.5px;
	background: url(../images/triangle_bg.png) no-repeat;
	background-size: 100%;
	display: none
}
.main-content .honor-wrap .biz-box .biz-ul li a.curr, .main-content .honor-wrap .biz-box .biz-ul li a:hover {
	background-color: #575db7;
	color: #FFF
}
.main-content .honor-wrap .biz-box .biz-ul li a.curr .down-arrow, .main-content .honor-wrap .biz-box .biz-ul li a:hover .down-arrow {
	display: block
}
.main-content .honor-wrap .list-title {
	text-align: center
}
.main-content .honor-wrap .honor-content {
	position: relative;
	width: 100%;
	margin: 2em auto 0;
	background: url(../images/line_bg_2.png) 50% top repeat-y;
	overflow: hidden;
	padding-bottom: 60px
}
.main-content .honor-wrap .honor-content .honor-ul-list {
	list-style: none;
	overflow: hidden;
	padding: 0
}
.main-content .honor-wrap .honor-content .honor-ul-list li {
	overflow: hidden;
	zoom: 1
}
.main-content .honor-wrap .honor-content .honor-ul-list li p {
	paddding: 0
}
.main-content .honor-wrap .honor-content .honor-ul-list li .left-box {
	position: relative;
	width: 100%;
	float: left;
	margin-right: 3%
}
.main-content .honor-wrap .honor-content .honor-ul-list li .left-box .award-time {
	font-size: 20px;
	color: #575db7
}
.main-content .honor-wrap .honor-content .honor-ul-list li .left-box .left-honor-arrow {
	position: absolute;
	top: 35px;
	right: -19px;
	border: 10px solid transparent;
	border-left-color: #fff;
	width: 0;
	height: 0;
	display: block
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box {
	position: relative;
	width: 100%;
	margin-left: calc(50% - 14px)
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box .time-flag {
	position: relative;
	top: 1em;
	display: inline-block;
	width: 2em;
	height: 2.5em;
	left: -3px;
	background: url(../images/arrow_icon.png) no-repeat;
	background-size: 100%
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box .award-time {
	display: inline-block;
	font-size: 20px;
	color: #575db7
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box:after {
	position: absolute;
	top: 5px;
	right: -16px;
	width: 0;
	height: 0;
	font-size: 0;
	border: 8px solid;
	border-color: #4D4948 #4D4948 #4D4948 #F8C301
}
.main-content .honor-wrap .honor-content .honor-ul-list li .right-box .right-honor-arrow {
	position: absolute;
	top: 35px;
	left: -19px;
	border: 10px solid transparent;
	border-right-color: #fff;
	width: 0;
	height: 0;
	display: block
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #eaeaea
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-img {
	float: left;
	display: inline-block;
	margin-right: 30px;
	width: 20%
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-img img {
	width: 100%
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail {
	float: left;
	color: #333;
	width: calc(80% - 30px)
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .award-name {
	font-size: 1.2rem;
	margin: 0;
	font-weight: 600
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .winning-unit {
	font-size: 1em
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .awarding-unit {
	font-size: .8em
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .awarding-unit .outfit {
	vertical-align: top;
	display: inline-block
}
.main-content .honor-wrap .honor-content .honor-ul-list li .award-info .award-detail .awarding-unit .outfit-name {
	width: calc(100% - 68px);
	display: inline-block
}
.main-content .honor-wrap .honor-content .honor-ul-list li:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden
}

.main-content .group-manage {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	background-color: #F7F7F7
}
.main-content .group-manage .list-title {
	text-align: center
}
.main-content .group-manage .list-title h3 {
	font-size: 1.5em
}
.main-content .group-manage .leader-list {
	width: 100%;
	overflow: hidden;
	padding: 0!important
}
.main-content .group-manage .leader-list li {
	width: 100%;
	float: left;
	margin-right: 37px;
	margin-bottom: 30px
}
.main-content .group-manage .leader-list li.no-margin {
	margin-right: 0
}
.main-content .group-manage .leader-list li .leader-info {
	background-color: #fff;
	margin: 0 20px;
	border: 1px solid #ddd;
	padding: 1.2em;
	line-height: 1.8em
}
.main-content .group-manage .leader-list li .leader-info .name-position {
	margin-bottom: 10px
}
.main-content .group-manage .leader-list li .leader-info .name-position .name {
	font-size: 24px;
	margin-right: 30px
}
.main-content .group-manage .leader-list li .leader-info .name-position .position {
	font-size: 16px
}
.main-content .group-manage .leader-list li .leader-info .profile {
	font-size: 14px
}
.main-content .development-history .history-wrap {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px
}
.main-content .development-history .history-wrap .record_box {
	position: relative;
	width: 100%;
	margin: 35px auto;
	background: url(../images/line_bg.png) 7em top repeat-y;
	padding: 60px 0
}
.main-content .development-history .history-wrap .record_box .wrap-box {
	position: relative
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul {
	zoom: 1;
	padding: 0
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info {
	position: relative;
	zoom: 1
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .flag {
	position: absolute;
	width: 27px;
	height: 27px;
	background: url(../images/circle_bg.png) left top no-repeat;
	display: block;
	left: 6em;
	top: 35px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .flag.single {
	top: 36px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box {
	float: left;
	text-align: right;
	margin: 35px 0 0 1.2em;
	display: inline
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box .year-num {
	font-size: 1.5em;
	color: #333;
	display: inline-block;
	line-height: 1;
	font-weight: 700
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box .year {
	font-size: .5em;
	color: #333;
	display: inline-block;
	line-height: 1
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .time_box.single {
	margin-top: 33px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box {
	margin-left: 9em;
	position: relative;
	border-top: 1px solid #575db7;
	box-sizing: border-box
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail {
	list-style: none;
	overflow: hidden;
	padding: 0
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li {
	margin: 20px 0
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .month-box {
	float: left;
	width: 60px;
	height: 50px;
	background-color: #575db7;
	text-align: center;
	line-height: 50px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li:after, .main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .month-box .month-num {
	font-size: 24px;
	color: #FFF
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .month-box .month {
	font-size: 12px;
	color: #FFF
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event {
	width: calc(100% - 90px);
	float: left;
	margin-left: 15px;
	line-height: 25px;
	font-size: 15px;
	padding-right: 15px
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event span {
	vertical-align: middle
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info .detail_box .history-detail li .event span.company-name {
	color: #575db7
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul .history-info.history-info:last-child .detail_box {
	border-bottom: 1px solid #575db7
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul.en .year {
	display: none!important
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul.en .month-box {
	width: 100px!important
}
.main-content .development-history .history-wrap .record_box .wrap-box .history-ul.en .event {
	width: calc(100% - 20px)!important
}
.honor_nav_background {
	background-color: #fff!important;
	color: #575db7!important
}
.industry-pc {
	display: none
}
.industry-wrap {
	width: 100%
}
.industry-wrap .industry-content {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px; color:#f00;
}

.industry-wrap .industry-content .company-info {
	overflow: hidden
}
.industry-wrap .industry-content .company-info .company-title {
	text-align: center
}
.industry-wrap .industry-content .company-info .company-name {
	font-size: 24px;
	color: #333;
	margin: 0
}
.industry-wrap .industry-content .company-info .company-name a, .industry-wrap .industry-content .company-info .company-website a {
	color: #000
}
.industry-wrap .industry-content .company-info .company-website {
	font-size: 14px;
	margin-top: 5px
}
.industry-wrap .industry-content .company-info .company-website a:hover {
	text-decoration: underline
}
.industry-wrap .industry-content .company-info .company-logo {
	width: 15em;
	margin: 10px auto
}
.industry-wrap .industry-content .company-info .company-logo img {
	width: 100%;
	border: 1px solid #eaeaea
}
.industry-wrap .industry-content .company-info .game-relevant {
	width: 100%
}
.industry-wrap .industry-content .company-info .game-relevant .company-detail {
	margin-top: 30px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
	padding: 0 20px
}
.industry-wrap .industry-content .company-info .game-relevant .company-detail-1 {
	text-indent: 15px
}
.industry-wrap .industry-content .game-list-wrap .game-list {
	list-style: none;
	overflow: hidden;
	padding: 0
}
.industry-wrap .industry-content .game-list-wrap .game-list li {
	position: relative;
	overflow: hidden;
	margin: 60px 15px
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data {
	position: relative;
	width: 100%
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .game-text {
	line-height: 24px;
	font-size: 12px
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data img {
	width: 100%;
	display: block;
	transition: all .5s ease
}
}
@media (max-width:1024px) and (min-width:375px) {
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/product_mask.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 160px;
	z-index: 2
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB p {
	width: calc(100% - 74px);
	height: 44px;
	line-height: 22px;
	color: #333;
	position: absolute;
	left: 37px;
	top: 16px;
	z-index: 2;
	overflow: hidden
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a {
	width: 180px;
	height: 56px;
	display: block;
	background: url(../images/ellipse_icon.png);
	position: absolute;
	left: calc(50% - 90px);
	top: 220px;
	cursor: pointer
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a var {
	height: 56px;
	margin-left: 10px;
	line-height: 56px;
	color: #575db7;
	font-size: 16px;
	float: left;
	font-weight: 400;
	font-style: normal;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a span {
	width: 24px;
	height: 20px;
	margin-left: 38px;
	margin-top: 18px;
	background: url(../images/website_icon.png) no-repeat;
	float: left;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a:hover span {
	transform: translateX(-50px) scale(1.5);
	-moz-transform: translateX(-50px) scale(1.5);
	-webkit-transform: translateX(-50px) scale(1.5);
	opacity: 0
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a:hover var {
	transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-webkit-transform: translateX(-10px)
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB em {
	width: 16px;
	height: 10px;
	display: block;
	background: url(../images/top_arraw_icon.png) no-repeat;
	position: absolute;
	left: calc(50% - 8px);
	top: 80px
}
}
@media (max-width:1024px) and (max-width:374px) {
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/product_mask.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 160px;
	z-index: 2
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB p {
	font-size: 14px;
	width: 100%;
	height: 44px;
	line-height: 22px;
	color: #333;
	position: absolute;
	top: 16px;
	z-index: 2;
	overflow: hidden
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a {
	width: 180px;
	height: 56px;
	display: block;
	background: url(../images/ellipse_icon.png);
	position: absolute;
	left: calc(50% - 90px);
	top: 160px;
	cursor: pointer
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a var {
	height: 56px;
	margin-left: 10px;
	line-height: 56px;
	color: #575db7;
	font-size: 16px;
	float: left;
	font-weight: 400;
	font-style: normal;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a span {
	width: 24px;
	height: 20px;
	margin-left: 38px;
	margin-top: 18px;
	background: url(../images/website_icon.png) no-repeat;
	float: left;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a:hover span {
	transform: translateX(-50px) scale(1.5);
	-moz-transform: translateX(-50px) scale(1.5);
	-webkit-transform: translateX(-50px) scale(1.5);
	opacity: 0
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB a:hover var {
	transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-webkit-transform: translateX(-10px)
}
.industry-wrap .industry-content .game-list-wrap .game-list li .game-data .dBB em {
	width: 16px;
	height: 10px;
	display: block;
	background: url(../images/top_arraw_icon.png) no-repeat;
	position: absolute;
	left: calc(50% - 8px);
	top: 80px
}
}
@media (max-width:1024px) {
.contact-wrap .contact-content .link-area .link-way-1 .email:hover, .investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .email:hover {
	text-decoration: underline
}
.industry-wrap .industry-content .product-category {
	margin-top: 80px;
	overflow: hidden
}
.industry-wrap .industry-content .product-category .category-list {
	width: 300px;
	float: left
}
.industry-wrap .industry-content .product-category .category-list .category-title {
	overflow: hidden;
	border-bottom: 1px solid #eaeaea
}
.industry-wrap .industry-content .product-category .category-list .category-title .left-wrap {
	width: 211px;
	float: left;
	text-align: right;
	padding-top: 12px
}
.industry-wrap .industry-content .product-category .category-list .category-title .left-wrap .title-1 {
	padding-right: 20px;
	font-size: 24px;
	color: #333
}
.industry-wrap .industry-content .product-category .category-list .category-title .left-wrap .title-2 {
	font-size: 14px;
	color: #333;
	padding-right: 20px
}
.industry-wrap .industry-content .product-category .category-list .category-title .class-icon {
	float: right;
	background: url(../images/qipei/classify_icon.png) center center no-repeat;
	width: 88px;
	height: 88px;
	background-size: 100%
}
.loading-news, .pull_icon {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px
}
.industry-wrap .industry-content .product-category .category-list .category-ul {
	overflow: hidden;
	list-style: none
}
.industry-wrap .industry-content .product-category .category-list .category-ul li {
	text-align: right;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #eaeaea
}
.industry-wrap .industry-content .product-category .category-list .category-ul li a {
	padding-right: 20px;
	display: block;
	font-size: 18px;
	cursor: pointer
}
.industry-wrap .industry-content .product-category .category-list .category-ul li a.curr, .industry-wrap .industry-content .product-category .category-list .category-ul li a:hover {
	border-right: 5px solid #575db7;
	color: #575db7
}
.industry-wrap .industry-content .product-category .category-list.en {
	width: 320px
}
.industry-wrap .industry-content .product-category .category-list.en .category-ul {
	padding: 0
}
.industry-wrap .industry-content .product-category .product-list {
	width: 100%;
	float: right
}
.industry-wrap .industry-content .product-category .product-list #workshop-pictures_h5 img {
	width: 100%!important
}
.industry-wrap .industry-content .product-category .product-list .product-ul {
	display: none;
	overflow: hidden;
	padding: 0
}
.industry-wrap .industry-content .product-category .product-list .product-ul li {
	float: left;
	width: calc(50% - 22px);
	list-style: none;
	border: 1px solid #eaeaea;
	margin: 0 10px 10px
}
.industry-wrap .industry-content .product-category .product-list .product-ul li .product-info {
	position: relative
}
.industry-wrap .industry-content .product-category .product-list .product-ul li .product-info img {
	width: 100%;
	height: 100%
}
.industry-wrap .industry-content.qiku {
	display: none
}
.industry-wrap .industry-content.qipei {
	display: none;
	margin-bottom: 80px
}

.contact-wrap {
	width: 100%;
	padding-bottom: 80px
}
.contact-wrap .contact-content {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px
}
.contact-wrap .contact-content .title-1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px
}
.contact-wrap .contact-content .title-2 {
	font-size: 14px;
	text-align: center
}
.contact-wrap .contact-content .company-map {
	margin-top: 45px;
	margin-bottom: 50px
}
.contact-wrap .contact-content .company-map img {
	width: 100%
}
.contact-wrap .contact-content .link-area {
	margin: 46px 30px 0;
	line-height: 25px;
	color: #575db7;
	font-size: 16px
}
.contact-wrap .contact-content .link-area .link-way-1 {
	border-bottom: 1px solid #575db7;
	padding: 10px 0
}
.contact-wrap .contact-content .link-area .link-way-1 .left-title {
	display: inline-block
}
.contact-wrap .contact-content .link-area .link-way-1 .name {
	width: 72px;
	display: inline-block
}
.contact-wrap .contact-content .link-area .link-way-1 .telephone {
	width: 150px;
	display: inline-block
}
.contact-wrap .contact-content .link-area .link-way-1 .black-text {
	color: #333
}
.investor-pc {
	display: none
}
.investor-wrap {
	width: 100%
}
.investor-wrap .investor-content {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 73px
}
.investor-wrap .investor-content .investor-title {
	text-align: center
}
.investor-wrap .investor-content .investor-title p {
	font-size: 24px
}
.investor-wrap .investor-content .shares {
	width: 100%;
	text-align: center
}
.investor-wrap .investor-content .shares img {
	width: 80%
}
.investor-wrap .investor-content .investor-message .investor-ul {
	list-style-type: none
}
.investor-wrap .investor-content .investor-message .investor-ul li {
	margin-top: 22px;
	border-bottom: 1px solid #575db7
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info {
	overflow: hidden
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p {
	overflow: hidden;
	margin-bottom: 16px
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .left-wrap {
	float: left;
	color: #575db7;
	font-size: 16px;
	margin-right: 10px
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .right-wrap {
	float: left;
	font-size: 16px
}
.investor-wrap .investor-content .investor-message .investor-ul li .investor-info p .email {
	color: #333
}
.investor-wrap .investor-content .tips-wrap {
	width: calc(100% - 74px);
	margin: 61px 35px 0;
	border: 2px solid #575db7;
	text-align: center;
	font-size: 22px;
	color: #575db7
}
.investor-wrap .investor-content .tips-wrap .tips-1 {
	padding: 10px 0 8px
}
.investor-wrap .investor-content .tips-wrap.en {
	width: calc(100% - 44px);
	margin: 61px 35px 0 20px
}
.investor-h5{ display:block;}
.investor-wrap .market-trend {
	width: 100%;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 73px;
	display:block
}
.investor-wrap .market-trend .investor-title {
	text-align: center
}
.investor-wrap .market-trend .investor-title p {
	font-size: 24px
}
.investor-wrap .market-trend .market-pcis .market-ul {
	list-style-type: none;
	overflow: hidden;
	padding: 0
}
.investor-wrap .market-trend .market-pcis .market-ul .left-gif {
	width: calc(100% - 60px);
	margin: 50px 30px
}
.investor-wrap .market-trend .market-pcis .market-ul .left-gif img {
	width: 100%
}
.investor-wrap .market-trend .market-pcis .market-ul .right-gif {
	width: calc(100% - 60px);
	margin: 0 30px
}
#wrapper, .investor-wrap .market-trend .market-pcis .market-ul .right-gif img {
	width: 100%
}
#wrapper {
	z-index: 1;
	background-color: #ccc
}
.more-news {
	height: 4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #333
}
.pull_icon {
	width: 25px;
	height: 25px;
	background-image: url(../images/pull.png);
	transition: all .5s
}
.more-news span {
padding-left:.5rem
}
.scroller {
	background-color: #fff
}
.more-news .flip {
	transform: rotate(180deg)
}
.loading-news {
	background-image: url(../images/loading.png)
}
.more-news .loading-news {
	-webkit-transform: rotate(0) translateZ(0);
	-webkit-transition-duration: 0;
	-webkit-animation-name: loading-news;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}
}

	



@media screen and (max-width:1024px) {
	body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}

}
#dowebok .inner { width:100%;}
#dowebok .section1 .inner { width:100%; height:100%;}
.sjht-h5 { position: fixed; z-index: 1000; width: 100%; height: 64px;}
#dowebok .fp-tableCell { vertical-align: middle;}
#dowebok .section1 .fp-tableCell { vertical-align: top;}
.swiper-container {width: 100%;height:auto;}
.swiper-slide {text-align: center; display:block;width: 100%;}
.swiper-slide img{ width:100%; height:500px}

.banner{ padding-top:60px;}

.advantage {clear: both;background: #FFF;width: 100%}
.advantage .content {width: 100%;margin: 0 auto;padding-top: 30px}
.advantage .content ul {padding-left: 0}
.advantage .content ul li {padding: 0;width: 29.33%; margin:10px 2%;float: left;text-align: center;list-style-type: none}
.advantage .content ul li a {display: block;margin: 0 auto;cursor: pointer}
.advantage .content ul li a img{ width:100%;}
.advantage .content ul .margin-set{ margin-left:17%}

.section3{ background:url(../images/casebg.jpg) center bottom no-repeat;}
.case{ padding-top:64px;}
.case_tit{ text-align:center;}
.case_tit h2{text-transform:uppercase;font-weight:normal;color:#575db7;font-size:30px;}
.case_tit h3{color:#333;margin-top:10px;font-size:20px;}
.case-list { margin-top:30px;}
.case-list ul{ overflow:hidden;}
.case-list li{float:left;width:47%; margin-left:2%;position:relative; margin-bottom:10px;}
.case-list li .cover{position:absolute;left:0;width:100%;height:100%;-ms-transition:all .4s;transition:all .4s;}
.case-list li .img-box{position:relative;overflow:hidden;}
.case-list li .img-box .img{position:absolute;left:0;top:0;height:100%;overflow:hidden;width:100%;}
.case-list li .img-box .img img{width:100%;}
.case-list li .img-box .ck{margin-top:58.5%;}
.case-list li .img-box .cover{background:rgba(0,0,0,.66) url(../images/click.png) center center no-repeat;top:-100%;}
.case-list li:hover .img-box .cover{top:0;}
.case-list li .intro{border-bottom:2px solid #20BCA1;padding:15px 10px;background:rgba(255,255,255,.65);position:relative;overflow:hidden;font-size:13px;}
.case-list li .intro{color:#666;}
.case-list li .intro h3{color:#00DFB8;font-size:1.15em;margin:5px 0;}
.case-more{display:block;border:1px dotted #2ED0B7;text-align:center;color:#2ED0B7;cursor:pointer;width:120px; margin:0 auto; margin-top:30px;font-size:22px;}
.case-more:hover{background:#2ED0B7;color:#fff;-ms-transition:all .5s;transition:all .5s;}

.section4{background: #ecf0f1}
.support-wrap { padding-top:64px;overflow: hidden;}
.support .left {float: left!important; width:47%; margin-left:2%; margin-bottom:10px; position:relative;}
.support .imls .top-box1{width: 100%;/*background-color: #FFF*/}
.support .imls .top-box1 img{ width:100%}
.support .imls .line1-bottom {width: 100%;}
.support .imls .line1-bottom img{ width:100%;}
.support .left .look-more {position: relative;width: 100%;height: 86px;/*background-color: #575db7*/}
.support .left .look-more .circle-icon {position: absolute;width: 30px;height: 30px;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;border-radius: 50%;background: url(../images/more_icon.png) center center no-repeat}
.support .left .look-more .look-more-text {position: absolute;width: 80px;height: 26px;bottom: 0px;left: 50%;margin-left: -40px;font-size: 12px;color: #575db7;text-align: center}
.support .left .more-bg {width: 100%;height: 37px;margin-top: 1px;background-color: #FFF;text-align: center;line-height: 37px;font-size: 24px}


.section5{ background:url(../images/casebg.jpg) center bottom no-repeat;}

.section6{ background:url(../images/casebg.jpg) center bottom no-repeat;}
.news{ padding-top:64px;}
.news_tit{ text-align:center;}
.news_tit h2{text-transform:uppercase;font-weight:normal;color:#575db7;font-size:30px;}
.news_tit h3{color:#333;margin-top:10px;font-size:20px; margin-bottom:30px;}
.news_left{ float:none; width:96%; margin:0 auto;}
.news_left .news_pic{ position:relative; margin-bottom:20px;}
.news_left .news_pic .xw{ width:100%; height:100px;}
.news_left .news_pic .ico_news{ position:absolute; top:0px; left:0px;}
.news_left strong{ display:block; font-weight:normal;}
.news_left strong a{ color:#000; font-size:16px;}
.news_left i{ display:block; font-style:normal; padding:5px 0px; color:#999;}
.news_left span{ display:block; font-size:14px; line-height:24px;}
.news_left b{ display:block; margin-top:10px;}
.news_left b a{ background:rgba(0,117,197,1); height:40px; line-height:40px; width:160px; font-size:16px; color:#fff; text-align:center; display:inline-block;}
.news_right{ float:none; width:96%; margin:0 auto;}
.news_right ul li{ height:36px; line-height:36px; border-bottom:1px solid #dbd4cd;}
.news_right ul li a{ float:left; font-size:14px; color:#333;}
.news_right ul li span{ float:right; font-size:12px; color:#999;}

.section7{ background:url(../images/bg.jpg) center bottom no-repeat;}
.lianxi{ padding-top:64px;}
.lianxi_top{ overflow:hidden;}
.lianxi_top .erm{ width:96%; margin:0 auto; text-align:center;}
.lianxi_top .erm img{ width:200px;}
.lianxi_top .lx_con{ width:96%; margin:0 auto; padding:10px 0px; text-align:center;}
.lianxi_top .lx_con dl dt{color:#575db7;text-decoration:none;font-size:18px; padding-bottom:5px;}
.lianxi_top .lx_con dl dt a{color:#575db7;}
.lianxi_top .lx_con dl dd{ font-size:14px; line-height:30px;}
.lianxi_top .map{ width:96%; margin:0 auto; }

.foot dl{ float:left; margin-left:2%; width:30.666667%; margin-bottom:20px;}
.foot dl dt{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.foot dl dd{ line-height:24px;}
.foot dl dd a{ color:#999; font-size:12px;}
.f_lx b{ display:block; font-size:14px;}
.f_lx ul li .phone_icon {
	width: 16px;
	height: 17px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/telephone_icon.png) center center no-repeat;
	background-size: 100%
}
.f_lx ul li .email_icon {
	width: 18px;
	height: 10px;
	margin-right: 15px;
	display: inline-block;
	background: url(../images/email_icon.png) center center no-repeat;
	background-size: 100%
}
.f_lx ul li .address_icon {
	width: 12px;
	height: 16px;
	margin-right: 15px;
	margin-left: 3px;
	display: inline-block;
	background: url(../images/address_icon.png) center center no-repeat;
	background-size: 100%
}
.f_lx ul { margin-top:10px;}
.f_lx ul li{ font-size:14px; margin-bottom:5px;}
.f_lx ul li a{ color:#333;}
.huatong-footer{ width:96%; margin:0 auto; font-size:14px; line-height:24px;}
.huatong-footer a{ color:#666;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }