/* CSS Document */

html{margin:0;padding:0;border:0}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,b,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
table,th,td{padding:0;margin:0}caption,th,td{text-align:left;font-weight:normal;float:none!important}table,th,td{vertical-align:middle}
.fl {float:left;}
.fr {float:right;}

#div-relative{position:relative; color:#000; width:100%; height:736px;} 
#top,#top_t,#top_315,#hdxq,#hdxz,#gjpxl,#fw,#foot {width:100%;}
#top {position:absolute; top:0; height:50px;}

#top div {width:1005px; margin:0 auto; line-height:47px; color:#78D1AB; font-size:12px; font-weight:bold;}
#top div.l {width:500px; margin:0;}
#top div.l a {text-decoration:none; color:#78D1AB;}
#top div.r {width:220px; margin:0;}
#top div.r i {font-style:normal; font-size: 14px;}
#top div.r a {display:inline; padding-left: 100px; float:left; color:#ccc; font-weight: normal; text-decoration:none;}
#top div a:hover {color:#fff; text-decoration:none;}
.icoImg1 {float: left; margin: 11px 5px 0 0; width:18px; height: 20px; background: url(../images/qq.gif) no-repeat 0 0;}

#top_t { height:736px; background:#fff;}
#top_315 {height:170px; background:url(../images/top_315.gif) no-repeat center;}

/*banner*/
.js {POSITION: relative; WIDTH:100%;margin:0 auto;}
.js p{ position:absolute;}
.banner {POSITION: relative; WIDTH:100%; margin:0 auto;}
.banner p{ position:absolute;}
.ft-cyb{text-align: center; margin:0 auto; width: 100%; display: block;}
.fyh{font-family:"微软雅黑","Microsoft YaHei"}
.f48,.f48 a{ font-size:48px;}
.f20,.f20 a{ font-size:20px;}
.f14,.f14 a{font-size: 14px;}
.b{font-weight:bold;}
.wl,.wl a{ color:#fff;}
.orange{ color:#FF6600;}
.mt170{margin-top: 220px;}
.mt270{margin-top: 320px;}
.mt310{margin-top: 360px;}
.ml60{margin-left: -10px;}
.ml20{margin-left: 10px;}
.jsNav {POSITION:div-relative; WIDTH:140px;HEIGHT:20px; left:50%; BOTTOM:10px; padding-top:5px; vertical-align: middle;}
.jsNav A {font-size:24px; WIDTH:35px; margin-top: 5px; display:inline-block; text-decoration:none; vertical-align: middle;}
.imgSelected { background:url(../images/d01.png) no-repeat !important;}
.trigger{ background:url(../images/d02.png) no-repeat;}

#hdxq {background:#fff; margin-top:60px; float:left; display: block;}
#hdxq div,#hdxz div,#gjpxl div,#fw div,#foot div {width:1200px; margin:0 auto; display:block;}
#hdxq div.tit {width:1200px; height:65px; text-align:center; line-height:60px; font-size:38px; display:block; margin-bottom:60px;}
#hdxq div.con,#hdxz div.con {width:1200px; display:block; float:left; border-bottom:1px solid #ccc;}
.con dl {width:300px; height:320px; display:block; text-align:center; float:left;}
.con .nb {background:none;}
.con dt {color:#484848; font-size:24px; text-align:center; line-height:32px; margin-top:20px;}
.con dd {width:270px; color:#A7A7A7; font-size:14px; padding-left:10px;}
.con dd p {line-height:20px; margin:10px 0;}
.con .yyjz{width:1200px; text-align:center; padding-top: 69px; padding-bottom:60px; background: url(../images/cyb-yyjz.gif) no-repeat;}
.con .yyjz p{font-size:18px; margin-top: 0 auto;}
.con .yyjz a{display: inline-block;}
.yyjz img {width: 640px; float: left;}

#hdxq2 {background:#fff; margin-top:60px; float:left; display: block;}
#hdxq2 div,#hdxz2 div,#gjpxl div,#fw div,#foot div {width:1200px; margin:0 auto; display:block;}
#hdxq div.tit2 {width:1200px; height:65px; text-align:center; line-height:60px; font-size:38px; display:block;}
.yybz{font-size:18px; text-align:center; margin-top:10px; margin-bottom:40px; color:#888;}
#hdxq2 div.con2,#hdxz2 div.con2 {width:1200px; display:block; float:left; border-bottom:1px solid #ccc;}
.con2 dl {width:400px; height:320px; display:block; text-align:center; float:left;}
.con2 .nb {background:none;}
.con2 dt {color:#484848; font-size:24px; text-align:center; line-height:32px; margin-top:20px;}
.con2 dd {width:380px; color:#A7A7A7; font-size:14px; padding-left:10px;}
.con2 dd p {line-height:20px; margin:10px 0;}

#hdxz {background:#F2F2F2; float:left;}
#hdxz div {background:url(../images/hdzx_b.gif) no-repeat center bottom;}
#hdxz div.tit {width:1005px; height:65px; background:url(../images/hdxz_t.gif) no-repeat; float:left;}
#hdxz div.con {padding:20px 0 20px 69px; display:inline-block; position:relative;}
#hdxz div.con p {padding-left:25px; margin:5px 0; font-size:14px; line-height:25px; color:#9A9A9A; background:url(../images/wjx2.gif) no-repeat left 6px;}
.w690{width: 690px;}
.screenslide{width: 640px; height: 400px; margin-top: 0 auto; display: inline-block; vertical-align:middle;}
.ptext{margin-top: 80px; float: left; text-align: center; width: 640px; color: #666;}
.mt50{margin-top: 150px;}
.pb50{padding-bottom: 80px;}
#hdxz div.con .button {position:absolute; right:115px; bottom:36px; background:url(../images/button.gif) no-repeat; width:312px; height:45px; border:0; cursor:pointer;}
#gjpxl {background:#fff; float:left;}
#gjpxl div {}
#gjpxl div.tit {width:1005px; height:69px; background:url(../images/gjpxl_t.gif) no-repeat; float:left;}
#gjpxl div.con {padding:20px 0; display:inline-block;}
#gjpxl div.con a {margin:0; padding:0; display:block; width:251px; height:150px; float:left;}

#fw {background:#292F3D; float:left;}
#fw div.con {display:inline-block; height:165px;}
#fw div.con a {margin:0; padding:0;}
#foot {background:#fff; height:90px; float:left;}
#foot div {line-height:90px; color:#7a7a7c; font-size:14px; text-align:center;}



.black_overlay{ 
    display: none; 
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    z-index:1001; 
    -moz-opacity: 0.8; 
    opacity:.80; 
    filter: alpha(opacity=88); 
} 
.white_content { 
    display: none; 
    position: absolute; 
    top: 400px; 
    left: 32%; 
    width: 23%; 
    height: 100px; 
    padding: 20px; 
    border: 10px solid orange; 
    background-color: white; 
    z-index:1002; 
    overflow: auto; 
        }