@charset "gb2312";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul, li {
    list-style: none;
	margin:0;
	padding:0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
img {margin: 0;padding: 0;border: none 0}
.clear {clear:both;}
.cp {cursor: pointer}
.clear {clear:both;}
.dblk {display: block}
.fl {float:left;display: inline;}
.fr {float:right}
.ofh {overflow: hidden;}
.pr {position: relative;}
.pa {position: absolute;}
.nomr { margin-right:0;}
.ti-999 {text-indent: -999em}
.color-o {color:#ff6000}
.color-b {color:#0dacec}
.color-g {color:green}
.color-r {color:red}
.color-y {color:#FC0}


body{ margin:0; padding:0;font-family:Tahoma, "Microsoft YaHei";}
.spr{ width:1300px; height:600px; background:url(btn.png) no-repeat;}
.wrap{ width:1280px; margin:0 auto; position:relative;}
.top{ width:100%; height:280px; background:url(top.jpg) no-repeat top center; padding-top:666px; position:relative}
.logo{ width:190px; height:140px; background:url(http://lt.baiyou100.com/ltsec2013_files/logov2.png) no-repeat;left:0; top:-666px; }
.logo a{width:190px; height:140px; display:block}
.jl_video{width:165px; height:108px; left:250px; top:-235px; border:1px solid #969696; padding:1px; background-color:#ccc;}
#jl_video {position:absolute;width:165px;height:108px;z-index:1;top:1px;left:1px;}
.top_nav{width:980px; height:60px; background:url(navbg.png) no-repeat; top:-666px; left:240px;}
.top_nav ul li{ background:url(btn.png) -1000px -562px; width:120px; height:20px; line-height:20px; text-indent:24px; margin:20px 0; font-size:16px; float:left}
.top_nav ul li a{ color:#fff; text-decoration:none; font-weight:600;}
.top_nav ul li a:hover{ color:#f1d19f; text-decoration:none}
.download{width:305px; height:280px; margin-right:15px;}
.download a.down{width:305px; height:188px; background-position:-500px 0; display:block}
.download a.down:hover{ background-position:-500px -280px; display:block}
.download a.reg{width:153px; height:92px; background-position:-500px -188px; display:block}
.download a.reg:hover{ background-position:-500px -468px; display:block}
.download a.buy{width:152px; height:92px ;background-position:-653px -188px; display:block}
.download a.buy:hover{ background-position:-653px -468px; display:block}
.jdt{width:635px; height:280px; margin-right:15px;}
#fader{position:relative;overflow:hidden;width:635px;height:280px;}
#fader li{position:absolute;left:0;top:0;width:635px;height:280px;}
#fader li img {width:635px;height:280px; display:block}
ul,li{list-style:none;margin:0;padding:0}
.fader-nav{display:inline-block;margin-right:8px;padding:5px;background:#006766; font-size:0px;cursor:pointer;border-radius:5px}
.fader-cur-nav{display:inline-block;margin-right:8px;padding:5px 12px;background:#ca062b;font-size:0px;cursor:pointer;border-radius:4px}
.event{width:310px; height:280px; background-color:#000}
.event a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.content{width:100%; height:1250px; padding:15px 0;  background:url(bottom_bg.jpg) no-repeat bottom #c0d2e4 }

.part_1{width:1280px; height:280px; margin:0 auto; position:relative}
.btn_six{width:305px; height:280px; background-color:#fff; }
.btn_six a{width:152px; height:92px; display:block; float:left;}
.btn_six a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.btn_six a.b_1{ background-position:-813px 0; border-right:1px solid #c6cbd3; border-bottom:1px solid #c6cbd3}
.btn_six a.b_2{ background-position:-813px -92px;border-bottom:1px solid #c6cbd3}
.btn_six a.b_3{ background-position:-813px -184px;border-right:1px solid #c6cbd3; border-bottom:1px solid #c6cbd3}
.btn_six a.b_4{ background-position:-813px -276px;border-bottom:1px solid #c6cbd3}
.btn_six a.b_5{ background-position:-813px -368px;border-right:1px solid #c6cbd3; }
.btn_six a.b_6{ background-position:-813px -460px;}
.news{width:585px; height:260px; background-color:#fff; margin:0 15px; padding:10px 25px; position:relative}
.tab{width:585px; height:40px; border-bottom:1px solid #c6cbd3; position:relative}
.tab a{width:90px; height:40px; text-align:center; line-height:40px; font-size:18px;font-weight:600;  float:left; display:block; color:#888; text-decoration:none;}
.tab .hover,.tab a:hover{color:#596f94; border-bottom:1px solid #596f94; text-decoration:none;font-weight:600;}
.tab a.more{ font-size:14px;line-height:40px; color:#999; font-weight:normal; width:60px; height:40px; position:absolute; right:0; bottom:0; border:none}
.tab a.more:hover{ color:#596f94; }
.news_con{width:380px; height:210px; padding:15px 10px 0 10px; position:relative}
.news_con .hotnews{ width:380px; height:40px; background-color:#f4f4f4; font-size:15px; font-weight:600; line-height:40px; text-align:center; margin-bottom:5px;}
.news_con .hotnews a{ color:#596f94; text-decoration:none; }
.news_con .hotnews a:hover{ color:red;}
.news_con ul li {height:32px;line-height:32px;}
.news_con ul li a {color:#575757;float:left;width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px; text-decoration:none}
.news_con ul li a span {color:#000}
.news_con ul li a:hover {color:#ff6000; text-decoration:underline;}
.news_con ul li .date {color:#000;width: 50px;text-align:right;font-size:12px}
.news_pic{width:170px; height:190px; position:absolute; right:25px; bottom:25px;}
.gg_3{width:310px; height:280px; }
.gg_3 a{ width:310px; height:85px; display:block; }
.gg_3 a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.gg_3 img{ width:310px; height:85px;}
.mrb12{ margin-bottom:12px;}

.part_2{width:1280px; height:450px; margin:15px auto; position:relative}
.cs{width:265px; height:410px; background-color:#fff; padding:20px;}
.title_h3{ height:45px; line-height:30px; font-size:24px; color:#596f94;}
.cs_box{width:263px; height:164px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.cs_box ul li{width:130px; height:40px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; line-height:40px; float:left;}
.cs_box ul li a{font-size:14px; color:#333; text-decoration:none}
.cs_box ul li a:hover{font-size:14px; color:#596f94;}
.cs_event{width:265px; height:180px; background-color:#f2f2f2; margin-top:15px;}
.cs_event .ewm{width:120px; height:170px; padding:5px;border-right:1px solid #fff;}
.cs_event .ewm img{width:120px; height:120px;}
.cs_event .ewm p{ width:90px; height:30px; margin:5px 0 0 0; padding-left:30px; background-position:-1000px -453px; line-height:30px;color:#23b5e8; font-size:14px;}
.cs_event .qq{width:133px; height:100px; border-bottom:1px solid #fff;}
.cs_event .qq p{width:85px; height:35px; margin:0 auto; color:#23b5e8; border-bottom:1px dotted #ccc;  line-height:35px;  background-position:-1000px -390px; padding-left:35px }
.cs_event .qq a,.cs_event .weibo a,.cs_event .tieba a{ width:120px; height:32px; line-height:32px; font-size:14px; color:#555; display:block; margin-left:5px; text-decoration:none}
.cs_event .qq a:hover{ color:#596f94}
.cs_event .weibo {width:133px; height:40px; border-bottom:1px solid #fff}
.cs_event .weibo p{width:85px; height:35px; margin:0 auto; color:#23b5e8;  line-height:35px;  background-position:-1000px -422px; padding-left:35px }
.cs_event .tieba {width:133px; height:40px;}
.cs_event .tieba p{width:85px; height:35px; margin:0 auto; color:#23b5e8;  line-height:35px;  background-position:-1150px -422px; padding-left:35px }
.role{width:635px; height:450px; margin:0 15px; background-color:#fff; position:relative}
.role_tab{ width:425px; height:40px; border-bottom:1px solid #c6cbd3; position:absolute; top:30px; left:20px;}
.role_tab a{ display:block; width:60px; height:40px; font-size:18px; font-weight:600; line-height:40px; text-decoration:none; color:#888; float:left; text-align:center}
.role_tab a:hover,.role_tab .hover{color:#596f94; border-bottom:1px solid #596f94; text-decoration:none;}
.role .huben{width:620px; height:380px; padding:70px 0 0 25px; background:url(huben.jpg) no-repeat; }
.role .luosha{width:620px; height:380px; padding:70px 0 0 25px; background:url(luosha.jpg) no-repeat; }
.role .xingzhe{width:620px; height:380px; padding:70px 0 0 25px; background:url(xingzhe.jpg) no-repeat; }
.role .jitian{width:620px; height:380px; padding:70px 0 0 25px; background:url(jitian.jpg) no-repeat; }
.role .lingmei{width:620px; height:380px; padding:70px 0 0 25px; background:url(lingmei.jpg) no-repeat; }
.role .pojun{width:620px; height:380px; padding:70px 0 0 25px; background:url(pojun.jpg) no-repeat; }
.role .jialou{width:620px; height:380px; padding:70px 0 0 25px; background:url(jialou.jpg) no-repeat; }
.role h1{ height:90px; font-size:50px; line-height:90px;color:#596f94; text-indent:5px;}
.role h1 span{ color:#cfd3db;font-size:40px; margin-left:10px;}
.role_video{ width:165px; height:108px; padding:1px; border:1px solid #969696; margin-left:10px;}
.role_info{width:200px; height:60px; margin:20px 0}
.role_info a{width:75px; height:30px; float:left; background-position:-1000px -558px; font-size:14px; line-height:30px; padding-left:25px; color:#555; text-decoration:none}
.role_info a:hover{ color:#596f94;}
.role_tips{width:500px;font-size:14px; color:#555; color:#596f94}
.role_tips a{width:110px; height:32px; line-height:32px; font-size:14px; color:#fff; text-align:center; display:block; text-decoration:none; background-color:#4b5b8a;border-radius:15px; margin-top:20px;}
.role_tips a:hover{ background-color:#555;}
.info{width:280px; height:410px; background-color:#fff; padding:20px 15px; background:url(info_bg.jpg) no-repeat}
.dropdown-box{width:100%; height:28px; margin:5px 0;}
.dropdown{width:90px; height:28px; margin-right:3px;}
.dropdown dt {width:80px; height:16px; padding:6px 0 6px 10px; text-align:left; background-position:-930px -580px;  background-color:#4b5b8a; color:#fff; font-size:14px;}
.dropdown dt:hover { background-color:#555;}
.dropdown dd { font-size:14px; position:absolute;overflow:hidden; width:90px; display:none;background:#555; z-index:200; opacity:0}
.dropdown ul {width:90px; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; color:#fff; text-decoration:none; width:90px;height:26px;line-height:26px;text-align:center;border-top:1px dashed #fff}
.dropdown a:hover {color:#23b5e8}
.info_list{ height:140px;}
.info_title{ font-size:16px; line-height:34px; color:#596f94; font-weight:bold;}
.info_list ul li{width:70px; height:24px; line-height:24px; font-size:14px; float:left }
.info_list ul li a{ color:#555; text-decoration:none}
.info_list ul li a:hover{ color:#596f94;}

.part_3{width:1280px; height:140px; margin:0 auto; position:relative}
.part_3 .tel{width:295px; height:130px; border:5px solid #abb8cb; background-color:#5f6b81}
.part_3 .tel_1{width:260px; height:45px; margin:20px auto 0; border-bottom:1px solid #7a8496; font-size:14px; line-height:30px; color:#fff; display:block}
.part_3 .tel_1 span{ width:40px; height:30px; background-position:-1000px -485px; display:block; float:left; border-right:1px solid #7a8496; margin:0 20px;}
.part_3 .tel_2{width:260px; height:40px; margin:15px auto 0;  font-size:14px; line-height:30px; color:#fff; display:block }
.part_3 .tel_2 span{ width:40px; height:30px; background-position:-1000px -522px; display:block; float:left; border-right:1px solid #7a8496; margin:0 20px;}
.part_3 a.photo {width:300px; height:130px; border:5px solid #abb8cb; background-position:-1000px 0; margin-left:15px; display:block}
.part_3 a.screenshot{width:300px; height:130px; border:5px solid #abb8cb; background-position:-1000px -130px; margin-left:15px;display:block }
.part_3 a.video{width:300px; height:130px; border:5px solid #abb8cb; background-position:-1000px -260px; margin-left:15px;display:block}
.part_3 a.photo:hover,.part_3 a.screenshot:hover,.part_3 a.video:hover{ border:5px solid #5f6b81;}

.part_4{width:1280px; height:300px; margin:15px auto; position:relative}
.act{width:265px; height:260px; padding:20px; background-color:#fff;}
.act .box { width:265px;height:200px; margin: 0 auto; text-align: left; position: relative; z-index: 1; }
.act .box .line {width:250px;height:2px;border-bottom:1px dashed #cecece;top:158px;position:absolute;left:9px;_top:144px}
.act .box #container{position:absolute;width:230px;height:206px;top:0;left:50%;margin-left:-115px;}
.act .box #scroll{width:230px;height:162px;overflow:hidden;position:absolute;left:0;top:0;}
/* prev and next btn style */
.act .box .btn{position:absolute;top:40px;width:15px;height:36px;display:block;overflow:hidden;cursor:pointer;text-indent:-999em}
.act .box #btn_prev{left:-20px;background:url(btn_pre.jpg) no-repeat 0 0}
.act .box #btn_next{right:-20px;background:url(btn_next.jpg) no-repeat 0 0}
/* slider bar start*/
.act .box #slider_bar{width:56px;height:8px;position:absolute;bottom:24px;text-align:center;left:50%;margin-left:-28px}
.act .box #slider_bar a{display:inline-block;margin:0px 6px 0 0;  padding:5px; border-radius:5px; display:inline-block; background-color:#ccc;}
.act .box #slider_bar a.cur,.act .box #slider_bar a:hover{ padding:5px; border-radius:5px; display:inline-block; background-color:#596f94;}
.act .box #scroll .child{width:230px;height:162px;position:absolute;top:0px;z-index:10;display:block;}
.act .box #scroll .child img{width:218px;height:106px;margin:0 auto;display:block}
.act .box #scroll .child p {line-height:40px;margin-top:16px;text-align:center;font-size:14px;font-weight:bold;color:#6c6c6c}
.act .box #scroll_wrapper{position:relative;top:0px;}
.friend{width:286px; height:260px; padding:20px 12px; background-color:#fff; margin-left:15px;}
.friend ul li{width:90px;height:33px;margin:0 2px 10px 2px; float:left;display:inline;overflow:hidden;}
.friend ul li a{width:88px;height:31px;border:1px solid #596f94; display:block; }
.friend ul li a:hover{border:1px solid #0daaea;}
.voice{width:270px; height:260px; padding:20px; background-color:#fff; margin-left:15px;}
.voice .box { width:265px;height:260px; margin: 0 auto; text-align: left; position: relative; z-index: 1; }
.slidebox {width:265px;position:relative;overflow: hidden;height:210px}
.downpaly {position: absolute;width: 265px;left:0;top:0;}
.downpaly li {color:#6c6c6c;font-size:12px;line-height:24px;padding:11px 0 12px;border-bottom:1px dashed #6c6c6c}
.downpaly li span {color:#ff5a00}
.notice{width:270px; height:260px; padding:20px; background-color:#fff; margin-left:15px;}
.notice .box{width:260px; height:40px; margin:10px; border-bottom:1px dashed #cecece;  }
.notice .box a{ width:85px; height:18px; text-align:center; line-height:18px; font-size:14px; color:#555; display:block; float:left; border-right:1px solid #555; text-decoration:none}
.notice .box a:hover{ color:#596f94; text-decoration:underline}
.notice ul li{width:135px; height:35px; float:left; text-align:center; font-size:14px; line-height:35px; color: #999}