@charset "utf-8";
/* CSS Document */

.section {
    text-align: center;
    /*font: 50px "Microsoft Yahei";*/
    font-family: Arial, 'Microsoft JhengHei', "SimSun", 'Hiragino Sans GB', 'WenQuanYi Zen Hei', sans-serif;
    color: #fff;
}

/*首页第一屏*/
.section1 {
    background: /*url(../images/bg1.png) no-repeat center top*/ ;
}

.word-foryou {

    width: 794px;
    height: 530px;
    background: url(../images/bg1.png) no-repeat center top;
    position: absolute;
    left: 50%;
    margin-left: -397px;
	top:-530px;
    z-index: 2;
}
.word-mobile {

    width: 1000px;
    height: 290px;
    background: url(../images/bg1_bottom.png) no-repeat center bottom;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    bottom: -290px;
    z-index: 3;

}
@media screen and (max-height: 680px) { 
.word-foryou {
	margin-top:-90px;
	} 
.word-mobile {
	margin-bottom:-90px;
	} 
}

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}


.bg02 { position: absolute; bottom: 0; width: 1028px; height:547px; left:55%; margin:-278px 0 0 -514px; background:url(../images/bg4_people.png) no-repeat; transition: all 1s;}
.bg044 { position: absolute; width: 1028px; height: 547px; left: 50%; top:55%; margin: -278px 0 0 -514px; opacity: 0;background:url(../images/bg4_01.png) no-repeat;
         -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; text-align:center; }
.bg03 { position: absolute; left: 50%; top:0; width: 1028px; height:547px ; margin-left: -514px; 
		background:url(../images/bg4_computer.png) no-repeat; transition: all 1s;}
.bg033 { position: absolute; left: 50%; top:-50%; width: 1028px; height:547px ; margin-left: -514px; 
		background:url(../images/bg4_icon02.png) no-repeat; transition: all 1s;  z-index: 5;}
.bg01 { position: absolute; bottom: -50%; left:50% ; width: 1028px; margin-left: -514px; height: 547px; 
		background:url(../images/bg4_icon01.png) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;z-index:5;}
.bg04 { position: absolute; width: 1028px; height: 547px; left: 50%; top:58%; margin: -278px 0 0 -514px; text-indent: -9999px;
		background:url(../images/bg4_linepic.png) no-repeat; opacity: 0; background-size:94% 94%;
		-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
		
.bg10 { position: absolute; left: 50%; top:0%; width:525px; height:141px ; margin-left:-263px;
		background:url(../images/a1.png) no-repeat;background-size:contain; transition: all 1s;}
.bg11 { position: absolute; bottom: -280px; left:50% ; width:663px; margin: 0 0 0 -332px; height: 79px; 
		background: url(../images/a2.png) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.bg12 { position: absolute; bottom: -100px; left:50% ; 
		 opacity: 0; transition: all 1.7s; bottom: 90px\0;  z-index: 25;}
.bg12 a	{background:url(../images/bg1_button.png) 0 -60px no-repeat; width:216px; margin: 0 0 0 -108px; height:60px; display:block}	
.bg12 a:hover { background:url(../images/bg1_button.png) 0 0px no-repeat;}


.active .bg01 { bottom:42% ; margin-bottom:-278px ; opacity: 1; transition-delay: 1.2s; }
.active .bg02 { bottom:50% ; margin-bottom:-278px ; opacity: 1; transition-delay: 0.7s;}
.active .bg04 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .bg044 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .bg03 { top: 55%;  margin-top: -278px; transition-delay: 0.7s;}
.active .bg033 { top:59% ; margin-top:-278px ; transition-delay: 1.2s;}

.active .bg10 { top:40% ; margin-top:-100px ; transition-delay: 0.7s;}
.active .bg11 { bottom:50% ; margin-bottom:-70px ; opacity: 1; transition-delay: 0.3s; }
.active .bg12 { bottom:40% ; margin-bottom:-80px ; opacity: 1; transition-delay: 0.5s; }

/*首页第二屏*/
.section2 {
    /*background: url(../images/bg2_bottom.png) no-repeat center bottom #fff;*/
	background: url(../images/news-bj.png) no-repeat center top #e7e7e7;
	z-index:5;
}
.about_index {
	width:100%;
	margin:4% 0px 0px;
	font-family:Arial, "微软雅黑";
    position: absolute;
    z-index: 6;
}
@media screen and (min-height: 680px) { 
.about_index {
	margin-top:7%;
	} 
}
.about_index_title {
	text-align:center;
	padding:0px 0px 10px 0px;
	margin:0px;
	overflow:hidden;
}
.about_index_2title {
	font-size:18px;
	text-align:center;
	color:#666;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:0px;
	overflow:hidden;
}
.about_index_info {
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	padding:0px;
	margin:0px;
	overflow:hidden;
	color:#999;
}
@media screen and (min-height: 680px) { 
.about_index_info {
	padding-bottom:90px;
	background:url(../images/about_index_img.png) no-repeat center bottom;
	} 
} 
.about_index_info span {
	color:#F60;
}
<!--项目CSS-->

.clearfix {
zoom: 1;
}
.M-what{
	margin:0 auto;
	width:1000px;
	left:50%;
	margin-left:-500px;
	position:absolute;
	z-index:10;
	top:58%;
	overflow:hidden;
}
@media screen and (min-height: 680px) { 
.M-what {
	top:62%;
	} 
} 
.M-design{
	text-align:center;
	display:block;
	width:165px;
	padding-right:20px;
	margin-right:15px;
	position:relative; left:0px;
	top:-250px;
	border-right:1px dotted #CCCCCC;
}
.Brand{
	text-align:center;
	display:block;
	width:165px;
	padding-right:20px;
	margin-right:15px;
	position:relative; left:0px;
	top:-250px;
	border-right:1px dotted #CCCCCC;
}
.move{
	text-align:center;
	display:block;
	width:165px;
	padding-right:20px;
	margin-right:15px;
	position:relative; left:0px;
	top:-250px;
	border-right:1px dotted #CCCCCC;
}
.ui{
	text-align:center;
	display:block;
	width:165px;
	position:relative;
	left:0px;
	top:-250px;
	padding-right:20px;
	margin-right:15px;
	border-right:1px dotted #CCCCCC;
}
.ui2{
	text-align:center;
	display:block;
	width:165px;
	position:relative;
	left:0px;
	top:-250px;
	margin-right:0px;
}
.M-design-ico{
	background:url(../images/items01-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	+margin-left:0px !important;
}
.Brand-ico{
	background:url(../images/items02-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	+margin-left:0px !important;
}
.move-ico{
	background:url(../images/items03-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	+margin-left:0px !important;
}
.ui-ico{
	background:url(../images/items04-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	+margin-left:0px !important;
}
.ui2-ico{
	background:url(../images/items05-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	+margin-left:0px !important;
}
.M-what-top{
	text-align:center;
	margin:0 auto;
	height:100px;
	
}
.ui:hover em{
	background:url(../images/items04-ico-hover.png) no-repeat;
}
.ui2:hover em{
	background:url(../images/items05-ico-hover.png) no-repeat;
}
.move:hover em{
	background:url(../images/items03-ico-hover.png) no-repeat;
}
.Brand:hover em{
	background:url(../images/items02-ico-hover.png) no-repeat;
}
.M-design:hover em{
	background:url(../images/items01-ico-hover.png) no-repeat;
}
.M-design-title {
	height:100px;
}
.M-design-title span{
	font-family:"微软雅黑";
	font-size:16px;
	font-weight:bold;
	color:#545454;
	display:block;
}
.M-design-title font{
	font-family:"微软雅黑";
	font-size:14px;
	line-height:20px;
	color:#999999;
	display:block;
}
.M-design-bottom{
	height:100px;
	overflow:hidden;
	text-align:center;
}
.M-btn{
	background:url(../images/btn-ico.png) no-repeat;
	width:120px;
	height:31px;
	display:block;
	line-height:31px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	margin:0 auto;
	margin-top:2px;
}
.M-left{
	margin-left:27px;
}
.M-bottom-border{
	background:url(../images/border-bottom.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-bottom-border2{
	background:url(../images/border-bottom2.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-what-title{
	margin-top:50px;
	font-family:"微软雅黑";
	font-size:24px;
	color:#898989;
	margin-bottom:114px;
}

/*首页第三屏*/
.section3 {
    background: url(../images/works_title.png) no-repeat center 14% #282828;
}

@media screen and (max-height: 680px) { 
.section3 {
	background: url(../images/works_title.png) no-repeat center 12% #282828;
	} 
} 

#brand{
	width:85%;
	height:100%;
	margin:0 auto;
	padding-bottom:43px;
	color:#FFF;
	margin-top:20%;
}

@media screen and (max-height: 680px) { 
#brand {
	margin-top:13%;
	} 
} 
#brand .bd-box{
	overflow:hidden;
	height:100%;
	/*padding-left:55px;
	padding-right:55px;*/
}
.bd-box{
	text-align:left;
}
#brand .bd-box li{
	display:inline-block;
	width:327px;
	float:left;
	height:235px;
	overflow:hidden;
	position:relative;
	border:3px solid #282828;
}
#brand .bd-box li div.just img{
	width:327px;
	height:195px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	overflow:hidden;
}
#brand .bd-box li div.against img{
	width:0px;
	height:195px;
	position:absolute;
	left:177.5px;
	top:0px;
	z-index:1;
	text-align:center;
	line-height:211px;
	font-size:14px;
	color:#FFF;
	background:#ffa340;
	font-weight:bold;
	overflow:hidden;
	display:none;
	cursor:pointer;
}
#brand .bd-box li>a{
	width:327px;
	height:235px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
	display:block;
	float:left;
	background:url(../images/png.png) no-repeat;
}
#brand .bd-box_title {
	height:40px;
	line-height:40px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
@media screen and (max-height: 680px) { 
#brand .bd-box li{
	height:215px;
}
#brand .bd-box li>a{
	height:215px;
}
#brand .bd-box_title {
	height:20px;
	line-height:20px;
	} 
} 


/*首页第四屏*/
.section4 {
    background: url(../images/bg4_bottom.png) no-repeat center top #fff;
	padding:8% 0px 0px;
}
@media screen and (max-height: 680px) { 
.section4 {
	padding:5% 0px 0px;
}
} 
.client_title {
	text-align:center;
	padding:0px 0px 10px 0px;
	margin:0px;
	overflow:hidden;
}
.client_info {
	width:1000px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	position:absolute;
	z-index:15;
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-150px;
}
.client_info table {
	border:1px dotted #CCCCCC;
}
.client_info td {
	border:1px dotted #CCCCCC;
	height:120px;
}
.client_info td img {
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.client_info td img:hover {
	filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}

/*首页第五屏*/
.section5 {
    background: url(../images/news-bj.png) no-repeat center top #e7e7e7;
}

/*首页第六屏*/
.section6 {
    background: url(../images/bg5_top.png) no-repeat center top #ffa800;
}
.contact_all {
    width: 100%;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.centact_info {
    position: absolute;
	width:450px;
	height:45%;
	left:-150%;
	top:37%;
    z-index: 11;
	font-weight:bold;
	font-family:Arial, "微软雅黑";
}
.centact_info .add {
	background:url(../images/link_ico.png) no-repeat 0 0;
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 35px;
	margin:0px 0px 2% 0px;
	text-align:left;
}
.centact_info .tel {
	background:url(../images/link_ico.png) no-repeat 0 -45px;
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 35px;
	margin:0px 0px 2% 0px;
	text-align:left;
}
.centact_info .mail {
	background:url(../images/link_ico.png) no-repeat 0 -85px;
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 35px;
	margin:0px 0px 2% 0px;
	text-align:left;
}
.centact_info .qq {
	background:url(../images/link_ico.png) no-repeat 0 -130px;
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 35px;
	margin:0px 0px 2% 0px;
	text-align:left;
}
.centact_info .time {
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 35px;
	margin:0px 0px 2% 0px;
	text-align:left;
}
.centact_maps {
    position: absolute;
	width:500px;
	height:45%;
	top:37%;
	left:150%;
    z-index: 11;
}
.bottom_top {
	width:100%;
	position:absolute;
	z-index:10;
	bottom:40px;
	height:41px;
	line-height:41px;
	background:url(../images/bg5_bottom.png) no-repeat center;
}
.copyright {
	width:100%;
	position:absolute;
	z-index:10;
	bottom:0px;
	height:40px;
	line-height:40px;
	background:#202123;
	color:#FFF;
	font-size:12px;
	text-align:center;
}

/*客户*/
.client{}
.client{padding:20px 0;text-align: center;}

.client .multipleColumn .bd{overflow:hidden;width:995px; border-top:1px solid #e2e2e2;  border-left:1px solid #e2e2e2; }
.client .multipleColumn .bd ul{ overflow:hidden;width:100%; position: static;zoom:1; float:left; _display:inline;  }
.client .multipleColumn .bd ul li{ width: 198px;height:105px; float: left; _display:inline; overflow:hidden;
    background: #fff;
    border-right:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);filter: gray;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.client .multipleColumn .bd ul li:hover{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;filter: none\9;}
.client .multipleColumn .bd ul li a{display:block;}
.client .multipleColumn .bd ul li .pic{ text-align:left; }
.client .multipleColumn .bd ul li .pic p{height: 26px;line-height: 26px;font-size: 14px;margin-top: 6px;text-indent: 3px;}
.client .multipleColumn .bd ul li:hover .pic p{color:#ef3837;}
.client .multipleColumn .bd ul li .pic img{width:100%;height: 100px;display:block;background:#fff;}