.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 {}
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: 24px;
 left: 50px;
 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: 120px;
 top: 16px;
}
header .words {
 display: block;
 position: fixed;
 top: 40px;
 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: 23px;
 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: 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(../image/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: 48px;
 font-size: 24px;
 color: #00dfb9;
 z-index: 99;
 display: none;
}
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(../image/welcome.jpg) 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: 240px;
	top: 50%;
	left: 50%;
	margin-top: -135px;
	margin-left: -185px;
	color: #2fd0b5;
	font-size: 20px;
	text-align: center;
	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(../image/wallpaper1_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: 123px;
 height: 231px;
 background: url(../image/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: 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(../image/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(../image/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;
}
.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(../image/wallpaper1_2.jpg) 50% 20%;
 -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: 320px;
 height: 65px;
 margin: 10px 0px 8px 0px;
 background: url(../image/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(../image/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(../image/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: #ccc;
 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(../image/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(../image/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 .news {
 margin: 0 auto;
 margin-bottom: 30px;
 width: 400px;
}
.video .innerBox .news span {
 float: left;
 margin: 1px 15px 0px 0px;
 color: #00dfb9;
 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: #00dfb9;
 margin-top: -3px;
 text-decoration: none;
 border-bottom: 1px dotted #00dfb9;
 -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: 200px;
}
.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(../image/icons.png) no-repeat 0px -60px;
 cursor: pointer;
 z-index: 99;
}
.video .innerBox a.movedown:hover {
 background: url(../image/icons.png) no-repeat 0px -112px;
}
section.business {
 background: url(../image/wallpaper2.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(../image/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 8px;
 background: url(../image/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(../image/words.png) no-repeat -245px -357px;
}
.business .box ul.items li.mobi i {
 width: 64px;
 background: url(../image/words.png) no-repeat -416px -291px;
}
.business .box ul.items li.sys i {
 width: 76px;
 background: url(../image/words.png) no-repeat -415px -362px;
}
.business .box ul.items li.app i {
 width: 74px;
 background: url(../image/words.png) no-repeat -244px -439px;
}
.business .box ul.items li.host i {
 width: 79px;
 background: url(../image/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(../image/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(../image/words.png) no-repeat -168px -357px;
}
.business .box ul.items li.mobi:hover i {
 background: url(../image/words.png) no-repeat -337px -291px;
}
.business .box ul.items li.sys:hover i {
 background: url(../image/words.png) no-repeat -327px -362px;
}
.business .box ul.items li.app:hover i {
 background: url(../image/words.png) no-repeat -164px -439px;
}
.business .box ul.items li.host:hover i {
 background: url(../image/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(../image/words.png) no-repeat 0px -333px;
}
section.cases {
 background: url(../image/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(../image/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 #2fd0b5;
 cursor: pointer;
}
.cases .box .swiper-container.items .swiper-slide img {
 width: 340px;
 height: 200px;
}
.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(../image/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 .bg {
 width: 340px;
 height: 100px;
 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: #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: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: #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(../image/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: 299px;
 height: 37px;
 background: url(../image/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.zh {
 top: 600px;
 background: url(../image/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.zh.active {
 background: url(../image/clients.png) no-repeat 0px -150px;
}
.clients.active .box ul.items li.zh {
 top: 0px;
}
.clients .box ul.items li.hh {
 top: -400px;
 background: url(../image/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.hh.active {
 background: url(../image/clients.png) no-repeat -230px -150px;
}
.clients.active .box ul.items li.hh {
 top: 0px;
}
.clients .box ul.items li.hy {
 top: 600px;
 background: url(../image/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.hy.active {
 background: url(../image/clients.png) no-repeat -460px -150px;
}
.clients.active .box ul.items li.hy {
 top: 0px;
}
.clients .box ul.items li.sl {
 top: -400px;
 background: url(../image/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.sl.active {
 background: url(../image/clients.png) no-repeat -690px -150px;
}
.clients.active .box ul.items li.sl {
 top: 0px;
}
.clients .box ul.items li.kn {
 top: 600px;
 background: url(../image/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.kn.active {
 background: url(../image/clients.png) no-repeat -920px -150px;
}
.clients.active .box ul.items li.kn {
 top: 0px;
}
.clients .box ul.items li.apple {
 top: 450px;
 background: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/wallpaper5.jpg) 50% 10%;
}
.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(../image/words.png) no-repeat 0px -576px;
}
.quality .box .caption span {
 padding-left: 5px;
 color: White;
 font-size: 24px;
}
.quality .box .items {
 margin: 0 auto;
 margin-top: 120px;
 width: 960px;
}
.quality .box .swiper-slide {
 position: relative;
 width: 240px;
 margin: 0 40px;
}
.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;
 text-align: center;
}
.quality .box .swiper-slide ul li {
 position: relative;
 margin: 0 15px 15px 15px;
 padding: 0;
 overflow: hidden;
}
.quality .box .swiper-slide ul li.mobi {
 width: 14px;
 height: 27px;
 background: url(../image/icons.png) no-repeat 0px -264px;
}
.quality .box .swiper-slide ul li.pad {
 width: 29px;
 height: 23px;
 background: url(../image/icons.png) no-repeat -71px -264px;
}
.quality .box .swiper-slide ul li.pc {
 width: 35px;
 height: 27px;
 background: url(../image/icons.png) no-repeat 0px -303px;
}
.quality .box .swiper-slide ul li.windows {
 width: 27px;
 height: 27px;
 background: url(../image/icons.png) no-repeat -73px -304px;
}
.quality .box .swiper-slide ul li.ios {
 width: 24px;
 height: 30px;
 background: url(../image/icons.png) no-repeat 0px -344px;
}
.quality .box .swiper-slide ul li.andriod {
 width: 28px;
 height: 29px;
 background: url(../image/icons.png) no-repeat -72px -345px;
}
.quality .box .swiper-slide ul li.ie {
 width: 28px;
 height: 28px;
 background: url(../image/icons.png) no-repeat 0px -392px;
}
.quality .box .swiper-slide ul li.chrome {
 width: 30px;
 height: 30px;
 background: url(../image/icons.png) no-repeat -71px -392px;
}
.quality .box .swiper-slide ul li.firefox {
 width: 32px;
 height: 30px;
 background: url(../image/icons.png) no-repeat 0px -432px;
}
.quality .box .swiper-slide ul li.safari {
 width: 30px;
 height: 32px;
 background: url(../image/icons.png) no-repeat -71px -432px;
}
.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;
}
.quality .box .mini, .quality .box a.prev, .quality .box a.next {
 display: none;
}
section.marketing {
 background: url(../image/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(../image/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(../image/words.png) no-repeat -144px -632px;
}
.marketing .box ul.items li.weixin i {
 width: 74px;
 background: url(../image/words.png) no-repeat -207px -630px;
}
.marketing .box ul.items li.weibo i {
 width: 68px;
 background: url(../image/words.png) no-repeat -288px -630px;
}
.marketing .box ul.items li.sms i {
 width: 61px;
 background: url(../image/words.png) no-repeat -366px -628px;
}
.marketing .box ul.items li.pay i {
 width: 56px;
 background: url(../image/words.png) no-repeat -438px -639px;
}
.marketing .box ul.items li.bbs i {
 width: 51px;
 background: url(../image/words.png) no-repeat -144px -705px;
}
.marketing .box ul.items li u {
 display: block;
 position: absolute;
 width: 128px;
 height: 128px;
 background: url(../image/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(../image/wallpaper7.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: #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;
 left: -480px;
 width: 480px;
 height: 240px;
 -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: 50%;
 -moz-opacity: 1;
 opacity: 1;
}
.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.nth1 u {
 display: block;
 margin-top: 20px;
 color: #999;
 font-size: 24px;
 text-decoration: none;
}
.aboutus .items .swiper-slide.nth2 strong {
 display: block;
 color: #00dfb9;
 font-size: 22px;
 font-weight: normal;
 text-indent: 28px;
}
.aboutus .items .swiper-slide.nth2 p {
 margin-top: 20px;
 color: #999;
 line-height: 35px;
 text-indent: 28px;
}
.aboutus .items .swiper-slide.nth3 strong {
 display: block;
 margin-bottom: 20px;
 color: #00dfb9;
 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(../image/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: #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.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(../image/wallpaper8.jpg) 50% bottom;
 -moz-background-size: cover;
 background-size: cover;
}
.contact .box {
 position: relative;
 margin: 0 auto;
 width: 960px;
 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(../image/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 .links {
 display: block;
 margin-top: -3px;
 padding: 10px 0;
 color: #666;
 line-height: 20px;
}
.contact .box .links strong {
 color: #c0c0c0;
 margin: 0 5px;
 text-decoration: none;
}
.contact .box .links a {
 color: #c0c0c0;
}
.contact .box .links a:hover {
 color: #00dfb9;
}
.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(../image/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 {
 display: black;
 position: fixed;
 right: 0px;
 width: 50px;
 -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(../image/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;
}
.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: #00dfb9;
 font-size: 16px;
 text-align: center;
 text-decoration: none;
 border: 1px solid #00dfb9;
 -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(../image/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 #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: 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(../image/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: 800px), (max-height: 480px) {
 div.welcome p {
  width: 218px;
  padding-top: 190px;
  top: 50%;
  left: 50%;
  margin-top: -110px;
  margin-left: -109px;
 }
}
@media (max-height: 260px) {
 div.welcome p {
  height: 158px;
  padding: 0px;
  margin-top: -79px;
 }
 div.welcome p u {
  display: none;
 }
}
@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(../image/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: 233px;
  height: 40px;
  margin: 3px 0px 5px 0px;
  background: url(../image/words_mini.png) no-repeat;
 }
 .video .swiper-container .nth1 .box .right p {
  font-size: 12px;
  font-family: "宋体";
  line-height: 20px;
 }
}
@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(../image/words_mini.png) no-repeat 0px -45px;
 }
 .video .swiper-container .nth2 .box p {
  font-size: 12px;
  font-family: "宋体";
  line-height: 20px;
 }
}
@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(../image/words_mini.png) no-repeat 0px -131px;
 }
 .video .swiper-container .nth3 .box .bottom {
  font-size: 12px;
  font-family: "宋体";
  line-height: 20px;
 }
}
@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(../image/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(../image/words_mini.png) no-repeat -145px -217px;
 }
 .business .box ul.items li.mobi i {
  width: 46px;
  height: 39px;
  background: url(../image/words_mini.png) no-repeat -245px -176px;
 }
 .business .box ul.items li.sys i {
  width: 46px;
  height: 35px;
  background: url(../image/words_mini.png) no-repeat -249px -220px;
 }
 .business .box ul.items li.app i {
  width: 46px;
  height: 41px;
  background: url(../image/words_mini.png) no-repeat -146px -264px;
 }
 .business .box ul.items li.host i {
  width: 47px;
  height: 38px;
  background: url(../image/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(../image/words_mini.png) no-repeat -100px -217px;
 }
 .business .box ul.items li.mobi:hover i {
  background: url(../image/words_mini.png) no-repeat -201px -176px;
 }
 .business .box ul.items li.sys:hover i {
  background: url(../image/words_mini.png) no-repeat -196px -220px;
 }
 .business .box ul.items li.app:hover i {
  background: url(../image/words_mini.png) no-repeat -100px -264px;
 }
 .business .box ul.items li.host:hover i {
  background: url(../image/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(../image/wallpaper3_h800.jpg);
 }
}
@media (max-width: 960px) and (max-height: 600px) {
 section.cases {
  background: url(../image/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 #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 .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(../image/icons.png) no-repeat 0px -219px;
 }
 .cases .box a.next {
  right: 30px;
  background: url(../image/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(../image/wallpaper4_h800.jpg) 50% 90%;
 }
}
@media (max-width: 960px) and (max-height: 600px) {
 section.clients {
  background: url(../image/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(../image/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(../image/wallpaper5_h800.jpg) 50% 10%;
 }
}
@media (max-width: 960px) and (max-height: 600px) {
 section.quality {
  background: url(../image/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(../image/icons.png) no-repeat 0px -219px;
 }
 .quality .box a.next {
  right: 30px;
  background: url(../image/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(../image/wallpaper6_h800.jpg) 50% 45%;
 }
}
@media (max-width: 960px) and (max-height: 600px) {
 section.marketing {
  background: url(../image/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(../image/words_mini.png) no-repeat -86px -380px;
 }
 .marketing .box ul.items li.weixin i {
  width: 45px;
  background: url(../image/words_mini.png) no-repeat -124px -377px;
 }
 .marketing .box ul.items li.weibo i {
  width: 42px;
  margin: 0 1px 0 2px;
  background: url(../image/words_mini.png) no-repeat -172px -377px;
 }
 .marketing .box ul.items li.sms i {
  width: 38px;
  margin: 0 3px 0 4px;
  background: url(../image/words_mini.png) no-repeat -219px -374px;
 }
 .marketing .box ul.items li.pay i {
  width: 34px;
  margin: 0 5px 0 6px;
  background: url(../image/words_mini.png) no-repeat -263px -382px;
 }
 .marketing .box ul.items li.bbs i {
  width: 31px;
  margin: 0 7px;
  background: url(../image/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(../image/wallpaper7_h800.jpg) 50% 60%;
 }
}
@media (max-width: 960px) and (max-height: 600px) {
 section.aboutus {
  background: url(../image/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(../image/wallpaper8_h800.jpg) 50% bottom;
 }
}
@media (max-width: 960px) and (max-height: 600px) {
 section.contact {
  background: url(../image/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;
 }
 .contact .box .links {
  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;
 }
 .contact .box .links {
  display: none;
 }
}
@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;
 }
 .contact .box .links {
  display: none;
 }
}
@media (orientation: portrait) and (max-height: 450px) {
 .contact .box {
  height: 160px;
 }
 .contact .box .above .wechat {
  display: none;
 }
}
@media only screen and (max-width: 1024px) {
 .dock {
  display: none;
 }
}
@media (max-width: 319px), (max-height: 210px) {
 body {
  display: none;
 }
 html {
  background: url(../image/displayNone.png) no-repeat 50% top;
  background-color: #333a32;
 }
}
.clear {
 clear: both;
}
#BDBridgeWrap {
 display: none;
}

@media (max-width:767px) {
 .link {
  display: none
 }
.link a {
 color: #fff
}
.link a:hover {
 color: #fff;
 font-weight: 700
}