@charset "utf-8";
/* CSS Document */
.quan_gd{ display: none; }
.quan_gd2{ display:block !important ; position:relative; z-index:3; top:26%; height:66%;}
.quan2{  width:44%; margin:0 3%; height: auto; margin-bottom:2em; display: block;  _position:relative; overflow:hidden;}
.gd21, .gd23{ float:left;}  .gd22, .gd24{ float: right;}
.quan2 .gd_gdq{ display:block; position:relative; z-index:1; float:left; width:28% !important; margin-right:4.5%;background:url(../images/gd_qu.png) center center no-repeat; background-size: 100% 100%;}
.quan2 .gd_gdq img{ width:100% !important;}
.quan2 .quan_js{ display:block; position: absolute; float:left; width:68.4%; height:auto; top:50% !important; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); padding-left:0; border-left:none;}
.quan2 .quan_js1{ font-size:1.3em; color:#f0bf5f; line-height:1.6em; padding-bottom:0.2em;}
.quan2 .quan_js2{ font-size:1.2em; color:#FFF; line-height:1.5em;}


/**两排观点动作*/
.gd21,  .gd22,  .gd23,  .gd24{ display:block; position:relative;}
.gd21{left:-350px;}  .gd22{right:-350px;}  .gd23{left:-600px;}  .gd24{right:-600px;}
.area_04.current  .gd21, .area_04.current  .gd22, .area_04.current  .gd23 , .area_04.current  .gd24{ 
	-webkit-transition:2s cubic-bezier(1, .57, .48, 1.45) ;
	-moz-transition:2s cubic-bezier(1, .57, .48, 1.45) ;
	-ms-transition:2s cubic-bezier(1, .57, .48, 1.45) ;
	-o-transition:2s cubic-bezier(1, .57, .48, 1.45) ;
	transition:2s cubic-bezier(1, .57, .48, 1.45) ; 
}
.area_04.current .gd21,  .area_04.current .gd23 { left:0;}
.area_04.current .gd22,  .area_04.current .gd24{ right:0;}

.area_04 .quan_js41, .area_04 .quan_js42, .area_04 .quan_js43 ,.area_04 .quan_js44{ left:80%!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:1.0s  cubic-bezier(.86, 0, .07, 1);
-moz-transition:1.0s  cubic-bezier(.86, 0, .07, 1);
-o-transition:1.0s  cubic-bezier(.86, 0, .07, 1);
-ms-transition:1.0s  cubic-bezier(.86, 0, .07, 1);
transition:1.0s  cubic-bezier(.86, 0, .07, 1);}

.area_04.current .quan_js41{	-webkit-transition-delay:1s; 	-moz-transition-delay:1s;  -o-transition-delay:1s;  -ms-transition-delay:1s; 	transition-delay:1s;}
.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{ left:32.5%!important;  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}