* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0
}
body {
	font:normal normal normal 14px/1.5 'SansationRegular',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
	color:#595757;
	background-color:#fff
}
body,html {
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
button {
	border:0 none
}
button,input[type=button],input[type=submit],select {
	cursor:pointer
}
table {
	border-spacing:0;
	border-collapse:collapse
}
button,input,select,textarea {
	font-size:100%
}
input {
	-moz-border-radius:0;
	border-radius:0;
	outline-style:none;
	-webkit-appearance:none;
	-moz-appearance:none
}
input[type='checkbox'] {
	-webkit-appearance:checkbox
}
textarea {
	resize:none;
	outline-style:none;
	-webkit-appearance:none;
	-moz-appearance:none
}
ol,ul {
	list-style:none
}
a {
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(160,44,57,0.5)
}
img {
	display:inline-block;
	-ms-interpolation-mode:bicubic;
	border:0 none
}
p img {
	max-width:100%
}
:focus {
	outline:0
}
.clearfix:after,.clearfix:before {
	display:table;
	content:''
}
.clearfix:after {
	clear:both
}
::-moz-selection {
	color:#fff;
	background:#DE9E11
}
::selection {
	color:#fff;
	background:#DE9E11
}
.textoverflow {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.wrap {
	padding-right:20px;
	padding-left:20px
}
@media only screen and (min-width:768px) {
	.wrap {
	padding-right:5%;
	padding-left:5%
}
}@media only screen and (min-width:1200px) {
	.wrap {
	width:1080px;
	margin:0 auto;
	padding-right:0;
	padding-left:0
}
}@-webkit-keyframes TextMove {
	0% {
	margin-left:-15px
}
100% {
	margin-left:0
}
}@-moz-keyframes TextMove {
	0% {
	margin-left:-15px
}
100% {
	margin-left:0
}
}@keyframes TextMove {
	0% {
	margin-left:-15px
}
100% {
	margin-left:0
}
}@-webkit-keyframes TextShow {
	0% {
	top:-10px
}
100% {
	top:0
}
}@-moz-keyframes TextShow {
	0% {
	top:-10px
}
100% {
	top:0
}
}@keyframes TextShow {
	0% {
	top:-10px
}
100% {
	top:0
}
}@-webkit-keyframes ball-pulse-sync {
	33% {
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px)
}
66% {
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px)
}
100% {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0)
}
}@-moz-keyframes ball-pulse-sync {
	33% {
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px)
}
66% {
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px)
}
100% {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes ball-pulse-sync {
	33% {
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px)
}
66% {
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px)
}
100% {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0)
}
}@font-face {
	font-family:'SansationBold';
	src:url("Sansation_Bold.ttf")
}
@font-face {
	font-family:'SansationBoldItalic';
	src:url("Sansation_Bold_Italic.ttf")
}
@font-face {
	font-family:'SansationItalic';
	src:url("Sansation_Italic.ttf")
}
@font-face {
	font-family:'SansationLight';
	src:url("Sansation_Light.ttf")
}
@font-face {
	font-family:'SansationLightItalic';
	src:url("Sansation_Light_Italic.ttf")
}
@font-face {
	font-family:'SansationRegular';
	src:url("Sansation_Regular.ttf")
}
body,html {
	height:100%
}
body {
	position:relative;
	padding-top:60px;
	overflow-x:hidden
}
@media only screen and (max-width:767px) {
	body.no-scroll {
	overflow-y:hidden
}
}@media only screen and (min-width:1025px) {
	body {
	padding-top:0
}
}@media only screen and (max-width:1024px) {
	body::after {
	content:'lgm';
	font-size:0;
	position:absolute;
	left:0;
	top:0
}
}header {
	z-index:100;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:60px
}
@media only screen and (min-width:1025px) {
	header {
	position:relative;
	height:90px
}
}header .first-level {
	height:100%;
	background-color:#fff
}
@media only screen and (min-width:768px) {
	header .first-level {
	z-index:2;
	position:absolute;
	left:5%;
	top:0
}
}@media only screen and (min-width:1920px) {
	header .first-level {
	left:125px
}
}header h1 {
	float:left;
	height:100%;
	width:140px;
	text-indent:-9999px
}
@media only screen and (min-width:768px) {
	header h1 {
	width:120px
}
}@media only screen and (min-width:1025px) {
	header h1 {
	width:162px
}
}header h1 a {
	position:relative;
	display:block;
	width:100%;
	padding-left:20px;
	height:100%;
	background:url("logo.png") 20px center no-repeat;
	-moz-background-size:120px;
	background-size:120px
}
@media only screen and (min-width:768px) {
	header h1 a {
	padding-left:0;
	background-position:left center
}
}@media only screen and (min-width:1025px) {
	header h1 a {
	-moz-background-size:162px;
	background-size:162px
}
}header .indicator {
	position:relative;
	float:right;
	height:100%;
	width:50px;
	padding-right:20px
}
@media only screen and (min-width:768px) {
	header .indicator {
	display:none
}
}header .indicator i {
	position:absolute;
	right:20px;
	width:25px;
	height:2px;
	background-color:#DE9E11;
	opacity:1;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear
}
header .indicator i:nth-child(1) {
	top:22px
}
header .indicator i:nth-child(2) {
	top:27px
}
header .indicator i:nth-child(3) {
	top:32px
}
header .indicator i:nth-child(2).fade {
	opacity:0
}
header .indicator i:nth-child(1) {
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	transform-origin:left
}
header .indicator i:nth-child(1).fade {
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	-ms-transform:rotate(22.5deg);
	transform:rotate(22.5deg)
}
header .indicator i:nth-child(3) {
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	transform-origin:left
}
header .indicator i:nth-child(3).fade {
	-webkit-transform:rotate(-22.5deg);
	-moz-transform:rotate(-22.5deg);
	-ms-transform:rotate(-22.5deg);
	transform:rotate(-22.5deg)
}
header .second-level {
	position:fixed;
	left:0;
	top:60px;
	width:80%;
	margin-left:20%;
	height:100%;
	overflow-y:scroll;
	padding-bottom:80px;
	background-color:#DE9E11;
	-webkit-transform:translateX(120%);
	-moz-transform:translateX(120%);
	-ms-transform:translateX(120%);
	-o-transform:translateX(120%);
	-webkit-transform:translateX(120%);
	transform:translateX(120%);
	-webkit-transition:-webkit-transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
	-moz-transition:-moz-transform 0.3s ease;
	-moz-transition:transform 0.3s ease;
	-o-transition:-o-transform 0.3s ease;
	-o-transition:transform 0.3s ease;
	transition:-webkit-transform 0.3s ease;
	-moz-transition:transform 0.3s ease,-moz-transform 0.3s ease;
	transition:transform 0.3s ease;
	transition:transform 0.3s ease,-webkit-transform 0.3s ease,-moz-transform 0.3s ease
}
header .second-level.show {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
@media only screen and (min-width:768px) {
	header .second-level {
	position:relative;
	margin-left:0;
	top:0;
	width:100%;
	padding-bottom:0;
	background:#fff;
	overflow-y:visible;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}header .second-level .nav {
	margin-bottom:80px;
	padding-left:50px
}
@media only screen and (min-width:768px) {
	header .second-level .nav {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin-bottom:0;
	font-size:0;
	text-align:right;
	padding-left:0;
	padding-right:5%
}
}@media only screen and (min-width:1920px) {
	header .second-level .nav {
	padding-right:125px
}
}header .second-level .nav>li {
	border-bottom:1px solid #fff
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li {
	display:inline-block;
	border-bottom:0 none;
	margin:0 5px;
	position:relative
}
header .second-level .nav>li:last-child {
	margin-right:0
}
header .second-level .nav>li:last-child>a {
	padding-right:0
}
}@media only screen and (min-width:1025px) {
	header .second-level .nav>li {
	margin:0 10px
}
}header .second-level .nav>li>a {
	position:relative;
	display:block;
	width:100%;
	line-height:50px;
	color:#fff
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li>a {
	padding:0 15px;
	width:auto;
	font-size:14px;
	color:#A98639
}
header .second-level .nav>li>a.current:before {
	position:absolute;
	content:'';
	left:0;
	top:0;
	background-color:#A98639;
	width:100%;
	height:4px
}
}@media only screen and (min-width:1025px) {
	header .second-level .nav>li>a {
	font-size:18px;
	line-height:90px
}
header .second-level .nav>li>a.current:before {
	height:7px
}
}header .second-level .nav>li>a i {
	position:absolute;
	left:30px;
	top:48%;
	-webkit-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
	width:8px;
	height:1px;
	background-color:#595757;
	-webkit-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	transition:opacity .3s linear
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li>a i {
	display:none
}
}header .second-level .nav>li>a i:nth-of-type(2) {
	-webkit-transform:translateY(-50%) rotate(90deg);
	-moz-transform:translateY(-50%) rotate(90deg);
	-ms-transform:translateY(-50%) rotate(90deg);
	-o-transform:translateY(-50%) rotate(90deg);
	transform:translateY(-50%) rotate(90deg)
}
header .second-level .nav>li>a i:nth-of-type(2).fade {
	opacity:0
}
header .second-level .nav>li ul {
	display:block;
	height:0;
	overflow:hidden
}
header .second-level .nav>li ul.show {
	height:auto
}
header .second-level .nav>li ul.show li {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
	filter:alpha(opacity=100)
}
header .second-level .nav>li ul.show li:nth-child(1) {
	-webkit-transition-delay:0.05s;
	-moz-transition-delay:0.05s;
	-o-transition-delay:0.05s;
	transition-delay:0.05s
}
header .second-level .nav>li ul.show li:nth-child(2) {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s
}
header .second-level .nav>li ul.show li:nth-child(3) {
	-webkit-transition-delay:0.15s;
	-moz-transition-delay:0.15s;
	-o-transition-delay:0.15s;
	transition-delay:0.15s
}
header .second-level .nav>li ul.show li:nth-child(4) {
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s
}
header .second-level .nav>li ul.show li:nth-child(5) {
	-webkit-transition-delay:0.25s;
	-moz-transition-delay:0.25s;
	-o-transition-delay:0.25s;
	transition-delay:0.25s
}
header .second-level .nav>li ul.show li:nth-child(6) {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s
}
header .second-level .nav>li ul.show li:nth-child(7) {
	-webkit-transition-delay:0.35s;
	-moz-transition-delay:0.35s;
	-o-transition-delay:0.35s;
	transition-delay:0.35s
}
header .second-level .nav>li ul.show li:nth-child(8) {
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s
}
header .second-level .nav>li ul.show li:nth-child(9) {
	-webkit-transition-delay:0.45s;
	-moz-transition-delay:0.45s;
	-o-transition-delay:0.45s;
	transition-delay:0.45s
}
header .second-level .nav>li ul.show li:nth-child(10) {
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s
}
header .second-level .nav>li ul.show li:nth-child(11) {
	-webkit-transition-delay:0.55s;
	-moz-transition-delay:0.55s;
	-o-transition-delay:0.55s;
	transition-delay:0.55s
}
header .second-level .nav>li ul.show li:nth-child(12) {
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	transition-delay:0.6s
}
header .second-level .nav>li ul.show li:nth-child(13) {
	-webkit-transition-delay:0.65s;
	-moz-transition-delay:0.65s;
	-o-transition-delay:0.65s;
	transition-delay:0.65s
}
header .second-level .nav>li ul.show li:nth-child(14) {
	-webkit-transition-delay:0.7s;
	-moz-transition-delay:0.7s;
	-o-transition-delay:0.7s;
	transition-delay:0.7s
}
header .second-level .nav>li ul.show li:nth-child(15) {
	-webkit-transition-delay:0.75s;
	-moz-transition-delay:0.75s;
	-o-transition-delay:0.75s;
	transition-delay:0.75s
}
header .second-level .nav>li ul.show li:nth-child(16) {
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	transition-delay:0.8s
}
header .second-level .nav>li ul.show li:nth-child(17) {
	-webkit-transition-delay:0.85s;
	-moz-transition-delay:0.85s;
	-o-transition-delay:0.85s;
	transition-delay:0.85s
}
header .second-level .nav>li ul.show li:nth-child(18) {
	-webkit-transition-delay:0.9s;
	-moz-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	transition-delay:0.9s
}
header .second-level .nav>li ul.show li:nth-child(19) {
	-webkit-transition-delay:0.95s;
	-moz-transition-delay:0.95s;
	-o-transition-delay:0.95s;
	transition-delay:0.95s
}
header .second-level .nav>li ul.show li:nth-child(20) {
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-o-transition-delay:1s;
	transition-delay:1s
}
header .second-level .nav>li ul li {
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	-o-transform:translateY(-20px);
	transform:translateY(-20px);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li ul {
	position:absolute;
	width:288px;
	height:0;
	padding-top:0;
	padding-bottom:0;
	left:0;
	top:60px;
	background:rgba(0,0,0,0.5);
	overflow:hidden;
	font-size:0;
	text-align:left
}
header .second-level .nav>li ul.show {
	height:auto;
	padding-top:40px;
	padding-bottom:100px
}
header .second-level .nav>li ul.show li {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
	opacity:1;
	filter:alpha(opacity=100)
}
}@media only screen and (min-width:1025px) {
	header .second-level .nav>li ul {
	top:90px
}
}@media only screen and (min-width:768px) {
	header .second-level .nav>li ul li {
	display:inline-block;
	padding:5px 15px;
	display:block
}
header .second-level .nav>li ul li.all {
	margin-bottom:20px
}
}@media only screen and (min-width:1025px) {
	header .second-level .nav>li ul li {
	overflow:hidden
}
header .second-level .nav>li ul li:hover a {
	color:#DE9E11;
	overflow:hidden
}
}header .second-level .nav>li ul li:last-child a {
	height:40px;
	padding-bottom:6px
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li ul li:last-child a {
	height:auto;
	padding-bottom:0
}
}header .second-level .nav>li ul li a {
	display:block;
	color:#fff;
	height:36px;
	line-height:36px;
	font-size:14px
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li ul li a {
	padding-left:0;
	height:auto;
	color:#fff;
	line-height:20px;
	height:20px
}
}@media only screen and (min-width:1025px) {
	header .second-level .nav>li ul li a {
	font-size:16px
}
}header .second-level .nav>li ul li a img {
	display:none
}
@media only screen and (min-width:768px) {
	header .second-level .nav>li ul li a img {
	display:block;
	width:150px;
	height:54px
}
}@media only screen and (min-width:1025px) {
	header .second-level .nav>li ul li a img {
	width:250px;
	height:90px
}
}.modal-wrapper {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:99;
	display:none
}
#bgFullSlide {
	position:relative;
	width:100%;
	height:100% !important
}
@media only screen and (min-width:768px) {
	#bgFullSlide {
	height:0 !important;
	padding-top:38%
}
}#bgFullSlide .bd {
	margin:0 auto;
	overflow:hidden;
	height:100% !important
}
@media only screen and (min-width:768px) {
	#bgFullSlide .bd {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0
}
}#bgFullSlide .bd ul {
	width:100% !important;
	height:100% !important
}
#bgFullSlide .bd ul li {
	position:relative;
	width:100% !important;
	height:100% !important;
	-moz-background-size:cover !important;
	background-size:cover !important
}
#bgFullSlide .bd ul li img {
	position:absolute;
	left:5%;
	top:15%;
	width:70%
}
@media only screen and (min-width:768px) {
	#bgFullSlide .bd ul li img {
	width:50%;
	top:50%;
	-webkit-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0)
}
}#bgFullSlide .hd {
	position:absolute;
	width:100%;
	left:0;
	bottom:20px;
	text-align:center
}
@media only screen and (min-width:1025px) {
	#bgFullSlide .hd {
	bottom:40px
}
}#bgFullSlide .hd ul {
	display:inline-block;
	text-align:center;
	overflow:hidden
}
#bgFullSlide .hd ul li {
	cursor:pointer;
	float:left;
	width:60px;
	height:2px;
	border:0 none;
	background-color:#999898;
	opacity:1 !important;
	margin:3px 5px 0;
	font-size:0
}
#bgFullSlide .hd ul li.on {
	background-color:#DE9E11
}
#bgFullSlide .next,#bgFullSlide .prev {
	display:none
}
.home-service-area {
	padding-right:10px
}
@media only screen and (min-width:1700px) {
	.home-service-area {
	padding-right:130px
}
}.home-service-area ul {
	margin-top:10px
}
@media only screen and (min-width:1700px) {
	.home-service-area ul {
	margin-top:50px
}
}.home-service-area ul li {
	float:left;
	padding-left:10px;
	width:33.3333%;
	margin-bottom:10px
}
@media only screen and (min-width:1025px) {
	.home-service-area ul li {
	width:16.6666%
}
}@media only screen and (min-width:1700px) {
	.home-service-area ul li {
	padding-left:80px
}
}.home-service-area ul li a {
	display:block;
	width:100%;
	height:0;
	padding-top:100%;
	position:relative
}
@media only screen and (min-width:1200px) {
	.home-service-area ul li a:hover h2.cn,.home-service-area ul li a:hover h2.en {
	-webkit-animation:TextMove 0.5s cubic-bezier(1,0,0,1);
	-moz-animation:TextMove 0.5s cubic-bezier(1,0,0,1);
	animation:TextMove 0.5s cubic-bezier(1,0,0,1)
}
}.home-service-area ul li a .desc {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.75)
}
.home-service-area ul li a .desc .inner {
	display:table;
	height:100%;
	width:100%
}
.home-service-area ul li a .desc .inner .text {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	padding-left:10%;
	width:100%
}
.home-service-area ul li a .desc .inner .text h2.cn {
	margin-bottom:5px
}
@media only screen and (min-width:767px) {
	.home-service-area ul li a .desc .inner .text h2.cn {
	font-size:18px
}
}@media only screen and (min-width:1024px) {
	.home-service-area ul li a .desc .inner .text h2.cn {
	font-size:24px
}
}.home-service-area ul li a .desc .inner .text .line {
	background-color:#DE9E11;
	height:1px;
	display:block
}
.home-service-area ul li a .desc .inner .text h2.en {
	font-size:8px;
	margin-top:3px
}
@media only screen and (min-width:767px) {
	.home-service-area ul li a .desc .inner .text h2.en {
	font-size:12px
}
}@media only screen and (min-width:1024px) {
	.home-service-area ul li a .desc .inner .text h2.en {
	font-size:12px
}
}.home-case {
	position:relative
}
.home-case ul .item {
	float:left;
	width:50%;
	height:0;
	padding-top:50%;
	-moz-background-size:cover !important;
	background-size:cover !important;
	position:relative
}
@media only screen and (min-width:767px) {
	.home-case ul .item {
	width:33.3333%;
	padding-top:33.3333%
}
}@media only screen and (max-width:1199px) {
	.home-case ul .item.animated a .desc {
	bottom:0
}
}.home-case ul .item a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a:hover .desc {
	display:table
}
.home-case ul .item a:hover .desc .cn,.home-case ul .item a:hover .desc .en {
	-webkit-animation:TextShow 0.25s linear;
	-moz-animation:TextShow 0.25s linear;
	animation:TextShow 0.25s linear
}
}.home-case ul .item a .desc {
	position:absolute;
	width:100%;
	left:0;
	bottom:-50%;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	padding:5px 0;
	-webkit-transition:bottom .25s linear;
	-moz-transition:bottom .25s linear;
	-o-transition:bottom .25s linear;
	transition:bottom .25s linear
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc {
	height:100%;
	padding:5%;
	bottom:0;
	display:none
}
}@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc .inner {
	display:table-cell;
	height:100%;
	vertical-align:middle
}
}.home-case ul .item a .desc span {
	display:block
}
.home-case ul .item a .desc span.cn,.home-case ul .item a .desc span.en {
	position:relative;
	padding:0 5%;
	width:100%;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc span.cn,.home-case ul .item a .desc span.en {
	-o-text-overflow:inherit;
	text-overflow:inherit;
	white-space:inherit;
	overflow:inherit;
	line-height:1.2
}
}.home-case ul .item a .desc span.cn {
	text-align:right
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc span.cn {
	font-size:18px;
	text-align:left;
	margin-left:55%;
	padding:0;
	width:30%
}
}.home-case ul .item a .desc span.en {
	font-family:"SansationBoldItalic"
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc span.en {
	font-size:26px;
	text-align:right;
	margin-right:40%;
	padding:0;
	width:45%
}
}.home-case ul .item a .desc span.line {
	background-color:#DE9E11;
	height:1px;
	width:100%;
	margin:2px 0
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc span.line {
	display:none
}
}.home-case ul .item a .desc .slash {
	display:none
}
@media only screen and (min-width:1200px) {
	.home-case ul .item a .desc .slash {
	display:block;
	background-color:#DE9E11;
	height:1px;
	width:330px;
	margin-left:-165px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	position:absolute;
	left:50%;
	top:50%
}
}footer {
	padding:50px 20px;
	font-family:"SansationBold"
}
@media only screen and (min-width:767px) {
	footer {
	padding:50px 5%
}
}@media only screen and (min-width:1300px) {
	footer {
	padding:150px 0;
	width:1280px;
	margin:-10px auto 0
}
}footer .row {
	float:left;
	width:100%;
	color:#A98639
}
footer .row.first {
	margin-bottom:30px
}
@media only screen and (min-width:1025px) {
	footer .row.first {
	width:40%;
	margin-bottom:0
}
}@media only screen and (min-width:1300px) {
	footer .row.first {
	width:540px
}
}@media only screen and (min-width:1025px) {
	footer .row.second {
	width:60%
}
}@media only screen and (min-width:1300px) {
	footer .row.second {
	width:740px
}
}footer .row p {
	margin-bottom:10px
}
@media only screen and (min-width:1300px) {
	footer .row p {
	line-height:1
}
}footer .row .pic {
	float:left;
	overflow:hidden;
	position:relative
}
@media only screen and (min-width:1300px) {
	footer .row .pic {
	padding-right:30px;
	margin-right:30px
}
}footer .row .pic.logo {
	float:left;
	padding-right:20px;
	margin-right:20px
}
footer .row .pic.logo:after {
	position:absolute;
	content:'';
	right:0;
	top:0;
	background-color:#A98639;
	width:2px;
	height:100%
}
footer .row .pic.qrcode {
	float:left
}
@media only screen and (min-width:1025px) {
	footer .row .pic.qrcode {
	padding-right:30px;
	margin-right:30px
}
footer .row .pic.qrcode:after {
	position:absolute;
	content:'';
	right:0;
	top:0;
	background-color:#A98639;
	width:2px;
	height:100%
}
}footer .row .pic img {
	display:block;
	height:70px;
	margin:0 auto
}
@media only screen and (min-width:400px) {
	footer .row .pic img {
	height:100px
}
}@media only screen and (min-width:1300px) {
	footer .row .pic img {
	height:165px
}
}footer .row .phone .bold {
	font-size:18px
}
@media only screen and (min-width:1300px) {
	footer .row .phone .bold {
	font-size:40px
}
}footer .row .phone .bold-italic {
	font-family:"SansationBoldItalic";
	font-size:28px
}
@media only screen and (min-width:1300px) {
	footer .row .phone .bold-italic {
	font-size:50px
}
}footer .row .fax-email {
	font-size:16px
}
@media only screen and (min-width:1300px) {
	footer .row .fax-email {
	font-size:24px
	
}
}footer .row .fax-email span {
	display:block
}
@media only screen and (min-width:1300px) {
	footer .row .fax-email span {
	display:inline-block;
	margin-right:40px
}
}@media only screen and (min-width:1300px) {
	footer .row .address-en {
	font-size:18px
}
}footer .row .address-cn {
	font-family:'PingFang SC','Microsoft YaHei',sans-serif
}
@media only screen and (min-width:1300px) {
	footer .row .address-cn {
	font-size:23px
}
}.case-dtl {
	background-color:#dde0e2
}
.case-dtl .desc {
	padding:50px 20px 100px
}
@media only screen and (min-width:768px) {
	.case-dtl .desc {
	padding:50px 5% 100px
}
}@media only screen and (min-width:1200px) {
	.case-dtl .desc {
	overflow:hidden;
	width:1080px;
	margin:0 auto;
	padding:150px 0 200px
}
}.case-dtl .desc .name {
	position:relative;
	padding-left:30px;
	margin-bottom:50px
}
@media only screen and (min-width:1200px) {
	.case-dtl .desc .name {
	float:left
}
}.case-dtl .desc .name:before {
	position:absolute;
	content:'';
	width:1px;
	height:100%;
	left:0;
	top:0;
	background-color:#DE9E11
}
.case-dtl .desc .name h2 {
	font-size:16px;
	color:#DE9E11;
	line-height:1;
	padding-bottom:1em
}
@media only screen and (min-width:1200px) {
	.case-dtl .desc .name h2 {
	font-size:26px
}
}@media only screen and (min-width:1200px) {
	.case-dtl .desc .intro {
	float:right;
	width:580px
}
}.case-dtl .desc .intro h3 {
	font-size:24px;
	margin-bottom:0.5em;
	line-height:1
}
@media only screen and (min-width:1200px) {
	.case-dtl .desc .intro h3 {
	font-size:40px
}
}.case-dtl .desc .intro h4 {
	margin-bottom:1em
}
@media only screen and (min-width:1200px) {
	.case-dtl .desc .intro h4 {
	font-size:22px
}
}@media only screen and (min-width:1200px) {
	.case-dtl .desc .intro p {
	font-size:18px
}
}.case-dtl .pic img {
	display:block;
	width:100%
}
.banner {
	display:block;
	width:100%
}
.about-us .who-we-are {
	background-color:#dde0e2;
	padding-top:50px;
	padding-bottom:50px
}
@media only screen and (min-width:1200px) {
	.about-us .who-we-are {
	padding-top:100px;
	padding-bottom:150px
}
}.about-us .who-we-are .wrap {
	overflow:hidden;
	position:relative
}
.about-us .who-we-are h2 {
	font-size:24px;
	color:#DE9E11;
	margin-bottom:1em;
	line-height:1;
	text-align:center
}
@media only screen and (min-width:1200px) {
	.about-us .who-we-are h2 {
	font-size:84px;
	text-align:center;
	font-weight:normal;
	margin-bottom:100px
}
}.about-us .who-we-are p {
	margin-bottom:1em;
	text-align:justify;
	line-height:2
}
.about-us .who-we-are p:first-of-type {
	margin-bottom:100px
}
@media only screen and (min-width:1200px) {
	.about-us .who-we-are p {
	font-size:18px;
	width:450px
}
.about-us .who-we-are p.p1 {
	float:left;
	margin-right:630px
}
.about-us .who-we-are p.p2 {
	float:right
}
}.about-us .who-we-are .slash {
	display:block;
	position:absolute;
	background-color:#DE9E11;
	height:1px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	position:absolute;
	left:50%;
	top:55%;
	width:360px;
	margin-left:-180px
}
@media only screen and (min-width:1200px) {
	.about-us .who-we-are .slash {
	top:60%;
	width:470px;
	margin-left:-235px
}
}.about-us .advantages {
	padding-top:50px
}
@media only screen and (min-width:1200px) {
	.about-us .advantages {
	padding-top:80px
}
}.about-us .advantages .features {
	position:relative
}
.about-us .advantages .features>h2 {
	font-size:24px;
	color:#DE9E11;
	margin-bottom:50px;
	line-height:1;
	text-align:center
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .features>h2 {
	font-size:84px;
	text-align:center;
	font-weight:normal;
	margin-bottom:100px
}
}.about-us .advantages .features ul {
	overflow:hidden
}
.about-us .advantages .features ul li {
	overflow:hidden;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:40px
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .features ul li {
	display:block;
	float:left;
	width:360px;
	margin-right:180px;
	height:450px;
	margin-bottom:0
}
.about-us .advantages .features ul li.even {
	float:right;
	margin-right:0;
	margin-left:180px
}
}.about-us .advantages .features ul li .icon,.about-us .advantages .features ul li .text {
	float:left
}
.about-us .advantages .features ul li .icon {
	width:60px;
	height:60px;
	display:block
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .features ul li .icon {
	width:75px;
	height:75px
}
}.about-us .advantages .features ul li .text {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	padding-left:20px
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .features ul li .text {
	-webkit-box-flex:0;
	-webkit-flex:none;
	-moz-box-flex:0;
	-ms-flex:none;
	flex:none;
	width:285px
}
}.about-us .advantages .features ul li .text h3 {
	color:#DE9E11;
	margin-bottom:1em;
	font-size:18px;
	padding-top:21px
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .features ul li .text h3 {
	font-size:24px
}
}@media only screen and (min-width:1200px) {
	.about-us .advantages .features ul li .text p {
	font-size:16px
}
}.about-us .advantages .features .circle {
	display:block;
	margin:0 auto 50px;
	width:50%
}
@media only screen and (min-width:768px) {
	.about-us .advantages .features .circle {
	width:30%
}
}@media only screen and (min-width:1200px) {
	.about-us .advantages .features .circle {
	position:absolute;
	left:50%;
	top:50%;
	width:250px;
	height:250px;
	margin-left:-125px;
	margin-top:-125px
}
}.about-us .advantages .summary {
	background-color:#DE9E11;
	color:#fff;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center
}
.about-us .advantages .summary .cn {
	font-size:20px
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .summary .cn {
	font-size:27px
}
}.about-us .advantages .summary .en {
	text-transform:uppercase;
	font-family:'SansationLight';
	font-size:30px
}
@media only screen and (min-width:1200px) {
	.about-us .advantages .summary .en {
	font-size:55px
}
}.about-us .figure {
	background-color:#f4f4f7;
	padding-top:50px
}
@media only screen and (min-width:1200px) {
	.about-us .figure {
	padding-top:180px
}
}.about-us .figure.white {
	background-color:#fff
}
.about-us .figure h3 {
	color:#DE9E11;
	text-align:center;
	font-size:24px;
	font-weight:normal;
	margin-bottom:1em
}
@media only screen and (min-width:1200px) {
	.about-us .figure h3 {
	font-size:84px;
	line-height:95px;
	margin-bottom:80px
}
}.about-us .figure p {
	line-height:2
}
@media only screen and (min-width:1200px) {
	.about-us .figure p {
	font-size:18px
}
}.about-us .figure .pic {
	margin-top:50px
}
@media only screen and (min-width:1200px) {
	.about-us .figure .pic {
	margin-top:100px;
	overflow:hidden
}
}.about-us .figure .pic img {
	display:block;
	width:100%
}
@media only screen and (min-width:1200px) {
	.about-us .figure .pic img {
	float:left;
	width:50%
}
}.about-us .get-popular {
	text-align:center;
	color:#DE9E11;
	padding-top:50px;
	font-size:20px
}
@media only screen and (min-width:1200px) {
	.about-us .get-popular {
	margin-top:150px;
	margin-bottom:150px;
	font-size:45px
}
}.service .why {
	padding-top:50px;
	padding-bottom:50px;
	background-color:#DE9E11
}
@media only screen and (min-width:1200px) {
	.service .why {
	padding-top:100px;
	padding-bottom:100px
}
}.service .why h2 {
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	margin-bottom:1em
}
@media only screen and (min-width:1200px) {
	.service .why h2 {
	font-size:84px;
	line-height:95px;
	margin-bottom:80px
}
}.service .why ul {
	overflow:hidden
}
.service .why ul li {
	margin-bottom:30px
}
@media only screen and (min-width:768px) {
	.service .why ul li {
	float:left;
	width:40%;
	margin:0 5% 30px
}
}@media only screen and (min-width:1200px) {
	.service .why ul li {
	width:491px;
	margin:0 0 30px
}
.service .why ul li.even {
	margin-left:98px
}
}.service .why ul li img {
	display:block;
	width:80%;
	margin:0 auto
}
@media only screen and (min-width:768px) {
	.service .why ul li img {
	width:100%
}
}.service .nature {
	padding-top:50px;
	padding-bottom:50px
}
.service .nature h2 {
	text-align:center;
	color:#DE9E11;
	font-size:24px;
	font-weight:normal;
	margin-bottom:1em
}
@media only screen and (min-width:1200px) {
	.service .nature h2 {
	font-size:84px;
	line-height:95px;
	margin-bottom:80px
}
}.service .nature ul li:first-child .arrow {
	display:none
}
.service .nature ul li h3 {
	background-color:#DE9E11;
	text-align:center;
	width:90%;
	margin:0 auto 20px;
	color:#fff;
	padding:10px 0;
	font-size:20px;
	max-width:490px
}
@media only screen and (min-width:1200px) {
	.service .nature ul li h3 {
	height:74px;
	line-height:74px;
	padding:0;
	font-size:46px;
	margin-bottom:30px
}
}.service .nature ul li .arrow {
	display:block;
	width:78px;
	margin:0 auto 25px
}
.service .nature ul li p {
	margin-bottom:25px
}
@media only screen and (min-width:1200px) {
	.service .nature ul li p {
	font-size:18px
}
}.service .module h2 {
	color:#DE9E11;
	font-size:20px;
	margin-bottom:30px
}
.service .module ul {
	overflow:hidden
}
.service .module ul li {
	margin-bottom:10px
}
@media only screen and (min-width:768px) {
	.service .module ul li {
	float:left;
	width:50%
}
}@media only screen and (min-width:1200px) {
	.service .module ul li {
	width:500px;
	margin-bottom:80px
}
.service .module ul li.even {
	margin-left:80px
}
}.service .module ul li img {
	display:block;
	width:90%;
	margin:0 auto
}
@media only screen and (min-width:1200px) {
	.service .module ul li img {
	width:100%
}
}.service .client {
	padding-top:50px
}
@media only screen and (min-width:1200px) {
	.service .client {
	padding-left:5%;
	padding-right:5%
}
}@media only screen and (min-width:1680px) {
	.service .client {
	padding-left:200px;
	padding-right:200px
}
}.service .client h2 {
	color:#DE9E11;
	text-align:center;
	font-size:20px;
	margin-bottom:30px
}
@media only screen and (min-width:1200px) {
	.service .client h2 {
	font-size:84px
}
}.service .client h3 {
	text-align:center
}
@media only screen and (min-width:1200px) {
	.service .client h3 {
	font-size:30px;
	margin-bottom:100px
}
}.service .client .client-logo {
	display:block;
	width:100%
}
.service .client ul li {
	float:left;
	width:33.3333%;
	height:150px;
	line-height:150px;
	text-align:center
}
@media only screen and (min-width:1200px) {
	.service .client ul li {
	width:20%
}
}@media only screen and (min-width:1680px) {
	.service .client ul li {
	width:11.1111%
}
}.service .client ul li img {
	display:inline-block;
	vertical-align:middle;
	max-width:80%;
	max-height:80%
}
.service .client p {
	text-align:right;
	padding-right:5%
}
.service .welcome {
	padding-top:50px
}
.service .welcome p {
	text-align:center
}
@media only screen and (min-width:1200px) {
	.service .welcome p {
	font-size:30px
}
}.service .welcome h2 {
	color:#DE9E11;
	text-align:center;
	font-size:24px;
	margin-top:30px
}
@media only screen and (min-width:1200px) {
	.service .welcome h2 {
	font-size:84px;
	margin-bottom:200px
}
}.ball-pulse-sync>div:nth-child(0) {
	-webkit-animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;
	-moz-animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;
	animation:ball-pulse-sync 0.6s 0s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(1) {
	-webkit-animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
	-moz-animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
	animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(2) {
	-webkit-animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
	-moz-animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
	animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(3) {
	-webkit-animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
	-moz-animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
	animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out
}
.ball-pulse-sync {
	position:absolute;
	bottom:-40px;
	left:50%;
	display:none;
	-webkit-transform:translate3d(-50%,0,0);
	-moz-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0)
}
.ball-pulse-sync>div {
	display:inline-block;
	width:15px;
	height:15px;
	margin:2px;
	-moz-border-radius:100%;
	border-radius:100%;
	background-color:#DE9E11;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	animation-fill-mode:both
}
/*# sourceMappingURL=Xzone.min.css.map */