@charset "utf-8";
/* CSS Document */
p{ margin:0;}
#main{ line-height:20px; color:#215475;}
.opt{ position:absolute; bottom:0; width:100%;}
.opt a{ display:block; width:128px; height:30px; margin:0 auto; margin-top:20px; background:url(../images/index_34.gif) no-repeat; color:#666; line-height:30px; text-indent:22px; font-weight:bold;}
.opt a:hover{ color:#215475;}
#banner{ background:url(../images/index_03.gif) repeat-x; height:381px; overflow:hidden;}
#nav{ height:38px; line-height:38px; font-family:Arial; }
#nav img{display:block; float:left; margin-top:-2px;}
#msg{ display:block; float:left; width:900px; height:38px; overflow:hidden;}
#msg li{ display:block; float:left; color:#666;}

#abt{ width:255px; height:265px; float:left; margin-left:10px; position:relative;}

#case{ width:415px; height:265px; float:left; margin-left:40px; _margin-left:25px; position:relative;}
#case .part{ width:123px; height:105px; float:left;}
.part a img{ border:3px solid #bcbcbc; display:block; margin:0;}
.part a:hover img{ border:3px solid #045387;}
.part a h3{ text-align:center; width:117px; height:16px; line-height:16px; margin:0; font-size:12px; font-weight:normal; color:#215475;}
.part .shadow{ width:117px; height:6px; overflow:hidden; background:url(../images/index_31.gif) no-repeat; margin:0 auto;}
.ctr{ margin:0 8px;}

#contact{ width:280px; height:265px; float:left; position:relative;}
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999; width:124px; margin:0 auto;
}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png);_background-image:url(../images/02.gif);}
.curimg{background-image:url(../images/01.png);_background-image:url(../images/01.gif);}