@charset "utf-8";
/* 
* by lee  
* create 2014.3.16
*/
/* reset  */
html,body { color:#333; background:#282828; font:12px/200% "Microsoft YaHei",Tahoma,Arial,"\5b8b\4f53",sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,form,input,textarea,p,th,td ,hr{ margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0; }
img { border:0; vertical-align:middle;}
em { font-style:normal;}
li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}
input, textarea, select {vertical-align:middle;resize:none;font-size: 100%;font-family:"宋体"}

hr {height:0;border:none;}
i { font-style:normal;}
a {color:#333;text-decoration:none; vertical-align:baseline;}
a:visited {text-decoration:none;}
a:hover {color:#34724b;text-decoration:underline;}
a:active {color:#34724b;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px { font-size:18px;}
.f25px { font-size:25px;}
.f36px {font-size:36px;}
.f48px { font-size:48px;}
.hidden { display:none;}
/* color */
.ccc {color:#ccc;}
.eee {color:#eee;}
.c555 {color:#555;}
.c47 {color:#474747;}
.c01 {color:#0E5B77;}
/* 清除浮动*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{*zoom:1;}
.cl{clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.ellipsis {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* input */
input.in90 {width:90px; }
input.in160 {width:140px; font-size:10px; }
input.in230 {width:220px; }
input.in295 {width:295px; }
input.input {  height:33px; line-height:33px; border:1px #ddd solid; padding:0 5px; color:#666;}
input.input30{  height:23px;line-height:1;/*safari opa*/line-height:23px\9;  border:1px #ddd solid; padding:0 5px; color:#666;}
input.input:focus,input.input30:focus, textarea:focus {border:#87ba9c 1px solid;}
input.btn_pub { min-width:65px;height:30px;}
textarea {border:1px #ddd solid; padding:5px; color:#666;width:95%;}
label input {margin-right:5px;}
/* 标题 */
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
/* 内外间距 */
.mt10 {margin-top:10px; }
.mt5 {margin-top:5px; }
.mb20 {margin-bottom:20px;}
.mauto {margin:0 auto;}
.tc {text-align:center;}
.farial {font-family:arial;}
/*单行超过出现省略号*/
.ellipsis { white-space:nowrap; text-overflow:ellipsis;_width:100%;overflow:hidden; }
.imgloading {background:url(../images/loading.gif) #f1f1f1  no-repeat center center;}
.label label {display:inline-block;vertical-align:middle;margin-right:5px;}
.textindent p {text-indent:24px;}
 /* html5 */
 section,footer {display:block;}
/*++++++++layout++++++++ */
.fl {float:left;}.fr {float:right;}.imgleft {float:left;padding:5px 5px 5px 0;}.imgright {float:right;padding:5px 0 5px 5px;}
.w1200 {width:1200px;margin:0 auto;}
.w {min-width:1200px;/* max-width:1440px; */margin:0 auto;}
.w:after{content: " 0020"; display: block; height: 0; clear: both; visibility: hidden;}
.bd {border:#ddd 1px solid;}
.bt{font-size:0;overflow:hidden;border-bottom:#ddd 1px dotted;margin:10px 0;height:1px;}
/* 公共图片*/
#header  .logo,   .videoStart,.pub_tit,#about .about_logo,.num ol li ,.istart ,.navsub ul li i,.qrcode,.point{background:url(../images/indexbg.png) no-repeat 30px 30px;}
 
  /* 引导页 */
 
  .default {background:url(../images/indexbg.jpg) no-repeat 50% 0;width:100%;min-height:600px; background-size:cover;position:relative;}
  .default .d-btn {background:url(../images/enter.gif) no-repeat 0 0;width:205px;height:30px;margin-left:-102px;position:absolute;bottom:30%;left:50%;display:inline-block;font-size:0px;}
  .default .d-btn  a {display:inline-block;vertical-align:middle;width:50%;height:30px;}

/* LOGO */
#header { position:relative;z-index:10;border-top:#21a6cc 1px solid;padding-top:20px;}
#header  .logo { float:left; position:relative;background-position:0 0; width:95px;height:40px;overflow:hidden;margin-left:5%;margin-right:5%;display:inline;  }
/* 主导航 */
.nav {  height:40px; line-height:40px;color:#999; }
.nav ul li { float:left; width:100px; font-size:12px;font-weight:bold;}
.nav ul li  i {display:none;}
.nav ul li:hover i,.nav ul li.cur i  {display:inline-block;}
.nav ul li a {text-align:center; color:#999;}
.nav ul li.cur a,.nav ul li a:hover{  text-decoration:none;color:#ccc;}
 
 
 #home {background:url(../images/index01.jpg) no-repeat fixed  center top ;min-height:776px; }
 /* home */
 #home  {position:relative;text-align:center;}
 .navfixed {height:80px;position:absolute;top:0;left:0;width:100%; background:#000000;-moz-opacity:0.3;opacity:0.3;filter:alpha(opacity=30);}
 #home .home_text {margin-top:13%;text-align:center;}
 #home .home_text img {animation:imgmove 3s;-webkit-animation:imgmove 3s;-moz-animation:imgmove 3s;-o-animation:imgmove 3s;-ms-animation:imgmove 3s;}
 @keyframes imgmove {
	from {margin-left:-250px;}
	to {margin-left:0;}
 } 
 @-webkit-keyframes imgmove {
	from {margin-left:-250px;}
	to {margin-left:0;}
 } 
 @-moz-keyframes imgmove {
	from {margin-left:-250px;}
	to {margin-left:0;}
 } 
@-o-keyframes imgmove {
	from {margin-left:-250px;}
	to {margin-left:0;}
 } 
 @-ms-keyframes imgmove {
	from {margin-left:-250px;}
	to {margin-left:0;}
 }
/*  #home .home_mouse {background:url(../images/home_text_04) no-repeat fixed 50% 0;position:absolute;bottom:20%;left:50%;margin-left:-30px; width:61px; height:82px; background-position:0 -45px ;display:inline-block;vertical-align:middle; cursor:pointer;} */
#home .home_mouse {background:url(../images/home_text_04.png) no-repeat fixed 50% 0;display:block;vertical-align:middle; cursor:pointer;}
 /* video */
 #video {max-height:600px;max-width:1210px;overflow:hidden;}
 #video img {width:100%;}
/*  #video .video_left {width:45%;float:left; text-align:center;vertical-align:middle;position:relative;}
 #video .video_left .videoFixed {background:#000;opacity:0.8;-moz-opacity:0.8;position:absolute;z-index:1;width:100%;height:100%;}
 #video .video_left 
 #video .video_right {width:55%;float:left; } */
 
 .videoStart{width:86px;height:86px;position:absolute;left:50%;top:50%;margin-top:-43px;margin-left:-43px;z-index:3;background-position:-117px 0;cursor:pointer;display:none;}
 #video .ulitem { width:40%;height:600px;float:left;}
 
 #video   .ulright { width:60%;}
 #video   .ulitem  li{position:relative;  text-align:center;float:left;overflow:hidden;width:100%;}
 #video   .ulright li {width:50%;height:50%;}
 /*#video   .ulitem {max-width:1440px;margin: 0 auto;}
 #video   .ulitem  li.first {width:40%;height:600px;}
 #video   .ulitem  li.first img{/* max-width:100%; */}
 #video   .ulitem  li{position:relative; width:30%;*width:29.5%;;height:300px;text-align:center;float:left;overflow:hidden}
 #video   .ulitem  li img {-moz-opacity:1;filter:alpha(opacity=100);opacity:1; }
 #video   .ulitem  li img {height:600px;}
 #video  .ulright li  img  {height:300px;}
/*  #video   .ulitem  li:hover img {-moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;} */
 */
 /* #video   .ulitem  li:hover img {animation:imgScale 2s ;-webkit-animation:imgScale 2s ;-moz-animation:imgScale 2s ;-o-animation:imgScale 2s ;-ms-animation:imgScale 2s ; -moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;}
 @keyframes imgScale {
	 from {transform:scale(1);opacity:1; }
	 to {transform:scale(1.1);opacity:0.3; }
 }
  @-moz-keyframes imgScale {
	 from {-moz-transform:scale(1);-moz-opacity:1; }
	 to {-moz-transform:scale(1.1);-moz-opacity:0.3; }
 }
  @-webkit-keyframes imgScale {
	 from {-webkit-transform:scale(1);-webkit-opacity:1; }
	 to {-webkit-transform:scale(1.1);-webkit-opacity:0.3; }
 }
  @-o-keyframes imgScale {
	 from {-o-transform:scale(1);-o-opacity:1; }
	 to {-o-transform:scale(1.1);-o-opacity:0.3; }
 }
 @-ms-keyframes imgScale {
	 from {-ms-transform:scale(1);-ms-opacity:1; }
	 to {-ms-transform:scale(1.1);-ms-opacity:0.3; }
 } */
 #video   .ulitem  li:hover .videoStart {display:block;}
/* about */
#about {background:url(../images/aboutbg.jpg) no-repeat fixed center top; }
/* #about .about_tit  {background-position:0 -278px;width:155px;height:55px;margin:0 auto;} */
#about .about_tit  {background:url(../images/atext.png) no-repeat fixed 50% 0;}
#about  .about_text {margin-top:150px;}
 
#about  .about_text2 {margin-top:30px;width:875px;}
#about .about_logo {background-position:0 -536px;width:60px;height:60px;margin:50px auto 0;}
 #about  .about_text p.active {animation:pactive 2s ease 1s ;-webkit-animation:pactive 2s  ease 1s;-moz-animation:pactive 2s ease 1s ;-o-animation:pactive 2s ease 1s ;-ms-animation:pactive 2s ease 1s ;}
 @keyframes pactive {
	 from {transform:scale(0.2);opacity:0.3;  }
	 to {transform:scale(1);opacity:1; }
 }
  @-moz-keyframes pactive {
	 from {-moz-transform:scale(0.2);-moz-opacity:0.3;  }
	 to {-moz-transform:scale(1);-moz-opacity:1; }
 }
  @-webkit-keyframes pactive {
	  from {-webkit-transform:scale(0.2);-webkit-opacity:0.3;  }
	 to {-webkit-transform:scale(1);-webkit-opacity:1; }
 }
  @-o-keyframes pactive {
	 from {-o-transform:scale(0.2);-o-opacity:0.3;  }
	 to {-o-transform:scale(1);-o-opacity:1; }
 }
 @-ms-keyframes pactive {
	 from {-ms-transform:scale(0.2);-ms-opacity:0.3;  }
	 to {-ms-transform:scale(1);-ms-opacity:1; }
 }
/* service */
#service {z-index:6;background:url(../images/servicebg.jpg) no-repeat fixed center top; }
/* #service .service_tit {background-position:0 -212px;width:193px;height:55px;margin:0 auto;} */
#service .w1200 {position:relative;margin-top:100px;z-index:3;  }
.service_design_on,#service_design_click,.service_business_on,#service_business_click{width:106px;height:106px;background:url(../images/serviceMain.png) no-repeat 0 0;display:inline-block;}
.service_design_on,.service_business_on {display:none;}
#service_design_click,#service_business_click {cursor:pointer;}
.service_design,.service_business {width:50%;height:360px;position:relative;}
.service_design_on{position:absolute;background-position:0 0;width:435px;height:348px;right:0;top:24px;z-index:2;} 
#service_design_click {position:absolute;right:62px;top:160px; background-position:-8px -411px;}

#service .service_design    a.service_design_over,#service_design_click:hover { right:62px;top:160px; background-position:-267px -411px;z-index:10;} 
 .service_business_on{position:absolute;width:435px;height:360px;left:0;top:48px;z-index:2;background-position:-476px 0px;z-index:2;}
#service_business_click {position:absolute;left:74px;top:160px; background-position:-148px -411px;}
 #service_business_click:hover,#service .service_business a.service_business_over {left:74px;top:160px; background-position:-391px -411px; z-index:10;} 

.service_design_on a,.service_business_on a {position:absolute;display:inline-block;width:25px;height:25px;z-index:3;cursor:pointer; }
.service_design_on a:hover,.service_business_on a:hover{
	background:url(../images/point_over.png) no-repeat 0 0;
}
.service_design_on  .point01 {left:200px;top:20px;}
.service_design_on  .point01:hover  {left:183px;top:0px;width:60px;height:45px;background-position:-183px 0;}
.service_design_on  .point02 {left:55px;top:145px;}
.service_design_on  .point02:hover {left:0;top:145px;width:79px;height:24px;background-position:0 -145px;}
.service_design_on  .point03 {left:172px;top:293px;}
.service_design_on  .point03:hover {left:164px;top:291px;width:55px;height:48px;background-position:-164px -291px;}
.service_design_on  .point04 {left:392px;top:302px;}
.service_design_on  .point04:hover {left:381px;top:306px;width:56px;height:42px;background-position:-381px -306px;}

.service_business_on  .point01 {left:15px;top:23px;}
.service_business_on  .point01:hover {left:0;top:0px;width:61px;height:49px;background-position:-476px 0px;}
.service_business_on  .point02 {left:292px;top:60px;}
.service_business_on  .point02:hover {left:293px;top:61px;width:97px;height:26px;background-position:-769px -61px;}
.service_business_on  .point03 {left:332px;top: 178px;}
.service_business_on  .point03:hover {left:333px;top:182px;width:83px;height:21px;background-position:-809px -182px;}
.service_business_on  .point04 {left:203px;top:316px;}
.service_business_on  .point04:hover {left:192px;top:321px;width:55px;height:40px;background-position:-668px -321px;}

#service  .w1200   .active { animation:design 2s ease 1s ;-webkit-animation:design 2s  ease 1s;-moz-animation:design 2s ease 1s ;-o-animation:design 2s ease 1s ;-ms-animation:design 2s ease 1s ;}
 @keyframes design {
	 from {right: 152px; }
	 to {right: 62px;}
 }
 
 
 .text01 {width:300px;min-height:50px;position:absolute;z-index:50;background:url(../images/arrow.png) no-repeat center top; max-height:250px;display:none;}
 .text01 p { padding:15px;padding-bottom:0;margin-bottom:-18px;line-height:20px;}
 .text01 span.text01-bot{background:url(../images/arrow.png) no-repeat 0 -277px;height:18px;width:100%; display:inline-block;vertical-align:bottom;margin-bottom:-18px;margin-top:-18px; }
 /* kill-ie6  */
.kill-ie6-bg {position:absolute;top:0;left:0;background:#000;opacity:0.2;filter:alpha(opcacity==20);width:100%;height:30px;}#lets-kill-ie6,#lets-kill-ie6 *{margin:0;padding:0}#lets-kill-ie6{ z-index:100000;height:500px;width:702px;position:absolute;left:50%;margin-left:-351px;top:50px;background:#fff;}#lets-kill-ie6 div.lets-kill-ie6-top{background:#fff url(../images/kill-ie6/top.jpg) center center no-repeat;height:360px;clear:both}#lets-kill-ie6 a.lets-kill-ie6-a{outline:0;float:left;border:1px solid #fff;display:inline-block;width:98px;height:87px;background-position:center center;background-repeat:no-repeat;line-height:200px;text-align:center}#lets-kill-ie6 a.lets-kill-ie6-a:hover{border:1px solid #bebebe}#lets-kill-ie6 a.ie8{background-image:url(../images/kill-ie6/ie8.jpg)}#lets-kill-ie6 a.ie9{background-image:url(../images/kill-ie6/ie9.jpg)}#lets-kill-ie6 a.chrome{background-image:url(../images/kill-ie6/chrome.jpg)}#lets-kill-ie6 a.firefox{background-image:url(../images/kill-ie6/firefox.jpg)}#lets-kill-ie6 a.safari{background-image:url(../images/kill-ie6/safari.jpg)}#lets-kill-ie6 a.opera{background-image:url(../images/kill-ie6/opera.jpg)}#lets-kill-ie6 a.c360{background-image:url(../images/kill-ie6/360.jpg)}#lets-kill-ie6 .lets-kill-ie6-plugins{height:30px;line-height:30px;text-align:right;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;color:#777}#lets-kill-ie6 .lets-kill-ie6-plugins a.lets-kill-ie6-plugins-a{font-size:12px;color:#777;text-decoration:none;}#lets-kill-ie6 .lets-kill-ie6-plugins a.lets-kill-ie6-plugins-a:hover{color:#333}
 
/* partner */
#partner  {background:#1a1a1a;}
/* #partner .partner_tit {background-position:0 -147px;width:207px;height:55px;margin:0 auto;} */
#cbox {position:fixed;width:100%;left:0;top:1600px;z-index:2;}
.carousel {width:1200px;  margin-top:150px; overflow:hidden; text-align:center;}
.imgbox {width:1200px; overflow:hidden;max-height:280px;}
 .imgbox ul { float:left;width:1200px;}
.imgbox ul li {width:135px;height:130px;background:#fff; float:left;margin-right:15px;margin-bottom:15px;display:inline;text-align:center;overflow:hidden;-moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3}
 
.imgbox ul li:hover {-moz-opacity:1;filter:alpha(opacity=100);opacity:1;}
.imgbox ul li img,.imgbox ul li  span {vertical-align:middle;display:inline-block;}
.imgbox ul li  span {height:100%;}
.num  {display:inline-block;margin-top:20px;}
.num ol  {margin:0 auto;}
.num ol li { float:left; margin:0 10px;width:13px;height:12px; background-position:-116px -112px;cursor:pointer;}
.num ol li.ncur  {background-position:-90px -112px;}
.num ol li  a {display:none;}
.pub_div {height:700px;padding-top:50px;margin:0 auto;}
 /* contact us */
 #contact {background:url(../images/contactus.png) #282828 no-repeat fixed center top;position:relative;z-index:3; }
/*  #contact .contact_tit {background:url(../images/contactTit.png) no-repeat 0 0;width:225px;height:55px;margin:0 auto;} */
 #contact .contactInfo {background:url(../images/contactOther.png) no-repeat 0 0;position:relative;width:700px;height:170px;margin-left:210px;margin-top:135px;padding-top:44px;padding-left:60px; line-height:35px;}
  #contact .contactInfo  #info {position:absolute;bottom:8px;}
  #contact .contactInfo  #info span {display:inline-block;width:225px;}
 .qrcode {background-position:-2px -340px; width:184px;height:184px;position:absolute;right: -130px;top: -125px;}
/* list */
.business_text {/* background:url(../images/businessText.png) no-repeat 0 0;width:159px; */height:30px;margin:50px auto;text-align:center;color:#fff;font-size:22px;}
.list  li {width:295px;height:166px;float:left; margin:10px 0px; display:inline;  position:relative;background:#101010;color:#fff;overflow:hidden;}
.list li a.img {width:100%;height: 100%;display:inline-block;vertical-align:middle;}
.list li a.img img,.list li .autoH {text-align:center; vertical-align:middle; overflow:hidden;display:inline-block;color:#fff;}
.list li .autoH {height:100%;}
.list li a:hover { text-decoration:none;}
.list li  .mark { background:#000;  position:absolute;left:0;top:0;width:100%;height:100%; z-index:3;-moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30);}
.list li span.istart { position:absolute; top:50%;left:50%; background-position:-88px -540px; width:55px;height:55px;margin-left:-27px;margin-top:-27px; display:block; z-index:5;}
.list li .list_txt {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none;}
.list li .list_txt p {position:absolute;z-index:10;text-align:center;left:0;width:100%;top:130px;color:#fff;}
.list li:hover .list_txt {display:block;}
.list li:hover img { -moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;}
/* .list li:hover img {animation:imgScale2 2s ;-webkit-animation:imgScale2 2s ;-moz-animation:imgScale2 2s ;-o-animation:imgScale2 2s ;-ms-animation:imgScale2 2s ; -moz-opacity:0.3;filter:alpha(opacity=30);opacity:0.3;}
 @keyframes imgScale2 {
	 from {transform:scale(1);opacity:1; }
	 to {transform:scale(1.1);opacity:0.3; }
 }
  @-moz-keyframes imgScale2 {
	 from {-moz-transform:scale(1);-moz-opacity:1; }
	 to {-moz-transform:scale(1.1);-moz-opacity:0.3; }
 }
  @-webkit-keyframes imgScale2 {
	 from {-webkit-transform:scale(1);-webkit-opacity:1; }
	 to {-webkit-transform:scale(1.1);-webkit-opacity:0.3; }
 }
  @-o-keyframes imgScale2 {
	 from {-o-transform:scale(1);-o-opacity:1; }
	 to {-o-transform:scale(1.1);-o-opacity:0.3; }
 }
 @-ms-keyframes imgScale2 {
	 from {-ms-transform:scale(1);-ms-opacity:1; }
	 to {-ms-transform:scale(1.1);-ms-opacity:0.3; }
 } */
 #video   .ulitem  li:hover .videoStart {display:block;}
/* navsub */
.navsub  {background:url(../images/indexbg_04.png) repeat-y right top;height:240px; position:fixed;right:30px;top:50%;margin-top:-120px;z-index:88;display:none;}
.navsub  ul {margin-top:-10px;}
.navsub ul li {text-align:right;color:#a8a8a8;font-family:arial;font-size:12px;padding-right:15px;position:relative;height:60px;cursor:pointer; }
.navsub ul li.cur {font-weight:bold;color:#fff;}
.navsub ul li.cur i {background-position:-194px -561px;width:17px;height:36px;display:inline-block;position:absolute;right:-30px;top:-5px;}
/*提示窗版式*/
.pop-FixedBg {background:#000;filter:alpha(opacity=50);opacity:.5;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9998; }.pop-main { display:none; width:400px; z-index:9999;}.pop-main .pop-title {background:url(../images/video.png) no-repeat 0px 0px; height:51px;}.pop-main .pop-title span { float:right; font-size:14px;font-weight:bold; font-family:Arial;}.pop-main .pop-content {background-color:#c5ccdd;padding:10px; line-height:25px;}.pop-main .pop-bottom {background:#FFF4F4;padding:5px 10px;margin:20px -10px -10px; border-top:#34724b 1px solid;}.pop-close { cursor:pointer;background:url(../images/video.png) no-repeat -5px -81px;width:23px;height:23px;display:inline-block;margin-top:30px;}


.sprite {
    height: 776px;
    padding: 0;
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    z-index: 1;

}
#home   .sprite01 {background:url(../images/home_text_01.png) no-repeat  fixed   50% 0;}
#home   .sprite02 {background:url(../images/home_text_02.png) no-repeat  fixed   50% 327px;}
#home   .sprite03 {background:url(../images/home_text_03.png) no-repeat fixed    50% 415px;}
#about   .sprite2 {width:730px;position:absolute; top: 0; left:50%;margin-left:-365px;  
    z-index: 200;height: 550px;}
#about   .sprite01 {  background:url(../images/atext_01.png) no-repeat  fixed  50% 0; }
#about   .sprite02 { background:url(../images/atext_02.png) no-repeat  fixed  50% 0; }
/* #about   .about_text2 {position:fixed;top:1020px;left:50%;margin-left:-437px;} */
#about   .about_tit {position:absolute;top:0;/* left:50%; */margin-left:-74px;}
#about   .about_logo {position:absolute;top:450px;left:50%;margin-left:-30px;}
#service   .service_tit {background:url(../images/serviceText01.png) no-repeat  fixed  50% 0;z-index:1;}
#partner   .partner_tit {background:url(../images/ptext01.png) no-repeat  fixed  50% 0; }
#contact   .contact_tit {background:url(../images/ctext01.png) no-repeat  fixed  50% 0; }

#service .serviceSprit {position:fixed;top:1400px;width:100%;height:700px;left:0;z-index:5;margin-top:-100px;}
#home,#about,#video,#service,#contact,#partner{background-size:cover;/* 主流浏览器 背景自适应 */}
.w {background-attachment: fixed;background-position: 50% 0;background-repeat: no-repeat;position: relative;overflow:hidden;}
/* footer */
#footer {border-top:#3e3e3e 1px solid;}
#footer .footer_bt {height:50px;line-height:50px;border-top:#080808 1px solid;color:#a7a6a8;overflow:hidden;}
#footer .footer_bt .share {width:210px;} 
#footer .footer_bt .bdsharebuttonbox {height:34px;overflow:hidden;padding-top:10px;}
#footer .footer_bt .bdsharebuttonbox  a {-moz-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
#footer .footer_bt .bdsharebuttonbox  a:hover {-moz-opacity:1;filter:alpha(opacity=100);opacity:1;}
.page_info {
    color: #fff;
    margin-top: 10px;
    text-align: center;
}
 
 .js-float {width:100%;}