@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
html,body{
	width:100%;
	background:#023;
	overflow-x:hidden;
}
.centerArea{
	width: 100%;
}
.back {
	position: fixed;
    top: 10px;
    left: 10px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0,0,0,0.4) url(../svg/prev-white.svg) center center no-repeat;
    background-size: 26px;
	z-index:99;
}
.toTop{
	z-index:99;
}
.head {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:450px;
	background:url(../images/m-promotion/Promotion-bgd.jpg) center center no-repeat;
	background-size:cover;
}
.head img{
	position:absolute;
	top:0;
}
.head img:nth-child(2){
	position:absolute;
	left:0;
	width:40%;	
}
.head img:nth-child(3){
	right:0;
	width:25%;	
}
.head img:nth-child(4){
	top:210px;
	left:2%;
	width:96%;	
}
.head h1{
	position:relative;
	top:20px;
	left:25%;
	color:rgba(255,255,255,0);
	height:180px;
	width:50%;
	background:url(../images/m-promotion/Promotion1.png) center center no-repeat;
	background-size:contain;
	z-index:1;
}
.item-service{
	position:relative;
	margin-top:250px;
}
.item-service ul{
	position:relative;
	margin:0 auto;
	width:96%;
	height: 580px;
}
.item-service li{
	position:relative;
	width:100%;
	height:140px;
	margin-top:5px;
	padding:20px;
	border:1px solid #0cc;
	float:left;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s; 
	-o-transition: all .3s;
	background:rgba(255,255,255,.1);
	overflow:hidden;
}
.item-service li:active{
	background:rgba(0,0,0,.1);
}
.item-service img{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	margin-right:10px;
}
.item-service h2{	
	color:#fff;
	margin-left:40px;
	text-align:center;
	font-size:24px;	
}
.item-service span{
	display:block;
	margin-left:40px;
	color:#fff;
	text-align:center;
	font-size:12px;	
}
.item-service p{
	position:absolute;
	padding:5px;
	bottom:0;
	right:2%;
	width:96%;
	line-height:20px;
	color:#0ff;
	font-size:12px;
	border-top:1px dashed #0cc;
}
.item-products,
.item-technology{
	position:relative;
}
.item-products img:nth-child(2),
.item-technology img:nth-child(2){
	position:absolute;
	top:-5px;
	right:-5px;
	height:50px;
}
.item-products h2,
.item-technology h2{
	position:relative;
	margin:0 auto;
	margin-top:10px;
	width:96%;
	height:60px;
	line-height:40px;
	text-align:center;
	font-size:20px;
	text-shadow:1px 1px 8px #088;
	font-weight:bold;
	color:#fff;
	background:url(../images/m-promotion/Promotion9.png) left center no-repeat;
	background-size:cover;
}
.item-technology h2{
	text-shadow:1px 1px 8px #208;
	background:url(../images/m-promotion/Promotion10.png) left center no-repeat;
	background-size:cover;
}
.item-products h2 span,
.item-technology h2 span{
	margin-top:-10px;
	display:block;
	line-height:24px;
	font-size:10px;
	font-weight:normal;
}
.item-products ul,
.item-technology ul{
	display:block;
	width: 96%;
	overflow:hidden;
	margin:0 auto;
}
.item-products li,
.item-technology li{
	margin-top:5px;
	margin-left:2%;
	width: 49%;
	float:left;
	height:220px;
	background:#fff;
}
.item-products li:nth-child(odd),
.item-technology li:nth-child(odd){
	margin-left:0;
}
.item-products a,
.item-technology a{
	display:block;
	width:100%;
	height:100%;
}
.item-products li img,
.item-technology li img{
	display: block;
	width:150px;
	height:150px;
	margin:5px auto;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s; 
	-o-transition: all .3s; 
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s; 
	-o-transition: all .3s;
}
.item-products li img:active,
.item-technology li img:active{
	width:140px;
	height:140px;
	margin:10px auto;
}
.item-products b,
.item-technology b{
	display: block;
	margin-top:10px;
	line-height:20px;
	font-weight:normal;
	color:#0bb;
	text-indent:10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.item-products p,
.item-technology p{
	line-height:20px;
	text-indent:10px;
	font-size:12px;
	color:#aaa;
	margin-bottom:15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.item-products button,
.item-technology button{
	display:block;
	margin:0 auto;
	width:100px;
	height:30px;
	color:#fff;
	text-shadow:0px 1px 5px #099;
	border-radius:5px;
	background: linear-gradient(left,#00E6A1, #00C5C8);
	background: -o-linear-gradient(left,#00E6A1, #00C5C8);
	background: -ms-linear-gradient(left,#00E6A1, #00C5C8);
	background: -moz-linear-gradient(left,#00E6A1, #00C5C8);
	background: -webkit-linear-gradient(left,#00E6A1, #00C5C8);
}
.item-technology button{
	text-shadow:0px 1px 5px #40a;
	background: linear-gradient(left,#c4f, #73f);
	background: -o-linear-gradient(left,#c4f, #73f);
	background: -ms-linear-gradient(left,#c4f, #73f);
	background: -moz-linear-gradient(left,#c4f, #73f);
	background: -webkit-linear-gradient(left,#c4f, #73f);
}
.item-technology b{
	color:#073f;
}
.direction{
	margin:50px auto;
	margin-bottom:-50px;
	padding:10px;
	width:96%;
	border:1px solid #0cc;
	border-radius:10px;
	background:rgba(255,255,255,.05);
}
.direction h2{
	margin:0 auto;
	margin-top:-36px;
	margin-bottom:30px;
	width:260px;
	line-height:50px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-shadow:0px 1px 5px #099;
	text-align:center;
	border:1px solid #0cc;
	border-radius:5px;
	background: linear-gradient(left,#0ea, #0cc);
	background: -o-linear-gradient(left,#0ea, #0cc);
	background: -ms-linear-gradient(left,#0ea, #0cc);
	background: -moz-linear-gradient(left,#0ea, #0cc);
	background: -webkit-linear-gradient(left,#0ea, #0cc);
}
.direction p{
	font-size:12px;
	color:#0cc;
	text-indent:2em;
	margin-bottom:10px;
}
.foot{
	width:100%;
	padding:70px 0;
}
.foot img{
	position:relative;
	top:0px;
	width:100%;	
}
.foot p,.foot a{
	text-align:center;
	color:#066;
	font-size:10px;
}
.foot a{
	margin-left:5px;
}
.foot a:hover{
	color:#099;
}
.btn-qq,
.btn-tel{
	position:fixed;
	left:0;
	bottom:0;
	display:block;
	height:48px;
	line-height:48px;
	width:50%;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-shadow:0px 1px 5px #099;
	background:#0cc;
	background: linear-gradient(left,#0ea, #0cc);
	background: -o-linear-gradient(left,#0ea, #0cc);
	background: -ms-linear-gradient(left,#0ea, #0cc);
	background: -moz-linear-gradient(left,#0ea, #0cc);
	background: -webkit-linear-gradient(top,#0ea, #0cc);
}
.btn-tel{
	position:fixed;
	left:auto;
	right:0;
	bottom:0;
	font-size:14px;
	color:#fff;
	text-shadow:0px 1px 5px #40a;
	background:#73f;
	background: linear-gradient(left,#c4f, #73f);
	background: -o-linear-gradient(left,#c4f, #73f);
	background: -ms-linear-gradient(left,#c4f, #73f);
	background: -moz-linear-gradient(left,#c4f, #73f);
	background: -webkit-linear-gradient(top,#c4f, #73f);
}