@charset "utf-8";
	.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform,left,top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform,left,top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform,left,top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform,left,top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	transition-property:transform,left,top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	float:left;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-wp8-horizontal {
	-ms-touch-action:pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action:pan-x
}
.swiper-container {
	}
.swiper-slide {
	}
.swiper-slide-active {
	}
.swiper-slide-visible {
	}
.swiper-pagination-switch {
	}
.swiper-active-switch {
	}
.swiper-visible-switch {
	}

.swiper-slide-shadow-left {	
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.1))); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Firefox 16+, IE10, Opera 12.50+ */
	
}
.swiper-slide-shadow-right {	
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.1))); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); /* Firefox 16+, IE10, Opera 12.50+ */	
}

html {
	overflow:hidden;
}
body {
	width:100%;
	height:100%;
	font-family:"微软雅黑",Arial;
}
header,section {
	width:100%;
}
table {
	border-collapse:collapse;
}
a:focus {
	outline:none;
}
header {
	position:fixed;
	height:74px;
	color:#ccc;
	z-index:999;
}
header.fixed {
	height:70px;
}
header .logo {
	position:fixed;
	top:10px;
	left:35px;
	width:260px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .logo {
	width:200px;
	top:10px;
}
header .logo img.mini {
	display:none;
}
header nav.menu {
	margin:36px 20px 0 110px;
	text-align:right;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed nav.menu {
	margin:22px 20px 0 85px;
}
header nav.menu ul li {
	margin:0 12px;
	font-size:20px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed nav.menu ul li {
	margin:0 10px;
	font-size:16px;
}
header nav.menu ul li a {
	color:#ccc;
	letter-spacing:2px;
	cursor:pointer;
}
header nav.menu ul li a:hover,header nav.menu ul li.active a {
	color:#00dfb9;
	text-decoration:none;
}
header nav.menu .line {
	position:absolute;
	top:0px;
	width:0px;
	height:3px;
	font-size:3px;
	background-color:#00dfb9;
	display:none;
}
header .hotline {
	position:fixed;
	top:32px;
	right:215px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .hotline {
	top:20px;
	right:185px;
}
header .hotline span {
	position:fixed;
	color:#00dfb9;
	font-family:Arial;
	font-weight:bold;
	font-size:26px;
	letter-spacing:1px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .hotline span {
	font-size:20px;
}
header .hotline u {
	position:fixed;
	top:35px;
	right:230px;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background:url(../images/icons.png) no-repeat;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .hotline u {
	top:20px;
	right:195px;
}
header .hotline a {
	color:#00dfb9;
}
header .menu-icon {
	position:fixed;
	top:34px;
	right:22px;
	font-size:24px;
	color:#00dfb9;
	z-index:99;
	display:none;
	transition: all .5s;
}
header.fixed .menu-icon {
	top:18px;
}
header .menu-icon a {
	color:#00dfb9;
	text-decoration:none;
}
header .menu-icon span {
	margin-left:15px;
	-moz-opacity:0.5;
	opacity:0.5;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
header .menu-icon span.glyphicon-earphone {
	display:none;
}
header .menu-icon span:hover,header .menu-icon span.active {
	-moz-opacity:1;
	opacity:1;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
header .bg {
	position:absolute;
	top:0px;
	width:100%;
	height:0px;
	background:#111;
	-moz-opacity:0.6;
	opacity:0.6;
	z-index:-1;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .bg {
	height:70px;
}
div.welcome {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../images/welcome/welcome.jpg) 30% 80%;
	background-color:White;
	-moz-background-size:cover!important;
	background-size: cover!important;
	-webkit-transition:all .3s ease-in-out .3s;
	-moz-transition:all .3s ease-in-out .3s;
	-ms-transition:all .3s ease-in-out .3s;
	-o-transition:all .3s ease-in-out .3s;
	transition:all .3s ease-in-out .3s;
	z-index:999;
}
div.welcome .shade {
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.7);
}
div.welcome .box {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	width:496px;
	height:130px;
	/*padding-top:140px;*/
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color:#19b3a5;
	font-size:20px;
	text-align:center;
	overflow:hidden;
}
div.welcome .box .logo {
    width: 200px;
    height: 60px;
    margin: 0 auto;
    background:url(../images/welcome/welcome_words.png) 50% no-repeat;
    background-size: contain;
}
div.welcome .box u {
	text-decoration:none;
}
section {
	position:relative;
	overflow:hidden;
}
.box a.prev,
.box a.next {
	display:block;
	position:absolute;
	/*top:-300px;*/
	top: 50%;
	transform: translateY(-50%);
	width:16px;
	height:30px;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:100;
	opacity: 0;
	transition: all 1s ease-out;
}
.box a.prev {
	left:-30px;
	background:url(../images/icons.png) no-repeat 0px -219px;
}
.box a.next {
	right:-30px;
	background:url(../images/icons.png) no-repeat -25px -219px;
}
.active .box a.prev {
	left:30px;
	opacity: 1;
}
.active .box a.next {
	right:30px;
	opacity: 1;
}

.box .caption span {
	font-size:30px;
	letter-spacing:3px;
	color: #0ac5a6;
	/*font-family: 'Microsoft Yahei';*/
}

.video .swiper-container {
	width:100%;
}
.video .swiper-container .swiper-slide {
	position:relative;
	overflow:hidden;
}
.video .swiper-container .nth1 {
	background:url(../images/video/wp1_1.jpg) 50% 35%;
	-moz-background-size:cover!important;
	background-size:cover!important;
	background-position: no-repeat!important;
}
.video .swiper-container .nth1 .box {
	position:relative;
	margin:0 auto;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:10;
}
.video .swiper-container .nth1 .box .left {
	position:absolute;
	left:-300px;
	width:123px;
	height:231px;
	background:url(../images/words.png) no-repeat top right;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .left {
	left:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth1 .box .right {
	position:absolute;
	right:-500px;
	margin:0px;
	text-align: center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .right {
	right:50%;
	transform: translateX(50%);
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth1 .box .right span {
	font-size:40px;
	color:#0ac5a6; // 009a80
}
/*.video .swiper-container .nth1 .box .right i {
	display:block;
	width:339px;
	height:66px;
	margin: 20px auto 10px;
	background:url(../images/words.png) no-repeat;
}*/
.video .swiper-container .nth1 .box .right p {
	font-size:16px;
	line-height:25px;
	color:#ccc;
	margin-top: 20px;
}
.video .swiper-container .nth1 .shade {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	width:400%;
	height:1800px;
	background:url(../images/swiper_nth1_shade.png) no-repeat center top;*/
	background-color: rgba(0,0,0,0.4);
	-moz-background-size:cover;
	background-size:cover;
	-webkit-transition:width .8s ease-in-out .3s;
	-moz-transition:width .8s ease-in-out .3s;
	-ms-transition:width .8s ease-in-out .3s;
	-o-transition:width .8s ease-in-out .3s;
	transition:width .8s ease-in-out .3s;
}
.video .swiper-container .nth1.active .shade {
	width:100%;
}
/*.video .swiper-container .nth1 .line {
	position:relative;
	margin:0 auto;
	top:-91px;
	width:602px;
	height:413px;
	z-index:20;
}*/
/*.video .swiper-container .nth1 .line u {
	display:block;
	width:0px;
	height:0px;
	border:1px dashed #22fae2;
	text-decoration:none;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .8s ease-in .7s;
	-moz-transition:all .8s ease-in .7s;
	-ms-transition:all .8s ease-in .7s;
	-o-transition:all .8s ease-in .7s;
	transition:all .8s ease-in .7s;
}*/
/*.video .swiper-container .nth1.active .line u {
	width:600px;
	height:411px;
	-moz-opacity:1;
	opacity:1;
}*/
.video .swiper-container .nth2 {
	background:url(../images/video/wp1_2.jpg) 50% 20% no-repeat;
	-moz-background-size:cover!important;
	background-size:cover!important;
	background-position: no-repeat!important;
}
.video .swiper-container .nth2 .box {
	position:absolute;
	left:-350px;
	text-align:center;
	-webkit-transition:left .6s ease-in-out 0s;
	-moz-transition:left .6s ease-in-out 0s;
	-ms-transition:left .6s ease-in-out 0s;
	-o-transition:left .6s ease-in-out 0s;
	transition:left .6s ease-in-out 0s;
	z-index:10;
}
.video .swiper-container .nth2 .box span {
	font-size:40px;
	color:#0ac5a6; // 009a80
}
/*.video .swiper-container .nth2 .box i {
	display:block;
	width:320px;
	height:65px;
	margin:10px 0px 8px 0px;
	background:url(../images/words.png) no-repeat 0px -72px;
}*/
.video .swiper-container .nth2 .box p {
	margin:20px 0 0;
	font-size:16px;
	line-height:25px;
	color:#ccc;
}
.video .swiper-container .nth2 .shade {
	width:100%;
	height:2000px;
	background:#0b151a;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth2.active .box {
	left:50%;
	transform: translateX(-50%);
}
.video .swiper-container .nth2.active .shade {
	width:100%;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);
}
.video .swiper-container .nth3 {
	background:url(../images/video/wp1_3.jpg) 50% center no-repeat;
	-moz-background-size:cover!important;
	background-size:cover!important;
	background-position: no-repeat!important;
}
.video .swiper-container .nth3 .shade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 0;
}
.video .swiper-container .nth3 .box {
	position:relative;
	width:100%;
	z-index: 1;
}
.video .swiper-container .nth3 .box .top {
	font-size:80px;
	color:#0ac5a6; // 009a80;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:10;
}
.video .swiper-container .nth3.active .box .top {
	font-size:40px;
	-moz-opacity:1;
	opacity:1;
}
/*.video .swiper-container .nth3 .box .mid {
	width:358px;
	height:66px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	background:url(../images/words.png) no-repeat 0px -219px;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}*/
/*.video .swiper-container .nth3.active .box .mid {
	-moz-opacity:1;
	opacity:1;
}*/
.video .swiper-container .nth3 .box .bottom {
	margin-top: 20px;
	width:100%;
	color:#ddd;
	font-size:16px;
	line-height:30px;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .6s ease-in-out .3s;
	-moz-transition:all .6s ease-in-out .3s;
	-ms-transition:all .6s ease-in-out .3s;
	-o-transition:all .6s ease-in-out .3s;
	transition:all .6s ease-in-out .3s;
	z-index:10;
}
.video .swiper-container .nth3.active .box .bottom {
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth4 {
	background:url(../images/video/wp1_4.jpg) 50% top;
	-moz-background-size:cover!important;
	background-size:cover!important;
	background-position: no-repeat!important;
}
.video .swiper-container .nth4 .box {
	position:relative;
	width:100%;
}
.video .swiper-container .nth4 .box .top {
	position:relative;
	top:-100px;
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .3s linear 0s;
	-moz-transition:all .3s linear 0s;
	-ms-transition:all .3s linear 0s;
	-o-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
	z-index:10;
}
.video .swiper-container .nth4.active .box .top {
	top:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth4 .box .top span {
	font-size:36px;
	color:White;
}
.video .swiper-container .nth4 .box .top i {
	display:block;
	width:242px;
	height:64px;
	margin:0 auto;
	margin-top:15px;
	background:url(../images/words.png) no-repeat 0px -147px;
}
.video .swiper-container .nth4 .box .bottom {
	position:relative;
	top:100px;
	width:100%;
	margin-top:15px;
	font-size:16px;
	line-height:25px;
	color:#ccc;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s linear 0s;
	-moz-transition:all .5s linear 0s;
	-ms-transition:all .5s linear 0s;
	-o-transition:all .5s linear 0s;
	transition:all .5s linear 0s;
	z-index:10;
}
.video .swiper-container .nth4.active .box .bottom {
	top:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth4 .box .bottom u {
	margin:0 5px;
	color:#00dfb9;
	text-decoration:none;
}
.video .innerBox {
	position:absolute;
	bottom:40px;
	width:100%;
	z-index:10;
}
.video .innerBox .guide {
	margin:0 auto;
	margin-bottom:40px;
	width:150px;
}
.video .innerBox .guide a {
	display:block;
	float:left;
	margin:0 5px;
	width:40px;
	height:3px;
	font-size:3px;
	background:White;
	cursor:pointer;
}
.video .innerBox .guide a.active {
	background:#00dfb9;
}
.video .innerBox a.movedown {
	display:block;
	margin:0 auto;
	width:47px;
	height:47px;
	background:url(../images/icons.png) no-repeat 0px -60px;
	cursor:pointer;
	z-index:99;
}
.video .innerBox a.movedown:hover {
	background:url(../images/icons.png) no-repeat 0px -112px;
}
section.product {
	background:url(../images/wp2.jpg) 50% bottom;
}
.product>.box {
	position:relative;
	margin-top:0px;
	text-align: center;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.product>.box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.product.active>.box .caption {
	-moz-opacity:1;
	opacity:1;
}
.product>.box .caption span {
	/*font-size:24px;*/
	/*letter-spacing:3px;*/
}
.product>.box label {
	display:block;
	margin:0 auto;
	margin-top:-40px;
	width:297px;
	height:21px;
	background:url(../images/words.png) no-repeat 0px -333px;
}
.product>.box .swiper-container {
	position:relative;
	margin: 40px 80px 0;
	height: 400px!important;
	top: 700px;
	transition:all .8s ease-in-out 0s;
}
.product.active>.box .swiper-container {
	top: 0;
}
.product>.box .swiper-container .swiper-slide {
	position: relative;
	height: 400px;
}
.product>.box .swiper-container .swiper-slide strong {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
.product>.box .swiper-container .inner-box i {
	display: block;
	width: 400px;
	height: 300px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.product>.box .swiper-container .h2 {
	background:url(../images/product/H2-70.png);
}
.product>.box .swiper-container .lng {
	background:url(../images/product/LNG-2.png);
}
.product>.box .swiper-container .cng {
	background:url(../images/product/CNG-4.png);
}
.product>.box .swiper-container .qqz-1 {
	background:url(../images/product/QQZ-1.png);
}
.product>.box .swiper-container .qqz-2 {
	background:url(../images/product/QQZ-2.png);
}
.product>.box .swiper-container .gmysj {
	background:url(../images/product/GMYSJ.png);
}
.product>.box .swiper-container .sbq {
	background:url(../images/product/SBQ.png);
}
.product>.box .swiper-container .zsbq {
	background:url(../images/product/ZSBQ.png);
}
.product>.box .swiper-container .wlpt {
	background:url(../images/product/RJ-WLPT.png);
}
.product>.box .swiper-container .dzbq {
	background:url(../images/product/RJ-DZBQ.png);
}
.product>.box .swiper-container .zdyy {
	background:url(../images/product/RJ-ZDYY.png);
}
.product>.box .swiper-container .znwg {
	background:url(../images/product/YJ-WG.png);
}
.product>.box .swiper-container .xqz {
	background:url(../images/product/XQZ.png);
}
.product>.box .swiper-container .jqq {
	background:url(../images/product/JQQ.png);
}
section.cases {
	background:url(../images/wp3.jpg);
	background-size:cover!important;
	background-repeat: no-repeat!important;
}
.cases .shade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background-color: #fff;
	opacity: .5;
	z-index: 0;
}
.cases .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.cases.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.cases .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:129px;
	height:37px;
	background:url(../images/words.png) no-repeat 0px -528px;
}
.cases .box .caption span {
	/*font-size:24px;*/
	/*letter-spacing:3px;*/
	padding-left:10px;
}
.cases .box .swiper-container.items {
	position:relative;
	/*margin:0 auto;*/
	/*margin-top:60px;*/
	top:700px;
	/*width:1080px;*/
	margin: 40px 80px 0;
	height: 400px!important;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.cases.active .box .swiper-container.items {
	top:0px;
}
.cases .box .swiper-container.items .swiper-slide {
	position: relative;
	width:400px;
	/*height:400px;*/
	margin:0;
	/*border-bottom:2px solid #2fd0b5;*/
	/*cursor:pointer;*/
}
.cases .box .swiper-container.items .swiper-slide:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background-color: #2fd0b5;
	transition: width 1.5s;
}
.cases .box .swiper-container.items .swiper-slide.swiper-slide-active:after,
.cases .box .swiper-container.items .swiper-slide:hover:after {
	width: 100%;
}
.cases .box .swiper-container.items .swiper-slide .img {
	display: block;
	width:100%;
	height:300px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	transition: all .5s;
}
/*.cases .box .swiper-container.items .swiper-slide .shade {
	position:absolute;
	width:340px;
	height:200px;
	margin-top:-200px;
	background:Black;
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:10;
}
.cases .box .swiper-container.items .swiper-slide .shade u {
	display:block;
	margin:0 auto;
	margin-top:78px;
	width:44px;
	height:44px;
	background:url(../images/icons.png) no-repeat 0px -168px;
}*/
.cases .box .swiper-container.items .swiper-slide p {
	position:absolute;
	margin:10px 20px;
	color:#999;
	font-family:Arial,"宋体";
	font-size:12px;
	line-height:26px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:10;
}
.cases .box .swiper-container.items .swiper-slide p strong {
	color:#222;
	font-family:Arial,"微软雅黑";
	font-size:16px;
	font-weight:normal;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide .foot {
	width:100%;
	height:50px;
	text-align: center;
	background-color:#fff;
	line-height: 50px;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide .foot u {
	display:block;
	position:absolute;
	width:340px;
	height:100px;
	margin-top:150px;
	background-color:#2ed0b4;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .shade {
	margin-top:0px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide.swiper-slide-active .foot,
.cases .box .swiper-container.items .swiper-slide:hover .foot {
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .foot u {
	margin-top:0px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover p {
	color:White;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover p strong {
	color:White;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .swiper-container.mini,.cases .box .swiper-container.xs,
/*.cases .box a.prev,
.cases .box a.next {
	display:none;
}*/
.cases .box a.more {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:50px;
	top:700px;
	width:120px;
	padding:5px 0px;
	color:#00dfb9;
	font-size:26px;
	text-align:center;
	text-decoration:none;
	border:1px dotted #00dfb9;
	-webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
}
.cases.active .box a.more {
	top:0px;
}
.cases .box a.more:hover {
	color:White;
	background:#2fd0b5;
}
section.clients {
	background:url(../images/wp4.jpg) 50% 90%;
}
.clients .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.clients .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.clients.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.clients .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:299px;
	height:37px;
	background:url(../images/words.png) no-repeat -152px -528px;
}
.clients .box .caption span {
	/*font-size:24px;*/
	padding-left:10px;
}
.clients .box ul.items {
	margin:0 auto;
	margin-top:45px;
	width:1155px;
	height:450px;
	font-size:0;
	overflow:hidden;
}
.clients .box ul.items li {
	position:relative;
	padding:0;
	width:230px;
	height:150px;
	overflow:hidden;
	z-index:10;
}
.clients .box ul.items li.cctv {
	top:600px;
	background:url(../images/clients.png) no-repeat;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.cctv.active {
	background:url(../images/clients.png) no-repeat 0px -150px;
}
.clients.active .box ul.items li.cctv {
	top:0px;
}
.clients .box ul.items li.unicom {
	top:-400px;
	background:url(../images/clients.png) no-repeat -230px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.unicom.active {
	background:url(../images/clients.png) no-repeat -230px -150px;
}
.clients.active .box ul.items li.unicom {
	top:0px;
}
.clients .box ul.items li.tsinghua {
	top:600px;
	background:url(../images/clients.png) no-repeat -460px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.tsinghua.active {
	background:url(../images/clients.png) no-repeat -460px -150px;
}
.clients.active .box ul.items li.tsinghua {
	top:0px;
}
.clients .box ul.items li.cas {
	top:-400px;
	background:url(../images/clients.png) no-repeat -690px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.cas.active {
	background:url(../images/clients.png) no-repeat -690px -150px;
}
.clients.active .box ul.items li.cas {
	top:0px;
}
.clients .box ul.items li.sipo {
	top:600px;
	background:url(../images/clients.png) no-repeat -920px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.sipo.active {
	background:url(../images/clients.png) no-repeat -920px -150px;
}
.clients.active .box ul.items li.sipo {
	top:0px;
}
.clients .box ul.items li.apple {
	top:450px;
	background:url(../images/clients.png) no-repeat -1150px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.apple.active {
	background:url(../images/clients.png) no-repeat -1150px -150px;
}
.clients.active .box ul.items li.apple {
	top:0px;
}
.clients .box ul.items li.das {
	top:-550px;
	background:url(../images/clients.png) no-repeat -1380px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.das.active {
	background:url(../images/clients.png) no-repeat -1380px -150px;
}
.clients.active .box ul.items li.das {
	top:0px;
}
.clients .box ul.items li.hunantv {
	top:450px;
	background:url(../images/clients.png) no-repeat -1610px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.hunantv.active {
	background:url(../images/clients.png) no-repeat -1610px -150px;
}
.clients.active .box ul.items li.hunantv {
	top:0px;
}
.clients .box ul.items li.sino {
	top:-550px;
	background:url(../images/clients.png) no-repeat -1840px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.sino.active {
	background:url(../images/clients.png) no-repeat -1840px -150px;
}
.clients.active .box ul.items li.sino {
	top:0px;
}
.clients .box ul.items li.report {
	top:450px;
	background:url(../images/clients.png) no-repeat -2070px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.report.active {
	background:url(../images/clients.png) no-repeat -2070px -150px;
}
.clients.active .box ul.items li.report {
	top:0px;
}
.clients .box ul.items li.gedu {
	top:300px;
	background:url(../images/clients.png) no-repeat -2300px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.gedu.active {
	background:url(../images/clients.png) no-repeat -2300px -150px;
}
.clients.active .box ul.items li.gedu {
	top:0px;
}
.clients .box ul.items li.bgg {
	top:-700px;
	background:url(../images/clients.png) no-repeat -2530px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.bgg.active {
	background:url(../images/clients.png) no-repeat -2530px -150px;
}
.clients.active .box ul.items li.bgg {
	top:0px;
}
.clients .box ul.items li.bsec {
	top:300px;
	background:url(../images/clients.png) no-repeat -2760px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.bsec.active {
	background:url(../images/clients.png) no-repeat -2760px -150px;
}
.clients.active .box ul.items li.bsec {
	top:0px;
}
.clients .box ul.items li.huadan {
	top:-700px;
	background:url(../images/clients.png) no-repeat -2990px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.huadan.active {
	background:url(../images/clients.png) no-repeat -2990px -150px;
}
.clients.active .box ul.items li.huadan {
	top:0px;
}
.clients .box ul.items li.zd {
	top:300px;
	background:url(../images/clients.png) no-repeat -3220px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.zd.active {
	background:url(../images/clients.png) no-repeat -3220px -150px;
}
.clients.active .box ul.items li.zd {
	top:0px;
}
.clients .box ul.items li.r {
	border-right:1px dotted #ddd;
}
.clients .box ul.items li.b {
	border-bottom:1px dotted #ddd;
}
.clients .box ul.items li span {
	position:absolute;
	bottom:-30px;
}
.clients .box ul.items li.bg.all {
	position:absolute;
	width:1155px;
	height:450px;
	background-color:White;
	-moz-opacity:0.3;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.clients .box ul.items li.bg.one {
	position:absolute;
	background:#eee;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	display:none;
}
.clients .box ul.mini {
	display:none;
}
section.quality {
	background:url(../images/wp5.jpg) 50% no-repeat;
	background-size: cover;
}
.quality .shade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 0;
}
.quality .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.quality .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.quality.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.quality .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:240px;
	height:37px;
	background:url(../images/words.png) no-repeat 0px -576px;
}
.quality .box .caption span {
	/*padding-left:5px;*/
	/*color:White;*/
	/*font-size:24px;*/
}
.quality .box .swiper-container {
	margin:0 auto;
	margin: 40px 80px 0;
	/*width:960px;*/
	height: 400px!important;
	top: 700px;
	transition: all .5s ease-out;
}
.quality.active .box .swiper-container {
	top: 0;
}
.quality .box .swiper-slide {
	position:relative;
	width:450px;
	height: 400px;
	margin:0;
}
.quality .box .swiper-slide .inner-box {
	padding: 0 30px;
	text-align: center;
	color: #fff;
}
.quality .box .swiper-slide .img {
	display: block;
	width: 100%;
	height: 300px;
	margin-bottom: 10px;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}
.quality .box .items .swiper-slide.nth1 {
	left:-300px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth1 {
	left:0px;
}
.quality .box .items .swiper-slide.nth2 {
	bottom:-300px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth2 {
	bottom:0px;
}
.quality .box .items .swiper-slide.nth3 {
	right:-300px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth3 {
	right:0px;
}
.quality .box .swiper-slide ul {
	margin:0 auto;
	margin-bottom:20px;
}
.quality .box .swiper-slide ul li {
	position:relative;
	margin:0 15px;
	padding:0;
	overflow:hidden;
}

.quality .box .swiper-slide ul li span {
	position:absolute;
	top:30px;
}
.quality .box .swiper-slide p {
	color:#e1e1e1;
	text-align:center;
	line-height:36px;
}
.quality .box a.lookall {
	display:block;
	margin:0 auto;
	margin-top:90px;
	width:300px;
	padding:12px 0px;
	color:#00aa88;
	font-size:18px;
	letter-spacing:3px;
	text-align:center;
	text-decoration:none;
	border:1px solid #00aa88;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.quality.active .box a.lookall {
	-moz-opacity:1;
	opacity:1;
}
.quality .box a.lookall:hover {
	color:White;
	background:#0f8773;
	border:1px solid #0f8773;
}

section.marketing {
	background:url(../images/wp6.jpg) 50% 45%;
	background-size: cover;
}
.marketing .box {
	position:relative;
	margin-top:-250px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.marketing .box .caption {
	position:relative;
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:10;
}
.marketing.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.marketing .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:240px;
	height:37px;
	background:url(../images/words.png) no-repeat right -576px;
}
.marketing .box .caption span {
	padding-left:5px;
	/*font-size:24px;*/
}

.marketing.active .box {
	margin-top:0px;
}
.marketing .shade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width:100%;
	height: 100%;
	background-color: #000;
	opacity: .4;
	z-index: 0;
	filter:alpha(opacity=40);
}
.marketing .box .img-box {
	display: block;
	width: 500px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
}
.marketing .box .img-box .text{
	/*display: block;*/
	margin-top: 10px;
	color: #00bcd4;
}
.marketing .box img {
	display: block;
	width: 100%;
	box-shadow: 10px 10px 30px black;
	transition: box-shadow .3s;
}
.marketing .box img:hover {
	box-shadow: 5px 5px 10px black;
}
.marketing .box img:active {
	box-shadow: none;
}
section.aboutus {
	position:relative;
	background:url(../images/wp7.jpg) 50% 60%;
	-moz-background-size:cover!important;
	background-size:cover!important;
}
.aboutus ul.menu {
	position:absolute;
	list-style:none;
	top: -200px;
	transform: translateY(-50%);
	left:50px;
	width:80px;
	padding:0px;
	transition: top .8s ease-out;
}
.aboutus ul.menu li {
	position:relative;
	color:#888;
	font-size:16px;
	text-align:center;
	padding:10px 0px;
	cursor:pointer;
	z-index:30;
	-webkit-transition:all .0s ease-in-out .2s;
	-moz-transition:all .0s ease-in-out .2s;
	-ms-transition:all .0s ease-in-out .2s;
	-o-transition:all .0s ease-in-out .2s;
	transition:all .0s ease-in-out .2s;
}
.aboutus ul.menu li.active {
	color:White;
}
.aboutus ul.menu li.bg.all {
	position:absolute;
	padding:0px;
	top:0px;
	left:0px;
	width:80px !important;
	height:126px !important;
	background:#2fd0b5;
	-moz-opacity:0.15;
	opacity:0.15;
	filter:alpha(opacity=15);
	z-index:10;
}
.aboutus ul.menu li.bg.one {
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
	background:#2fd0b5;
	-moz-opacity:0.2;
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:20;
}
.aboutus .items {
	position:absolute;
	top: 50%;
	right:-50%;
	width:480px;
	height:320px;
	transform: translate(50%, -50%);
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.aboutus.active .items {
	right:50%;
	-moz-opacity:1;
	opacity:1;
}
.aboutus.active ul.menu{
	top:50%;
}
/*.aboutus .items .swiper-slide.nth1 strong {
	display:block;
	color:#ddd;
	font-size:40px;
	font-weight:normal;
	letter-spacing:5px;
}
.aboutus .items .swiper-slide.nth1 p {
	margin-top:20px;
	color:#999;
	line-height:35px;
}*/
.aboutus .items .swiper-slide {
	box-sizing: border-box;
}
.aboutus .items .swiper-slide u {
	display:block;
	margin-top:20px;
	color:#999;
	font-size:24px;
	text-decoration:none;
}
.aboutus .items .swiper-slide strong {
	display:block;
	color:#00dfb9;
	font-size:22px;
	font-weight:normal;
	/*text-indent:28px;*/
}
.aboutus .items .swiper-slide p {
	margin-top:20px;
	color:#bbb;
	line-height:35px;
	/*text-indent:28px;*/
}

.aboutus table.exp {
	position:absolute;
	bottom:-80px;
	width:100%;
	border-top:1px solid #666;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:20;
}
.aboutus.active table.exp {
	bottom:0px;
}
.aboutus table.exp td {
	width:20%;
	height:70px;
	color:#bbb;
	text-align:center;
}
.aboutus table.exp u {
	margin-right:10px;
	color:#00dfb9;
	font-family:Arial;
	font-size:26px;
	text-decoration:none;
}
.aboutus .expBg {
	position:absolute;
	bottom:-80px;
	width:100%;
	height:70px;
	background:White;
	-moz-opacity:0.2;
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:10;
}
.aboutus.active .expBg {
	bottom:0px;
}
.aboutus .shade {
	position:absolute;
	width:100%;
	height:100%;
	background:Black;
	-moz-opacity:0.9;
	opacity:0.9;
	-webkit-transition:all 1s ease-in-out 0s;
	-moz-transition:all 1s ease-in-out 0s;
	-ms-transition:all 1s ease-in-out 0s;
	-o-transition:all 1s ease-in-out 0s;
	transition:all 1s ease-in-out 0s;
	z-index:5;
}
.aboutus.active .shade {
	-moz-opacity:.7;
	opacity:.7;
	z-index:0;
}
section.contact {
	position:relative;
    background:url(../images/wp8.jpg) 50% bottom no-repeat;
	background-size:cover!important;
}
.contact .shade {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*height: 100%;*/
	/*background-color: #fff;*/
	/*opacity: .5;*/
	/*z-index: -1;*/
	/*background:url(../images/wp8.jpg) 50% bottom no-repeat;*/
	/*background-size:cover;*/
	/*-ms-filter: blur(5px);*/
	/*filter: blur(5px);*/
	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */*/

}
.contact .shade-1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 0;
	background-color: rgba(255,255,255,.5);
}
.contact .caption {
	margin-bottom: 20px;
}
.contact .box {
	position:relative;
	margin:0 auto;
	width:850px;
	height:330px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index: 5;
}
.contact .box .above {
	position:relative;
	top:-300px;
	width:100%;
	height:200px;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .6s ease-in-out 0s;
	-moz-transition:all .6s ease-in-out 0s;
	-ms-transition:all .6s ease-in-out 0s;
	-o-transition:all .6s ease-in-out 0s;
	transition:all .6s ease-in-out 0s;
}
.contact.active .box .above {
	top:0px;
	-moz-opacity:1;
	opacity:1;
}
.contact .box .above .wechat {
	float:left;
}
.contact .box .above .left {
	float:left;
	margin:0;
}
.contact .box .above .left a.tel {
	display:block;
	margin:10px 0px 15px 0px;
	width:243px;
	height:37px;
	text-decoration:none;
	background:url(../images/words.png) no-repeat 0px -877px;
}
.contact .box .above .left p {
	margin-top:0px;
	color:#555;
	line-height:26px;
}
.contact .box .above .left a {
	color:#222;
	text-decoration:none;
}
.contact .box .above .left p u {
	margin:0 5px;
	text-decoration:none;
}
.contact .box .above .left p a.job {
	margin-left:20px;
	color:#d00000;
	font-weight:bold;
}
.contact .box .above .left p a.job:hover {
	border-bottom:1px solid #d00000;
}
.contact .box .above .right {
	float:right;
	margin-top:-3px;
	color:#666;
	line-height:32px;
}
.contact .box .above .right u {
	margin:0 5px;
	text-decoration:none;
}
.contact .box .below {
	position:relative;
	padding-top:50px;
	width:100%;
	border-top:1px dotted #ccc;
}
.contact .box .below i {
	display:block;
	position:relative;
	top:300px;
	margin:0 auto;
	width:424px;
	height:86px;
	background:url(../images/words.png) no-repeat 0px -787px;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .6s ease-in-out 0s;
	-moz-transition:all .6s ease-in-out 0s;
	-ms-transition:all .6s ease-in-out 0s;
	-o-transition:all .6s ease-in-out 0s;
	transition:all .6s ease-in-out 0s;
}
.contact.active .box .below i {
	top:0px;
	-moz-opacity:1;
	opacity:1;
}
.contact .foot {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	padding: 5px 0;
    font-size: 12px;
    white-space: pre-wrap;
    word-break: break-word;
    color: white;
    background: #5b5c5c;
}
.contact #map-container {
	width:500px; 
	height: 300px;
}
@media (max-width:1300px) {
	header .logo {
		top:10px;
		left:35px;
		width:230px;
	}
	header .logo img.ori {
		display:none;
	}
	header .logo img.mini {
		display:inline-block;
	}
	header nav.menu {
		margin-left:-40px;
	}
	header.fixed nav.menu {
		margin-left:-55px;
	}
	header nav.menu ul li {
		margin:0 8px;
	}
	header .hotline {
		right:200px;
	}
	header.fixed .hotline {
		right:170px;
	}
	header .hotline u {
		right:215px;
	}
	header.fixed .hotline u {
		right:180px;
	}
	/*header.fixed .logo {*/
	/*width: 90px;*/
	/*top: 5px;*/
	/*}*/
}
@media (max-width:1080px) {
		header .hotline {
		right:285px;
	}
	header.fixed .hotline {
		right:255px;
	}
	header .hotline u {
		right:300px;
	}
	header.fixed .hotline u {
		right:265px;
	}
	header .menu-icon {
		display:block;
	}
	header nav.menu {
		position:fixed;
		width:72px;
		top:38px;
		right:-100px;
		margin:0px;
		padding-top:30px;
		border:1px solid #000;
		border-top:1px solid #00dfb9;
		border-right:none;
		background:#3a3a3a;
	}
	header.fixed nav.menu {
		top:22px;
		margin:0px;
	}
	header nav.menu.active {
		display:block;
		margin:0px;
		right:0px;
	}
	header nav.menu ul li,header.fixed nav.menu ul li {
		margin:0px;
		margin-left:5px;
		width:73px;
		padding:8px 0px;
		font-family:"宋体";
		font-size:14px;
		text-align:center;
	}
	header nav.menu ul li.active {
		background:#111;
	}
	header nav.menu .line {
		-moz-opacity:0;
		opacity:0;
	}
	}
@media (max-width:720px) {
		header {
		height:54px;
	}
	/*header .logo,*/
	header.fixed .logo {
		top:7px;
		left:20px;
		width:140px;
	}
	header .menu-icon,header.fixed .menu-icon {
		top:18px;
		right:30px;
	}
	header nav.menu,header.fixed nav.menu {
		width:54px;
		top:22px;
		padding-top:30px;
	}
	header nav.menu ul li,header.fixed nav.menu ul li {
		margin-left:5px;
		width:55px;
		padding:5px 0px;
		font-size:12px;
	}
	header .hotline,header.fixed .hotline {
		top:21px;
		right:218px;
	}
	header .hotline span {
		font-size:20px;
	}
	header .hotline u,header.fixed .hotline u {
		top:24px;
		right:223px;
		width:15px;
		height:21px;
		background:url(../images/icons.png) no-repeat 0px -34px;
	}
}
@media (max-width:460px) {
	header {
		height:42px;
	}
	header.fixed {
		height:50px;
	}
	header .logo {
		width:140px;
	}
	header.fixed .logo {
		width:130px;
	}
	header .menu-icon {
		top:13px;
	}
	header.fixed .menu-icon {
		top:10px;
	}
	header .menu-icon span.glyphicon-earphone {
		display:inline;
	}
	header nav.menu,header.fixed nav.menu {
		top:17px;
	}
	header .hotline,header.fixed .hotline {
		display:none;
	}
	header.fixed .bg {
		height:50px;
	}
}
@media (max-height:900px) {
	header.fixed .logo {
		/*width: 80px;*/
		/*top: 5px;*/
	}
}
@media (max-height:310px) {
	header,header.fixed {
	display:none;
	height:0px;
}
}
@media (max-width:1280px) and (max-height:800px) {
	div.welcome {
	background:url(../images/welcome/welcome_h800.jpg) 30% 80%;
}
}
@media (max-width:960px) and (max-height:600px) {
	div.welcome {
	background:url(../images/welcome/welcome_h600.jpg) 30% 80%;
}
}
@media (max-width:800px),(max-height:480px) {
	div.welcome p {
	width:213px;
	padding-top:190px;
	top:50%;
	left:50%;
	margin-top:-110px;
	margin-left:-106px;
	background:url(../images/welcome/welcome_words_mini.png) center no-repeat;
}
}
@media (max-height:260px) {
	div.welcome p {
		height:150px;
		padding:0px;
		margin-top:-65px;
	}
	div.welcome p u {
		display:none;
	}
}
@media (max-width:1280px) and (max-height:800px) {
	header.fixed,
	header.fixed .bg {
		height: 50px;
	}
	header.fixed .logo {
		top: 5px;
		width: 150px;
	}
	header.fixed nav.menu {
		margin-top: 15px;
	}
	header.fixed .menu-icon {
		top:9px;
	}
	.video .swiper-container .nth1 {
		background:url(../images/video/wp1_1_h800.jpg) 50% 35%;
	}
}
@media (max-width:960px) and (max-height:600px) {
	/*header.fixed,*/
	/*header.fixed .bg {*/
		/*height: 50px;*/
	/*}*/
	/*header.fixed .logo {*/
		/*top: 5px;*/
	/*}*/
	header.fixed nav.menu {
		margin-top: 15px;
	}
	header.fixed .menu-icon {
		top:9px;
	}
	.video .swiper-container .nth1 {
	background:url(../images/video/wp1_1_h600.jpg) 50% 35%;
	}
}
@media (max-height:750px) {
	.video .swiper-container .nth1 .line {
		display:none;
	}
}
@media (max-width:900px),(min-height:1201px),(max-height:720px) {
	.video .swiper-container .nth1 .shade {
	/*display:none;*/
}
}
@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth1 .box .left {
	width:74px;
	height:139px;
	left:-150px;
	background:url(../images/words_mini.png) no-repeat top right;
}
.video .swiper-container .nth1 .box .right {
	margin-top:8px;
	right:-300px;
}
.video .swiper-container .nth1 .box .right span {
	font-size:24px;
	white-space: nowrap;
}
.video .swiper-container .nth1 .box .right i {
	width:203px;
	height:40px;
	margin:3px 0px 5px 0px;
	background:url(../images/words_mini.png) no-repeat;
}
.video .swiper-container .nth1 .box .right p {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth2 {
	background:url(../images/video/wp1_2_h800.jpg) 50% 70%;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth2 {
	background:url(../images/video/wp1_2_h600.jpg) 50% 20%;
}
}@media (max-width:799px) {
	.video .swiper-container .nth2 .box {
	left:-400px;
	width:100%;
	text-align:center;
}
.video .swiper-container .nth2 .box i {
	margin:0 auto;
	margin-bottom:10px;
}
}@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth2 .box span {
	font-size:24px;
}
.video .swiper-container .nth2 .box i {
	width:191px;
	height:40px;
	margin-top:8px;
	margin-bottom:5px;
	background:url(../images/words_mini.png) no-repeat 0px -45px;
}
.video .swiper-container .nth2 .box p {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth3 {
	background:url(../images/video/wp1_3_h800.jpg) 50% center;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth3 {
	background:url(../images/video/wp1_3_h600.jpg) 50% center;
}
}@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth3 .box .top {
	font-size:40px;
}
.video .swiper-container .nth3.active .box .top {
	font-size:24px;
}
.video .swiper-container .nth3 .box .mid {
	width:216px;
	height:40px;
	margin-top:10px;
	background:url(../images/words_mini.png) no-repeat 0px -131px;
}
.video .swiper-container .nth3 .box .bottom {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth4 {
	background:url(../images/video/wp1_4_h800.jpg) 50% top;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth4 {
	background:url(../images/video/wp1_4_h600.jpg) 50% top;
}
}@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth4 .box .top span {
	font-size:24px;
}
.video .swiper-container .nth4 .box .top i {
	width:143px;
	height:38px;
	background:url(../images/words_mini.png) no-repeat 0px -88px;
}
.video .swiper-container .nth4 .box .bottom {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (orientation:landscape) and (max-height:300px) {
	.video .swiper-container .swiper-slide {
	padding-top:10px;
}
.video .swiper-container .nth2 .shade {
	margin-top:-10px;
	height:400px;
}
}@media (orientation:landscape) and (max-height:650px) {
	.video .innerBox {
	bottom:15px;
}
.video .innerBox .news {
	margin-left:100px;
	margin-bottom:10px;
}
.video .innerBox .guide {
	position:absolute;
	margin:0px;
	right:15px;
	bottom:18px;
	width:110px;
}
.video .innerBox .guide a {
	margin:0px 3px;
	width:20px;
}
.video .innerBox a.movedown {
	position:absolute;
	margin:0px;
	left:15px;
	bottom:0px;
}
}@media (orientation:landscape) and (max-height:650px) and (max-width:660px) {
	.video .innerBox .news a.more {
	display:none;
}
.video .innerBox .news span {
	display:none;
}
}@media (orientation:landscape) and (max-height:650px) and (max-width:540px) {
	.video .innerBox .news {
	margin-left:85px;
}
.video .innerBox .news ul li {
	font-size:12px;
	font-family:"宋体";
}
}@media
(orientation:landscape) and (max-height:650px) and (max-width:460px),(orientation:landscape) and (max-height:300px),(orientation:portrait) and (max-height:380px) {
	.video .innerBox .news {
	display:none;
}
}@media (orientation:portrait) and (max-width:460px) {
	.video .innerBox .news a.more {
	display:none;
}
.video .innerBox .news span {
	display:none;
}
.video .innerBox .news {
	width:100%;
}
.video .innerBox .news ul {
	width:100%;
	text-align:center;
}
}@media (orientation:portrait) and (max-width:360px) {
	.video .innerBox .news {
	margin:0px;
	margin-bottom:10px;
}
.video .innerBox .news ul li {
	font-size:12px;
	font-family:"宋体";
}
.video .innerBox .guide {
	position:static;
	margin:0 auto;
	padding-top:10px;
	margin-bottom:25px;
	right:inherit;
	bottom:inherit;
	width:78px;
}
.video .innerBox .guide a {
	margin:0 3px;
	width:20px;
}
.video .innerBox a.movedown {
	position:static;
	margin:0 auto;
	left:0px;
}
}
@media (min-width:1920px) {
	.product .box .swiper-container .inner-box i {
		width: 550px;
	}
}
@media (min-width:1921px),(min-height:1201px) {
	section.product {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (min-height:1201px) {
	.product .box {
	margin-top:-70px;
}
}@media (min-width:1151px) and (max-height:700px) {
	.product .box .caption i {
	display:none;
}

}@media (min-width:1151px) and (max-height:630px) {
	.product .box {
	margin-top:0px;
}
}@media (max-width:1150px) {
	.product .box ul.items {
	margin-top:40px;
}

}@media (max-width:1150px) and (max-height:680px) {
	.product .box .caption i {
	display:none;
}

}@media (max-width:1150px) and (max-height:580px) {
	.product .box {
	margin-top:0px;
}
}
@media (max-width:1000px) {
	.product .box {
		margin-top:-55px;
	}
	.product .box label {
		margin-top:50px;
	}
	.product>.box .swiper-container {
		margin: 40px 60px 0;
	}
	.product .box .swiper-container .inner-box i {
		width: 250px;
	}
	.active.product .box a.prev {
		left:20px;
	}
	.active.product .box a.next {
		right:20px;
	}
}
@media (max-width:1000px) and (max-height:730px) {
	.product .box .caption i {
	display:none;
}
}@media (max-width:1000px) and (max-height:650px) {
	.product .box label {
	display:none;
}
}@media (max-width:1000px) and (max-height:560px) {
	.product .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:880px) {
	.product .box .caption i {
	display:none;
}
}@media (max-width:929px) and (max-height:770px) {
	.product .box label {
	display:none;
}
}@media (max-width:929px) and (max-height:680px) {
	.product .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:570px),(max-width:620px) {
	.product .box {
	margin-top:-55px;
}
}@media (max-width:929px) and (max-height:460px) {
	.product .box {}
}@media (max-width:929px) and (max-height:420px) {
	.product .box {
		margin-top:0px;
	}
}@media (max-width:929px) and (max-height:720px) {
	.product .box label {
	display:none;
}
}@media (max-width:929px) and (max-height:660px) {
	.product .box .caption i {
		display:none;
	}
}@media (max-width:929px) and (max-height:550px) {


}@media (max-width:929px) and (max-height:460px) {
	.product .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:320px) {

}@media (max-width:929px) and (max-height:310px),(max-width:638px) and (max-height:390px),(max-width:425px) and (max-height:500px) {

}@media (max-width:929px) and (max-height:260px) {
	.product .box {
	margin-top:8px;
}
}@media (max-width:425px) and (max-height:880px) {
	.product .box .caption i {
	display:block;
}
.product .box label {
	display:none;
}
}@media (max-width:425px) and (max-height:770px) {
	.product .box .caption i {
	display:none;
}
}@media (max-width:425px) and (max-height:670px) {
	.product .box {
	margin-top:0px;
}
}@media (max-width:425px) and (max-height:500px) {

}@media (max-width:390px) {
	.product .box .caption i {
	display:none;
}
}@media (min-width:1921px),(min-height:921px) {
	section.cases {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.cases {
	background:url(../images/wp3_h800.jpg);
}
}@media (max-width:960px) and (max-height:600px) {
	section.cases {
	background:url(../images/wp3_h600.jpg);
}
}@media (min-width:1151px) and (max-height:700px) {
	.cases .box .swiper-container.items {
	margin-top:40px;
}
.cases .box .caption i {
	display:none;
}
}@media (min-width:1151px) and (max-height:620px) {
	.cases .box .swiper-container.items .swiper-slide {
	border:none;
}
.cases .box .items .swiper-slide p,
.cases .box .items .swiper-slide .foot {
	/*display:none;*/
}
}
@media (max-width:1150px) {
	.cases .box .swiper-container.items {
		/*width:340px;*/
	}
	.cases .box .swiper-container.items .swiper-slide {
		width:260px;
	}
	.cases .box .swiper-container.items .swiper-slide img {
		width:260px;
		height:153px;
	}
	.cases .box .swiper-container.items .swiper-slide .shade {
		width:260px;
		height:153px;
	}
	.cases .box .swiper-container.items .swiper-slide .shade u {
		margin-top:54px;
	}
	.cases .box .swiper-container.items .swiper-slide p strong {
		font-size:14px;
	}
	.cases .box .swiper-container.items .swiper-slide .foot {
		width:260px;
		height:50px;
	}
	/*.cases .box .swiper-container.items .swiper-slide .foot u {
		width:260px;
		height:100px;
	}*/
}
@media (max-width:1150px) and (max-height:660px) {
	.cases .box .swiper-container.items {
	margin-top:40px;
}
.cases .box .caption i {
	display:none;
}
}@media (max-width:1150px) and (max-height:580px) {
	.cases .box .swiper-container.items .swiper-slide {
	border:none;
}
.cases .box .items .swiper-slide p,.cases .box .items .swiper-slide .foot {
	/*display:none;*/
}
}@media (max-width:1150px) and (max-height:480px) {
	.cases .box .swiper-container.items .swiper-slide {
	border:none;
}
.cases .box .items .swiper-slide p,.cases .box .items .swiper-slide .foot {
	/*display:none;*/
}
}@media (orientation:landscape) and (max-width:900px) {
	.cases .box .swiper-container.items {
	/*display:none;*/
}
.cases .box .swiper-container.xs {
	display:block;
	margin:0 auto;
	margin-top:40px;
	width:90%;
}
.cases .box .swiper-container.xs .swiper-slide {
	width:31.33%;
	margin:0 1%;
}
.cases .box .xs .swiper-slide p,.cases .xs .swiper-slide .foot {
	/*display:none;*/
	/*background:none;*/
}
}@media (orientation:landscape) and (max-width:900px) and (max-height:450px) {
	.cases .box .swiper-container.xs {
	margin-top:15px;
}
.cases .box a.more {
	margin-top:18px;
	width:66px;
	padding:3px 0px;
	font-size:16px;
}
}
@media (orientation:portrait) and (max-width:900px) {
	.cases .box .swiper-container.items {
		/*display:none;*/
		margin: 40px 45px 0;
	}
	.cases .box .swiper-container.mini {
		display:block;
		width:340px;
		margin-top:60px;
	}
	.cases .box .swiper-container.mini .swiper-wrapper {
		height:300px !important;
	}
	.cases .box .swiper-container.mini .swiper-slide {
		width:340px;
		height:300px !important;
		border-bottom:2px solid #2fd0b5;
		cursor:pointer;
	}
	.cases .box .swiper-container.mini .swiper-slide img {
		width:340px;
		height:200px;
	}
	.cases .box .swiper-container.mini .swiper-slide p {
		position:absolute;
		margin:10px 20px;
		color:#999;
		font-family:Arial,"宋体";
		font-size:12px;
		line-height:26px;
		z-index:10;
	}
	.cases .box .swiper-container.mini .swiper-slide p strong {
		color:#222;
		font-family:Arial,"微软雅黑";
		font-size:16px;
		font-weight:normal;
	}
	.cases .box .swiper-container.mini .swiper-slide .foot {
		width:340px;
		height:100px;
		background-color:#fff;
		-moz-opacity:0.5;
		opacity:0.5;
		filter:alpha(opacity=50);
	}
	.active.cases .box a.prev {
		left:20px;
	}
	.active.cases .box a.next {
		right:20px;
	}
}
@media (orientation:portrait) and (max-width:900px) and (max-height:700px) {
	.cases .box .swiper-container.mini {
	margin-top:40px;
}
.cases .box .caption i {
	display:none;
}
}
@media (orientation:portrait) and (max-width:500px) {
	.cases .box .caption i {
	display:block;
}
.cases .box .swiper-container.mini {
	width:260px;
	margin-top:40px;
}
.cases .box .swiper-container.mini .swiper-wrapper {
	height:253px !important;
}
.cases .box .swiper-container.mini .swiper-slide {
	width:260px;
	height:253px !important;
}
.cases .box .swiper-container.mini .swiper-slide img {
	width:260px;
	height:153px;
}
.cases .box .swiper-container.mini .swiper-slide p strong {
	font-size:14px;
}
.cases .box .swiper-container.mini .swiper-slide .foot {
	width:260px;
	height:100px;
}
.active.cases .box a.prev {
	left:20px;
}
.active.cases .box a.next {
	right:20px;
}
}
@media (orientation:portrait) and (max-width:500px) and (max-height:640px) {
	.cases .box .caption i {
		display:none;
	}
	.active.cases .box a.prev {
		left:20px;
	}
	.active.cases .box a.next {
		right:20px;
	}
}
@media (orientation:portrait) and (max-width:500px) and (max-height:580px) {
	.cases .box .swiper-container.mini {
		margin-top:30px;
	}
	.cases .box a.more {
		display:block;
		position:static;
		margin:0 auto;
		margin-top:30px;
		width:66px;
		font-size:16px;
		padding:3px 0px;
	}
	.active.cases .box a.prev {
		left:20px;
	}
	.active.cases .box a.next {
		right:20px;
	}
}
@media (orientation:portrait) and (max-width:370px) {
	.cases .box a.prev,
	.cases .box a.next {
		/*margin-top:175px;*/
	}
	.active.cases .box a.prev {
		left:10px;
	}
	.active.cases .box a.next {
		right:10px;
	}
}
@media (orientation:portrait) and (max-width:370px) and (max-height:500px) {
	.cases .box .swiper-container.mini .swiper-wrapper {
	height:153px !important;
}
.cases .box .swiper-container.mini .swiper-slide {
	height:153px !important;
	border:none;
}
.cases .box .mini .swiper-slide p,.cases .box .mini .swiper-slide .foot {
	display:none;
}
.cases .box a.prev,
.cases .box a.next {
	margin-top:73px;
}
}@media (min-width:1921px),(min-height:1201px) {
	section.clients {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.clients {
	background:url(../images/wp4_h800.jpg) 50% 90%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.clients {
	background:url(../images/wp4_h600.jpg) 50% 90%;
}
}@media (max-width:1150px) {
	.clients .box ul.items {
	width:924px;
}
.clients .box ul.items li.bg.all {
	width:924px;
}
}@media (max-width:920px) {
	.clients .box ul.items {
	width:693px;
}
.clients .box ul.items li.bg.all {
	width:693px;
}
}@media (max-width:690px) {
	.clients .box ul.items {
	width:462px;
}
.clients .box ul.items li.bg.all {
	width:462px;
}
}@media (min-width:471px) and (max-height:720px) {
	.clients .box ul.items {
	height:300px;
}
.clients .box ul.items li.bg.all {
	height:300px;
}
}@media (min-width:471px) and (max-height:580px) {
	.clients .box ul.items {
	height:150px;
}
.clients .box ul.items li.bg.all {
	height:150px;
}
}@media (min-width:471px) and (max-height:450px) {
	.clients .box .swiper-container.items {
	margin-top:40px;
}
.clients .box .caption i {
	display:none;
}
}@media (min-height:920px) {
	.clients .box {
	margin-top:-80px;
}
}@media (max-width:690px) and (max-height:380px),(max-width:620px) and (max-height:480px),(max-width:470px) {
	.clients .box ul.items {
	display:none;
}
.clients .box ul.mini {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:30px;
	width:500px;
	height:550px;
	overflow:hidden;
}
.clients .box ul.mini li {
	position:relative;
	float:left;
	width:200px;
	padding:8px 0 8px 40px;
	background:url(../images/point.png) no-repeat 20px 15px;
	z-index:20;
}
.clients .box ul.mini li.bg.all {
	position:absolute;
	width:500px;
	height:560px;
	list-style:none;
	background-color:White;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.clients .box ul.mini li.bg.one {
	display:none;
}
}@media (max-width:560px) and (max-height:480px),(max-width:470px) {
	.clients .box ul.mini {
	width:250px;
}
.clients .box ul.mini li.bg.all {
	width:250px;
}
}@media (max-width:470px) and (max-height:800px) {
	.clients .box ul.mini {
	height:440px;
}
.clients .box ul.mini li.bg.all {
	height:440px;
}
}@media (max-width:470px) and (max-height:700px) {
	.clients .box ul.mini {
	height:330px;
}
.clients .box ul.mini li.bg.all {
	height:330px;
}
}@media (max-width:560px) and (max-height:600px) {
	.clients .box ul.mini {
	height:260px;
}
.clients .box ul.mini li.bg.all {
	height:260px;
}
}@media (max-width:690px) and (max-height:520px) {
	.clients .box ul.mini {
	margin-top:15px;
}
.clients .box .caption i {
	display:none;
}
}@media (max-width:690px) and (max-height:430px) {
	.clients .box ul.mini {
	height:150px;
}
.clients .box ul.mini li.bg.all {
	height:150px;
}
}@media (max-width:690px) and (max-height:420px) {
	.clients .box ul.mini {
	height:110px;
}
.clients .box ul.mini li.bg.all {
	height:110px;
}
}@media (max-width:690px) and (max-height:300px) {
	.clients .box ul.mini {
	margin-top:5px;
}
}@media (max-width:400px) {
	.clients .box .caption i {
	display:none;
}
}@media (min-width:1921px),(min-height:1201px) {
	section.quality {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.quality {
	background:url(../images/wp5_h800.jpg) 50% 10%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.quality {
	background:url(../images/wp5_h600.jpg) 50% 10%;
}
}
@media (max-width:960px) {
	/*.quality .box .items {
		display:none;
	}*/
	.quality .box .swiper-container {
		margin: 40px 45px 0;
	}
	/*.quality .box .mini {
		display:block;
		margin:0 auto;
		margin-top:120px;
		width:240px;
		height:200px;
		overflow:hidden;
	}*/
	.quality .box .swiper-slide {
		margin:0px;
		width: 270px;
	}
	.active.quality .box a.prev {
		left:20px;
		/*background:url(../images/icons.png) no-repeat 0px -219px;*/
	}
	.active.quality .box a.next {
		right:20px;
		/*background:url(../images/icons.png) no-repeat -25px -219px;*/
	}
}
@media (max-height:730px) {
	.quality .box .items,.quality .box .mini {
	margin-top:80px;
}
}@media (max-height:599px) {
	.quality .box a.lookall {
	display:none;
}
}@media (max-height:530px) {
	.quality .box .items,.quality .box .mini {
	margin-top:60px;
}
.quality .box .caption i {
	display:none;
}
}@media (max-height:420px) {
	.quality .box .items,.quality .box .mini {
	height:120px;
	margin-top:40px;
}
.quality .box a.prev,.quality .box a.next {
	margin-top:-40px;
}
}@media (max-height:360px) {
	.quality .box .items,.quality .box .mini {
	height:110px;
	margin-top:20px;
}
.quality .box .swiper-slide ul {
	margin-bottom:10px;
}
.quality .box a.prev,.quality .box a.next {
	margin-top:-80px;
}
}@media (min-width:1921px),(min-height:1201px) {
	section.marketing {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.marketing {
		background:url(../images/wp6_h800.jpg) 50% 45%;
	}
	.marketing .box .img-box {
		width: 400px;
	}
}@media (max-width:960px) and (max-height:600px) {
	section.marketing {
		background:url(../images/wp6_h600.jpg) 50% 45%;
	}
	.marketing .box .img-box {
		width: 300px;
	}
}@media (max-width:1100px) {
	.marketing .box {

	}
}@media (min-width:1001px) and (min-height:951px) {
	/*.marketing .box {*/
	/*margin-top:-170px;*/
/*}*/
}@media (min-width:1001px) and (max-height:950px) {
	/*.marketing .box {*/
	/*margin-top:-130px;*/
/*}*/
}@media (min-width:1001px) and (max-height:850px) {
	/*.marketing .box {*/
	/*margin-top:-90px;*/
/*}*/
}@media (min-width:1001px) and (max-height:750px) {
	/*.marketing .box {*/
	/*margin-top:-60px;*/
/*}*/
}@media (min-width:1001px) and (max-height:700px) {
	/*.marketing .box .caption i {*/
	/*display:none;*/
/*}*/
}@media (min-width:1001px) and (max-height:650px) {
	/*.marketing .box {*/
		/*margin-top: -60px;*/
	/*}*/
}@media (max-width:1000px) {
	/*.marketing .box {*/
	/*margin:0px;*/
/*}*/

.marketing.active .box {
	/*margin-top:20px;*/
}
.marketing .shade {
	display:block;
}
}@media (max-width:1000px) and (min-height:920px) {
	/*.marketing .box {*/
	/*margin-top:-100px;*/
/*}*/
}@media (max-width:1000px) and (max-height:700px) {
	.marketing .box {

}
}@media (max-width:1000px) and (max-height:580px) {
	/*.marketing .box .caption i {*/
	/*display:none;*/
/*}*/

}@media (max-width:1000px) and (max-height:470px),(max-width:600px) {


}@media (max-width:1000px) and (max-height:430px) {

}@media (max-width:600px) {

}@media (max-width:600px) and (min-height:750px) {
	/*.marketing .box {*/
	/*margin-top:-70px;*/
/*}*/
}
@media (max-width:600px) and (max-height:820px) {
	.marketing .box .img-box {
		width: 300px;
	}
}
@media (max-width:450px) {
	/*.marketing .box {*/
	/*margin-top:0px;*/
/*}*/

}@media (max-width:450px) and (max-height:730px) {

}@media (max-width:450px) and (max-height:650px) {
	/*.marketing .box .caption i {*/
	/*display:none;*/
/*}*/

}@media (max-width:600px) and (max-height:380px),(max-width:450px) and (max-height:550px) {


}@media (orientation:landscape) and (max-height:230px) {

}@media (max-width:1280px) and (max-height:800px) {
	section.aboutus {
	background:url(../images/wp7_h800.jpg) 50% 60%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.aboutus {
	background:url(../images/wp7_h600.jpg) 50% 60%;
}
}@media (max-width:1200px) {
	.aboutus table.exp td:nth-child(2) {
	display:none;
}
.aboutus table.exp td {
	width:25%;
}
}
@media (max-width:1100px) {
	/*.aboutus .items {
		left:auto;
		right:-480px;
	}*/
	/*.aboutus.active .items {
		left:auto;
		right:70px;
	}*/
}
@media (max-width:900px) {
	.aboutus table.exp td:last-child {
		display:none;
	}
	.aboutus table.exp td {
		width:33.333333%;
	}
}
@media (max-width:780px) {
	.aboutus.active .items {
		/*left:auto;*/
		/*right:30px;*/
	}
	.aboutus .items .swiper-slide {
		/*width: 260px!important;*/
		/*padding: 0 10px;*/
	}
}
@media (max-width:780px) and (max-height:500px) {
	.aboutus ul.menu {
		top:100px;
	}
}
@media (max-width:780px) and (max-height:400px) {
	.aboutus .items {
		/*height:220px;*/
	}
	.aboutus .items .swiper-slide.nth1 strong {
		font-size:30px;
	}
	.aboutus .items .swiper-slide.nth1 p {
		margin-top:15px;
	}
	.aboutus .items .swiper-slide.nth1 u {
		margin-top:15px;
		font-size:22px;
	}
	.aboutus .items .swiper-slide.nth2 p {
		margin-top:12px;
		line-height:32px;
	}
	.aboutus .items .swiper-slide.nth3 strong {
		margin-bottom:15px;
	}
}
@media (max-width:780px) and (max-height:340px) {
	.aboutus .items {
		/*height:190px;*/
	}
	.aboutus.active .items {
		right:-50px;
	}
	.aboutus .items .swiper-slide.nth1 strong {
		font-size:26px;
	}
	.aboutus .items .swiper-slide.nth1 u {
		margin-top:0px;
		font-size:14px;
	}
	.aboutus .items .swiper-slide.nth2 p:last-child {
		display:none;
	}
	.aboutus .items .swiper-slide.nth2 p {
		display:block;
		width:350px;
		line-height:35px;
	}
	.aboutus .items .swiper-slide.nth3 ul li:last-child {
		display:none;
	}
}
@media (max-width:780px) and (max-height:310px) {
	.aboutus ul.menu {
	top:40px;
}
.aboutus .items {
	/*height:140px;*/
}
.aboutus.active .items {
	right:-100px;
}
.aboutus .items .swiper-slide.nth1 strong {
	font-size:22px;
}
.aboutus .items .swiper-slide.nth1 p {
	font-family:"宋体";
	font-size:12px;
	line-height:25px;
}
.aboutus .items .swiper-slide.nth1 u {
	margin-top:-6px;
	font-family:"宋体";
	font-size:12px;
}
.aboutus .items .swiper-slide.nth2 p {
	width:330px;
	font-family:"宋体";
	font-size:12px;
	line-height:25px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	font-family:"宋体";
	font-size:12px;
	line-height:25px;
	background-position:0px 7px;
}
}@media (max-width:550px) {
	.aboutus ul.menu {
	top:90px;
	left:auto;
	right:30px;
	width:180px;
}
.aboutus ul.menu li {
	float:left;
	width:60px;
	padding:6px 0px;
}
.aboutus ul.menu li.bg.all {
	left:auto;
	margin:0px;
	width:180px !important;
	height:34px !important;
}
.aboutus ul.menu li.bg.one {
	width:60px;
}
.aboutus .items,.aboutus.active .items {
	/*left:30px;*/
	/*right:auto;*/
}
}@media (max-width:550px) and (max-height:310px) {
	.aboutus ul.menu {
	top:25px;
}
}@media (orientation:portrait) and (max-width:700px) {
	.active.aboutus ul.menu {
		top:120px;
		left:50%;
		width:80px;
		margin-left:-120px;
		width:240px;
	}
	.aboutus ul.menu li {
		float:left;
		width:80px !important;
		padding:10px 0px;
	}
	.aboutus ul.menu li.bg.all {
		left:50%;
		margin-left:-120px;
		width:240px !important;
		height:42px !important;
	}
	.aboutus .items {
		width: 100%;
	}
	.aboutus.active .items {
		right:50%;
		/*margin-left:-240px;*/
		/*width: 360px;*/
		width: 100%;
		margin: 0;
		/*height:280px;*/
	}
	.aboutus .items .swiper-slide {
		/*width: 360px !important;*/
		padding: 0 20px;
	}
	.aboutus .items .swiper-slide.nth1 strong {
		/*font-size:32px;*/
		text-align:center;
	}
	.aboutus .items .swiper-slide.nth1 p {
		display:block;
		/*width:230px;*/
		margin:0 auto;
		margin-top:20px;
	}
	.aboutus .items .swiper-slide.nth1 u {
		font-size:14px;
		width:230px;
		margin:0 auto;
		margin-top:6px;
	}
	.aboutus .items .swiper-slide.nth2 strong {
		text-align:center;
		margin-left:-20px;
	}
	.aboutus .items .swiper-slide.nth2 p {
		display:block;
		/*width:240px;*/
		margin:0 auto;
		margin-top:20px;
	}
	.aboutus .items .swiper-slide.nth3 strong {
		text-align:center;
		margin-left:10px;
	}
	.aboutus .items .swiper-slide.nth3 ul {
		width:240px;
		margin:0 auto;
	}
	.aboutus .items .swiper-slide.nth3 ul li {
		line-height:32px;
	}
	.aboutus .items .swiper-slide.nth3 ul li:last-child {
		display:none;
	}
}
@media (orientation:portrait) and (max-width:700px) and (max-height:660px) {
	.aboutus ul.menu {
	top:100px;
}
.aboutus .items,.aboutus.active .items {
	margin-top:20px;
}
}@media (orientation:portrait) and (max-width:700px) and (max-height:500px) {
	.aboutus ul.menu {
	top:90px;
}
.aboutus .items,.aboutus.active .items {
	margin-top:60px;
	/*height:260px;*/
}
.aboutus .items .swiper-slide.nth1 p {
	margin-top:15px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	line-height:30px;
}
}@media (orientation:portrait) and (max-width:700px) and (max-height:470px) {
	.aboutus ul.menu {
	top:80px;
}
.aboutus .items .swiper-slide.nth1 strong {
	font-size:24px;
}
.aboutus .items .swiper-slide.nth1 p {
	margin-top:10px;
	line-height:27px;
}
.aboutus .items .swiper-slide.nth1 u {
	margin-top:4px;
}
.aboutus .items .swiper-slide.nth2 p {
	margin-top:10px;
	line-height:28px;
}
.aboutus .items .swiper-slide.nth2 p:last-child {
	display:none;
}
.aboutus .items .swiper-slide.nth3 strong {
	margin-bottom:8px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	line-height:25px;
}
}@media (max-width:680px),(max-height:470px) {
	.aboutus table.exp,.aboutus .expBg {
	display:none;
	height:0px;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.contact {
        background:url(../images/wp8_h800.jpg) 50% bottom;
    }
}
@media (max-width:960px) and (max-height:600px) {
	section.contact {
        background:url(../images/wp8_h600.jpg) 50% 10%;
    }
}
@media (max-width:950px) {
	.contact .box {
		width:500px;
	}
	.contact .box .above .left {
		float:left;
		margin-left:0px;
	}
	.contact .box .above .right {
		width: 100%;
	}
}
@media (orientation:landscape) and (max-height:520px) {
	.contact .box {
		height:150px;
	}
	.contact .box .below {
		display:none;
	}
}
@media (orientation:landscape) and (max-height:480px) and (max-width:570px) {
	.contact .box {
		width:500px;
		height:140px;
	}
	.contact .box .above .wechat {
		margin-top:5px;
		width:100px;
	}
	.contact .box .above .left p {
		margin-top:0px;
	}
}
@media (orientation:portrait) and (max-width:550px) {
	.contact .box {
		width:500px;
		height:490px;
	}
	.contact .box .above .wechat {
		position:absolute;
		float:none;
		margin:0px;
		top:200px;
		width:100px;
		left:50%;
		margin-left:-50px;
	}
	.contact .box .above .left {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.contact #map-container {
		width: 100%;
	}
	/*.contact .box .above .left {*/
		/*position:absolute;*/
		/*float:none;*/
		/*margin:0px;*/
		/*top:0px;*/
		/*left:50%;*/
		/*margin-left:-125px;*/
	/*}*/
	.contact .box .below {
		margin-top:150px;
	}
}
@media (orientation:portrait) and (max-width:550px) and (max-height:650px),(orientation:portrait) and (max-width:470px) {
	.contact .box {
		width:350px;
		height:400px;
	}
	.contact .box .above .wechat {
		width:150px;
		margin-left:-75px;
	}
	.contact .box .below {
		display:none;
	}
	/*.contact .box .right::before {*/
		/*content: '';*/
		/*display: block;*/
		/*clear: both;*/
	/*}*/
	.contact #map-container {
		width: 100%;
        height: 200px
	}
}
@media (orientation:portrait) and (max-height:450px) {
	.contact .box {
        /*height:160px;*/
    }
    .contact .box .above .wechat {
        display:none;
    }
}
@media (max-width:319px),(max-height:210px) {
	body {
	display:none;
}
html {
	background:url(../images/displayNone.png) no-repeat 50% top;
	background-color:#333a32;
}
}.clear {
	clear:both;
}
#BDBridgeWrap {
	display:none;
}


.loader-12 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 20px;
	width: 1em;
	height: 1em;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 30px;
	vertical-align: middle;
	pointer-events: none;
}
.loader-12:before,
.loader-12:after {
	content: '';
	display: block;
	position: absolute;
	background-color: currentcolor;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 50%;
	box-shadow: -.5em 0 0 currentcolor;
	-webkit-animation: loader-12 1s linear infinite;
	animation: loader-12 1s linear infinite;
}
.loader-12:after {
	top: 50%;
	bottom: 0;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}
@keyframes loader-12 {
	0%, 100% {
		box-shadow: -.5em 0 0 transparent;
		background-color: currentcolor;
	}
	50% {
		box-shadow: -.5em 0 0 currentcolor;
		background-color: transparent;
	}
}