@charset "utf-8";
/* CSS Document */

.ext_banner{ position:relative; height:567px; background:url(../images/extension_00.jpg) no-repeat center top;}
.ext_inner{ position:absolute; left:0px; width:100%; height:395px; bottom:-50px; overflow:hidden; z-index:9;}
.computer_bg{ width:682px; margin:0 auto; overflow:hidden; background:url(../images/computer_bg.png) no-repeat center top; height:394px;}
.computer_demo{ position:relative; width:512px; height:319px; margin:0 auto; margin-top:30px; overflow:hidden;}
.computer_abso{ position:absolute; width:100%; left:0px; top:0px; overflow:hidden;}
.exi{ float:left; width:33%; text-align:center; position:relative; height:205px; overflow:hidden;}
.exi .ab_exi{ position:absolute; width:100%; height:100%;}
.exi0{ left:-100%; top:0px;}
.exi1{ bottom:-100%; left:0px;}
.exi2{ right:-100%; top:0px;}

.exi .text{ position:absolute; left:0px; bottom:0px; width:100%; text-align:center; font-size:16px; color:#555555;}
.ext_center{ height:480px; overflow:hidden; background:url(../images/center_banner.png) no-repeat center top; display:block; text-decoration:none;}
.bottom_banner{ height:480px; background:url(../images/bottom_banner.png) no-repeat center top; display:block; text-decoration:none;}
#ex_animate{ width:928px; margin:0 auto; height:230px; overflow:hidden; position:relative;}
#ex_animate .gif{ position:absolute; width:60px; height:60px; background:url(../images/ajax-loader.gif) no-repeat left top; display:none;}
#ex_animate .gif_0{ top:19px; left:158px;}
#ex_animate .gif_1{ top:0px; right:196px;}
#ex_animate .gif_2{ bottom:35px; right:151px;}
#ex_animate .lad_0{ position:absolute; width:142px; height:91px; left:0px; top:30px; background:url(../images/lad_0.png) no-repeat left top; display:none;}
#ex_animate .rad_0{ position:absolute; width:120px; height:55px; right:62px; top:5px; background:url(../images/rad_0.png) no-repeat left top; display:none;}
#ex_animate .rad_1{ position:absolute; width:141px; height:53px; right:0px; top:148px; background:url(../images/rad_1.png) no-repeat left top; display:none;}
#ex_animate .lline_0{ position:absolute; width:185px; height:57px; left:221px; top:38px; background:url(../images/lline_0.png) no-repeat left top;}
#ex_animate .rline_0{ position:absolute; width:183px; height:57px; right:256px; top:5px; background:url(../images/rline_0.png) no-repeat left top;}
#ex_animate .rline_1{ position:absolute; width:183px; height:53px; right:212px; top:121px; background:url(../images/rline_1.png) no-repeat left top;}
#ex_animate .indmo{ width:100%; height:100%; position:absolute; z-index:2;}
#ex_animate .lline_0 .indmo{ background:url(../images/lline_0.png) no-repeat left top;}
#ex_animate .rline_0 .indmo{ background:url(../images/rline_0.png) no-repeat left top;}
#ex_animate .rline_1 .indmo{ background:url(../images/rline_1.png) no-repeat left top;}
#ex_animate .lline_0 .demo{ position:absolute; width:0px; height:100%; background:#a9d7ee; left:0px; top:0px; z-index:1;}
#ex_animate .rline_0 .demo{ position:absolute; width:0px; height:100%; background:#a9d7ee; right:0px; top:0px; z-index:1;}
#ex_animate .rline_1 .demo{ position:absolute; width:0px; height:100%; background:#a9d7ee; right:0px; top:0px; z-index:1;}
#ex_animate .center_img{ position:absolute; width:94px; height:94px; left:410px; top:77px; background:url(../images/center_img.png) no-repeat left top; display:none;}
#ex_animate .seo-type-i{display: none;}