/* CSS Document */
#top{width:999px;background-color:#1b5ba2;margin:0 auto; overflow:hidden;}
#top .topleft{float:left;width:360px}
#top .topmid{float:left;width:400px;color:#FFFFFF; padding-top:10px}
#top .topright{float:left;width:200px; height:55px;padding-top:20px}
#top1{width:990px;height:22px!important;height:22px;background-color:#000; padding-top:5px; padding-left:10px;margin-right: auto; margin-left: auto; clear:left}
#top1 a{color:#fff; font-weight:bold}
#top2{width:990px;height:27px;background-color:#eee;padding-left:10px;margin:0 auto;overflow:hidden; line-height:27px;}
#top2 a{color:#000;}
#top3{width:990px;background-color:#fff; padding-top:5px; padding-left:10px;margin-right: auto; margin-left: auto; line-height:18px;border-bottom:1px #999 solid; clear:left}
#top3 a{color:#000;}

#middle{width:999px;background-color:#fff;margin-right: auto; margin-left: auto;}
#middle .left{float:left;width:186px;}
#lefttitle{float:left;width:186px; height:27px;}
#lefttitle1{float:left;width:182px; height:20px; padding-left:4px; background-image:url(../Themes/default/images/titlebg.jpg); padding-top:5px; color:#990000; font-weight:bold}
#leftcon{width:186px;}
#leftcon .item{height:20px; padding-left:15px; padding-top:8px; border-bottom:1px #ccc solid;overflow:hidden;width:171px; float:left;}
#leftcon .item a{color:#000000}

#leftcon1{width:186px; line-height:18px}
#leftcon1 a{color:#000}

#leftcon2{width:184px;}
#leftcon2 .item{height:40px;width:184px; padding-left:2px; padding-top:8px; }
#leftcon2 .item .left{float:left;height:40px; width:86px; padding-top:8px; }
#leftcon2 .item .right{float:left;height:40px;width:90px; padding-top:10px; }

#webtopiclogo{width:642px;height:187px}
#webtopiclogo .item1{float:left;width:144px}
#webtopiclogo .item1 img{display:block;}
#webtopiclogo .item2{float:left;width:177px}
#webtopiclogo .item3{float:left;width:156px}
#webtopiclogo .item4{float:left;width:165px}

#hotproduct{line-height:17px;}
#hotproduct .item{width:168px}
#hotproduct .item .left{float:left;width:71px}
#hotproduct .item .right{float:left;width:96px}



#middle .right{float:left;width:813px;}
#mright1{width:813px}
#mright1 .left{float:left;width:642px}
#mright1 .right{float:left;width:161px; height:177px;background-color:#EBF0F3; padding:10px 5px 0;}

#mright2{width:813px}
#productvochtitle{width:813px; float:left; }
#productvochtitle .left{float:left;width:30px;height:26px;}
#productvochtitle .right{float:left;width:773px;height:16px;background-color:#003366; padding-left:10px; padding-top:10px;color:white}
#productvochtitle .right a{color:yellow}

#productvoch{width:813px;height:170px; background-color:#ebf0f3; border-bottom:1px #ccc solid;overflow:hidden; float:left;}
#productvoch .item{float:left;width:258px; display:inline; margin-left:10px;}
#productvoch .item .title{width:222px; height:20px; background-image:url(../images/index1_5.gif); padding-top:16px; padding-left:36px; }
#productvoch .item .con{ margin:auto;width:258px; height:130px;}
#productvoch .item .con .left{float:left;width:100px; height:130px; text-align:center; padding-top:0px;background-image:url(../images/index1_7l.jpg)}
#productvoch .item .con .right{float:left; height:130px;width:152px;background-image:url(../images/index1_7.jpg); padding-right:6px}
#productvoch .itemsp{float:left;}

#mright3{width:810px; overflow:hidden;}
#mright3 .left{float:left;width:380px;}
#mright3 .right{float:righr;width:430px;}

#resolve{width:380px;}
#resolve .resolvetitle{width:380px; overflow:hidden}
#resolve .resolvetitle .left{float:left;width:60px;height:20px; padding-top:8px;}
#resolve .resolvetitle .right{float:left;width:300px;height:20px;padding-top:8px; padding-right:10px; text-align:right}
#resolve .resolveintr{width:376px; height:60px; padding-top:10px; padding-left:3px;}
#resolve .resolvelist{width:380px}
#resolve .resolvelist .left{float:left; width:100px; text-align:center}
#resolve .resolvelist .right{float:left; width:280px; line-height:18px}
#resolve .resolvelist .right a{color:#000000}

#resolve .softlist{width:430px}
#resolve .softlist .left{float:left; width:182px; text-align:left; line-height:18px}
#resolve .softlist .left a{color:#000000}
#resolve .softlist .right{float:left; width:248px;}

#resolve .newlist{width:380px; line-height:18px}
#resolve .newlist a{color:#000}

#resolve .knowlist{width:430px}
#resolve .knowlist .left{float:left; width:250px; text-align:left; line-height:18px}
#resolve .knowlist .left a{color:#000000}
#resolve .knowlist .right{float:left; width:180px; text-align:right; padding-top:40px}

#firend{width:999px;margin:0 auto;  border-top:1px #cccccc solid; }
#firend .item{float:left;width:100px; padding-left:5px; line-height:27px;}
#firend .item a{color:#000}

#sp{width:813px; font-size:1px; border-bottom:1px #CCCCCC solid;}

#bottomline{float:none;height:1px; BORDER-BOTTOM: #cccccc 1px solid; clear:both;}
#bottomnav{text-align:center;background-color:#f7f7f7; overflow:hidden; width:990px; margin:0 auto; line-height:27px;}
#bottomnav a{color:#000; font-weight:bold;}
#bottominfo{text-align:center; padding-top:10px; line-height:20px; background-color:#f7f7f7}