/* 导航 */
#nav a{color:#bbdfde}
#nav a:hover,#nav a.cur, #nav .active a{color:#fff}
#nav .navbar-brand{background-image:url(../imgs/logo2_4x.png)}
html*~body #nav .navbar-brand{background-image:url(../imgs/logo2.png)}

.arrow-down{border-left:solid 1px #bbdfde;border-bottom:solid 1px #bbdfde;}

#nav .navbar-nav >li >a:hover .arrow-down,
#nav .navbar-nav >li >a.cur .arrow-down{border-left:solid 1px #fff;border-bottom:solid 1px #fff;}

/* 页首 */		
#header{background-color:#428bca;}
	#header .container{position:relative;height:480px;padding-top:160px;background:url(../imgs/dw_pdbanner.png) right bottom no-repeat}
		.bannertxt{padding-left:60px}
			#header h1{color:#fff;font-size:36px;font-weight:100;margin:0 0 30px}
			#header p{color:#bbdfde}
			.register{position:relative;margin-top:60px;width:420px;height:50px;}
				.txt{font-size:16px;color:#fff;background:#428bca;border:solid 1px #80d4d3;border-right:none;height:50px;width:260px;padding:6px 12px;border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;}
				.regbtn{position:absolute;right:0;top:0;width:160px;font-size:16px;line-height:50px;text-align:center;color:#428bca;background:#d9f2f2;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
				.regbtn:hover,.regbtn:focus{background:#fff;}
				
				.txt::-webkit-input-placeholder{color:#a7d7d6}
				.txt:-moz-placeholder {color:#a7d7d6;}
				.txt::-moz-placeholder {color:#a7d7d6;}
				.txt:-ms-input-placeholder {color:#a7d7d6;}
		
/* 内容 */
.icon_p{display:inline-block;width:48px;height:48px;background:url(../imgs/dw_iconc_4x.png) no-repeat;background-size:400%;}
html*~body .icon_p{background:url(../imgs/dw_iconc.png) no-repeat;}
.icon_p1{background-position:0 0}
.icon_p2{background-position:-48px 0}
.icon_p3{background-position:-96px 0}
.icon_p4{background-position:-144px 0}
.icon_p5{background-position:0 -48px}
.icon_p6{background-position:-48px -48px}
.icon_p7{background-position:-96px -48px}
.icon_p8{background-position:-144px -48px}
.icon_p9{background-position:0 -96px}
.icon_p10{background-position:-48px -96px}
.icon_p11{background-position:-96px -96px}
.icon_p12{background-position:-144px -96px}

.work-cell{}
	.work-cell .row{margin-top:40px;}
		.work-cell h3{margin:20px 0 12px;font-size:20px;font-weight:100}
		
#stable{padding-bottom:0;}
	#stable .col-sm-3{position:relative;cursor:pointer;}
		#stable img,#stable .mask{position:absolute;left:0;top:0;width:100%;height:100%}
		#stable .mask{zoom:1;filter:Alpha(opacity=40);opacity:.4;background:#242931;}
		
		.stable-info{position:relative;height:380px;padding-top:140px}
			.stable-info h3,.stable-info p{color:#fff}
			.stable-info p{zoom:1;filter:Alpha(opacity=0);opacity:0;}
			
		#stable .col-sm-3:hover .mask{background:#428bca;opacity:.8}	
			#stable .col-sm-3:hover .stable-info{padding-top:75px}
				#stable .col-sm-3:hover .stable-info p{filter:Alpha(opacity=100);opacity:1;}		
				
#quick{padding-bottom:0;}
	#quick_bg{position:relative;height:160px;background:url(../imgs/quick.png) top center no-repeat}
		@-webkit-keyframes halo{ 
			0% {opacity:1;}
			90% {background:#fff;}
			100% {opacity:0;width:80px;height:80px;left:-36px;top:-36px} 
		}
		@-moz-keyframes halo{
			0% {opacity:1;}
			90% {background:#fff;}
			100% {opacity:0;width:80px;height:80px;left:-36px;top:-36px} 
		}
		@-ms-keyframes halo{
			0% {opacity:1;}
			90% {background:#fff;}
			100% {opacity:0;width:80px;height:80px;left:-36px;top:-36px} 
		}
		@-o-keyframes halo{
			0% {opacity:1;}
			90% {background:#fff;}
			100% {opacity:0;width:80px;height:80px;left:-36px;top:-36px} 
		}
		@keyframes halo{
			0% {opacity:1;}
			90% {background:#fff;}
			100% {opacity:0;width:80px;height:80px;left:-36px;top:-36px} 
		}
		
		#quick_bg span{position:absolute;left:50%;width:7px;height:7px;border-radius:50%;background:#428bca;}
		#quick_bg .point1{top:66px;margin-left:-4px}
		#quick_bg .point2{top:53px;margin-left:-79px}
		#quick_bg .point3{top:53px;margin-left:71px}
		#quick_bg .point4{top:48px;margin-left:-124px}
		#quick_bg .point5{top:48px;margin-left:116px}
		#quick_bg .point6{top:43px;margin-left:-169px}
		#quick_bg .point7{top:43px;margin-left:161px}
			.radar .wave1,.radar .wave2{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;border:solid 1px #428bca;background:rgba(0,168,166,.1);-webkit-animation:2s ease-out halo;-moz-animation:2s ease-out halo;animation:2s ease-out halo;}
			.radar .wave2{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
		
		
	#quick .row{margin-top:20px;border-bottom:solid 1px #e4e4e4;padding-bottom:80px}
		#quick .col-xs-6{margin-top:30px}
			#quick  h3{margin:15px 0 12px;font-size:20px;font-weight:100}
			#quick a{color:#428bca}
			#quick a:hover{color:#3dbdbb}

#risk{padding-bottom:0;}
	#risk .row{margin-top:60px;border-bottom:solid 1px #e4e4e4;padding-bottom:80px}	
		#risk .col-xs-6{min-height:260px;padding:55px 60px 0}
		
		#risk .dark_bg{background:#242931;}
			#risk .dark_bg h3{color:#c7c7c7}	

#copy{}
	#copy_bg{position:relative;margin:50px auto 0;height:188px;overflow:hidden;background:url(../imgs/copy.png) top center no-repeat}
		@-webkit-keyframes moveright{ 
			0% {opacity:0;left:-20%;}
			40% {opacity:1;}
			60% {opacity:1;}
			100% {opacity:0;left:80%} 
		}
		@-moz-keyframes moveright{
			0% {opacity:0;left:-20%;}
			40% {opacity:1;}
			60% {opacity:1;}
			100% {opacity:0;left:80%} 
		}
		@-ms-keyframes moveright{
			0% {opacity:0;left:-20%;}
			40% {opacity:1;}
			60% {opacity:1;}
			100% {opacity:0;left:80%} 
		}
		@-o-keyframes moveright{
			0% {opacity:0;left:-20%;}
			40% {opacity:1;}
			60% {opacity:1;}
			100% {opacity:0;left:80%} 
		}
		@keyframes moveright{
			0% {opacity:0;left:-20%;}
			40% {opacity:1;}
			60% {opacity:1;}
			100% {opacity:0;left:80%} 
		}
		
		#copy_bg span{position:absolute;height:2px;opacity:0;-webkit-animation:10s ease-out moveright infinite;-moz-animation:10s ease-out moveright infinite;animation:10s ease-out moveright infinite;}
		#copy_bg .cline1{left:40%;top:24px;width:214px;background:url(../imgs/copy_line3.png) no-repeat;}
		#copy_bg .cline2{left:15%;top:70px;width:190px;background:url(../imgs/copy_line2.png) no-repeat;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
		#copy_bg .cline3{left:55%;top:116px;width:360px;background:url(../imgs/copy_line1.png) no-repeat;-webkit-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s;}
		#copy_bg .cline4{left:25%;top:162px;width:310px;background:url(../imgs/copy_line4.png) no-repeat;-webkit-animation-delay:7s;-moz-animation-delay:7s;animation-delay:7s;}
	
	#copy .row{margin-top:60px;}	
		#copy .col-xs-6{padding:0 60px}

@media (max-width:767px){
	.navbar-toggle .icon-bar{background:#fff}
	
	.arrow-down{border-left:solid 1px #b2e5e9;border-bottom:solid 1px #b2e5e9;}
	#nav a{padding:8px 15px;color:#b2e5e9;}
	#nav a:hover,#nav a.cur{color:#fff}
	
	#nav .navbar-nav >li >a:hover .arrow-down,
	#nav .navbar-nav >li >a.cur .arrow-down{border-left:solid 1px #fff;border-bottom:solid 1px #fff;}	
	
	.bannertxt{text-align:center;padding-left:0}
		#header p{color:#fff}
		.register{margin:60px auto 0;width:300px;text-align:left;}
			.txt{width:200px;}
			.regbtn{width:100px}
			
	#quick_bg,#copy_bg{margin-left:-15px;margin-right:-15px}
	
	#risk .col-xs-6{padding:20px 15px 15px;}
	#copy .col-xs-6{padding:0 15px}
}

@media (min-width:768px){
	#navbar a.free{border:solid 1px #bbdfde;color:#bbdfde}
	#navbar a.free:hover{background:#fff;color:#428bca;border-color:#fff}
	
	#quick p span{display:block}
}
  	
@media (min-width:768px) and (max-width:991px){
	.bannertxt{padding-left:20px}
	
	#risk .col-xs-6{padding:45px 40px 0}
	#copy .col-xs-6{padding:0 40px}
	
	#copy_bg{width:652px;}
}

@media (min-width:992px) and (max-width:1199px){
	.bannertxt{padding-left:40px}
	
	#risk .col-xs-6{padding:45px 60px 0}
	
	#copy_bg{width:760px;}
}

@media (min-width:1200px){
	#copy_bg{width:976px;}
}