html, body { margin: 0; padding:0; width:100%; height: 100%; }
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { padding: 0; margin: 0; }*/
*{margin: 0;padding: 0;}
body {font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}
ul,li{ list-style: none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
img { vertical-align: middle; border: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;color:#666}
/*header*/
#header{height:65px;position:absolute;width:100%;z-index:999;}
#header > div:first-child{height:65px;width:960px;margin:0 auto;}
	.logo{height:65px;width:250px;float:left; position: relative;}
	.nav{width:660px; height:26px; float:left;margin-top:39px;margin-left: 50px;}
	.nav li{width:86px;height:26px;float:left;font-size:14px;color:#666;line-height:26px;text-align:center;margin-left:22px;}
	.nav li:first-child{height:26;width:46px;}
	.nav li:first-child a:hover{background:url(../images/dd1.png) no-repeat;display:block;color:#fff;}
	.nav li a:hover{background:url(../images/dd2.png) no-repeat;display:block;color:#fff;}
	.nav li.home_act{width:46px;height:26px;margin-left: 74px;float:left;background:url(../images/dd1.png) no-repeat center;}
	.nav li.home_act a{color:#fff;}
	.nav li.list_act{width:86px;height:26px;float:left;background:url(../images/dd2.png) no-repeat center;}
	.nav li.list_act a{color:#fff;}
	.logodw{position: absolute; top: 0; left: -130px;}	
#focus{position:relative;width:100%;height:100%;overflow:hidden;}
	.focusbg{background: #ebecef url(../images/b_001.jpg) top center no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	#focus li{width:100%;height:100%;position:absolute; z-index:997; float:left;}
	/*上下左右居中 条件要居中的盒子的宽高*/
	#focus li .desc{position: absolute;height:160px; width:960px; margin:auto;top: 0; left: 0; bottom: 0; right: 0; }
  	#actli{ display:block;}
	#focus li .desc h1{ color:#333; font-size:55px; height:50px; margin-bottom: 10px;}
	#focus li .desc h1 span{ display:inline; color:#048bf4}
	#focus li .desc h2{ color:#333; font-size:40px; height:50px; padding-top:10px;}
	#focus li .desc h3{font-size:25px;color:#048bf4; height:35px; padding-top:10px;}
	#focus li .desc p{width:533px;height:492px;position:absolute;top:0;left:427px;  }
	#focus li .desc p img{ position: absolute; padding: 0; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
	#focus li.down{width:34px;height:69px;position:absolute;bottom:10px;z-index:997;left:50%;margin-left:-17px; cursor: pointer;}
/*轮播图片开始*/
	#hfbanner { position: relative; width: 100%; height: 100%;}
	#banner_list li { position: absolute; display:none;}
	#banner_list #actli{ display:block;}
	#banner_list li p{ height: 100%; position: absolute; top:50%; margin-top: -180px;}
	#banner_list li h1,h2,h3{ font-weight: bold;}
	#hfbanner .curdian{ width: 960px; height: 12px; padding-top: 250px; position: absolute; z-index: 999; margin: auto; top: 0px; left: 0px; bottom: 0px; right: 0px;}
	#hfbanner .curdian ol{width: 14px;height: 14px; float: left; background: url(../images/dianb.png) no-repeat center center; margin-right: 10px; cursor: pointer;}
	.olcur{ background: url(../images/diana.png) no-repeat center center;}
/*轮播图片结束*/


/*服务*/
#service{width:100%;height:479px;clear:both;}
	.servicebg{background:url(../images/fw_bg.jpg);background-size:cover;background-position:center;background-repeat: no-repeat;}
	
	#service h2{text-align:center;font-size:30px;color:#000;padding-top:56px;}
	#service h3{text-align:center;font-size:15px;color:#000;padding-top:10px;}
	#service ul{width:988px;height:171px;margin:0 auto;padding-top:56px; position:relative;}
	#service ul li{width:223px;height:169px;float:left;border:1px solid #1788DF;margin-left:20px;text-transform: none;transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; position:relative;}
	#service ul li.h {background:url(../images/s_ui.png) 85px 33px no-repeat;}
	#service ul li.h:hover {background:url(../images/s_ui_hover.png) 85px 33px no-repeat scroll #1788DF;}
	#service ul li.w {background:url(../images/s_ui.png) -164px 33px no-repeat;}
	#service ul li.w:hover {background:url(../images/s_ui_hover.png) -164px 33px no-repeat scroll #1788DF;}
	#service ul li.s {background:url(../images/s_ui.png) -404px 33px no-repeat;}
	#service ul li.s:hover {background:url(../images/s_ui_hover.png) -404px 33px no-repeat scroll #1788DF;}
	#service ul li.app {background:url(../images/s_ui.png) -649px 33px no-repeat;}
	#service ul li.app:hover {background:url(../images/s_ui_hover.png) -649px 33px no-repeat scroll #1788DF;}
	#service ul li h2{font-size:18px;line-height:124px;color:#048bf4}
	#service ul li h2:hover {color:#fff}
	
/*客户*/
#customer { width:100%; height:417px; margin-bottom: 50px; overflow: hidden; position: relative; }
	#customer h2{text-align:center;font-size:30px;color:#000;padding-top:56px;}
	#customer .client { width: 970px; height: 276px; position: absolute; top: 60%; left: 50%; margin-top:-138px; margin-left:-485px; }
	#customer ul{width:970px; height:277px; position: relative; margin:0 auto; padding-top:19px;}
	#customer ul li{width:970px; height:277px;position: absolute; float: left;}
	#customer ul li span{ display:none; float:left; width:194px; height:80px; line-height:80px; text-align:center; margin-bottom:50px;}

	#next { height: 71px; width: 39px; position: absolute; top: 60%; margin-top: -35px; left: 12%; background:url(../images/prev.png) no-repeat; cursor: pointer; }
	#prev { height: 71px; width: 39px; position: absolute; top: 60%; margin-top: -35px; right: 12%; background:url(../images/next.png) no-repeat; cursor: pointer; }
	/*#customer .client ul li img { opacity: 1; filter: alpha(opacity=1); }
	#customer #next { opacity: 0; filter: alpha(opacity=0); }
	#customer #prev { opacity: 0; filter: alpha(opacity=0); }*/
	.client .curdian{ width: 500px;height: 12px;position: absolute;z-index: 999;bottom: -15px;padding-left: 460px;}
	.client .curdian ol{width: 14px;height: 14px; float: left; background: url(../images/dianb.png) no-repeat center center; margin-right: 10px; cursor: pointer;}

	
/*作品*/
#works{width:100%;height:584px;clear:both; position:relative;}
	.worksbg{background:url(../images/zp_bg.png);background-size:cover;background-position:center;background-repeat: no-repeat;}
	#works h2{width:990px; margin:0 auto;text-align:center;position:relative;font-size:30px;color:#000;padding-top:56px; padding-bottom:56px;}
/*	.workul{width:990px; height:372px; margin:0 auto; overflow:hidden;}*/	

	.workul{ width:980px; height:372px; margin:0 auto; overflow:hidden; }
	.zuopin{ width:4910px; position: relative;}
	#works ul li{width:305px;height:370px;border:1px solid #D6D6D6; position:relative; float:left;}
	#works ul li.m-20{margin-right:20px; overflow:hidden; background:#fff; float:left;}
	#works ul li h3{font-size:20px;color:#048bf4;width:275px;text-align:left;padding-left:12px;padding-top:10px;}
	#works ul li h4{font-size:13px;color:#666666;width:275px;text-align:left;padding-left:12px;line-height:22px;}
	#works ul li .itme_bg{z-index:1;width:307px;height:260px; position:absolute; top: -260px; background-color:#048BE5; opacity:0.84;filter:alpha(opacity=84);}
	#works ul li .itme_bg span{z-index:2; text-align:center; display:block; width:305px; height:260px; line-height:260px; color:#fff;font-size:40px;}
	
	.lastimg{  height: 71px; width: 39px; display:block; position:absolute; top:50%; left:12%; background:url(../images/prev.png) no-repeat; cursor: pointer;}
	.nextimg{  height: 71px; width: 39px; display:block; position:absolute; top:50%; right:12%; background:url(../images/next.png) no-repeat; cursor: pointer;}
	
	#works .workuldian{ width:90px; height: 14px; margin: 0 auto; padding-top: 30px; }
	#works .workuldian ol{width: 14px;height: 14px; float: left; background: url(../images/dianb.png) no-repeat center center; margin-right: 10px; cursor: pointer;}
 	#works .workuldian ol.on{background: url(../images/diana.png) no-repeat center center;}
/*footer*/
#footer{width:100%; position:relative;}
	.footerbg{/*background:url(../images/lx_bg.jpg);background-size:cover;background-position:center;background-repeat: no-repeat;*/}
	#footer h2{width:100%;text-align:center;font-size:30px; font-weight: 500; color:#fff;top:55px;position:absolute;}
	.Contactus{width:100%;height:450px;/*background:url(../images/lx_bg.jpg);background-size:cover;background-position:center;background-repeat: no-repeat;*/}
	.Contactus ul{width:940px;height:252px;margin:0 auto;padding-top:139px;}
	.Contactus ul li{width:310px;float:left; position:relative;}
	.Contactus ul li h3{font-size:30px;color:#fff;font-weight: 500;}
	.Contactus ul li h4{font-size:14px;color:#fff;padding-top:20px;}
	.Contactus ul li .dz{font-size:13px;color:#fff;padding-top:21px;padding-left:34px;width:186px;height:58px;background:url(../images/c_001_bg.png) 0px 24px no-repeat;line-height:22px;}
	.Contactus ul li .tel{font-size:13px;color:#fff;padding-top:21px;padding-left:34px;width:140px;height:58px;background:url(../images/c_001_bg.png) 0px -32px no-repeat;line-height:22px;}
	.Contactus ul li .cc_tel{font-size:13px;color:#fff;padding-top:21px;padding-left:34px;width:143px;height:58px;background:url(../images/c_001_bg.png) 0px -32px no-repeat;line-height:22px;}
	.Contactus ul li .ch_input{margin-top:30px;font-size:12px;color:#fff;border:1px solid #fff;line-height:24px;height:24px;text-indent:12px;background:none;width:266px;}
	.Contactus ul li .xx_input{font-size:12px;color:#fff;border:1px solid #fff;line-height:24px;text-indent:12px;background:none;width:266px;height:77px;margin-top:20px;}
	.Contactus ul li .do_input{margin-left:192px;margin-top:5px;font-size:12px;color:#fff;border:none;line-height:30px;background-color:#1788DF;width:76px;height:30px;cursor:pointer;}
	
	.copyrightbg{ background:#048BE5;}
    .copyright{width:960px;color:#fff; font-size:12px;clear:both;margin:0 auto;padding:20px 0}
		.copyright .cl{display:inline-block;width:530px;}
		.copyright .cl a{color:#fff;}
		.copyright .cr{color:#fff; display:inline-block;width:420px;height:49px; text-align:right; overflow:hidden;}
		.copyright .cr a{ display:inline; color:#fff;}
	.Contactusbg{height: 450px;width: 100%;overflow: hidden;position: absolute;}	
	.Contactusbg img{ width: auto; height: auto; margin-top: -100px; margin-left: -100px;}
	.suofang{transform: scale(1,2);
-webkit-transform: scale(1,2);
-webkit-transition: 1s;}

.tran{ transform:translate(0px, -25px);
-webkit-transform:translate(0px, -25px);
-webkit-transition: 2s;}
.trans{transform:translate(0px, 25px);
-webkit-transform:translate(0px, 25px);
-webkit-transition: 2s;}