@charset "utf-8";
	.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform,left,top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform,left,top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform,left,top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform,left,top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	transition-property:transform,left,top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	float:left;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-wp8-horizontal {
	-ms-touch-action:pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action:pan-x
}
.swiper-container {
	}
.swiper-slide {
	}
.swiper-slide-active {
	}
.swiper-slide-visible {
	}
.swiper-pagination-switch {
	}
.swiper-active-switch {
	}
.swiper-visible-switch {
	}
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 h1 { display:none;}
header .logo {
	position:fixed;
	top:20px;
	left:50px;
	width:290px;
	-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:210px;
	top:14px;
}
header .logo img.mini {
	display:none;
}
header nav.menu {
	margin:36px 0 0 160px;
	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 15px;
	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:#009944;
	text-decoration:none;
}
header nav.menu .line {
	position:absolute;
	top:0px;
	width:0px;
	height:3px;
	font-size:3px;
	background-color:#009944;
	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:#009944;
	font-family:Arial;
	font-weight:bold;
	font-size:26px;
	letter-spacing:1px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .hotline span {
	font-size:20px;
}
header .hotline u {
	position:fixed;
	top:35px;
	right:230px;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background:url(../images/icons.png) no-repeat;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .hotline u {
	top:20px;
	right:195px;
}
header .hotline a {
	color:#009944;
}
header .menu-icon {
	position:fixed;
	top:34px;
	right:48px;
	font-size:24px;
	color:#009944;
	z-index:99;
	display:none;
}
header.fixed .menu-icon {
	top:18px;
}
header .menu-icon a {
	color:#009944;
	text-decoration:none;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}


@-webkit-keyframes rotating {
from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating {
from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
header .menu-icon span {
	margin-left:25px;
	-moz-opacity:0.5;
	opacity:1;
	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;
}

.mBtnLine{
    float: right;
    width: 25px;
    display: none;
}
.m-logo{
    display: none;
}
.list-inline>li span{
    display: none;
}

.mini.list-inline>li span{
    display:block;
}

.contico {
    display:none;
}
.dibi {
    display:none;
}
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-color:#f7f8f8;
	-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:530px;
	height:100px;
	padding-top:140px;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-248px;
	color:#19b3a5;
	font-size:20px;
	text-align:center;
	background:url(../images/welcome.png) no-repeat;
	overflow:hidden;
}

    div.welcome i {
        position:absolute;border:#ccc 1px solid; width:100%; display:block;margin:0px;padding:0px; height:0px;	top:51%;
    } 

div.welcome p u {
	position:relative;width:26px;height:26px;border:6px solid #c5c5c5;margin:0 auto;display:block;border-radius:100%; margin-top:60px;
}

div.welcome p u:before{content:"";position:absolute;left:-6px;width:calc(100% + 12px);height:6px;background:#f7f8f8;top:50%;margin-top:-3px;z-index:10}

div.welcome p u.loading{-webkit-animation:rotating 1s linear infinite;-moz-animation:rotating 1s linear infinite;-ms-animation:rotating 1s linear infinite;-o-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}

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(../images/wp1_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:143px;
	height:231px;
	background:url(../images/words.png) no-repeat top right;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .left {
	left:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth1 .box .right {
	position:absolute;
	right:-500px;
	margin:30px 0 0 120px;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .right {
	right:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth1 .box .right span {
	font-size:36px;
	color:White;
}
.video .swiper-container .nth1 .box .right i {
	display:block;
	width:339px;
	height:66px;
	margin-bottom:5px;
	background:url(../images/words.png) no-repeat;
}
.video .swiper-container .nth1 .box .right p {
	font-size:16px;
	line-height:25px;
	color:#ccc;
}
.video .swiper-container .nth1 .shade {
	position:absolute;
	width:400%;
	height:1800px;
	background:url(../images/swiper_nth1_shade.png) no-repeat center top;
	-moz-background-size:cover;
	background-size:cover;
	-webkit-transition:width .8s ease-in-out .3s;
	-moz-transition:width .8s ease-in-out .3s;
	-ms-transition:width .8s ease-in-out .3s;
	-o-transition:width .8s ease-in-out .3s;
	transition:width .8s ease-in-out .3s;
}
.video .swiper-container .nth1.active .shade {
	width:100%;
}
.video .swiper-container .nth1 .line {
	position:relative;
	margin:0 auto;
	top:-91px;
	width:602px;
	height:413px;
	z-index:20;
}
.video .swiper-container .nth1 .line u {
	display:block;
	width:0px;
	height:0px;
	border:1px dashed #22fae2;
	text-decoration:none;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .8s ease-in .7s;
	-moz-transition:all .8s ease-in .7s;
	-ms-transition:all .8s ease-in .7s;
	-o-transition:all .8s ease-in .7s;
	transition:all .8s ease-in .7s;
}
.video .swiper-container .nth1.active .line u {
	width:600px;
	height:411px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth2 {
	background:url(../images/wp1_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(../images/words.png) no-repeat 0px -72px;
}
.video .swiper-container .nth2 .box p {
	margin:0px;
	font-size:16px;
	line-height:25px;
	color:#ccc;
}
.video .swiper-container .nth2 .shade {
	width:100%;
	height:2000px;
	background:#0b151a;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.video .swiper-container .nth2.active .shade {
	width:50%;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);
}
.video .swiper-container .nth3 {
	background:url(../images/wp1_3.jpg) 50% center;
	-moz-background-size:cover;
	background-size:cover;
}
.video .swiper-container .nth3 .box {
	position:relative;
	width:100%;
}
.video .swiper-container .nth3 .box .top {
	font-size:80px;
	color:White;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:10;
}
.video .swiper-container .nth3.active .box .top {
	font-size:36px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth3 .box .mid {
	width:358px;
	height:66px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	background:url(../images/words.png) no-repeat 0px -219px;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.video .swiper-container .nth3.active .box .mid {
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth3 .box .bottom {
	width:100%;
	color:#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(../images/wp1_4.jpg) 50% top;
	-moz-background-size:cover;
	background-size:cover;
}
.video .swiper-container .nth4 .box {
	position:relative;
	width:100%;
}
.video .swiper-container .nth4 .box .top {
	position:relative;
	top:-100px;
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .3s linear 0s;
	-moz-transition:all .3s linear 0s;
	-ms-transition:all .3s linear 0s;
	-o-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
	z-index:10;
}
.video .swiper-container .nth4.active .box .top {
	top:0px;
	-moz-opacity:1;
	opacity:1;
}
.video .swiper-container .nth4 .box .top span {
	font-size:36px;
	color:White;
}
.video .swiper-container .nth4 .box .top i {
	display:block;
	width:242px;
	height:64px;
	margin:0 auto;
	margin-top:15px;
	background:url(../images/words.png) no-repeat 0px -147px;
}
.video .swiper-container .nth4 .box .bottom {
	position:relative;
	top:100px;
	width:100%;
	margin-top:15px;
	font-size:16px;
	line-height:25px;
	color:#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:#009944;
	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:#009944;
	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:#009944;
	margin-top:-3px;
	text-decoration:none;
	border-bottom:1px dotted #009944;
	-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:100px;
	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:#009944;
}
.video .innerBox a.movedown {
	display:block;
	margin:0 auto;
	width:47px;
	height:47px;
	background:url(../images/icons.png) no-repeat 0px -60px;
	cursor:pointer;
	z-index:99;
    animation:arrow linear 2s 0s infinite running;
    -webkit-animation:arrow linear 2s 0s infinite running;
}

@-webkit-keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}
@keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

.video .innerBox a.movedown:hover {
	background:url(../images/icons.png) no-repeat 0px -112px;
}



section.business {
	background:url(../images/wp2.jpg) 50% bottom;
}
.business .box {
	position:relative;
	margin-top:-55px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.business .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.business .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:320px;
	height:31px;
	background:url(../images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size:24px;
	letter-spacing:3px;
}
.business .box ul.items {
	margin:0 auto;
	margin-top:60px;
}
.business .box ul.items li {
	width:200px;
	height:300px;
	margin:0 15px;
	background:url(../images/bg_green.png) no-repeat 0px 400px;
	overflow:hidden;
}
.business .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:43px;
	height:70px;
}
.business .box ul.items li.pc i {
	width:76px;
	background:url(../images/words.png) no-repeat -415px -362px;
}
.business .box ul.items li.mobi i {
	width:64px;
	background:url(../images/words.png) no-repeat -416px -291px;
}
.business .box ul.items li.sys i {
	width:76px;
	background:url(../images/words.png) no-repeat -238px -362px;
}
.business .box ul.items li.xcp i {
	width:76px;
	background:url(../images/words.png) no-repeat -410px -805px;
}
.business .box ul.items li.app i {
	width:74px;
	background:url(../images/words.png) no-repeat -244px -439px;
}
.business .box ul.items li.host i {
	width:79px;
	background:url(../images/words.png) no-repeat -420px -439px;
}
.business .box ul.items li u {
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:22px;
	background:url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business.active .box ul.items li u.cl {
	clip:rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip:rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display:block;
	margin-top:70px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
.business .box ul.items li p {
	position:relative;
	top:200px;
	color:White;
	font-family:Arial,"宋体";
	font-size:12px;
	line-height:20px;
	text-align:center;
}
.business .box ul.items li:hover {
	background-position:0px 0px;
	-webkit-transition:all .5s ease-in-out .3s;
	-moz-transition:all .5s ease-in-out .3s;
	-ms-transition:all .5s ease-in-out .3s;
	-o-transition:all .5s ease-in-out .3s;
	transition:all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition:all .5s ease-in-out .4s;
	-moz-transition:all .5s ease-in-out .4s;
	-ms-transition:all .5s ease-in-out .4s;
	-o-transition:all .5s ease-in-out .4s;
	transition:all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i {
	background:url(../images/words.png) no-repeat -327px -362px;
}
.business .box ul.items li.mobi:hover i {
	background:url(../images/words.png) no-repeat -337px -291px;
}
.business .box ul.items li.sys:hover i {
	background:url(../images/words.png) no-repeat -162px -362px;
}
.business .box ul.items li.xcp:hover i {
	background:url(../images/words.png) no-repeat -333px -805px;
}
.business .box ul.items li.app:hover i {
	background:url(../images/words.png) no-repeat -164px -439px;
}
.business .box ul.items li.host:hover i {
	background:url(../images/words.png) no-repeat -335px -439px;
}
.business .box ul.items li:hover u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business .box ul.items li:hover u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color:White;
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.business .box ul.items li:hover p {
	top:20px;
	-webkit-transition:all .3s ease-in-out .5s;
	-moz-transition:all .3s ease-in-out .5s;
	-ms-transition:all .3s ease-in-out .5s;
	-o-transition:all .3s ease-in-out .5s;
	transition:all .3s ease-in-out .5s;
}
.business .box label {
	display:block;
	margin:0 auto;
	margin-top:-40px;
	width:297px;
	height:21px;
	background:url(../images/words.png) no-repeat 0px -333px;
}
section.cases {
	background:url(../images/wp3.jpg);
}
.cases .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.cases .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.cases.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.cases .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:129px;
	height:37px;
	background:url(../images/words.png) no-repeat 0px -528px;
}
.cases .box .caption span {
	font-size:24px;
	letter-spacing:3px;
	padding-left:10px;
}
.cases .box .swiper-container.items {
	position:relative;
	margin:0 auto;
	margin-top:60px;
	top:700px;
	width:1200px;
	-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:380px;
	margin:0 10px;
	border-bottom:2px solid #009944;
	cursor:pointer;
}
.cases .box .swiper-container.items .swiper-slide img {
	width:380px;
	height:200px;
}
.cases .box .swiper-container.items .swiper-slide .shade {
	position:absolute;
	width:380px;
	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:70px;
	width:70px;
	height:70px;
	background:url(../images/ljico.png) no-repeat;
}
.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:380px;
	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:380px;
	height:100px;
	margin-top:150px;
	background-color:#009944;
	-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:#009944;
	font-size:26px;
	text-align:center;
	text-decoration:none;
	border:1px dotted #009944;
	-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:#009944;
}
section.clients {
	background:url(../images/wp4.jpg) 50% 90%;
}
.clients .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.clients .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.clients.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.clients .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:299px;
	height:37px;
	background:url(../images/words.png) no-repeat -152px -528px;
}
.clients .box .caption span {
	font-size:24px;
	padding-left:10px;
}
.clients .box ul.items {
	margin:0 auto;
	margin-top:45px;
	width:1155px;
	height:450px;
	font-size:0;
	overflow:hidden;
}
.clients .box ul.items li {
	position:relative;
	padding:0;
	width:230px;
	height:150px;
	overflow:hidden;
	z-index:10;
}
.clients .box ul.items li.cctv {
	top:600px;
	background:url(../images/clients.png) no-repeat;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.cctv.active {
	background:url(../images/clients.png) no-repeat 0px -150px;
}
.clients.active .box ul.items li.cctv {
	top:0px;
}
.clients .box ul.items li.unicom {
	top:-400px;
	background:url(../images/clients.png) no-repeat -230px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.unicom.active {
	background:url(../images/clients.png) no-repeat -230px -150px;
}
.clients.active .box ul.items li.unicom {
	top:0px;
}
.clients .box ul.items li.tsinghua {
	top:600px;
	background:url(../images/clients.png) no-repeat -460px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.tsinghua.active {
	background:url(../images/clients.png) no-repeat -460px -150px;
}
.clients.active .box ul.items li.tsinghua {
	top:0px;
}
.clients .box ul.items li.cas {
	top:-400px;
	background:url(../images/clients.png) no-repeat -690px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.cas.active {
	background:url(../images/clients.png) no-repeat -690px -150px;
}
.clients.active .box ul.items li.cas {
	top:0px;
}
.clients .box ul.items li.sipo {
	top:600px;
	background:url(../images/clients.png) no-repeat -920px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.sipo.active {
	background:url(../images/clients.png) no-repeat -920px -150px;
}
.clients.active .box ul.items li.sipo {
	top:0px;
}
.clients .box ul.items li.apple {
	top:450px;
	background:url(../images/clients.png) no-repeat -1150px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.apple.active {
	background:url(../images/clients.png) no-repeat -1150px -150px;
}
.clients.active .box ul.items li.apple {
	top:0px;
}
.clients .box ul.items li.das {
	top:-550px;
	background:url(../images/clients.png) no-repeat -1380px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.das.active {
	background:url(../images/clients.png) no-repeat -1380px -150px;
}
.clients.active .box ul.items li.das {
	top:0px;
}
.clients .box ul.items li.hunantv {
	top:450px;
	background:url(../images/clients.png) no-repeat -1610px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.hunantv.active {
	background:url(../images/clients.png) no-repeat -1610px -150px;
}
.clients.active .box ul.items li.hunantv {
	top:0px;
}
.clients .box ul.items li.sino {
	top:-550px;
	background:url(../images/clients.png) no-repeat -1840px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.sino.active {
	background:url(../images/clients.png) no-repeat -1840px -150px;
}
.clients.active .box ul.items li.sino {
	top:0px;
}
.clients .box ul.items li.report {
	top:450px;
	background:url(../images/clients.png) no-repeat -2070px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.report.active {
	background:url(../images/clients.png) no-repeat -2070px -150px;
}
.clients.active .box ul.items li.report {
	top:0px;
}
.clients .box ul.items li.gedu {
	top:300px;
	background:url(../images/clients.png) no-repeat -2300px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.gedu.active {
	background:url(../images/clients.png) no-repeat -2300px -150px;
}
.clients.active .box ul.items li.gedu {
	top:0px;
}
.clients .box ul.items li.bgg {
	top:-700px;
	background:url(../images/clients.png) no-repeat -2530px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.bgg.active {
	background:url(../images/clients.png) no-repeat -2530px -150px;
}
.clients.active .box ul.items li.bgg {
	top:0px;
}
.clients .box ul.items li.bsec {
	top:300px;
	background:url(../images/clients.png) no-repeat -2760px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.bsec.active {
	background:url(../images/clients.png) no-repeat -2760px -150px;
}
.clients.active .box ul.items li.bsec {
	top:0px;
}
.clients .box ul.items li.huadan {
	top:-700px;
	background:url(../images/clients.png) no-repeat -2990px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.huadan.active {
	background:url(../images/clients.png) no-repeat -2990px -150px;
}
.clients.active .box ul.items li.huadan {
	top:0px;
}
.clients .box ul.items li.zd {
	top:300px;
	background:url(../images/clients.png) no-repeat -3220px 0px;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;
	transition:all .8s ease-in-out 0s;
}
.clients .box ul.items li.zd.active {
	background:url(../images/clients.png) no-repeat -3220px -150px;
}
.clients.active .box ul.items li.zd {
	top:0px;
}
.clients .box ul.items li.r {
	border-right:1px dotted #ddd;
}
.clients .box ul.items li.b {
	border-bottom:1px dotted #ddd;
}
.clients .box ul.items li span {
	position:absolute;
	bottom:-30px;
}
.clients .box ul.items li.bg.all {
	position:absolute;
	width:1155px;
	height:450px;
	background-color:White;
	-moz-opacity:0.3;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.clients .box ul.items li.bg.one {
	position:absolute;
	background:#eee;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	display:none;
}
.clients .box ul.mini {
	display:none;
}
section.quality {
	background:url(../images/wp5.jpg) 50% 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(../images/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;
}
.quality .box .swiper-slide ul li {
	position:relative;
	margin:0 10px;
	padding:0;
	overflow:hidden;
}
.quality .box .swiper-slide ul li.mobi {
	width:14px;
	height:27px;
	background:url(../images/icons.png) no-repeat 0px -264px;
}
.quality .box .swiper-slide ul li.pad {
	width:29px;
	height:23px;
	background:url(../images/icons.png) no-repeat -71px -264px;
}
.quality .box .swiper-slide ul li.pc {
	width:35px;
	height:27px;
	background:url(../images/icons.png) no-repeat 0px -303px;
}
.quality .box .swiper-slide ul li.windows {
	width:27px;
	height:27px;
	background:url(../images/icons.png) no-repeat -73px -304px;
}
.quality .box .swiper-slide ul li.ios {
	width:24px;
	height:30px;
	background:url(../images/icons.png) no-repeat 0px -344px;
}
.quality .box .swiper-slide ul li.andriod {
	width:28px;
	height:29px;
	background:url(../images/icons.png) no-repeat -72px -345px;
}
.quality .box .swiper-slide ul li.ie {
	width:28px;
	height:28px;
	background:url(../images/icons.png) no-repeat 0px -392px;
}
.quality .box .swiper-slide ul li.chrome {
	width:30px;
	height:30px;
	background:url(../images/icons.png) no-repeat -71px -392px;
}
.quality .box .swiper-slide ul li.firefox {
	width:32px;
	height:30px;
	background:url(../images/icons.png) no-repeat 0px -432px;
}
.quality .box .swiper-slide ul li.safari {
	width:30px;
	height:32px;
	background:url(../images/icons.png) no-repeat -71px -432px;
}
.quality .box .swiper-slide ul li span {
	position:absolute;
	top:30px;
}
.quality .box .swiper-slide p {
	color:#e1e1e1;
	text-align:center;
	line-height:36px;
}
.quality .box a.lookall {
	display:block;
	margin:0 auto;
	margin-top:90px;
	width:450px;
	padding:12px 0px;
	color:#009944;
	font-size:18px;
	letter-spacing:3px;
	text-align:center;
	text-decoration:none;
	border:1px solid #009944;
	-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:#009944;
	border:1px solid #009944;
}
.quality .box .mini,.quality .box a.prev,.quality .box a.next {
	display:none;
}
section.marketing {
	background:url(../images/wp6.jpg) 50% 45%;
}
.marketing .box {
	position:relative;
	margin-top:30px;
	-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 a.more {
		display:block;
	position:relative;
	margin:0 auto;
	top:700px;
	margin-top:30px;
	width:120px;
	padding:5px 0px;
	color:#009944;
	font-size:26px;
	text-align:center;
	text-decoration:none;
	border:1px dotted #009944;
	-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;
}

.marketing.active .box a.more { top:0px;}
.marketing .box a.more:hover {
	color:White;
	background:#009944;
}

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


.marketing .box ul.items {
		top:700px;
	-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;}

.marketing.active .box ul.items {top:0px;}
.marketing .box ul.items li {
	width:330px;
	height:auto;
	margin:0 15px;
	overflow:hidden;
    padding:0px;

}
.marketing .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:28px;
	height:70px;
}
.marketing .box ul.items li.se i {
	width:54px;
	background:url(../images/words.png) no-repeat -144px -632px;
}
.marketing .box ul.items li.weixin i {
	width:74px;
	background:url(../images/words.png) no-repeat -207px -630px;
}
.marketing .box ul.items li.weibo i {
	width:68px;
	background:url(../images/words.png) no-repeat -288px -630px;
}
.marketing .box ul.items li.sms i {
	width:61px;
	background:url(../images/words.png) no-repeat -366px -628px;
}
.marketing .box ul.items li.pay i {
	width:56px;
	background:url(../images/words.png) no-repeat -438px -639px;
}
.marketing .box ul.items li.bbs i {
	width:51px;
	background:url(../images/words.png) no-repeat -144px -705px;
}
.marketing .box ul.items li u {
	display:block;
	position:absolute;
	width:128px;
	height:128px;
	background:url(../images/words.png) no-repeat 0px -624px;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.marketing .box ul.items li u.cl {
	clip:rect(0px,128px,-10px,64px);
}
.marketing .box ul.items li:hover u.cl {
	clip:rect(0px,128px,128px,64px);
}
.marketing .box ul.items li u.cr {
	clip:rect(128px,64px,128px,0px);
}
.marketing .box ul.items li:hover u.cr {
	clip:rect(0px,64px,128px,0px);
}
.marketing .box ul.items li strong {
	display:block;
	margin:200px 0px 10px 0px;
	font-size:16px;
	text-align:center;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.marketing.active .box ul.items li strong {
	margin-top:50px;
}

.marketing .box ul.items li .pich{border: 1px solid #ebebeb;background: #fff;margin-bottom: 10px;}
.marketing .box ul.items li .pich a.txp {height:150px; overflow:hidden;}
.marketing .box ul.items li .pich img{ width:100%; display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.marketing .box ul.items li .pich a {color:#333;font-size: 15px; text-decoration:none; display:block;line-height: 50px;
    } 
.marketing .box ul.items li .pich a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.marketing .box ul.items li h3 { line-height:25px; overflow:hidden;margin: 5px auto;
}
.marketing .box ul.items li h3 span {
font-size: 14px;
color: #999;
margin: 0 0px 0 5px;
float: left;
}
.marketing .box ul.items li h3 span:before{
	content: url("../images/dot_dt.png"); 
	padding-right: 10px;
}
.marketing .box ul.items li h3 a {
font-size:14px;
color:#666;
border:0;
background:no-repeat;
}

.p_over {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-left: 10px;
}
.marketing .box ul.items li h3 a:hover { color:#009944; text-decoration:none;
    }

.marketing .shade {
	display:none;
	position:absolute;
	top:0px;
	width:100%;
	background:White;
	-moz-opacity:0.4;
	opacity:0.4;
	filter:alpha(opacity=40);
}



section.aboutus {
	position:relative;
	background:url(../images/wp7.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:#009944;
	-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:#009944;
	-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:-520px;
	width:520px;
	height:450px;
	-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:#009944;
	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:#009944;
	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:#009944;
	font-size:22px;
	font-weight:normal;
}
.aboutus .items .swiper-slide.nth3 ul {
	padding:0px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	color:#999;
	line-height:35px;
	padding-left:30px;
	list-style:none;
	background:url(../images/point.png) no-repeat 0px 13px;
}
.aboutus .items .swiper-slide.nth3 ul li u {
	margin:0 15px;
	text-decoration:none;
}
.aboutus table.exp {
	position:absolute;
	bottom:-80px;
	width:100%;
	border-top:1px solid #666;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:20;
}
.aboutus.active table.exp {
	bottom:0px;
}
.aboutus table.exp td {
	width:20%;
	height:70px;
	color:#bbb;
	text-align:center;
}
.aboutus table.exp u {
	margin-right:10px;
	color:#009944;
	font-family:Arial;
	font-size:26px;
	text-decoration:none;
}
.aboutus .expBg {
	position:absolute;
	bottom:-80px;
	width:100%;
	height:70px;
	background:White;
	-moz-opacity:0.2;
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	z-index:10;
}
.aboutus.active .expBg {
	bottom:0px;
}
.aboutus .shade {
	position:absolute;
	width:100%;
	height:100%;
	background:Black;
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-transition:all 1s ease-in-out 0s;
	-moz-transition:all 1s ease-in-out 0s;
	-ms-transition:all 1s ease-in-out 0s;
	-o-transition:all 1s ease-in-out 0s;
	transition:all 1s ease-in-out 0s;
	z-index:5;
}
.aboutus.active .shade {
	-moz-opacity:0;
	opacity:0;
	z-index:-1;
}
section.contact {
	position:relative;
	background:url(../images/wp8.jpg) 50% bottom;
	-moz-background-size:cover;
	background-size:cover;
}
.contact .box {
	position:relative;
	margin:0 auto;
	width:1080px;
	height:490px;
	-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;
}

.mbox8Wrap {
    margin: 0 auto;
    height: 490px;
    max-width: 1080px;
    transform-style: preserve-3d;
    perspective: 1000px;

}
.contact .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;
}
.contact.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.contact .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:270px;
	height:37px;
	background:url(../images/words.png) no-repeat left -854px;
}
.contact .box .caption span {
	padding-left:5px;
	font-size:24px;
}

/*联系我们*/

.lxwmbox{
	position: relative;
	margin: 0 auto;
	top: 30px;
	max-width: 1080px;
	height: 490px;
    overflow:hidden;
    -moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}
.lxwmbox:after{
	content: '';
	display: block;
	clear: both;
}
.lxwmbox .beian{margin-top:10px;}
.lxwmbox .beian a{ color:#ccc;}
.contact .lxwmbox .mbox8Left {
	float: left;
	padding: 40px 35px;
	width: 280px;
	height: 100%;
	background: rgba(0,153,68,.65);
	/*box-shadow: -20px 0 20px rgba(0,0,0,.2) inset;*/
	color: #FFF;
    left:-350px;
	-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;
    position:relative;
}

.anim-tiaodong {
  animation: tiaodong 1s infinite;
}
@keyframes tiaodong {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 5px);
  }
}
.btn--shockwave4.is-active {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
          animation: shockwaveJump 1s ease-out infinite;
}
.btn--shockwave4.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave4 1s .65s ease-out infinite;
          animation: shockwave4 1s .65s ease-out infinite;
}
.btn--shockwave4.is-active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave4 1s .5s ease-out infinite;
          animation: shockwave4 1s .5s ease-out infinite;
}
@-webkit-keyframes shockwave4 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 232, 136, 0.8), inset 0 0 1px rgba(0, 232, 136, 0.8);
  }
  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }
  100% {
    -webkit-transform: scale(2.25);
            transform: scale(2.25);
  }
}
@keyframes shockwave4 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 232, 136, 0.8), inset 0 0 1px rgba(0, 232, 136, 0.8);
  }
  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }
  100% {
    -webkit-transform: scale(2.25);
            transform: scale(2.25);
  }
}
.contact.active .lxwmbox .mbox8Left{
	left:0px;
}



.lxwmbox .mbox8Left .mbox8LefEn {
	padding: 5px 0;
	color: #FFF;
	text-align: left;
	font-size: 30px;
	font-family: Arial;
}
.lxwmbox .mbox8Left .mbox8LefCn {
	padding: 5px 0;
	text-align: left;
	font-size: 17px;
}
.lxwmbox .mbox8Left .mbox8Mes {
	padding: 20px 0 0;
}
.lxwmbox .mbox8Left  .mbox8Mes li {
	margin-bottom: 5px;
}
.lxwmbox .mbox8Left .mbox8Mes li input {
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.5);
	background: 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 50px;
}
.lxwmbox .mbox8Left .mbox8Mes li input::-webkit-input-placeholder { /* WebKit browsers */
	color: #ffffff;
}

.lxwmbox .mbox8Left .mbox8Mes li input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ffffff;
}

.lxwmbox .mbox8Left .mbox8Mes li input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #ffffff;
}
.lxwmbox .mbox8Mes li textarea {
	margin-top: 10px;
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.5);
	background: 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	resize: none;
}
.lxwmbox .mbox8Left .mbox8Mes li textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #ffffff;
}

.lxwmbox .mbox8Left .mbox8Mes li textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ffffff;
}

.lxwmbox .mbox8Left .mbox8Mes li textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #ffffff;
}
.contact .lxwmbox .mbox8Right {
	float: right;
	padding: 40px 15px;
	width: 700px;
	height: 100%;
	background: #FFF;
	background: rgba(243,243,243,.95);
	color: #777;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
    position:relative;
    right:-750px;
    -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;
}
.contact.active .lxwmbox .mbox8Right{
	right:0px;
}
.lxwmbox .mbox8RigEn {
	padding: 5px 0;
	color: #009944;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	font-family: Arial;
	line-height: 26px;
}
.lxwmbox  .mbox8RigCn {
	margin: 0 auto;
	max-width: 400px;
	color: #333;
	font-size: 16px;
	line-height: 30px;
}
.lxwmbox  .mbox8RigTip {
	padding: 30px 0;
	color: #777;
	font-size: 12px;
	line-height: 26px;
}
.lxwmbox  .mbox8RigCon {
	margin: 0 auto;
	max-width: 620px;
	font-size: 0;
}
.lxwmbox  .mbox8RigCon li {
	padding: 5px;
	width: 23%;
	vertical-align: top;
	font-size: 13px;
	line-height: 20px;    
}
    .lxwmbox .mbox8RigCon li a {
        text-decoration:none;
        color:#666;
    }
.cline {
        line-height:30px;
    }
.lxwmbox  .mbox8RigIco img {
	margin: 10px auto;
}
.lxwmbox  .mbox8RigBot {
	position: relative;
	margin: 30px auto 0;
	max-width: 580px;
}
.lxwmbox  .mbox8RigBot:before {
	position: absolute;
	top: 50%;
	display: block;
	width: 200px;
	height: 1px;
	left: 0;
	background: #bcbcbc;
	content: "";
	font-size: 0;
}
.lxwmbox .mbox8RigBot:after, .mbox8RigBot:before {
	position: absolute;
	top: 50%;
	display: block;
	width: 200px;
	height: 1px;
	right: 0;
	background: #bcbcbc;
	content: "";
	font-size: 0;
}
.lxwmbox .mbox8RigBot li {
	position: relative;
	padding: 0 10px;
	width: 18px;
	vertical-align: top;
	text-align: center;
}
.lxwmbox .mbox8RigBot li a {

}

.lxwmbox .mbox8Wx {
	position: absolute;
	bottom: 35px;
	left: 50%;
	display: none;
	margin-left: -50px;
	width: 100px;
}
.lxwmbox .img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
}

.hovergray:hover{
	 -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}


.hovergray{
	 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}




/*友情链接*/

.contact .yqlj{ position:absolute; bottom:0; height:30px; width:100%; margin-left:10%;-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;}
.contact .yqlj p{ text-align:left;}
.contact .yqlj p span{ float:left; font-size:16px; color:#ccc;}
.contact .yqlj p a{ float:left; margin:0px 5px; color:#ccc;}
.contact .yqlj p a:hover{ text-decoration:none;}
.contact.active .yqlj{-moz-opacity:1;opacity:1;}
#box{width:430px;height:210px; background:url(../images/ly.png) no-repeat;  position:fixed;left:50%;top:50%; margin:-125px 0 0 -250px; z-index:9999;display:none;}
#box span{}
#box span a{width:110px; height:35px;margin-top: 130px;margin-left: 180px;display:block; float:left;}
#box span a.t1{ margin-left:30px; width:70px;}
#box h2{ margin:0;height:35px;cursor:move;text-align:right;}
#box h2 a{width: 30px;height: 30px;display: block;float: right;}
.dock {
	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(../images/icons.png) no-repeat;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:210;
}

.dock ul.icons li i a{width:50px;height:50px;display:block;}

.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:130px;
text-align: center;
	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:#009944;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	border:1px solid #009944;
	-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 p img{
    width: 100px;
    height: auto;
border:2px solid White;
}

.dock ul.icons li.im p a:hover {
	color:White;
	background:#009944;
	border:1px solid #009944;
}
.dock ul.icons li.wechat p {
	width:118px;
}
.dock ul.icons li.wechat p img {
	width:115px;
	border:2px solid White;
}
.dock a.switch {
	position:absolute;
	display:block;
	top:270px;
	right:11px;
	width:26px;
	height:26px;
	background:url(../images/icons.png) no-repeat 0px -640px;
	cursor:pointer;
	-webkit-transition-delay:.15s;
	-moz-transition-delay:.15s;
	-ms-transition-delay:.15s;
	-o-transition-delay:.15s;
	transition-delay:.15s;
}
.dock a.switch.off {
	background-position:-32px -640px;
}
@media (max-width:1440px) {
    header nav.menu {
        margin: 36px 0 0 50px;
    }

    .contact .lxwmbox .mbox8Right {
        width: 670px;
    }

}
@media (max-width:1300px) {
	header .logo {
	top:25px;
	left:35px;
	width:240px;
}
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:1279px) {
	header .logo {
	top:10px;
	width:200px;
}
header .logo img.ori {
	display:none;
}
header .logo img.mini {
	display:inline-block;
}
}@media (max-width:1080px) {
	header .hotline {
	right:285px;
}
header.fixed .hotline {
	right:255px;
}
header .hotline u {
	right:300px;
}
header.fixed .hotline u {
	right:265px;
}
header .menu-icon {
	display:block;
}
header nav.menu {
	position:fixed;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        padding-top: 10px;
        padding-left: 0px;
        background: #000000;
        opacity: 0;
        transition: all .5s;
}
header.fixed nav.menu {
	top:22px;
	margin:0px;
}
header nav.menu.active {
        left: 0;
        opacity: 1;
        top:0px;
}

 .menu div.m-logo{
        width: 150px;
        display: block;
        padding-left: 20px;
    padding-top: 10px;
    }
    .menu div.m-logo img{
        width: 100%;
    }
     .menu .list-inline>li {
        text-align: left;
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 5px 0px;
        margin: 5px auto;
    }
        .menu .list-inline > li a {
             font-size:20px;   
             color:#ccc;
        }
    .menu .list-inline>li a span{
        display: block;
        float: left;
        width: 150px;
        padding-left: 30px;
        font-size:20px;   
        color:#666;       
    font-family: Microsoft Yahei;
    }
    .menu-icon .mBtnLine.active i:nth-child(1){
        transform: rotate(45deg);
        margin-top: 12px;
    }
    .menu-icon .mBtnLine.active i:nth-child(2){
        display: none;
    }
    .menu-icon .mBtnLine.active i:nth-child(3){
        transform: rotate(-45deg);
        margin-top: -7px;
    }
    header .hotline span{
        font-size: 18px;
    }
    header .hotline u{
        top: 29px;
        right: 285px;
        width: 25px;
        height: 25px;
        background-size: 242%;
        background-position-y: 7px;
    }
    .subnav button{
        font-size: 14px;
        margin-left: 10px;
    }
    .head .hotline{
        right: 290px;
    }
            .main_box {
        width:100%;
        border:0;
    }

header nav.menu ul li,header.fixed nav.menu ul li {
	margin:0px;	
	width:73px;
	padding:8px 0px;
	font-family:"宋体";
	font-size:14px;
	text-align:center;
    line-height: 30px;
}
header nav.menu ul li.active {
	background:#111;
}
header nav.menu .line {
	-moz-opacity:0;
	opacity:0;
}

.contico {
        display:block;
        padding:20px 0px 20px 20px;
    }

.contico .Lxwm_t1{text-align:left;margin-bottom: 20px;}
.contico .Lxwm_t1 span {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height:30px;
}

.contico .Lxwm_t1 label {
    font-size: 14px;
    color: #807f7f;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.contico .Lxwm_t1 .t1 {
    height: 20px;
    margin-top: -3px;
}

.dibi {
    display:block;
position:absolute;
right:40px;
top:40px;
}
.dibi .mbox {
    width:45px;
    height:45px;
    background:url(../images/d5.png)
    }

.marker {
display: inline-block;
width: 17px;
height: 22px;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/dtico.png);
position: absolute;
animation: tiaodong 1s infinite;
top: 10px;
left: 14px;
}


}@media (max-width:720px) {
	header {
	height:54px;
}
header .logo,header.fixed .logo {
	top:10px;
	left:20px;
	width:120px;
}
header .menu-icon,header.fixed .menu-icon {
	top:18px;
	right:20px;
}
header nav.menu,header.fixed nav.menu {
	width:100%;
	top:22px;
	padding-top:0px;
}
header nav.menu ul li,header.fixed nav.menu ul li {
	
	width:100%;
    text-align:left;

}
header .hotline,header.fixed .hotline {
	top:21px;
	right:218px;
}
header .hotline span {
	font-size:20px;
}
header .hotline u,header.fixed .hotline u {
	top:24px;
	right:223px;
	width:15px;
	height:21px;
	background:url(../images/icons.png) no-repeat 0px -34px;
}
}@media (max-width:460px) {
	header {
	height:35px;
}
header nav.menu.active {
    display: block;
    margin: 0px;
    right: 0px;
}



header.fixed {
	height:60px;
}
header .logo,header.fixed .logo {
	width:160px;
}
header .menu-icon,header.fixed .menu-icon {
	
}
header .menu-icon span.glyphicon-earphone {
	display:inline-block;
    animation-name: swing;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    header .menu-icon span.mBtnLine {
        display:block;
    }

header .menu-icon span.mBtnLine i{
    display: block;
    height: 2px;
    width: 25px;
    background-color: #009944;
    margin: 5px 0 5px auto;
}
header .menu-icon span.mBtnLine i:nth-child(2){
    width: 20px;
    margin: 7px auto 7px 0;
}


header nav.menu,header.fixed nav.menu {
	top:0px;
    margin:0;
}
header .hotline,header.fixed .hotline {
	display:none;
}
header.fixed .bg {
	height:70px;
}

.quality .box a.lookall { width:200px; font-size:14px; padding:5px 0px;}
.clients .box .caption span {
    font-size: 18px;
    /* padding-left: 10px; */
}

#box{width:320px;height:156px; background:url(../images/ly_m.png) no-repeat;  position:fixed;left:50%;top:50%; margin:-80px 0px 0px -160px; z-index:9999;display:none;}
#box span{}
#box span a{width:80px; height:28px;margin-top: 85px;margin-left: 135px;display:block; float:left;}
#box span a.t1{ margin-left:28px; width:50px;}
#box h2{ margin:0;height:35px;cursor:move;text-align:right;}
#box h2 a{width: 30px;height: 30px;display: block;float: right;}


}
 @media (max-height:310px) {
	header,header.fixed {
	display:none;
	height:0px;
}
}@media (max-width:1280px) and (max-height:800px) {
	div.welcome {
}
}@media (max-width:960px) and (max-height:600px) {
	div.welcome {
}
}@media (max-width:800px),(max-height:480px) {
	div.welcome p {
	width:100%;  
	top:50%;
	left:31%;
	margin-top:-180px;
	background:url(../images/welcome_words_mini.png) no-repeat center;
    
}

div.welcome i {
    display:none;
    } 

div.welcome p u {
	position:relative;width:26px;height:26px;border:6px solid #c5c5c5;margin:0 auto;display:block;border-radius:100%; margin-top:50px;
}

div.welcome p u:before{content:"";position:absolute;left:-6px;width:calc(100% + 12px);height:6px;background:#f7f8f8;top:50%;margin-top:-3px;z-index:10}
}
@media (max-width:414px) {

    div.welcome p {
        left:61%;
    }
} 
@media (max-width:375px) {

    div.welcome p {
        left:66%;
    }
} 
@media (max-width:375px) {

    div.welcome p {
        left:69%;
    }
} 
@media (max-width:320px) {

    div.welcome p {
        left:78%;
    }
} 
 @media (max-height:260px) {
	div.welcome p {
	height:150px;
	padding:0px;
	margin-top:-65px;
}
div.welcome p u {
	display:none;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth1 {
	background:url(../images/wp1_1_h800.jpg) 50% 35%;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth1 {
	background:url(../images/wp1_1_h600.jpg) 50% 35%;
}
}@media (max-height:750px) {
	.video .swiper-container .nth1 .line {
	display:none;
}
}@media (max-width:900px),(min-height:1201px),(max-height:600px) {
	.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:70px;
	height:139px;
	left:-150px;
	background:url(../images/words_mini.png) no-repeat top right;
}
.video .swiper-container .nth1 .box .right {
	margin-top:8px;
	right:-300px;
}
.video .swiper-container .nth1 .box .right span {
	font-size:24px;
}
.video .swiper-container .nth1 .box .right i {
	width:203px;
	height:40px;
	margin:3px 0px 5px 0px;
	background:url(../images/words_mini.png) no-repeat;
}
.video .swiper-container .nth1 .box .right p {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth2 {
	background:url(../images/wp1_2_h800.jpg) 50% 20%;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth2 {
	background:url(../images/wp1_2_h600.jpg) 50% 20%;
}
}@media (max-width:799px) {
	.video .swiper-container .nth2 .box {
	left:-400px;
	width:100%;
	text-align:center;
}
.video .swiper-container .nth2.active .box {
	left:0px;
}
.video .swiper-container .nth2 .box i {
	margin:0 auto;
	margin-bottom:10px;
}
}@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth2 .box span {
	font-size:24px;
}
.video .swiper-container .nth2 .box i {
	width:191px;
	height:40px;
	margin-top:8px;
	margin-bottom:5px;
	background:url(../images/words_mini.png) no-repeat 0px -45px;
}
.video .swiper-container .nth2 .box p {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth3 {
	background:url(../images/wp1_3_h800.jpg) 50% center;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth3 {
	background:url(../images/wp1_3_h600.jpg) 50% center;
}
}@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth3 .box .top {
	font-size:40px;
}
.video .swiper-container .nth3.active .box .top {
	font-size:24px;
}
.video .swiper-container .nth3 .box .mid {
	width:216px;
	height:40px;
	margin-top:10px;
	background:url(../images/words_mini.png) no-repeat 0px -131px;
}
.video .swiper-container .nth3 .box .bottom {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (max-width:1280px) and (max-height:800px) {
	.video .swiper-container .nth4 {
	background:url(../images/wp1_4_h800.jpg) 50% top;
}
}@media (max-width:960px) and (max-height:600px) {
	.video .swiper-container .nth4 {
	background:url(../images/wp1_4_h600.jpg) 50% top;
}
}@media
(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
	.video .swiper-container .nth4 .box .top span {
	font-size:24px;
}
.video .swiper-container .nth4 .box .top i {
	width:143px;
	height:38px;
	background:url(../images/words_mini.png) no-repeat 0px -88px;
}
.video .swiper-container .nth4 .box .bottom {
	font-size:12px;
	font-family:"宋体";
	line-height:20px;
}
}@media (orientation:landscape) and (max-height:300px) {
	.video .swiper-container .swiper-slide {
	padding-top:10px;
}
.video .swiper-container .nth2 .shade {
	margin-top:-10px;
	height:400px;
}
}@media (orientation:landscape) and (max-height:650px) {
	.video .innerBox {
	bottom:15px;
}
.video .innerBox .news {
	margin-left:100px;
	margin-bottom:10px;
}
.video .innerBox .guide {
	position:static;
	/*margin:0px auto;*/	
	bottom:50px;
	width:110px;
}
.video .innerBox .guide a {
	margin:0px 3px;
	width:20px;
}
.video .innerBox a.movedown {
	position:static;
	margin:0px auto;	
	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:30px;
	right:inherit;
	bottom:inherit;
	width:110px;
}
.video .innerBox .guide a {
	margin:0 3px;
	width:20px;
}
.video .innerBox a.movedown {
	position:static;
	margin:0 auto;	
}
}@media (min-width:1921px),(min-height:1201px) {
	section.business {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (min-height:1201px) {
	.business .box {
	margin-top:-70px;
}
}@media (min-width:1151px) and (max-height:700px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:50px;
}
}@media (min-width:1151px) and (max-height:630px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:1150px) {
	.business .box ul.items {
	margin-top:40px;
}
.business .box ul.items li {
	width:170px;
	height:270px;
	margin:0px;
}
.business .box ul.items li u {
	background:none;
	display:none;
}
.business .box ul.items li strong {
	margin-top:40px;
}
.business .box ul.items li:hover {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
}@media (max-width:1150px) and (max-height:680px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:10px;
}
}@media (max-width:1150px) and (max-height:580px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:1000px) {
	.business .box {
	margin-top:-55px;
}
.business .box ul.items li {
	width:270px;
	height:80px;
	margin:30px 0 0 21px;
	padding:10px 0 5px 15px;
}
.business .box ul.items li i {
	margin-top:0px;
	float:left;
}
.business .box ul.items li strong {
	float:left;
	margin:5px 0 0 20px;
}
.business .box ul.items li p {
	float:left;
	margin:5px 0 0 20px;
	color:#888;
	text-align:inherit;
}
.business .box ul.items li:hover p {
	margin:5px 0 0 20px;
	color:White;
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-ms-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}
.business .box label {
	margin-top:50px;
}
}@media (max-width:1000px) and (max-height:730px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:10px;
}
}@media (max-width:1000px) and (max-height:650px) {
	.business .box label {
	display:none;
}
}@media (max-width:1000px) and (max-height:560px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:880px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:10px;
}
}@media (max-width:929px) and (max-height:770px) {
	.business .box label {
	display:none;
}
}@media (max-width:929px) and (max-height:680px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:570px),(max-width:620px) {
	.business .box {
	margin-top:-55px;
}
.business .box ul.items {
	margin-top:30px;
}
.business .box ul.items li {
	width:173px;
	height:43px;
	margin:15px 10px 0px 10px;
}
.business .box ul.items li i {
	margin-top:0px;
}
.business .box ul.items li.pc i {
	width:46px;
	height:35px;
	background:url(../images/words_mini.png) no-repeat -145px -217px;
}
.business .box ul.items li.mobi i {
	width:46px;
	height:39px;
	background:url(../images/words_mini.png) no-repeat -245px -176px;
}
.business .box ul.items li.sys i {
	width:46px;
	height:35px;
	background:url(../images/words_mini.png) no-repeat -249px -220px;
}
.business .box ul.items li.app i {
	width:46px;
	height:41px;
	background:url(../images/words_mini.png) no-repeat -146px -264px;
}
.business .box ul.items li.host i {
	width:47px;
	height:38px;
	background:url(../images/words_mini.png) no-repeat -253px -266px;
}
.business .box ul.items li p {
	display:none;
}
.business .box ul.items li strong {
	margin-left:15px;
}
.business .box ul.items li.pc:hover i {
	background:url(../images/words_mini.png) no-repeat -100px -217px;
}
.business .box ul.items li.mobi:hover i {
	background:url(../images/words_mini.png) no-repeat -201px -176px;
}
.business .box ul.items li.sys:hover i {
	background:url(../images/words_mini.png) no-repeat -196px -220px;
}
.business .box ul.items li.app:hover i {
	background:url(../images/words_mini.png) no-repeat -100px -264px;
}
.business .box ul.items li.host:hover i {
	background:url(../images/words_mini.png) no-repeat -201px -266px;
}
}@media (max-width:929px) and (max-height:460px) {
	.business .box ul.items {
	margin-top:15px;
}
.business .box ul.items li {
	margin:5px 10px 0px 10px;
}
}@media (max-width:929px) and (max-height:420px) {
	.business .box ul.items {
	margin-top:30px;
}
.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:720px) {
	.business .box label {
	display:none;
}
}@media (max-width:929px) and (max-height:660px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:30px;
}
}@media (max-width:929px) and (max-height:550px) {
	.business .box ul.items {
	margin-top:20px;
}
.business .box ul.items li {
	margin:5px 10px 0px 10px;
}
}@media (max-width:929px) and (max-height:460px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:320px) {
	.business .box ul.items {
	margin-top:15px;
}
}@media (max-width:929px) and (max-height:310px),(max-width:638px) and (max-height:390px),(max-width:425px) and (max-height:500px) {
	.business .box ul.items {
	margin-top:40px;
}
.business .box ul.items li {
	width:120px;
	height:40px;
	margin:0px 10px 15px 10px;
	padding:0px;
	background:none;
}
.business .box ul.items li strong {
	position:relative;
	margin:0px;
	width:100%;
	height:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	z-index:10;
}
.business .box ul.items li:hover strong {
	color:#333;
}
.business .box ul.items li i {
	position:absolute;
	display:block !important;
	width:120px !important;
	height:40px !important;
	background:White !important;
	border:1px solid #bbb;
	-moz-opacity:0.5;
	opacity:0.5;
}
}@media (max-width:929px) and (max-height:260px) {
	.business .box {
	margin-top:8px;
}
.business .box ul.items {
	margin-top:18px;
}
}@media (max-width:425px) and (max-height:880px) {
	.business .box .caption i {
	display:block;
}
.business .box label {
	display:none;
}
}@media (max-width:425px) and (max-height:770px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:20px;
}
}@media (max-width:425px) and (max-height:670px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:425px) and (max-height:500px) {
	.business .box ul.items {
	margin-top:40px;
}
}@media (max-width:390px) {
	.business .box .caption i {
	display:none;
}
}@media (min-width:1921px),(min-height:921px) {
	section.cases {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.cases {
	background:url(../images/wp3_h800.jpg);
}
}@media (max-width:960px) and (max-height:600px) {
	section.cases {
	background:url(../images/wp3_h600.jpg);
}
}@media (min-width:1151px) and (max-height:700px) {
	.cases .box .swiper-container.items {
	margin-top:40px;
}
.cases .box .caption i {
	display:none;
}
}@media (min-width:1151px) and (max-height:620px) {
	.cases .box .swiper-container.items .swiper-slide {
	border:none;
}
.cases .box .items .swiper-slide p,.cases .box .items .swiper-slide .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 #009944;
	cursor:pointer;
}
.cases .box .swiper-container.mini .swiper-slide img {
	width:340px;
	height:200px;
}
.cases .box .swiper-container.mini .swiper-slide p {
	position:absolute;
	margin:10px 20px;
	color:#999;
	font-family:Arial,"宋体";
	font-size:12px;
	line-height:26px;
	z-index:10;
}
.cases .box .swiper-container.mini .swiper-slide p strong {
	color:#222;
	font-family:Arial,"微软雅黑";
	font-size:16px;
	font-weight:normal;
}
.cases .box .swiper-container.mini .swiper-slide .bg {
	width:340px;
	height:100px;
	background-color:#fff;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.cases .box a.prev,.cases .box a.next {
	display:block;
	position:absolute;
	top:-300px;
	width:16px;
	height:30px;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:100;
}
.cases .box a.prev {
	left:30px;
	background:url(../images/icons.png) no-repeat 0px -219px;
}
.cases .box a.next {
	right:30px;
	background:url(../images/icons.png) no-repeat -25px -219px;
}
}@media (orientation:portrait) and (max-width:900px) and (max-height:700px) {
	.cases .box .swiper-container.mini {
	margin-top:40px;
}
.cases .box .caption i {
	display:none;
}
}@media (orientation:portrait) and (max-width:500px) {
	.cases .box .caption i {
	display:block;
}
.cases .box .swiper-container.mini {
	width:260px;
	margin-top:40px;
}
.cases .box .swiper-container.mini .swiper-wrapper {
	height:253px !important;
}
.cases .box .swiper-container.mini .swiper-slide {
	width:260px;
	height:253px !important;
}
.cases .box .swiper-container.mini .swiper-slide img {
	width:260px;
	height:153px;
}
.cases .box .swiper-container.mini .swiper-slide p strong {
	font-size:14px;
}
.cases .box .swiper-container.mini .swiper-slide .bg {
	width:260px;
	height:100px;
}
.cases .box a.prev {
	left:20px;
}
.cases .box a.next {
	right:20px;
}
}@media (orientation:portrait) and (max-width:500px) and (max-height:640px) {
	.cases .box .caption i {
	display:none;
}
}@media (orientation:portrait) and (max-width:500px) and (max-height:580px) {
	.cases .box .swiper-container.mini {
	margin-top:30px;
}
.cases .box a.more {
	display:block;
	position:static;
	margin:0 auto;
	margin-top:30px;
	width:66px;
	font-size:16px;
	padding:3px 0px;
}
}@media (orientation:portrait) and (max-width:370px) {
	.cases .box a.prev,.cases .box a.next {
	margin-top:175px;
}
.cases .box a.prev {
	left:40px;
}
.cases .box a.next {
	right:40px;
}
}@media (orientation:portrait) and (max-width:370px) and (max-height:500px) {
	.cases .box .swiper-container.mini .swiper-wrapper {
	height:153px !important;
}
.cases .box .swiper-container.mini .swiper-slide {
	height:153px !important;
	border:none;
}
.cases .box .mini .swiper-slide p,.cases .box .mini .swiper-slide .bg {
	display:none;
}
.cases .box a.prev,.cases .box a.next {
	margin-top:73px;
}
}@media (min-width:1921px),(min-height:1201px) {
	section.clients {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.clients {
	background:url(../images/wp4_h800.jpg) 50% 90%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.clients {
	background:url(../images/wp4_h600.jpg) 50% 90%;
}
}@media (max-width:1150px) {
	.clients .box ul.items {
	width:924px;
}
.clients .box ul.items li.bg.all {
	width:924px;
}
}@media (max-width:920px) {
	.clients .box ul.items {
	width:693px;
}
.clients .box ul.items li.bg.all {
	width:693px;
}
}@media (max-width:690px) {
	.clients .box ul.items {
	width:462px;
}
.clients .box ul.items li.bg.all {
	width:462px;
}
}@media (min-width:471px) and (max-height:720px) {
	.clients .box ul.items {
	height:300px;
}
.clients .box ul.items li.bg.all {
	height:300px;
}
}@media (min-width:471px) and (max-height:580px) {
	.clients .box ul.items {
	height:150px;
}
.clients .box ul.items li.bg.all {
	height:150px;
}
}@media (min-width:471px) and (max-height:450px) {
	.clients .box .swiper-container.items {
	margin-top:40px;
}
.clients .box .caption i {
	display:none;
}
}@media (min-height:920px) {
	.clients .box {
	margin-top:-80px;
}
}@media (max-width:690px) and (max-height:380px),(max-width:620px) and (max-height:480px),(max-width:470px) {
	.clients .box ul.items {
	display:none;
}
.clients .box ul.mini {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:30px;
	width:500px;
	height:550px;
	overflow:hidden;
}
.clients .box ul.mini li {
	position:relative;
	float:left;
	width:200px;
	padding:8px 0 8px 40px;
	background:url(../images/point.png) no-repeat 20px 15px;
	z-index:20;
}
.clients .box ul.mini li.bg.all {
	position:absolute;
	width:500px;
	height:560px;
	list-style:none;
	background-color:White;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.clients .box ul.mini li.bg.one {
	display:none;
}
}@media (max-width:560px) and (max-height:480px),(max-width:470px) {
	.clients .box ul.mini {
	width:250px;
}
.clients .box ul.mini li.bg.all {
	width:250px;
}
}@media (max-width:470px) and (max-height:800px) {
	.clients .box ul.mini {
	height:440px;
}
.clients .box ul.mini li.bg.all {
	height:440px;
}
}@media (max-width:470px) and (max-height:700px) {
	.clients .box ul.mini {
	height:330px;
}
.clients .box ul.mini li.bg.all {
	height:330px;
}
}@media (max-width:560px) and (max-height:600px) {
	.clients .box ul.mini {
	height:260px;
}
.clients .box ul.mini li.bg.all {
	height:260px;
}
}@media (max-width:690px) and (max-height:520px) {
	.clients .box ul.mini {
	margin-top:15px;
}
.clients .box .caption i {
	display:none;
}
}@media (max-width:690px) and (max-height:430px) {
	.clients .box ul.mini {
	height:150px;
}
.clients .box ul.mini li.bg.all {
	height:150px;
}
}@media (max-width:690px) and (max-height:420px) {
	.clients .box ul.mini {
	height:110px;
}
.clients .box ul.mini li.bg.all {
	height:110px;
}
}@media (max-width:690px) and (max-height:300px) {
	.clients .box ul.mini {
	margin-top:5px;
}
}@media (max-width:400px) {
	.clients .box .caption i {
	display:none;
}
}@media (min-width:1921px),(min-height:1201px) {
	section.quality {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.quality {
	background:url(../images/wp5_h800.jpg) 50% 10%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.quality {
	background:url(../images/wp5_h600.jpg) 50% 10%;
}
}@media (max-width:960px) {
	.quality .box .items {
	display:none;
}
.quality .box .mini {
	display:block;
	margin:0 auto;
	margin-top:120px;
	width:240px;
	height:200px;
	overflow:hidden;
}
.quality .box .mini .swiper-slide {
	margin:0px;
}
.quality .box a.prev,.quality .box a.next {
	display:block;
	position:absolute;
	top:-300px;
	width:16px;
	height:30px;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	z-index:100;
}
.quality .box a.prev {
	left:30px;
	background:url(../images/icons.png) no-repeat 0px -219px;
}
.quality .box a.next {
	right:30px;
	background:url(../images/icons.png) no-repeat -25px -219px;
}
}@media (max-height:730px) {
	.quality .box .items,.quality .box .mini {
	margin-top:80px;
}
}@media (max-height:599px) {
	.quality .box a.lookall {
	display:none;
}
}@media (max-height:530px) {
	.quality .box .items,.quality .box .mini {
	margin-top:60px;
}
.quality .box .caption i {
	display:none;
}
}@media (max-height:420px) {
	.quality .box .items,.quality .box .mini {
	height:120px;
	margin-top:40px;
}
.quality .box a.prev,.quality .box a.next {
	margin-top:-40px;
}
}@media (max-height:360px) {
	.quality .box .items,.quality .box .mini {
	height:110px;
	margin-top:20px;
}
.quality .box .swiper-slide ul {
	margin-bottom:10px;
}
.quality .box a.prev,.quality .box a.next {
	margin-top:-80px;
}
}@media (min-width:1921px),(min-height:1201px) {
	section.marketing {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.marketing {
	background:url(../images/wp6_h800.jpg) 50% 45%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.marketing {
	background:url(../images/wp6_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:-70px;
}
}@media (min-width:1001px) and (max-height:950px) {
	.marketing .box {
	margin-top:-30px;
}
}@media (min-width:1001px) and (max-height:850px) {
	.marketing .box {
	margin-top:0px;
}
}@media (min-width:1001px) and (max-height:750px) {
	.marketing .box {
	margin-top:0px;
}
}@media (min-width:1001px) and (max-height:700px) {
	.marketing .box .caption i {
	display:none;
}
}@media (min-width:1001px) and (max-height:650px) {
	.marketing .box {
	margin-top:0px;
}
}@media (max-width:1000px) {
	.marketing .box {
	margin:0px;
}
.marketing .box ul.items {
	width:550px !important;
}
.marketing .box ul.items li {
	height:190px;
	margin:0 20px;
}
.marketing .box ul.items li u {
	display:none;
}
.marketing.active .box ul.items li strong {
	margin-top:20px;
}
.marketing .shade {
	display:block;
}
}@media (max-width:1000px) and (min-height:920px) {
	.marketing .box {
	margin-top:-100px;
}
}@media (max-width:1000px) and (max-height:700px) {
	.marketing .box ul.items li {
	height:140px;
}
}@media (max-width:1000px) and (max-height:580px) {
	.marketing .box .caption i {
	display:none;
}
.marketing .box ul.items {
	margin-top:10px;
}
}@media (max-width:1000px) and (max-height:470px),(max-width:600px) {
	.marketing .box ul.items {
	margin-top:30px;
	width:600px !important;
}
.marketing .box ul.items li {
	width:160px;
	height:43px;
	margin:30px 0 0 25px;
}
.marketing .box ul.items li i {
	float:left;
	margin-top:0px;
	height:43px;
}
.marketing .box ul.items li.se i {
	width:33px;
	margin:0 6px;
	background:url(../images/words_mini.png) no-repeat -86px -380px;
}
.marketing .box ul.items li.weixin i {
	width:45px;
	background:url(../images/words_mini.png) no-repeat -124px -377px;
}
.marketing .box ul.items li.weibo i {
	width:42px;
	margin:0 1px 0 2px;
	background:url(../images/words_mini.png) no-repeat -172px -377px;
}
.marketing .box ul.items li.sms i {
	width:38px;
	margin:0 3px 0 4px;
	background:url(../images/words_mini.png) no-repeat -219px -374px;
}
.marketing .box ul.items li.pay i {
	width:34px;
	margin:0 5px 0 6px;
	background:url(../images/words_mini.png) no-repeat -263px -382px;
}
.marketing .box ul.items li.bbs i {
	width:31px;
	margin:0 7px;
	background:url(../images/words_mini.png) no-repeat -86px -422px;
}
.marketing .box ul.items li strong,.marketing.active .box ul.items li strong {
	float:left;
	margin:0px;
	padding-left:15px;
	line-height:43px;
}
.marketing .box ul.items li p {
	display:none;
}
}@media (max-width:1000px) and (max-height:430px) {
	.marketing .box ul.items {
	margin-top:20px;
}
.marketing .box ul.items li {
	margin-top:20px;
}
}@media (max-width:600px) {
	.marketing .box ul.items {
	margin-top:50px;
	width:395px !important;
}
}@media (max-width:600px) and (min-height:750px) {
	.marketing .box {
	margin-top:-70px;
}
}@media (max-width:600px) and (max-height:520px) {
	.marketing .box ul.items {
	margin-top:20px;
}
.marketing .box ul.items li {
	margin-top:15px;
}
}@media (max-width:450px) {
	.marketing .box {
	margin-top:0px;
}
.marketing .box ul.items {
	margin-top:20px;
	width:220px !important;
}
}@media (max-width:450px) and (max-height:730px) {
	.marketing .box ul.items {
	margin-top:30px;
}
.marketing .box ul.items li {
	margin-top:15px;
}
}@media (max-width:450px) and (max-height:650px) {
	.marketing .box .caption i {
	display:none;
}
.marketing .box ul.items {
	margin-top:20px;
}
}@media (max-width:600px) and (max-height:380px),(max-width:450px) and (max-height:550px) {
	.marketing .box ul.items {
	width:222px !important;
}
.marketing .box ul.items li {
	position:relative;
	width:102px;
	margin:0 3px;
	padding:0px;
	text-align:center;
}
.marketing .box ul.items li strong,.marketing.active .box ul.items li strong {
	display:block;
	position:absolute;
	float:none;
	padding:0px;
	margin:0 auto;
	width:100px;
	font-size:14px;
	font-weight:normal;
	line-height:36px;
	border:1px solid #eee;
}
.marketing .box ul.items li i {
	position:absolute;
	width:130px !important;
	height:36px !important;
	margin:0 !important;
	padding:1px 0 0 1px !important;
	background:White !important;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}
}@media (orientation:landscape) and (max-height:230px) {
	.marketing .box ul.items {
	width:334px !important;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.aboutus {
	background:url(../images/wp7_h800.jpg) 50% 60%;
}
}@media (max-width:960px) and (max-height:600px) {
	section.aboutus {
	background:url(../images/wp7_h600.jpg) 50% 60%;
}
}@media (max-width:1200px) {
	.aboutus table.exp td:nth-child(2) {
	display:none;
}
.aboutus table.exp td {
	width:25%;
}
}@media (max-width:1100px) {
	.aboutus .items {
	left:auto;
	right:-480px;
}
.aboutus.active .items {
	left:auto;
	right:70px;
}
}@media (max-width:900px) {
	.aboutus table.exp td:last-child {
	display:none;
}
.aboutus table.exp td {
	width:33.333333%;
}
}@media (max-width:780px) {
	.aboutus.active .items {
	left:auto;
	right:30px;
}
}@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:360px;
	
}
.aboutus .items .swiper-slide.nth1 strong {
	font-size:22px;
	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:300px;
	margin:0 auto;
	margin-top:20px;
}
.aboutus .items .swiper-slide.nth3 strong {
	text-align:center;
	margin-left:10px;
}
.aboutus .items .swiper-slide.nth3 ul {
	width:240px;
	margin:0 auto;
}
.aboutus .items .swiper-slide.nth3 ul li {
	line-height:32px;
}
.aboutus .items .swiper-slide.nth3 ul li:last-child {
	display:none;
}
}@media (orientation:portrait) and (max-width:700px) and (max-height:660px) {
	.aboutus ul.menu {
	top:100px;
}
.aboutus .items,.aboutus.active .items {
	margin-top:20px;
}
}@media (orientation:portrait) and (max-width:700px) and (max-height:500px) {
	.aboutus ul.menu {
	top:90px;
}
.aboutus .items,.aboutus.active .items {
	margin-top:60px;
	height:260px;
}
.aboutus .items .swiper-slide.nth1 p {
	margin-top:15px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	line-height:30px;
}
}@media (orientation:portrait) and (max-width:700px) and (max-height:470px) {
	.aboutus ul.menu {
	top:80px;
}
.aboutus .items .swiper-slide.nth1 strong {
	font-size:24px;
}
.aboutus .items .swiper-slide.nth1 p {
	margin-top:10px;
	line-height:27px;
}
.aboutus .items .swiper-slide.nth1 u {
	margin-top:4px;
}
.aboutus .items .swiper-slide.nth2 p {
	margin-top:10px;
	line-height:28px;
}
.aboutus .items .swiper-slide.nth2 p:last-child {
	display:none;
}
.aboutus .items .swiper-slide.nth3 strong {
	margin-bottom:8px;
}
.aboutus .items .swiper-slide.nth3 ul li {
	line-height:25px;
}
}@media (max-width:680px),(max-height:470px) {
	.aboutus table.exp,.aboutus .expBg {
	display:none;
	height:0px;
}
}@media (max-width:1280px) and (max-height:800px) {
	section.contact {
	background:url(../images/wp8_h800.jpg) 50% bottom;
}
}@media (max-width:960px) and (max-height:600px) {
	section.contact {
	background:url(../images/wp8_h600.jpg) 50% 10%;
}
}
 
 @media (min-width:1001px) and (max-height:700px) {
.contact .box .caption i {
	display:none;
}
.contact .box .caption span {
	display:none;
}
.contact .box .lxwmbox {
	margin-top:10px;
}
    .lxwmbox {
        height:450px;
    }
 .contact .lxwmbox .mbox8Left {
     padding:20px 50px;
    }

}

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

.contact .box .caption span {
	display:none;
}


    .lxwmbox {
        height:410px;
    }
 .contact .lxwmbox .mbox8Left {
     padding:0px 20px;
    }
}

@media (max-width:450px) and (max-height:650px) {
	.contact .box .caption i {
	display:none;
}
    .contact .box .caption span {
	display:none;
}
.contact .box .lxwmbox {
	margin-top:20px;
}
}

@media (max-width:414px) and (max-height:760px) {
 .contact .lxwmbox .mbox8Left {
     padding:0px 20px;
    }

}
 @media (max-width:950px) {
	.contact .box {
	width:470px;
}
.contact .box .above .left {
	float:right;
	margin-left:0px;
}
.contact .box .above .right {
	display:none;
}
}@media (orientation:landscape) and (max-height:520px) {
	.contact .box {
	height:150px;
}
.contact .box .below {
	display:none;
}
}@media (orientation:landscape) and (max-height:480px) and (max-width:570px) {
	.contact .box {
	width:380px;
	height:140px;
}
.contact .box .above .wechat {
	margin-top:5px;
	width:100px;
}
.contact .box .above .left p {
	margin-top:0px;
}
}@media (orientation:portrait) and (max-width:550px) {
	.contact .box {
	width:430px;
	height:490px;
}
.contact .box .above .wechat {
	position:absolute;
	float:none;
	margin:0px;
	top:200px;
	width:100px;
	left:50%;
	margin-left:-50px;
}
.contact .box .above .left {
	position:absolute;
	float:none;
	margin:0px;
	top:0px;
	left:50%;
	margin-left:-125px;
}
.contact .box .below {
	margin-top:150px;
}
.contact .yqlj{display:none;}

}@media (orientation:portrait) and (max-width:550px) and (max-height:650px),(orientation:portrait) and (max-width:470px) {
	.contact .box {
	width:320px;
	height:350px;
}
.contact .box .above .wechat {
	width:150px;
	margin-left:-75px;
	margin-top:20px;
}
.contact .box .below {
	display:none;
}
}@media (orientation:portrait) and (max-height:450px) {
	.contact .box {
	height:160px;
}
.contact .box .above .wechat {
	display:none;
}
}@media (max-width:700px),(max-height:600px) {
	.dock {
	display:none;
}
}@media (max-width:319px),(max-height:210px) {
	body {
	display:none;
}
html {
	background:url(../images/displayNone.png) no-repeat 50% top;
	background-color:#333a32;
}
}.clear {
	clear:both;
}
#BDBridgeWrap {
	display:none;
}