@charset "utf-8";
/* CSS Document */
.quan_gd2{ display:none;  }
.quan_gd{ display:block !important; position: absolute; z-index:3; top:52%; height:40%;}
.quan{ display:block; width:25%; position: relative; float:left; height: auto; overflow:hidden; padding-bottom:1em;}
.quan_jsk{ display:block; width:25%; position: relative; float:left; height: auto; overflow:hidden; padding-bottom:1em;}
.gd_x{ background:url(../images/gd_x.png) center center repeat-x; width:0; height:1px; display:block; position:relative; top:50%;}
.gd_gdq{ display:block; position:relative; z-index:1; width:100%; height:100%; background:url(../images/gd_qu.png) center center no-repeat; background-size: 100% 100%;}
.quan_js{ position:relative; left:20%; width:78%; top:0.8em; height:60%; padding-left:3%; padding-top:0.9em; border-left:1px solid #676767;}
.quan_js1{ font-size:1.3em; color:#f0bf5f; line-height:1.6em; padding-bottom:0.2em;}
.quan_js2{ font-size:1.2em; color:#FFF; line-height:1.5em;}

/**横排观点动作*/
.area_04.current .gd_x{ 
	-webkit-transition:0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition:0.3s linear;
	-o-transition:0.3s linear;
	transition:0.3s linear;}
.area_04.current .gd_x1 {	-webkit-transition-delay:1.0s; 	-moz-transition-delay:1.0s; 	-o-transition-delay:1.0s; 	-ms-transition-delay:1.0s; 	transition-delay:1.0s;}
.area_04.current .gd_x2 {	-webkit-transition-delay:1.3s; 	-moz-transition-delay:1.3s; 	-o-transition-delay:1.3s; 	-ms-transition-delay:1.3s; 	transition-delay:1.3s;}
.area_04.current .gd_x3 {	-webkit-transition-delay:1.8s; 	-moz-transition-delay:1.8s; 	-o-transition-delay:1.8s; 	-ms-transition-delay:1.8s; 	transition-delay:1.8s;}
.area_04.current .gd_x4 {	-webkit-transition-delay:2.1s; 	-moz-transition-delay:2.1s; 	-o-transition-delay:2.1s; 	-ms-transition-delay:2.1s; 	transition-delay:2.1s;}
.area_04.current .gd_x5 {	-webkit-transition-delay:2.4s; 	-moz-transition-delay:2.4s; 	-o-transition-delay:2.4s; 	-ms-transition-delay:2.4s; 	transition-delay:2.4s;}
.area_04.current .gd_x6 {	-webkit-transition-delay:2.7s; 	-moz-transition-delay:2.7s; 	-o-transition-delay:2.7s; 	-ms-transition-delay:2.7s; 	transition-delay:2.7s;}
.area_04.current .gd_x7 {	-webkit-transition-delay:3s; 	-moz-transition-delay:3s; 	-o-transition-delay:3s; 	-ms-transition-delay:3s; 	transition-delay:3s;}
.area_04.current .gd_x8 {	-webkit-transition-delay:3.3s; 	-moz-transition-delay:3.3s; 	-o-transition-delay:3.3s; 	-ms-transition-delay:3.3s; 	transition-delay:3.3s;}
.area_04.current .gd_x1, .area_04.current .gd_x2 , .area_04.current .gd_x3 , .area_04.current .gd_x4 , .area_04.current .gd_x5, .area_04.current .gd_x6 , .area_04.current .gd_x7 , .area_04.current .gd_x8{ width:100%;}
.gd1,  .gd2,  .gd3,  .gd4{ display:block; position:relative;}
.gd1{left:100px;}  .gd2{left:350px;}  .gd3{left:600px;}  .gd4{left:850px;}
.area_04.current  .gd1, .area_04.current  .gd2, .area_04.current  .gd3 , .area_04.current  .gd4{ 
	-webkit-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	-moz-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	-ms-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	-o-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	transition:1.5s cubic-bezier(1, .57, .48, 1.45) ; left:0;
}
.area_04.current .gd1, .area_04.current .gd2, .area_04.current .gd3, .area_04.current .gd4{ left:0;}

.area_04 .quan_js41, .area_04 .quan_js42, .area_04 .quan_js43 ,.area_04 .quan_js44{ top:0% !important; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.area_04.current .quan_js41, .area_04.current .quan_js42, .area_04.current .quan_js43 ,.area_04.current  .quan_js44{
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;}
.area_04.current .quan_js41{	-webkit-transition-delay:1.0s; 	-moz-transition-delay:1.0s; 	-o-transition-delay:1.0s; 	-ms-transition-delay:1.0s; 	transition-delay:1.0s;}
.area_04.current .quan_js42{	-webkit-transition-delay:1.5s; 	-moz-transition-delay:1.5s; 	-o-transition-delay:1.5s; 	-ms-transition-delay:1.5s; 	transition-delay:1.5s;}
.area_04.current .quan_js43{	-webkit-transition-delay:2.0s; 	-moz-transition-delay:2.0s; 	-o-transition-delay:2.0s; 	-ms-transition-delay:2.0s; 	transition-delay:2.0s;}
.area_04.current .quan_js44{	-webkit-transition-delay:2.5s; 	-moz-transition-delay:2.5s; 	-o-transition-delay:2.5s; 	-ms-transition-delay:2.5s; 	transition-delay:2.5s;}
.area_04.current .quan_js41, .area_04.current .quan_js42, .area_04.current .quan_js43 ,.area_04.current  .quan_js44{ top:0.8em; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}



