@charset "gb2312";
/* CSS Document */
/*--����--*/
.openwin{position:absolute; top:0; left:160px; width:600px; border:1px solid #5d469c;border-left:none; background:#fff; z-index:99; color:#fff; text-align:left; height: 428px;}
.zctlogo{}
.zctlogo img{ width:180px; height:50px; border:1px solid #e1e1e1; border-radius:2px; margin:5px;}
.zctlogo img:hover{border:1px solid #7564b1;}
a.scrmax:link,a.scrmax:visited,a.scrmax:active {text-align: center; padding:0px 10px; border-right:1px solid #ccc; max-width: 90px;color: #666; display: inline-block;float: left;}a.scrmax:hover{text-decoration:none;border-rigth: 1px solid #704fc0; color: #704fc0;}
a.scrmin:link,a.scrmin:visited,a.scrmin:active {text-align: center; padding:0px 10px;background:#fff;border-radius: 2px;border: 1px solid #ccc;color: #666; display: inline-block;float: left; margin:5px 10px;}a.scrmin:hover{text-decoration:none;border: 1px solid #704fc0; color: #704fc0;}
.logoz{}
.logoz li{width: 20%;float: left;font-size: 14px;}
.logoz img{width: 160px;height: 35px;margin: 10px 0;}
.logoz span{border: 1px solid #D1EBF1;height: 80px;margin: 10px;border-radius: 6px;display: block;padding: 2px 5px;}
.logoz span:hover{border: 1px solid #aacd06;box-shadow: 1px 1px 5px #ddd;}
.logoz a:link{color: #444;}
.logoz a:hover{color: #aacd06;}
a.zcspec:link,a.zcspec:visited,a.zcspec:active {text-align: center; padding:5px 10px; line-height:20px;background:#aacd06;color:#fff; border-radius:30px;}
a.zcspec:hover{text-decoration:none;background:#82b521;color:#fff; }
.qut{ border: 1px solid #aacd03; background:#f7f5fa; padding: 5px; border-radius: 4px; position: absolute; right:15px; top:20px; max-width:510px;box-shadow: 1px 1px 3px #ddd;}
.newgroup{}
.newgroup li{width: 20%;float: left;font-size: 14px;}
.newgroup img{width: 150px;height: 110px;margin-top: 15px;}
.newgroup span{border: 1px solid #e1e1e1;height: 240px;margin: 10px;padding: 10px;display: block;background: #f7f5fa;box-shadow: 1px 1px 3px #ddd;}
.newgroup span:hover{border: 1px solid #f7f5fa;box-shadow: none;}
.newgroup a:hover{color: #666;text-decoration: none;}
.applz{}
.applz li{width: 33.3%;float: left;font-size: 14px;}
.applz img{width: 150px;height: 110px;margin-top: 15px;border: 5px solid #f5f5f5;}
.applz span{}
.applz img:hover{border: 5px solid #58A9DA;}
.applz a:hover{color: #666;text-decoration: none;}
.listnav{border-left: 5px solid #D1EBF1;line-height: 20px;font-size: 20px;padding: 0 10px;margin-left: 10px;}
.minstar{background: url(../images/starmin.png) no-repeat;width: 85px;height: 15px;margin-top:3px;}
.mstar0{background-position: 0 0px;}
.mstar0_5{background-position: 0 -15px;}
.mstar1{background-position: 0 -30px;}
.mstar1_5{background-position: 0 -45px;}
.mstar2{background-position: 0 -60px;}
.mstar2_5{background-position: left -75px;}
.mstar3{background-position: left -90px;}
.mstar3_5{background-position: left -105px;}
.mstar4{background-position: left -120px;}
.mstar4_5{background-position: left -135px;}
.mstar5{background-position: left -150px;}
/*ѡ�*/
.bgguideg{ background: url(../images/bgguidep.jpg) center;background-size: cover; -moz-webkit-background-size: cover;}
.bgguide{background-color: #58A9DA}
.zctaba{width:33.3%;float: left;line-height: 40px;border-radius:6px 6px 0 0; cursor: pointer;color: #fff;}
.zctabb{width:33.3%;float: left;border-bottom: 2px solid #aacd03;line-height:38px;cursor: pointer;}
.bgtit{background:#5d469c;}
.banner_area{min-width:960px;height:470px;position:relative; z-index: 1;}
.area{width:900px; margin: 0 auto;}
.banner_box{position:absolute;left:0;top:0;width:100%;height:470px;background:url(../images/rep.png) repeat-x}
.banner_box .banner_cont{height:470px}
.banner_box .area{height:470px;overflow:hidden;position:relative}
.banner_area .on,.banner_area .on_delay{z-index:9999}
.banner_area .on2{z-index:999}
.banner_ui{background-position:0 0;background-color:#152d7d;}
.banner_logo{background-position:0 -477px;background-color:#088b22}
.banner_lighting{background-position:0 -964px;background-color:#240159}
.banner_ui .banner_cont{background:url(../images/banner_bg1.png) no-repeat center 0}
.banner_logo .banner_cont{background:url(../images/banner_bg2_noline.jpg) no-repeat center 0}
.banner_lighting .banner_cont{background:url(../images/banner_bg3.jpg) no-repeat center 0}

.main_box{position:relative;z-index:10000;width:1100px;margin:0 auto}
.main_list{position:absolute;left:0px;top:0;width:120px; background:#fff; height:450px; padding:10px 20px;}
.main_list li{ line-height:44px; border-bottom:1px solid #f5f5f5; background: url(../images/zcarrow.gif) no-repeat right 10px;}
.main_list li:hover{ background: url(../images/zcarrowb.gif) no-repeat right 10px; border-bottom:1px solid #accd04;}
.main_tt{position:absolute;left:200px;top:410px;width:520px; background:#fff;filter:alpha(opacity=85);-khtml-opacity:.85;-moz-opacity:.85;opacity:.85; height:50px; padding:0 20px; border-radius: 30px; line-height:50px;}
.main_tt img{ width:75px; height: 50px; border:1px solid #d1e669; border-radius:2px;}
.mgreen{border-radius:20px; color: #fff; padding:8px;}
.main_cont{position:absolute;right:0px;top:15px;width:300px;}
.main_cont .wrapper2{background:#FFF;margin:10px;position:relative;z-index:5;padding:5px 15px}
.main_cont .bg{width:100%;height:100%;background:#CCC;filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;position:absolute;top:0;left:0}
.xl_info dt{font-size:17px;font-family:"΢���ź�"}
.xl_info dd{margin-top:20px}
.xl_info dd input.srh{border:#d9d9d9 1px solid;width:248px;height:30px;line-height:30px}
.xl_info dd input.dl{font-size:12px;padding:0;line-height:30px;width:20%}
.xl_info dd input.blue{display:block;float:left;padding:0;width:45%;line-height:40px}
.xl_info dd input.lj{float:right}
.bshare-custom{margin-top:15px}
.status{margin:10px auto 0;text-align:center;font-size:0;width:960px}
.status span{display:inline-block;cursor:pointer;font-size:12px;width:10px;height:10px;margin:0 5px;background:url(../images/spr_png8.png) no-repeat -152px -25px}
.status .on{background-position:-152px 0}
.ban1_anim_txt,.ban2_anim_txt,.ban3_anim_txt{position:absolute;background:url(../images/bg_txt_spr.png) no-repeat;overflow:hidden;text-indent:-9999px;overflow:hidden}
.ban1_anim_txt{left:474px;top:260px;width:133px;height:65px;background-position:0 0}
.ban1_anim_bg{position:absolute;left:85px;top:56px;width:430px;height:382px;background:url(../images/bg1_1.png) no-repeat}
.ban2_anim_txt{z-index:10;left:467px;top:86px;width:140px;height:80px;background-position:0 -90px}
.ban2_anim_bg_logo{z-index:100;position:absolute;left:171px;top:70px;width:303px;height:299px;background:url(../images/bg2_logo.png) no-repeat}
.ban2_anim_bg_line{position:absolute;left:-90px;top:80px;width:805px;height:237px;background:url(../images/ban2_line.png) no-repeat}
.ban2_icon_1{position:absolute;left:166px;top:56px;width:318px;height:318px;overflow:hidden;opacity:.6}
.ban2_icon_1 span{position:absolute;left:268px;top:81px;width:34px;height:34px;background:url(../images/bg2_icon.png) no-repeat 0 -83px;overflow:hidden;filter:alpha(opacity=60)}
.ban2_icon_2{position:absolute;left:90px;top:-18px;width:470px;height:470px}
.s1{position:absolute;left:64px;top:45px;width:45px;height:45px;background:url(../images/bg2_icon.png) no-repeat;overflow:hidden;opacity:.5;filter:alpha(opacity=50)}
.s2{position:absolute;left:62px;top:380px;width:53px;height:54px;background:url(../images/bg2_icon.png) no-repeat -1px -257px;overflow:hidden;opacity:.3;filter:alpha(opacity=30)}
.ban2_icon_3{position:absolute;left:4px;top:-102px;width:644px;height:644px;opacity:.2}
.ban2_icon_3 span{position:absolute;left:522px;top:472px;width:65px;height:65px;background:url(../images/bg2_icon.png) no-repeat -2px -152px;overflow:hidden;filter:alpha(opacity=20)}
.ban3_anim_bg_lightning{z-index:100;position:absolute;left:106px;top:-25px;width:444px;height:441px;overflow:hidden;background:url(../images/bg3_light.png) no-repeat;-webkit-transform-origin:35% 100%}
.ban3_anim_txt{position:absolute;left:402px;top:85px;width:155px;height:69px;background-position:0 -203px}
.ban3_anim_bg_boom{position:absolute;left:98px;top:215px;width:344px;height:206px;background:url(../images/bg3_bom.png) no-repeat}
.ban3_anim_bg_boom_icon_l{position:absolute;left:35px;top:0;width:254px;height:395px;background:url(../images/bg3_icon.png) no-repeat;overflow:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
.ban3_anim_bg_boom_icon_r{position:absolute;left:270px;top:0;width:298px;height:395px;background:url(../images/bg3_icon.png) no-repeat -310px 0;overflow:hidden;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}
.on .ban1_anim_txt,.on2 .ban1_anim_txt{-webkit-animation:pic_1_txt 5.5s ease infinite;-moz-animation:pic_1_txt 5.5s ease infinite;-ms-animation:pic_1_txt 5.5s ease infinite;animation:pic_1_txt 5.5s ease infinite}
.on .ban1_anim_bg,.on2 .ban1_anim_bg{-webkit-animation:pic_1_bg 5.5s ease infinite;-moz-animation:pic_1_bg 5.5s ease infinite;-ms-animation:pic_1_bg 5.5s ease infinite;animation:pic_1_bg 5.5s ease infinite}
.on_delay .ban1_anim_txt{-webkit-animation:delay_txt 10s;-moz-animation:delay_txt 10s;-ms-animation:delay_txt 10s;animation:delay_txt 10s}
.on_delay .ban1_anim_bg{-webkit-animation:delay_bg 10s;-moz-animation:delay_bg 10s;-ms-animation:delay_bg 10s;animation:delay_bg 10s}
.on .ban2_anim_txt,.on2 .ban2_anim_txt{-webkit-animation:pic_2_txt 5.5s ease infinite;-moz-animation:pic_2_txt 5.5s ease infinite;-ms-animation:pic_2_txt 5.5s ease infinite;animation:pic_2_txt 5.5s ease infinite}
.on .ban2_anim_bg_logo,.on2 .ban2_anim_bg_logo{-webkit-animation:pic_2_logo 5.5s ease infinite;-moz-animation:pic_2_logo 5.5s ease infinite;-ms-animation:pic_2_logo 5.5s ease infinite;animation:pic_2_logo 5.5s ease infinite}
.on .ban2_anim_bg_line,.on2 .ban2_anim_bg_line{-webkit-animation:pic_2_line 1s ease-in;-moz-animation:pic_2_line 1s ease-in;-ms-animation:pic_2_line 1s ease-in;animation:pic_2_line 1s ease-in}
.on .ban2_icon_1,.on2 .ban2_icon_1{-webkit-animation:icon_1 8s linear infinite;-moz-animation:icon_1 8s linear infinite;-ms-animation:icon_1 8s linear infinite;animation:icon_1 8s linear infinite}
.on .ban2_icon_2,.on2 .ban2_icon_2{-webkit-animation:icon_2 8s linear infinite;-moz-animation:icon_2 8s linear infinite;-ms-animation:icon_2 8s linear infinite;animation:icon_2 8s linear infinite}
.on .ban2_icon_3,.on2 .ban2_icon_3{-webkit-animation:icon_3 8s linear infinite;-moz-animation:icon_3 8s linear infinite;-ms-animation:icon_3 8s linear infinite;animation:icon_3 8s linear infinite}
.on .ban3_anim_bg_lightning,.on2 .ban3_anim_bg_lightning{-webkit-animation:pic_3_linghtning 5.5s ease-in infinite;-moz-animation:pic_3_linghtning 5.5s ease-in infinite;-ms-animation:pic_3_linghtning 5.5s ease-in infinite;animation:pic_3_linghtning 5.5s ease-in infinite}
.on .ban3_anim_txt,.on2 .ban3_anim_txt{-webkit-animation:pic_3_txt 5.5s ease infinite;-moz-animation:pic_3_txt 5.5s ease infinite;-ms-animation:pic_3_txt 5.5s ease infinite;animation:pic_3_txt 5.5s ease infinite}
.on .ban3_anim_bg_boom,.on2 .ban3_anim_bg_boom{-webkit-animation:pic_3_boom 5.5s ease infinite;-moz-animation:pic_3_boom 5.5s ease infinite;-ms-animation:pic_3_boom 5.5s ease infinite;animation:pic_3_boom 5.5s ease infinite}
.on .ban3_anim_bg_boom_icon_l,.on2 .ban3_anim_bg_boom_icon_l{-webkit-animation:pic_3_icon_l 5.5s ease infinite;-moz-animation:pic_3_icon_l 5.5s ease infinite;-ms-animation:pic_3_icon_l 5.5s ease infinite;animation:pic_3_icon_l 5.5s ease infinite}
.on .ban3_anim_bg_boom_icon_r,.on2 .ban3_anim_bg_boom_icon_r{-webkit-animation:pic_3_icon_r 5.5s ease infinite;-moz-animation:pic_3_icon_r 5.5s ease infinite;-ms-animation:pic_3_icon_r 5.5s ease infinite;animation:pic_3_icon_r 5.5s ease infinite}
@-webkit-keyframes pic_1_bg{0%{left:51px;top:25px;opacity:.3}
12.5%{left:51px;top:25px;opacity:.3}
32.5%{left:85px;top:56px;opacity:1}
70%{left:85px;top:56px;opacity:1}
90%{left:123px;top:90px;opacity:0}
100%{left:123px;top:90px;opacity:0}
}
@-webkit-keyframes pic_1_txt{0%{left:274px;top:300px;opacity:0}
12.5%{left:274px;top:300px;opacity:0}
32.5%{left:474px;top:280px;opacity:1}
70%{left:474px;top:280px;opacity:1}
90%{left:574px;top:260px;opacity:0}
100%{left:574px;top:260px;opacity:0}
}
@-moz-keyframes pic_1_bg{0%{left:47px;top:22px;opacity:.3}
12.5%{left:47px;top:22px;opacity:.3}
32.5%{left:85px;top:56px;opacity:1}
70%{left:85px;top:56px;opacity:1}
90%{left:123px;top:90px;opacity:0}
100%{left:123px;top:90px;opacity:0}
}
@-moz-keyframes pic_1_txt{0%{left:274px;top:300px;opacity:0}
12.5%{left:274px;top:300px;opacity:0}
32.5%{left:474px;top:280px;opacity:1}
70%{left:474px;top:280px;opacity:1}
90%{left:574px;top:260px;opacity:0}
100%{left:574px;top:260px;opacity:0}
}
@-ms-keyframes pic_1_bg{0%{left:51px;top:25px;opacity:.3}
12.5%{left:51px;top:25px;opacity:.3}
32.5%{left:85px;top:56px;opacity:1}
70%{left:85px;top:56px;opacity:1}
90%{left:123px;top:90px;opacity:0}
100%{left:123px;top:90px;opacity:0}
}
@-ms-keyframes pic_1_txt{0%{left:274px;top:300px;opacity:0}
12.5%{left:274px;top:300px;opacity:0}
32.5%{left:474px;top:280px;opacity:1}
70%{left:474px;top:280px;opacity:1}
90%{left:574px;top:260px;opacity:0}
100%{left:574px;top:260px;opacity:0}
}
@keyframes pic_1_bg{0%{left:51px;top:25px;opacity:.3}
12.5%{left:51px;top:25px;opacity:.3}
32.5%{left:85px;top:56px;opacity:1}
70%{left:85px;top:56px;opacity:1}
90%{left:123px;top:90px;opacity:0}
100%{left:123px;top:90px;opacity:0}
}
@keyframes pic_1_txt{0%{left:274px;top:300px;opacity:0}
12.5%{left:274px;top:300px;opacity:0}
32.5%{left:474px;top:280px;opacity:1}
70%{left:474px;top:280px;opacity:1}
90%{left:574px;top:260px;opacity:0}
100%{left:574px;top:260px;opacity:0}
}
@-webkit-keyframes delay_bg{0%{left:51px;top:25px;opacity:.3}
100%{left:51px;top:25px;opacity:.3}
}
@-webkit-keyframes delay_txt{0%{left:274px;top:300px;opacity:0}
100%{left:274px;top:300px;opacity:0}
}
@-moz-keyframes delay_bg{0%{left:51px;top:25px;opacity:.3}
100%{left:51px;top:25px;opacity:.3}
}
@-moz-keyframes delay_txt{0%{left:274px;top:300px;opacity:0}
100%{left:274px;top:300px;opacity:0}
}
@-ms-keyframes delay_bg{0%{left:51px;top:25px;opacity:.3}
100%{left:51px;top:25px;opacity:.3}
}
@-ms-keyframes delay_txt{0%{left:274px;top:300px;opacity:0}
100%{left:274px;top:300px;opacity:0}
}
@keyframes delay_bg{0%{left:51px;top:25px;opacity:.3}
100%{left:51px;top:25px;opacity:.3}
}
@keyframes delay_txt{0%{left:274px;top:300px;opacity:0}
100%{left:274px;top:300px;opacity:0}
}
@-webkit-keyframes icon_1{0%{-webkit-transform:rotate(0)}
50%{opacity:1}
100%{-webkit-transform:rotate(360deg);opacity:.6}
}
@-webkit-keyframes icon_2{0%{-webkit-transform:rotate(0)}
50%{opacity:.5}
100%{-webkit-transform:rotate(-360deg);opacity:1}
}
@-webkit-keyframes icon_3{0%{-webkit-transform:rotate(0)}
50%{opacity:1}
100%{-webkit-transform:rotate(360deg);opacity:.2}
}
@-webkit-keyframes pic_2_line{0%{width:90px}
100%{width:800px}
}
@-webkit-keyframes pic_2_logo{0%{left:571px;top:470px}
15%{left:571px;top:470px}
30%{left:171px;top:70px}
80%{left:171px;top:70px}
100%{left:-371px;top:-470px}
}
@-webkit-keyframes pic_2_txt{0%{left:367px;opacity:0}
15%{left:367px;opacity:0}
35%{left:467px;opacity:1}
80%{left:467px;opacity:1}
100%{left:567px;opacity:0}
}
@-moz-keyframes icon_1{0%{-moz-transform:rotate(0)}
50%{opacity:1}
100%{-moz-transform:rotate(360deg);opacity:.6}
}
@-moz-keyframes icon_2{0%{-moz-transform:rotate(0)}
50%{opacity:.5}
100%{-moz-transform:rotate(-360deg);opacity:1}
}
@-moz-keyframes icon_3{0%{-moz-transform:rotate(0)}
50%{opacity:1}
100%{-moz-transform:rotate(360deg);opacity:.2}
}
@-moz-keyframes pic_2_line{0%{width:90px}
100%{width:800px}
}
@-moz-keyframes pic_2_logo{0%{left:571px;top:470px}
15%{left:571px;top:470px}
30%{left:171px;top:70px}
80%{left:171px;top:70px}
100%{left:-371px;top:-470px}
}
@-moz-keyframes pic_2_txt{0%{left:367px;opacity:0}
15%{left:367px;opacity:0}
35%{left:467px;opacity:1}
80%{left:467px;opacity:1}
100%{left:567px;opacity:0}
}
@-ms-keyframes icon_1{0%{-ms-transform:rotate(0)}
50%{opacity:1}
100%{-ms-transform:rotate(360deg);opacity:.6}
}
@-ms-keyframes icon_2{0%{-ms-transform:rotate(0)}
50%{opacity:.5}
100%{-ms-transform:rotate(-360deg);opacity:1}
}
@-ms-keyframes icon_3{0%{-ms-transform:rotate(0)}
50%{opacity:1}
100%{-ms-transform:rotate(360deg);opacity:.2}
}
@-ms-keyframes pic_2_line{0%{width:90px}
100%{width:800px}
}
@-ms-keyframes pic_2_logo{0%{left:571px;top:470px}
15%{left:571px;top:470px}
30%{left:171px;top:70px}
80%{left:171px;top:70px}
100%{left:-371px;top:-470px}
}
@-ms-keyframes pic_2_txt{0%{left:367px;opacity:0}
15%{left:367px;opacity:0}
35%{left:467px;opacity:1}
80%{left:467px;opacity:1}
100%{left:567px;opacity:0}
}
@keyframes icon_1{0%{transform:rotate(0)}
50%{opacity:1}
100%{transform:rotate(360deg);opacity:.6}
}
@keyframes icon_2{0%{transform:rotate(0)}
50%{opacity:.5}
100%{transform:rotate(-360deg);opacity:1}
}
@keyframes icon_3{0%{transform:rotate(0)}
50%{opacity:1}
100%{transform:rotate(360deg);opacity:.2}
}
@keyframes pic_2_line{0%{width:90px}
100%{width:800px}
}
@keyframes pic_2_logo{0%{left:571px;top:470px}
15%{left:571px;top:470px}
30%{left:171px;top:70px}
80%{left:171px;top:70px}
100%{left:-371px;top:-470px}
}
@keyframes pic_2_txt{0%{left:367px;opacity:0}
15%{left:367px;opacity:0}
35%{left:467px;opacity:1}
80%{left:467px;opacity:1}
100%{left:567px;opacity:0}
}
@-webkit-keyframes pic_3_txt{0%{left:302px;opacity:0}
15.5%{left:302px;opacity:0}
18.5%{left:402px;opacity:1}
72.5%{left:402px;opacity:1}
90%{left:502px;opacity:0}
100%{left:502px;opacity:0}
}
@-webkit-keyframes pic_3_linghtning{0%{top:-420px;left:306px;opacity:0}
12.5%{top:-420px;left:306px;opacity:0}
15.5%{top:-25px;left:106px;opacity:1}
72.5%{top:-25px;opacity:1}
95%{top:-25px;opacity:0}
100%{top:-25px;opacity:0}
}
@-webkit-keyframes pic_3_boom{0%{opacity:0}
15.5%{opacity:0}
18.5%{opacity:1}
72.5%{opacity:1}
90%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes pic_3_icon_l{0%{opacity:0;-webkit-transform:scale(0,0)}
15.5%{opacity:0;-webkit-transform:scale(0,0)}
20.5%{opacity:1;-webkit-transform:scale(.9,.9)}
72.5%{opacity:1;-webkit-transform:scale(1,1)}
100%{opacity:0;-webkit-transform:scale(1.2,1.2)}
}
@-webkit-keyframes pic_3_icon_r{0%{opacity:0;-webkit-transform:scale(0,0)}
15.5%{opacity:0;-webkit-transform:scale(0,0)}
20.5%{opacity:1;-webkit-transform:scale(.9,.9)}
72.5%{opacity:1;-webkit-transform:scale(1,1)}
100%{opacity:0;-webkit-transform:scale(1.2,1.2)}
}