@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
}
.aboutus .swiper-container{margin-top:-50px;}
.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 {
}

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:90px;
}
header .logo {
	position:fixed;
	top:5px;
	left:180px;
	width:180px;
-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:98px;
	top:6px;
}
header.fixed .logo img{width: 94px;
	-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;}
header .words {
	display:block;
	position:fixed;
	top:45px;
	left:250px;
	letter-spacing:1px;
	font-weight:normal;
-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 .words {
	top:26px;
	left:185px;
}
header nav.menu {
	margin:36px 0 0 110px;
	text-align:center;
-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 0 0 85px;
}
header nav.menu ul li {
	margin:0 12px;
	font-size:18px;
-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:#fff;
	letter-spacing:2px;
	cursor:pointer;
}
header nav.menu ul li a:hover, header nav.menu ul li.active a {
	color:#fff;
	text-decoration:none;
}
header nav.menu .line {
	position:absolute;
	top:0px;
	width:0px;
	height:3px;
	font-size:3px;
	background-color:#2a91d0;
	display:none;
}
header .hotline {
	color: #a1a1a1;
	position:fixed;
	top:32px;
	right:180px;
-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:35px;
	right:185px;
}
header .hotline span {
	position:fixed;
	color:#fff;
	font-family:Arial;
	font-weight:normal;
	font-size:14px;
	 font-family:"微软雅黑";
	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:14px;
}
header .hotline u {
	position:fixed;
	top:35px;
	right:230px;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;

}
header.fixed .hotline u {
	top:20px;
	right:195px;
}
header .hotline a {
	font-size: 14px;color: #999;
}
header .hotline p{color:#999;}
header .hotline a:hover{color:#fff;}
header .menu-icon {
	position:fixed;
	top:34px;
	right:48px;
	font-size:24px;
	color:#2a91d0;
	z-index:99;
	display:none;
}
header.fixed .menu-icon {
	top:18px;
}
header .menu-icon a {
	color:#2a91d0;
	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:90px;
}
div.welcome {
	position:fixed;
	width:100%;
	height:100%;
	background:#fff 30% 80%;
	background-color:White;
	-moz-background-size:cover;
	background-size:cover;
-webkit-transition:all .3s ease-in-out .5s;
-moz-transition:all .3s ease-in-out .5s;
-ms-transition:all .3s ease-in-out .5s;
-o-transition:all .3s ease-in-out .5s;
transition:all .3s ease-in-out .5s;
	z-index:999;
}
div.welcome p {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	width:370px;
	height:30px;
	padding-top:220px;
	top:50%;
	left:50%;
	margin-top:-135px;
	margin-left:-185px;
	color:#333;
	font-size:20px;
	text-align:center;
	background:url(../images/welcome_words.png) no-repeat;
	overflow:hidden;
}
div.welcome p u {
	text-decoration:none;
}
section {
	position:relative;
	overflow:hidden;
}
.video .swiper-container {
	width:100%;
}
.video .swiper-container .swiper-slide {
	position:relative;
	overflow:hidden;
}
.video .swiper-container .nth1 {
	/*background:url(../picture/1.jpg) 50% 35%;*/
	-moz-background-size:cover;
	background-size:cover;
}
.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:144px;
	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:-32px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth1 .box .right {
	position:absolute;
	right:-500px;
	margin:30px 0 0 120px;
	-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:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth1 .box .right span {
	font-size:36px;
	color:White;
}
.video .swiper-container .nth1 .box .right i {
	display:block;
	width:339px;
	height:66px;
	margin-bottom:5px;
	background:url(../images/words.png) no-repeat;
}
.video .swiper-container .nth1 .box .right p {
	font-size:16px;
	line-height:25px;
	color:#ccc;
}
.video .swiper-container .nth1 .shade {
	position:absolute;
	width:400%;
	height:1800px;
	background:url(../images/swiper_nth1_shade.png) no-repeat center top;
	-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;
	opacity: .7;
}
.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 #2a91d0;
	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(../picture/wallpaper1_1.jpg) 50% 50%;*/
	-moz-background-size:cover;
	background-size:cover;
}
.video .swiper-container .nth2 .box {
	position:absolute;
	left:-350px;
	text-align:right;
-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:36px;
	color:White;
}
.video .swiper-container .nth2 .box i {
	display:block;
	width:340px;
	height:65px;
	margin:10px 0px 8px 0px;
	background:url(../images/words.png) no-repeat 0px -72px;
}
.video .swiper-container .nth2 .box p {
	margin:0px;
	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 .shade {
	width:50%;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);
}
.video .swiper-container .nth3 {
	background:url(../images/wallpaper1_3.jpg) 50% center;
	-moz-background-size:cover;
	background-size:cover;
}
.video .swiper-container .nth3 .box {
	position:relative;
	width:100%;
}
.video .swiper-container .nth3 .box .top {
	font-size:80px;
	color:White;
	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:36px;
	-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 {
	width:100%;
	color:#f1f1f1;
	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/wallpaper1_4.jpg) 50% top;
	-moz-background-size:cover;
	background-size:cover;
}
.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:#f1f1f1;
	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:#2a91d0;
	text-decoration:none;
}
.video .innerBox {
	position:absolute;
	bottom:40px;
	width:100%;
	z-index:10;
}
.video .innerBox .news {
	margin:0 auto;
	margin-bottom:30px;
	width:400px;
}
.video .innerBox .news span {
	float:left;
	margin:1px 15px 0px 0px;
	color:#2a91d0;
	font-weight:bold;
}
.video .innerBox .news ul {
	float:left;
}
.video .innerBox .news ul li a {
	color:#ddd;
}
.video .innerBox .news a.more {
	float:right;
	color:#2a91d0;
	margin-top:-3px;
	text-decoration:none;
	border-bottom:1px dotted #2a91d0;
-webkit-transition:color .3s ease-in-out 0s;
-moz-transition:color .3s ease-in-out 0s;
-ms-transition:color .3s ease-in-out 0s;
-o-transition:color .3s ease-in-out 0s;
transition:color .3s ease-in-out 0s;
}
.video .innerBox .news a.more:hover {
	color:White;
	text-decoration:none;
-webkit-transition:color .3s ease-in-out 0s;
-moz-transition:color .3s ease-in-out 0s;
-ms-transition:color .3s ease-in-out 0s;
-o-transition:color .3s ease-in-out 0s;
transition:color .3s ease-in-out 0s;
}
.video .innerBox .guide {
	margin:0 auto;
	margin-bottom:80px;
	width: max-content;
}
.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:#2a91d0;
}
.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.business {
	background:url(../images/welcome.jpg) 50% bottom;
}
.business .box {
	position:relative;
	margin-top:-55px;
-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;
}
.business .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;
}
.business.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.business .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:320px;
	height:31px;
	background:url(../images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size:24px;
	letter-spacing:3px;
}
.business .box ul.items {
	margin:0 auto;
	margin-top:60px;
}
.business .box ul.items li {
	width:200px;
	height:300px;
	margin:0 48px;
	background:url(../images/bg_green.png) no-repeat 0px 400px;
	overflow:hidden;
}
.business .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:43px;
	height:69px;
}
.business .box ul.items li.pc i {
	width:69px;
	background:url(../images/words.png) no-repeat -245px -357px;
}
.business .box ul.items li.mobi i {
	width:64px;
	background:url(../images/words.png) no-repeat -416px -291px;
}
.business .box ul.items li.sys i {
	width:76px;
	background:url(../images/words.png) no-repeat -415px -362px;
}
.business .box ul.items li.app i {
	width:74px;
	background:url(../images/words.png) no-repeat -244px -439px;
}
.business .box ul.items li.host i {
	width:79px;
	background:url(../images/words.png) no-repeat -420px -439px;
}
.business .box ul.items li u {
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:22px;
	background:url(../images/words.png) no-repeat 0px -363px;
-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;
}
.business .box ul.items li u.cl {
	clip:rect(0px, 156px, -10px, 78px);
}
.business.active .box ul.items li u.cl {
	clip:rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip:rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display:block;
	margin-top:70px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
.business .box ul.items li p {
	position:relative;
	top:200px;
	color:White;
	font-family:Arial, "微软雅黑";
	font-size:12px;
	line-height:20px;
	text-align:center;
}
.business .box ul.items li:hover {
	background-position:0px 0px;
-webkit-transition:all .5s ease-in-out .3s;
-moz-transition:all .5s ease-in-out .3s;
-ms-transition:all .5s ease-in-out .3s;
-o-transition:all .5s ease-in-out .3s;
transition:all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
-webkit-transition:all .5s ease-in-out .4s;
-moz-transition:all .5s ease-in-out .4s;
-ms-transition:all .5s ease-in-out .4s;
-o-transition:all .5s ease-in-out .4s;
transition:all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i {
	background:url(../images/words.png) no-repeat -168px -357px;
}
.business .box ul.items li.mobi:hover i {
	background:url(../images/words.png) no-repeat -337px -291px;
}
.business .box ul.items li.sys:hover i {
	background:url(../images/words.png) no-repeat -327px -362px;
}
.business .box ul.items li.app:hover i {
	background:url(../images/words.png) no-repeat -164px -439px;
}
.business .box ul.items li.host:hover i {
	background:url(../images/words.png) no-repeat -335px -439px;
}
.business .box ul.items li:hover u.cl {
	clip:rect(0px, 156px, -10px, 78px);
}
.business .box ul.items li:hover u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color:White;
-webkit-transition-delay:.4s;
-moz-transition-delay:.4s;
-ms-transition-delay:.4s;
-o-transition-delay:.4s;
transition-delay:.4s;
}
.business .box ul.items li:hover p {
	top:20px;
-webkit-transition:all .3s ease-in-out .5s;
-moz-transition:all .3s ease-in-out .5s;
-ms-transition:all .3s ease-in-out .5s;
-o-transition:all .3s ease-in-out .5s;
transition:all .3s ease-in-out .5s;
}
.business .box label {
	display:block;
	margin:0 auto;
	margin-top:40px;
	width:297px;
	height:21px;
	background:url(../images/words.png) no-repeat 0px -333px;
	display: none;
}
section.cases {
	background:url(../images/wallpaper3.jpg);
}
.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;
-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 {
	width:340px;
	margin:0 10px;
	border-bottom:2px solid #2a91d0;
	cursor:pointer;
}
.cases .box .swiper-container.items .swiper-slide img {
	width:340px;
	height:300px;
}
.cases .box .swiper-container.items .swiper-slide .shade {
	position:absolute;
	width:340px;
	height:300px;
	margin-top:-300px;
	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:126px;
	width:44px;
	height:44px;
	background:url(../images/icons.png) no-repeat 0px -170px;
}
.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 .bg {
	width:340px;
	height:46px;
	background-color:#fff;
	-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 .bg u {
	display:block;
	position:absolute;
	width:340px;
	height:100px;
	margin-top:150px;
	background-color:#515254;
-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:hover .bg {
	-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 .bg 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:#2a91d0;
	font-size:26px;
	text-align:center;
	text-decoration:none;
	border:1px dotted #2a91d0;
-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:#2a91d0;
}
section.clients {
	background:url(../images/wallpaper4.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:363px;
	height:37px;
	background:url(../images/words.png) no-repeat -138px -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/wallpaper5.jpg) 50% 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:300px;
	height:37px;
	background:url(../images/words.png) no-repeat 0px -576px;
}
.quality .box .caption span {
	padding-left:5px;
	color:#333;
	font-size:24px;
}
.quality .box .items {
	margin:0 auto;
	margin-top:120px;
	width:960px;
}
.quality .box .swiper-slide {
	position:relative;
	width:300px;
	margin:0 10px;
	overflow: hidden;
}
.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.active .box .items .swiper-slide.nth1 a img{max-width:100%;}
.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.mobi {
	width:14px;
	height:27px;
	background:url(../images/icons.png) no-repeat 0px -264px;
}
.quality .box .swiper-slide ul li.pad {
	width:29px;
	height:23px;
	background:url(../images/icons.png) no-repeat -71px -264px;
}
.quality .box .swiper-slide ul li.pc {
	width:35px;
	height:27px;
	background:url(../images/icons.png) no-repeat 0px -303px;
}
.quality .box .swiper-slide ul li.windows {
	width:27px;
	height:27px;
	background:url(../images/icons.png) no-repeat -73px -304px;
}
.quality .box .swiper-slide ul li.ios {
	width:24px;
	height:30px;
	background:url(../images/icons.png) no-repeat 0px -344px;
}
.quality .box .swiper-slide ul li.andriod {
	width:28px;
	height:29px;
	background:url(../images/icons.png) no-repeat -72px -345px;
}
.quality .box .swiper-slide ul li.ie {
	width:28px;
	height:28px;
	background:url(../images/icons.png) no-repeat 0px -392px;
}
.quality .box .swiper-slide ul li.chrome {
	width:30px;
	height:30px;
	background:url(../images/icons.png) no-repeat -71px -392px;
}
.quality .box .swiper-slide ul li.firefox {
	width:32px;
	height:30px;
	background:url(../images/icons.png) no-repeat 0px -432px;
}
.quality .box .swiper-slide ul li.safari {
	width:30px;
	height:32px;
	background:url(../images/icons.png) no-repeat -71px -432px;
}
.quality .box .swiper-slide ul li span {
	position:absolute;
	top:30px;
}
.quality .box .swiper-slide p {
	color:#333;
	text-align:center;
	line-height:30px;
	padding-top: 20px;
}
.quality .box a.lookall {
	display:block;
	margin:0 auto;
	margin-top:90px;
	width:300px;
	padding:12px 0px;
	color:#fff;
	font-size:18px;
	letter-spacing:3px;
	text-align:center;
	text-decoration:none;
	border:1px solid #2a91d0;
	-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:#2a91d0;
	border:1px solid #2a91d0;
}
.quality .box .mini, .quality .box a.prev, .quality .box a.next {
	display:none;
}
section.marketing {
	background:url(../images/wallpaper6.jpg) 50% 45%;
}
.marketing .box {
	position:relative;
	margin-top:-80px;
-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 .box ul.items {
	margin:0 auto;
	margin-top:30px;
	position:relative;
	z-index:10;
}
.marketing .box ul.items li {
	width:128px;
	height:230px;
	margin:0 20px;
	overflow:hidden;
}
.marketing .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:28px;
	height:70px;
}
.marketing .box ul.items li.se i {
	width:54px;
	background:url(../images/words.png) no-repeat -144px -632px;
}
.marketing .box ul.items li.weixin i {
	width:74px;
	background:url(../images/words.png) no-repeat -207px -630px;
}
.marketing .box ul.items li.weibo i {
	width:68px;
	background:url(../images/words.png) no-repeat -288px -630px;
}
.marketing .box ul.items li.sms i {
	width:61px;
	background:url(../images/words.png) no-repeat -366px -628px;
}
.marketing .box ul.items li.pay i {
	width:56px;
	background:url(../images/words.png) no-repeat -438px -639px;
}
.marketing .box ul.items li.bbs i {
	width:51px;
	background:url(../images/words.png) no-repeat -144px -705px;
}
.marketing .box ul.items li u {
	display:block;
	position:absolute;
	width:128px;
	height:128px;
	background:url(../images/words.png) no-repeat 0px -624px;
-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;
}
.marketing .box ul.items li u.cl {
	clip:rect(0px, 128px, -10px, 64px);
}
.marketing .box ul.items li:hover u.cl {
	clip:rect(0px,128px,128px,64px);
}
.marketing .box ul.items li u.cr {
	clip:rect(128px,64px,128px,0px);
}
.marketing .box ul.items li:hover u.cr {
	clip:rect(0px,64px,128px,0px);
}
.marketing .box ul.items li strong {
	display:block;
	margin:200px 0px 10px 0px;
	font-size:16px;
	text-align:center;
-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;
}
.marketing.active .box ul.items li strong {
	margin-top:50px;
}
.marketing .box ul.items li p {
	line-height:20px;
	text-align:center;
}
.marketing .shade {
	display:none;
	position:absolute;
	top:0px;
	width:100%;
	background:White;
	-moz-opacity:0.4;
	opacity:0.4;
	filter:alpha(opacity=40);
}
section.aboutus {
	position:relative;
	background:url(../images/3.jpg) 50% 60%;
	-moz-background-size:cover;
	background-size:cover;
}
.aboutus ul.menu {
	position:absolute;
	list-style:none;
	top:150px;
	left:50px;
	width:80px;
	padding:0px;
}
.aboutus ul.menu li {
	position:relative;
	color:#fff;
	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:#2a91d0;
	-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:#2a91d0;
	-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;
	left:-480px;
	width:500px;
	height:312px;
	-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 {
	left:23%;
	-moz-opacity:1;
	opacity:1;
}
.aboutus .items .swiper-slide.nth1 strong {
	display:block;
	color:#ddd;
	font-size:40px;
	font-weight:normal;
	letter-spacing:5px;
	text-align: center;
}
.aboutus .items .swiper-slide.nth1 p {
	margin-top:20px;
	color:#999;
	line-height:36px;
	font-size: 15px;
}
.aboutus .items .swiper-slide.nth1 u {
	display:block;
	margin-top:20px;
	color:#999;
	font-size:24px;
	text-decoration:none;
}
.aboutus .items .swiper-slide.nth2 strong {
	display:block;
	color:#2a91d0;
	font-size:22px;
	font-weight:normal;
}
.aboutus .items .swiper-slide.nth2 p {
	margin-top:20px;
	color:#999;
	line-height:35px;
}
.aboutus .items .swiper-slide.nth3 strong {
	display:block;
	margin-bottom:20px;
	color:#2a91d0;
	font-size:22px;
	font-weight:normal;
}
.aboutus .items .swiper-slide.nth3 ul {
	padding:0px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	color:#999;
	line-height:35px;
	padding-left:30px;
	list-style:none;
	background:url(../images/point.png) no-repeat 0px 13px;
}
.aboutus .items .swiper-slide.nth3 ul li u {
	margin:0 15px;
	text-decoration:none;
}
.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:#2a91d0;
	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.5;
	opacity:0.5;
	-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:0;
	opacity:0;
	z-index:-1;
}
section.contact {
	position:relative;
	background:url(../images/wallpaper8.jpg) 50% 0%;
	-moz-background-size:cover;
	background-size:cover;
}
.contact .box {
	position:relative;
	margin:0 auto;
	width:870px;
	height:330px;
-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;
}
.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:-12px 0px 0px 70px;
}
.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:8px;
	color:#666;
	line-height:26px;
}
.contact .box .above .left a {
	color:#666;
	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;
}
.dock {
	position:fixed;
	right:0px;
	width:50px;
	top:30%;
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:200;
}
.dock.close {
	z-index:50;
}
.dock ul.icons {
	position:absolute;
	list-style:none;
	right:0px;
	padding:0px;
	width:50px;
	border:1px solid #333;
	border-right:none;
	background:#111;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
-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;
}
.dock.close ul.icons {
	right:-70px;
}
.dock ul.icons li i {
	display:block;
	position:relative;
	width:50px;
	height:50px;
	background:url(../images/icons.png) no-repeat;
	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:210;
}
.dock ul.icons li.active i {
	-moz-opacity:0.4;
	opacity:0.4;
}
.dock ul.icons li.up i {
	background-position:-63px -150px;
}
.dock ul.icons li.tel i {
	background-position:-62px -108px;
}
.dock ul.icons li.im i {
	background-position:-63px -20px;
}
.dock ul.icons li.wechat i {
	background-position:-59px -66px;
}
.dock ul.icons li.down i {
	background-position:-63px -190px;
}
.dock ul.icons li p {
	display:block;
	position:absolute;
	top:50px;
	right:-260px;
	padding:15px 20px;
	height:120px;
	color:White;
	line-height:30px;
	border:1px solid #333;
	border-right:none;
	background:#111;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
-webkit-transition:all .4s ease-in-out .1s;
-moz-transition:all .4s ease-in-out .1s;
-ms-transition:all .4s ease-in-out .1s;
-o-transition:all .4s ease-in-out .1s;
transition:all .4s ease-in-out .1s;
	overflow:hidden;
	z-index:201;
}
.dock ul.icons li.active p {
	right:50px;
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}
.dock ul.icons li.tel p {
	width:100px; font-size:12px;
}
.dock ul.icons li.im p {
	width:115px;
}
.dock ul.icons li.im p a {
	display:block;
	margin-top:12px;
	width:100px;
	height:35px;
	line-height:32px;
	color:#2a91d0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	border:1px solid #2a91d0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
-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;
}
.dock ul.icons li.im p a:hover {
	color:White;
	background:#0f8773;
	border:1px solid #0f8773;
}
.dock ul.icons li.wechat p {
	width:118px;
}
.dock ul.icons li.wechat p img {
	width:115px;
	border:2px solid White;
}
.dock a.switch {
	position:absolute;
	display:block;
	top:270px;
	right:11px;
	width:26px;
	height:26px;
	background:url(../images/icons.png) no-repeat 0px -640px;
	cursor:pointer;
-webkit-transition-delay:.15s;
-moz-transition-delay:.15s;
-ms-transition-delay:.15s;
-o-transition-delay:.15s;
transition-delay:.15s;
}
.dock a.switch.off {
	background-position:-32px -640px;
}
@media (max-width:1300px) {
header .logo {
top:24px;
left:35px;
width:160px;
}
header .words {
display:none;
}
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;
}
}
@media (max-width:1080px) {
header .words {
display:block;
left:220px;
}
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 #2a91d0;
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:17px;
left:20px;
width:120px;
}
header .words {
display:none;
}
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:60px;
}
header .logo, header.fixed .logo {
width:80px;
}
header .menu-icon, header.fixed .menu-icon {
top:13px;
}
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:60px;
}
}
@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_h800.jpg) 30% 80%;
}
}
@media (max-width:960px) and (max-height:600px) {
div.welcome {
background:url(../images/welcome_h600.jpg) 30% 80%;
}
}
@media (max-width:800px), (max-height:480px) {
div.welcome p {
width:218px;
padding-top:190px;
top:50%;
left:50%;
margin-top:-110px;
margin-left:-109px;
background:url(../images/welcome_words_mini.png) no-repeat;
}
}
@media (max-height:260px) {
div.welcome p {
height:158px;
padding:0px;
margin-top:-79px;
}
div.welcome p u {
display:none;
}
}
@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth1 {
background:url(../images/wallpaper1_1_h800.jpg) 50% 35%;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth1 {
background:url(../images/wallpaper1_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;
}
.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/wallpaper1_2_h800.jpg) 50% 20%;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth2 {
background:url(../images/wallpaper1_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.active .box {
left:0px;
}
.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/wallpaper1_3_h800.jpg) 50% center;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth3 {
background:url(../images/wallpaper1_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/wallpaper1_4_h800.jpg) 50% top;
}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth4 {
background:url(../images/wallpaper1_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:110px;
}
.video .innerBox .guide a {
margin:0 3px;
width:20px;
}
.video .innerBox a.movedown {
position:static;
margin:0 auto;
left:0px;
}
}
@media (min-width:1921px), (min-height:1201px) {
section.business {
-moz-background-size:cover;
background-size:cover;
}
}
@media (min-height:1201px) {
.business .box {
margin-top:-70px;
}
}
@media (min-width:1151px) and (max-height:700px) {
.business .box .caption i {
display:none;
}
.business .box ul.items {
margin-top:50px;
}
}
@media (min-width:1151px) and (max-height:630px) {
.business .box {
margin-top:0px;
}
}
@media (max-width:1150px) {
.business .box ul.items {
margin-top:40px;
}
.business .box ul.items li {
width:170px;
height:270px;
margin:0px;
}
.business .box ul.items li u {
background:none;
display:none;
}
.business .box ul.items li strong {
margin-top:40px;
}
.business .box ul.items li:hover {
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
}
}
@media (max-width:1150px) and (max-height:680px) {
.business .box .caption i {
display:none;
}
.business .box ul.items {
margin-top:10px;
}
}
@media (max-width:1150px) and (max-height:580px) {
.business .box {
margin-top:0px;
}
}
@media (max-width:1000px) {
.business .box {
margin-top:-55px;
}
.business .box ul.items li {
width:270px;
height:80px;
margin:30px 0 0 21px;
padding:10px 0 5px 15px;
}
.business .box ul.items li i {
margin-top:0px;
float:left;
}
.business .box ul.items li strong {
float:left;
margin:5px 0 0 20px;
}
.business .box ul.items li p {
float:left;
margin:5px 0 0 20px;
color:#888;
text-align:inherit;
}
.business .box ul.items li:hover p {
margin:5px 0 0 20px;
color:White;
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-ms-transition-delay:.2s;
-o-transition-delay:.2s;
transition-delay:.2s;
}
.business .box label {
margin-top:50px;
}
}
@media (max-width:1000px) and (max-height:730px) {
.business .box .caption i {
display:none;
}
.business .box ul.items {
margin-top:10px;
}
}
@media (max-width:1000px) and (max-height:650px) {
.business .box label {
display:none;
}
}
@media (max-width:1000px) and (max-height:560px) {
.business .box {
margin-top:0px;
}
}
@media (max-width:929px) and (max-height:880px) {
.business .box .caption i {
display:none;
}
.business .box ul.items {
margin-top:10px;
}
}
@media (max-width:929px) and (max-height:770px) {
.business .box label {
display:none;
}
}
@media (max-width:929px) and (max-height:680px) {
.business .box {
margin-top:0px;
}
}
@media (max-width:929px) and (max-height:570px), (max-width:620px) {
.business .box {
margin-top:-55px;
}
.business .box ul.items {
margin-top:30px;
}
.business .box ul.items li {
width:173px;
height:43px;
margin:15px 10px 0px 10px;
}
.business .box ul.items li i {
margin-top:0px;
}
.business .box ul.items li.pc i {
width:46px;
height:35px;
background:url(../images/words_mini.png) no-repeat -145px -217px;
}
.business .box ul.items li.mobi i {
width:46px;
height:39px;
background:url(../images/words_mini.png) no-repeat -245px -176px;
}
.business .box ul.items li.sys i {
width:46px;
height:35px;
background:url(../images/words_mini.png) no-repeat -249px -220px;
}
.business .box ul.items li.app i {
width:46px;
height:41px;
background:url(../images/words_mini.png) no-repeat -146px -264px;
}
.business .box ul.items li.host i {
width:47px;
height:38px;
background:url(../images/words_mini.png) no-repeat -253px -266px;
}
.business .box ul.items li p {
display:none;
}
.business .box ul.items li strong {
margin-left:15px;
}
.business .box ul.items li.pc:hover i {
background:url(../images/words_mini.png) no-repeat -100px -217px;
}
.business .box ul.items li.mobi:hover i {
background:url(../images/words_mini.png) no-repeat -201px -176px;
}
.business .box ul.items li.sys:hover i {
background:url(../images/words_mini.png) no-repeat -196px -220px;
}
.business .box ul.items li.app:hover i {
background:url(../images/words_mini.png) no-repeat -100px -264px;
}
.business .box ul.items li.host:hover i {
background:url(../images/words_mini.png) no-repeat -201px -266px;
}
}
@media (max-width:929px) and (max-height:460px) {
.business .box ul.items {
margin-top:15px;
}
.business .box ul.items li {
margin:5px 10px 0px 10px;
}
}
@media (max-width:929px) and (max-height:420px) {
.business .box ul.items {
margin-top:30px;
}
.business .box {
margin-top:0px;
}
}
@media (max-width:929px) and (max-height:720px) {
.business .box label {
display:none;
}
}
@media (max-width:929px) and (max-height:660px) {
.business .box .caption i {
display:none;
}
.business .box ul.items {
margin-top:30px;
}
}
@media (max-width:929px) and (max-height:550px) {
.business .box ul.items {
margin-top:20px;
}
.business .box ul.items li {
margin:5px 10px 0px 10px;
}
}
@media (max-width:929px) and (max-height:460px) {
.business .box {
margin-top:0px;
}
}
@media (max-width:929px) and (max-height:320px) {
.business .box ul.items {
margin-top:15px;
}
}
@media (max-width:929px) and (max-height:310px), (max-width:638px) and (max-height:390px), (max-width:425px) and (max-height:500px) {
.business .box ul.items {
margin-top:40px;
}
.business .box ul.items li {
width:120px;
height:40px;
margin:0px 10px 15px 10px;
padding:0px;
background:none;
}
.business .box ul.items li strong {
position:relative;
margin:0px;
width:100%;
height:40px;
font-size:14px;
line-height:40px;
text-align:center;
z-index:10;
}
.business .box ul.items li:hover strong {
color:#333;
}
.business .box ul.items li i {
position:absolute;
display:block !important;
width:120px !important;
height:40px !important;
background:White !important;
border:1px solid #bbb;
-moz-opacity:0.5;
opacity:0.5;
}
}
@media (max-width:929px) and (max-height:260px) {
.business .box {
margin-top:8px;
}
.business .box ul.items {
margin-top:18px;
}
}
@media (max-width:425px) and (max-height:880px) {
.business .box .caption i {
display:block;
}
.business .box label {
display:none;
}
}
@media (max-width:425px) and (max-height:770px) {
.business .box .caption i {
display:none;
}
.business .box ul.items {
margin-top:20px;
}
}
@media (max-width:425px) and (max-height:670px) {
.business .box {
margin-top:0px;
}
}
@media (max-width:425px) and (max-height:500px) {
.business .box ul.items {
margin-top:40px;
}
}
@media (max-width:390px) {
.business .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/wallpaper3_h800.jpg);
}
}
@media (max-width:960px) and (max-height:600px) {
section.cases {
background:url(../images/wallpaper3_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 .bg {
display:none;
}
}
@media (max-width:1150px) {
.cases .box .swiper-container.items {
width:840px;
}
.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 .bg {
width:260px;
height:100px;
}
.cases .box .swiper-container.items .swiper-slide .bg 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 .bg {
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 .bg {
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 .bg {
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;
}
.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 #2a91d0;
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 .bg {
width:340px;
height:100px;
background-color:#fff;
-moz-opacity:0.5;
opacity:0.5;
filter:alpha(opacity=50);
}
.cases .box a.prev, .cases .box a.next {
display:block;
position:absolute;
top:-300px;
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;
}
.cases .box a.prev {
left:30px;
background:url(../images/icons.png) no-repeat 0px -219px;
}
.cases .box a.next {
right:30px;
background:url(../images/icons.png) no-repeat -25px -219px;
}
}
@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 .bg {
width:260px;
height:100px;
}
.cases .box a.prev {
left:20px;
}
.cases .box a.next {
right:20px;
}
}
@media (orientation:portrait) and (max-width:500px) and (max-height:640px) {
.cases .box .caption i {
display:none;
}
}
@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;
}
}
@media (orientation:portrait) and (max-width:370px) {
.cases .box a.prev, .cases .box a.next {
margin-top:175px;
}
.cases .box a.prev {
left:40px;
}
.cases .box a.next {
right:40px;
}
}
@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 .bg {
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/wallpaper4_h800.jpg) 50% 90%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.clients {
background:url(../images/wallpaper4_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/wallpaper5_h800.jpg) 50% 10%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.quality {
background:url(../images/wallpaper5_h600.jpg) 50% 10%;
}
}
@media (max-width:960px) {
.quality .box .items {
display:none;
}
.quality .box .mini {
display:block;
margin:0 auto;
margin-top:120px;
width:240px;
height:200px;
overflow:hidden;
}
.quality .box .mini .swiper-slide {
margin:0px;
}
.quality .box a.prev, .quality .box a.next {
display:block;
position:absolute;
top:-300px;
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;
}
.quality .box a.prev {
left:30px;
background:url(../images/icons.png) no-repeat 0px -219px;
}
.quality .box a.next {
right:30px;
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:710px) {
.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/wallpaper6_h800.jpg) 50% 45%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.marketing {
background:url(../images/wallpaper6_h600.jpg) 50% 45%;
}
}
@media (max-width:1100px) {
.marketing .box ul.items li {
margin:0 10px;
}
}
@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:0px;
}
}
@media (max-width:1000px) {
.marketing .box {
margin:0px;
}
.marketing .box ul.items {
width:550px !important;
}
.marketing .box ul.items li {
height:190px;
margin:0 20px;
}
.marketing .box ul.items li u {
display:none;
}
.marketing.active .box ul.items li strong {
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 ul.items li {
height:140px;
}
}
@media (max-width:1000px) and (max-height:580px) {
.marketing .box .caption i {
display:none;
}
.marketing .box ul.items {
margin-top:10px;
}
}
@media (max-width:1000px) and (max-height:470px), (max-width:600px) {
.marketing .box ul.items {
margin-top:30px;
width:600px !important;
}
.marketing .box ul.items li {
width:160px;
height:43px;
margin:30px 0 0 25px;
}
.marketing .box ul.items li i {
float:left;
margin-top:0px;
height:43px;
}
.marketing .box ul.items li.se i {
width:33px;
margin:0 6px;
background:url(../images/words_mini.png) no-repeat -86px -380px;
}
.marketing .box ul.items li.weixin i {
width:45px;
background:url(../images/words_mini.png) no-repeat -124px -377px;
}
.marketing .box ul.items li.weibo i {
width:42px;
margin:0 1px 0 2px;
background:url(../images/words_mini.png) no-repeat -172px -377px;
}
.marketing .box ul.items li.sms i {
width:38px;
margin:0 3px 0 4px;
background:url(../images/words_mini.png) no-repeat -219px -374px;
}
.marketing .box ul.items li.pay i {
width:34px;
margin:0 5px 0 6px;
background:url(../images/words_mini.png) no-repeat -263px -382px;
}
.marketing .box ul.items li.bbs i {
width:31px;
margin:0 7px;
background:url(../images/words_mini.png) no-repeat -86px -422px;
}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong {
float:left;
margin:0px;
padding-left:15px;
line-height:43px;
}
.marketing .box ul.items li p {
display:none;
}
}
@media (max-width:1000px) and (max-height:430px) {
.marketing .box ul.items {
margin-top:20px;
}
.marketing .box ul.items li {
margin-top:20px;
}
}
@media (max-width:600px) {
.marketing .box ul.items {
margin-top:50px;
width:395px !important;
}
}
@media (max-width:600px) and (min-height:750px) {
.marketing .box {
margin-top:-70px;
}
}
@media (max-width:600px) and (max-height:520px) {
.marketing .box ul.items {
margin-top:20px;
}
.marketing .box ul.items li {
margin-top:15px;
}
}
@media (max-width:450px) {
.marketing .box {
margin-top:0px;
}
.marketing .box ul.items {
margin-top:20px;
width:220px !important;
}
}
@media (max-width:450px) and (max-height:730px) {
.marketing .box ul.items {
margin-top:30px;
}
.marketing .box ul.items li {
margin-top:15px;
}
}
@media (max-width:450px) and (max-height:650px) {
.marketing .box .caption i {
display:none;
}
.marketing .box ul.items {
margin-top:20px;
}
}
@media (max-width:600px) and (max-height:380px), (max-width:450px) and (max-height:550px) {
.marketing .box ul.items {
width:222px !important;
}
.marketing .box ul.items li {
position:relative;
width:102px;
margin:0 3px;
padding:0px;
text-align:center;
}
.marketing .box ul.items li strong, .marketing.active .box ul.items li strong {
display:block;
position:absolute;
float:none;
padding:0px;
margin:0 auto;
width:100px;
font-size:14px;
font-weight:normal;
line-height:36px;
border:1px solid #eee;
}
.marketing .box ul.items li i {
position:absolute;
width:130px !important;
height:36px !important;
margin:0 !important;
padding:1px 0 0 1px !important;
background:White !important;
-moz-opacity:0.5;
opacity:0.5;
filter:alpha(opacity=50);
}
}
@media (orientation:landscape) and (max-height:230px) {
.marketing .box ul.items {
width:334px !important;
}
}
@media (max-width:1280px) and (max-height:800px) {
section.aboutus {
background:url(../images/wallpaper7_h800.jpg) 50% 60%;
}
}
@media (max-width:960px) and (max-height:600px) {
section.aboutus {
background:url(../images/wallpaper7_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;
}
}
@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) {
.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, .aboutus.active .items {
left:50%;
margin-left:-240px;
height:280px;
}
.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:30px;
}
.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/wallpaper8_h800.jpg) 50% bottom;
}
}
@media (max-width:960px) and (max-height:600px) {
section.contact {
background:url(../images/wallpaper8_h600.jpg) 50% 10%;
}
}
@media (max-width:950px) {
.contact .box {
width:470px;
}
.contact .box .above .left {
float:right;
margin-left:0px;
}
.contact .box .above .right {
display:none;
}
}
@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:380px;
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:430px;
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 {
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:260px;
height:350px;
}
.contact .box .above .wechat {
width:150px;
margin-left:-75px;
}
.contact .box .below {
display:none;
}
}
@media (orientation:portrait) and (max-height:450px) {
.contact .box {
height:160px;
}
.contact .box .above .wechat {
display:none;
}
}
@media (max-width:700px), (max-height:600px) {
.dock {
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;
}