﻿/*----------网站建设---------------*/

.ft1{ color:#25B2BB;}
.ft2{ color:#fff;}
/**/
.MobFlash{ width:100%; height:554px; padding-top:120px; background:url(../image/moblie/flash.jpg) no-repeat center 120px; position:relative;}

.MobHidden_a{
	width:100%;
	height:100px;
	position:absolute;
	bottom:0px;
	overflow: hidden;
}
#banner_bolang_bg_1 {
	width: 997px;
	height: 85px;
	background: url(../image/moblie/wave1.png) repeat-x;
	_background: url(../image/moblie/wave1-ie6.png) repeat-x;
	position: absolute;
	bottom:0px;
	width: 400%;
	left: -236px;
	z-index: 999;
	animation: wave1 25s linear .4s infinite normal;
	-moz-animation: wave1 25s linear .4s infinite normal;
	-webkit-animation: wave1 25s linear .4s infinite normal;
	-o-animation: wave1 25s linear .4s infinite normal
}

#banner_bolang_bg_2 {
	width: 1009px;
	height: 100px;
	background: url(../image/moblie/wave2.png) repeat-x;
	_background: 0 0;
	position: absolute; 
	bottom:0px;
	width: 400%;
	left: 0;
	z-index: 998;
	animation: wave2 60s linear .4s infinite normal;
	-moz-animation: wave2 60s linear .4s infinite normal;
	-webkit-animation: wave2 60s linear .4s infinite normal;
	-o-animation: wave2 60s linear .4s infinite normal
}


@-webkit-keyframes wave1 {
	from {
		left: -236px
	}

	to {
		left: -1233px
	}
}

@-moz-keyframes wave1 {
	from {
		left: -236px
	}

	to {
		left: -1233px
	}
}

@-o-keyframes wave1 {
	from {
		left: -236px
	}

	to {
		left: -1233px
	}
}

@keyframes wave1 {
	from {
		left: -236px
	}

	to {
		left: -1233px
	}
}

@-webkit-keyframes wave2 {
	from {
		left: 0
	}

	to {
		left: -1009px
	}
}

@-moz-keyframes wave2 {
	from {
		left: 0
	}

	to {
		left: -1009px
	}
}

@-o-keyframes wave2 {
	from {
		left: 0
	}

	to {
		left: -1009px
	}
}

@keyframes wave2 {
	from {
		left: 0
	}

	to {
		left: -1009px
	}
}


.Nwebsbody{ width:100%; height:954px; background:#F7F7F7 url(../image/moblie/r6_c2d.jpg) repeat-x center top; }

.Nwebsbody .bodys{ width:1200px; height:450px;  position:relative; z-index:1000; }
.Nwebsbody .bodys .tops{ width:140px; height:124px; position:absolute; left:50%; top:0px; margin-left:-70px;

}
.Nwebsbody .bodys .titles{ width:920px; height:110px; position:absolute; top:133px; left:50%; margin-left:-460px; text-align:center; color:#989898; line-height:22px;font-size:12px; 
}
.Nwebsbody .bodys .titles h1{ color:#1F2229; line-height:40px; font-size:32px;}
.Nwebsbody .bodys .titles p{ font-size:16px;}
.Nwebsbody .bodys .titles a{ padding-top:3px; color:#FF6400; display:block;}
.Nwebsbody .bodys .ListBody{ width:1200px; height:164px; position:absolute; bottom:-50px;
filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}
.Nwebsbody .bodys .ListBody ul{ margin:0px; padding:0px;}
.Nwebsbody .bodys .ListBody ul li{ margin:0px; padding:0px; list-style:none; width:200px; height:164px; float:left;text-align:center;cursor:pointer;}
.Nwebsbody .bodys .ListBody ul li .imgs{
	width:76px;height:76px;border:4px solid #909090;

-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
	border-radius:10px;            /* W3C syntax */
	overflow: hidden;
 }
 .Nwebsbody .bodys .ListBody ul div{width:76px;height:76px; position:relative;}
 .Nwebsbody .bodys .ListBody ul .li0{ background:url(../image/moblie/1.jpg);}
 
  .Nwebsbody .bodys .ListBody ul .li1{ background:url(../image/moblie/2.jpg);}
  .Nwebsbody .bodys .ListBody ul .li2{ background:url(../image/moblie/3.jpg);}
  .Nwebsbody .bodys .ListBody ul .li3{ background:url(../image/moblie/4.jpg);}
   .Nwebsbody .bodys .ListBody ul .li4{ background:url(../image/moblie/5.jpg);}
    .Nwebsbody .bodys .ListBody ul .li5{ background:url(../image/moblie/6.jpg);}
 
.Nwebsbody .bodys .ListBody ul li .title{ width:200px; height:26px; padding-top:7px;  font-size:18px; color:#2a2b2d;}
.Nwebsbody .bodys .ListBody ul li .Tbodys{ width:200px; height:40px; line-height:20px; color:#999999; }
.NwebsDzs{ width:1200px; height:504px; background:url(../image/moblie/r4_c2.png) no-repeat center top;position:relative; }

.NwebsDzs ul,.NwebsDzs li{ padding:0px; margin:0px; list-style:none;}
.NwebsDzs ul{ position:relative; left:50%;  }

.NwebsDzs li.w1{ width:69px; height:89px; padding-top:77px; position:absolute; margin-left:-500px;}
.NwebsDzs li.w2{ width:715px; height:199px; position:absolute;margin-left:-615px; margin-top:290px;}
.NwebsDzs li.w3{ 
width:75px; height:79px; position:absolute;  margin-left:450px; margin-top:296px;
}


/*
.NwebsDzs .lis0{ width:69px; height:89px; left:50%;}
.NwebsDzs .lis1{ width:715px; height:178px; position:absolute; left:100px; top:290px;}
.NwebsDzs .lis2{ width:75px; height:79px; position:absolute; right:90px; top:350px;}

.NwebsDzs .lis0{ width:69px; height:89px; position:absolute; left:114px; top:87px;}
.NwebsDzs .lis1{ width:715px; height:178px; position:absolute; left:0px; top:290px;}
.NwebsDzs .lis2{ width:75px; height:79px; position:absolute; right:90px; top:350px;}
*/
/*-------B--------------*/

.NwebsDs{ width:100%; height:796px; background:url(../image/moblie/r5_c1.jpg) no-repeat center top; }
.NwebsDs .bodys{ width:1200px; height:796px;position:relative;}
.NwebsDs .bodys .tops{ width:140px; height:124px; position:absolute; left:50%; margin-left:-70px; top:31px;}
.NwebsDs .bodys .titles{ width:890px; height:110px; position:absolute; top:161px; left:50%; margin-left:-445px; text-align:center; color:#fff; line-height:22px;font-size:12px; }
.NwebsDs .bodys .titles h1{ line-height:40px;font-size:32px;}
.NwebsDs .bodys .titles p{ font-size:16px;}
.NwebsDs .bodys .titles a{ padding-top:1px; color:#FFFC00; display:block;}
.NwebsDs .bodys .Moblies{ width:545px; height:495px; position:absolute; bottom:0px; left:-352px;
	filter:alpha(opacity=0);z-index:1;
	-moz-opacity:0; opacity:0;zoom: 1;
}

.NwebsDs .bodys .lisht{ width:527px; height:393px; position:absolute; left:180px; top:301px; z-index:2;

	filter:alpha(opacity=0);z-index:1;
	-moz-opacity:0; opacity:0;
 }
.NwebsDs .bodys .B0{
	width:438px;height:185px;position:absolute;left: 432px;top: 389px;
	filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}
.NwebsDs .bodys .B1{
	width:477px;height:173px;position:absolute;left: 581px;top: 401px;
	filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}
.NwebsDs .bodys .B2{
	width:475px;height:126px;
	position:absolute;left: 490px;top: 425px;
	filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}

.NwebsSer{ width:100%; height:795px;background:#E2EBF4;}
.NwebsSer .bodys{ width:1200px; height:795px; background:url(../image/moblie/r6_c2.jpg); position:relative;}

.NwebsSer .bodys .tops{ width:140px; height:124px; position:absolute; left:50%; margin-left:-70px; top:31px;}
.NwebsSer .bodys .titles{ width:890px; height:120px; position:absolute; top:161px; left:50%; margin-left:-445px; text-align:center; color:#999798; font-size:12px;  line-height:22px;}
.NwebsSer .bodys .titles h1{ line-height:38px;color:#000; font-size:32px; padding-top:4px;}
.NwebsSer .bodys .titles p{ font-size:16px;}
.NwebsSer .bodys .titles a{ padding-top:11px; color:#275BAE; display:block;}
.NwebsSer .bodys .Moblies{
 width:545px; height:495px; position:absolute; bottom:0px; left:-334px;

}
.NwebsSer .bodys .coms{
	width:896px;height:224px;position:absolute;left: 28px;top: 470px;
	filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}
.NwebsSer .bodys .Mobs{
	width:232px;height:305px;position:absolute;left: 981px;top: 386px;
		filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}
.NwebsSer .bodys .hores{
	width:230px;height:246px;
	position:absolute;left: 149px;top: 350px;	
	filter:alpha(opacity=0);
	-moz-opacity:0; opacity:0;
}

.WebCases{ width:100%; height:140px; background:#FFFFFF;}
.WebCases .bodys{ width:366px; height:110px; padding-top:30px;}
.WebCases .bodys a{ width:170px; height:60px; display:block; float:left; margin-right:13px; background:#EEEEEE; color:#656565; text-align:center; line-height:60px; font-size:18px;
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
	border-radius:10px;            /* W3C syntax */
}
