#main { margin: 0px auto; width: 750px; overflow:hidden; padding-bottom: 20px; background-color:#FFFFFF; }
#main2 { margin: 15px auto; width: 710px; border: 1px solid #66B4DD; padding: 15px 15px 10px 15px; }
/* right2 ==== */
#right2 { float: right; width: 710px; margin: 12px 20px 0px 0px; padding-bottom: 0px; display: inline; }
.title_bg { float: left; width: 710px; height: 32px; margin: 0px; background: url('../images/right_title.gif') repeat-x bottom;  }
.title_bg .title_1 { float: left; width: 100%; margin: 0px; }
.title_bg .icon { float: left; width: 10px; height: 10px; margin: 6px 0px 0px 8px; display: inline; font-size: 5%; background: url('../images/title_icon.gif') no-repeat; }
.title_bg h3 { float: left; margin: 0px 0px 0px 10px; display: inline; font-size: 13px; line-height: 24px; font-weight: bold; color: #215178; }
.title_bg h4 { float: left; margin: 0px 0px 0px 10px; display: inline; font-size: 12px; line-height: 24px; font-weight: normal; color: #215178; }
.title_bg h4 a { font-size: 12px; line-height: 24px; color: #333333; }
.title_bg label { float: right; margin: 0px; display: inline; font-size: 12px; line-height: 24px; }
.title_bg .right { float: right; margin: 0px 10px 0px 0px; display: inline; font-size: 12px; line-height: 24px; }
/* list */
.list { float: left; width: 100%; }
.list .body { float: left; width: 100%; }
.list .body .title { font-size: 12px; background-color: #EEF4FF; }
.list .body .titlem { float: left; font-size: 13px; color: #076EB0; padding-left: 26px; display: inline; height: 28px; line-height: 28px; text-align: left; }
.list .body .bg { background-color: #F5F9FD; }
.list .body ul { float: left; width: 100%; text-align: center; padding: 3px 0px; font-size: 12px; }
.list .body .font0 { float: right; width: auto; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: right; margin: 0px 10px 0px 0px; display: inline; }
.list .body .font1 { float: left; width: 30%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: left; margin: 0px 10px 0px 10px; display: inline; }
.list .body .font2 { float: left; width: 60px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.list .body .font3 { float: left; width: 80px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.list .body .font4 { float: left; width: 100px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.list .body .font5 { float: left; width: 120px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.list .body .font6 { float: left; width: 150px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: left; margin-left: 10px; display: inline; }
.list .body .font7 { float: left; width: 200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: left; margin-left: 10px; display: inline; }
.list .body .font8 { float: left; width: 250px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: left; margin-left: 10px; display: inline; }
.list .body .font9 { float: left; width: 300px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: left; margin-left: 10px; display: inline; }
.list .body p { float: left; width: 96%; height: 28px; margin: 6px 2% 0px 2%; display: inline; text-align: right; }
.list .body .page { float: left; width: 100%; height: 28px; margin-top: 4px; padding: 5px 0px 0px 0px; line-height: 22px; display: inline; font-size: 12px; text-align: center; background-color: #F1F7FE; border: 1px solid #DCEAFC; }
.list .body .page .font { float: right; line-height: 22px; margin-right: 10px; display: inline; }
.list .body .page .font em { padding: 1px 5px; border: 1px solid #C6DCFB; background-color: #fff; margin-left: 4px; display: inline; text-align: center; }
.list .body .page .font strong { padding: 1px 5px; border: 1px solid #C6DCFB; background-color: #fff; font-weight: bold; color: #ff6600; margin-left: 4px; display: inline; text-align: center; }
.list .body .page .font a { padding: 1px 5px; border: 1px solid #C6DCFB; background-color: #fff; margin-left: 4px; display: inline; text-align: center; }


.list .body .left { float: left; margin: 0px 0px 0px 20px; display: inline; text-align: left; }
.list .body .right { float: right; margin: 0px 20px 0px 0px; display: inline; font-size: 12px; }
.list .body .input { border: 1px solid #B1B5BC; height: 14px; }
.list .body .input2 { border: 1px solid #B1B5BC; height: 20px; }
/* login */
#login { float: left; width: 710px; margin: 30px 0px 0px 20px; display: inline; padding: 1px; border: 1px solid #AFBECD; }
#login .left { float: left; width: 380px; margin: 0px; }
#login .left dl { float: left; margin-left: 24px; display: inline; padding: 7px 0px 0px 0px; }
#login .left dl dt { float: left; width: 100%; height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; text-align: left; }
#login .left dl dd { float: left; width: 98%; margin: 0px; font-size: 12px; text-align: left; }
#login .left p { float: left; width: 90%; margin: 0px 0px 0px 26px; padding: 1px 0px; display: inline; font-size: 12px;  text-align: left; line-height:20px; }
#login .right { float: right; width: 320px; background-color: #AFBECD; color: #ffffff; padding-bottom: 27px; }
#login .right .title { float: left; width: 280px; height: 32px; margin: 6px 0px 0px 20px; display: inline; font-size: 14px; font-weight: bold; line-height: 32px; text-align: left; }
#login .right .body { float: left; width: 260px; margin: 10px 0px 0px 40px; display: inline; }
#login .right .body .font { float: left; width: 66px; text-align: left; }
#login .right .body .input { float: left; height: 18px; background-color: #ffffff; border: 1px solid #ffffff; }
#login .right .body ul { float: left; width: 100%; height: 24px; margin-top: 8px; }
#login .right .body ul li { float: left; margin: 0px 0px 0px 4px; display: inline; }
#login .right .body p { float: left; width: 100%; margin-top: 12px; text-align: center; }
#login .right .body p a { font-size: 13px; color: #ffffff; text-decoration: underline; }
/* register */
.register { float: left; width: 100%; }
.register .body { float: left; width: 100%; margin: 0px; padding-top: 2px; }
.register .body .title { float: left; font-size: 13px; color: #076EB0; padding-left: 26px; display: inline; height: 28px; line-height: 28px; text-align: left; }
.register .body label { float: right; margin-right: 20px; display: inline; }
.register .body .more { float: left; margin: 8px 0px 0px 50px; height: 20px; display: inline; }
.register .body .bai { float: left; width: 100%; margin: 0px; background-color: #ffffff; }
.register .body ul { float: left; width: 100%; background: url('../images/xian_2.jpg') repeat-x; }
.register .body ul li { float: left; padding: 6px 0px 3px 0px; font-size: 12px; }
.register .body .k0 { float: left; width: 100px; font-size: 12px; margin-left: 26px; display: inline; text-align: left; }
.register .body .k1 { float: left; width: 120px; font-size: 12px; margin-left: 26px; display: inline; text-align: left; }
.register .body .k2 { float: left; width: 240px; font-size: 12px; margin-left: 26px; display: inline; text-align: left; }
.register .body .k3 { float: left; width: 140px; font-size: 12px; margin-left: 26px; display: inline; text-align: left; }
.register .body .k4 { float: left; margin: 0px 10px 0px 26px; display: inline; text-align: left; }
.register .body .k5 { float: left; margin-right: 10px; display: inline; text-align: left; }
.register .body .k6 { float: left; text-align: left; margin: 3px 8px 0px 5px; display: inline; font-size: 12px; line-height: 18px; color: #999999; }
.register .body .k6 a { color: #ff0000; }
.register .body .k7 { float: left; text-align: left; margin: 0px 8px 0px 5px; display: inline; font-size: 12px; line-height: 18px; color: #999999; }
.register .body .k7 a { color: #ff0000; }
.register .body .k8 { float: left; width: 200px; margin-left: 146px; display: inline; text-align: left; }
.register .body .k9 { float: left; text-align: left; margin: 3px 8px 0px 5px; display: inline; font-size: 12px; line-height: 24px; color: #999999; }
.register .body .input { border: 1px solid #B1B5BC; margin-bottom: 4px; font-size: 12px; color: #666666; }
.register .body .button2 { background-color: #E2E3E4; border: 1px solid #B1B5BC; height: 20px; }
.register .body p { float: left; height: 30px; width: 360px; margin: 6px 0px 0px 26px; display: inline; text-align: center; }
.register .body .page { float: left; width: 100%; height: 30px; margin: 0px; padding: 6px 0px 0px 0px; line-height: 22px; display: inline; background: url('../images/xian_2.jpg') repeat-x; }
/*  */
.register .body .font0 { float: left; width: 120px; font-size: 12px; margin-left: 26px; display: inline; text-align: left; }
.register .body .font1 { float: left; width: 150px; font-size: 12px; margin-left: 26px; display: inline; text-align: left; }
.register .body .font2 { float: left; text-align: left; margin-right: 15px; display: inline; }
.register .body .font3 { float: left; text-align: left; margin: 3px 8px 0px 5px; display: inline; line-height: 18px; color: #999999; }
.register .body .font3 a { color: #ff0000; }
.register .body .font4 { float: left; text-align: left; margin: 0px 8px 0px 5px; display: inline; line-height: 18px; color: #999999; }
.register .body .font4 a { color: #ff0000; }
.register .body .font5 { float: left; width: 160px; font-size: 13px; font-weight: bold; margin-left: 30px; display: inline; text-align: left; }
.register .body .font6 { float: left; text-align: left; margin-right: 20px; display: inline; }
.register .body .font7 { float: left; width: 140px; font-weight: bold;  margin-left: 26px; display: inline; text-align: left; }
/* aboutus */
.aboutus { float: left; width: 100%; }
.aboutus .body { float: left; width: 100%; padding: 14px 0px 0px 0px; margin: 0px; display: inline; font-size: 12px; }
.aboutus .body p { float: left; width: 94%; margin: 0px 0px 0px 3%; display: inline; word-wrap:break-word; text-indent:2em; text-align: left; }
.aboutus .body dl { float: left; width: 94%; margin: 10px 0px 0px 3%; display: inline; }
.aboutus .body dl dt { float: left; width: 100%; margin: 0px; padding: 0px 0px 2px 0px; color: #076EB0; font-size: 13px; text-align: left; }
.aboutus .body dl dd { float: left; width: 100%; margin: 0px; padding: 0px; text-align: left; word-wrap:break-word; }
.aboutus .body .left1 { float: left; width: 54%; margin: 5px 0px 0px 3%; display: inline; text-align: left; }
.aboutus .body .left1 dl dd { height: 24px; }
.aboutus .body .right1 { float: left; width: 42%; margin: 30px 0px 0px 0px; text-align: center; }
.aboutus .body .title { float: left; width: 96%; margin: 12px 2% 0px 2%; display: inline; font-size: 14px; font-weight: bold; text-align: center; }
.aboutus .body .title_2 { float: left; width: 96%; margin: 12px 0px 0px 2%; display: inline; font-size: 14px; color: #076EB0; font-weight: bold; text-align: center; }
.aboutus .body .title_3 { float: left; width: 100%; margin: 0px 0px 0px 0px; display: inline; height: 30px; font-size: 14px; color: #FF6D06; font-weight: bold; text-align: left; border-bottom: 1px solid #C7E3F3; }
.aboutus .body .title_3 ul { float: left; width: 100%; margin: 0px; }
.aboutus .body .title_3 ul li { float: left; margin-right: 20px; display: inline; height: 30px; font-size: 14px; color: #FF6D06; line-height: 30px; font-weight: normal; }
.aboutus .body .title_3 .tab_selected { font-weight:bold; }
.aboutus .body .title_4 { float: left; width: 96%; margin: 12px 0px 0px 2%; display: inline; font-size: 14px; color: #076EB0; font-weight: bold; text-align: left; }
.aboutus .body .font { float: left; width: 97%; margin: 6px 0px 0px 2%; display: inline; text-align: left; }
.aboutus .body .font a { font-size: 13px; text-decoration: underline; }
.aboutus .body .font .left { float: left; width: 6%; text-align: right; margin-right: 1%; display: inline; }
.aboutus .body .font .right { float: left; width: 91%; text-align: left; padding-bottom: 6px; }
.aboutus .body .font .right2 { float: left; width: 98%; margin-left: 1%; display: inline; text-align: left; padding-bottom: 2px; font-size: 12px; color: #076EB0; }
.aboutus .body .table { float: left; width: 520px; margin: 5px 0px 0px 30px; display: inline; border: 1px solid #E6E7E8; }
.aboutus .body .table ul { float: left; width: 100%; border-bottom: 1px solid #E6E7E8; }
.aboutus .body .table .left { float: left; width: 130px; margin: 5px 0px 0px 30px; display: inline; text-align: left; }
.aboutus .body .table .right { float: left; padding: 4px 0px 4px 25px; display: inline; border-left: 1px solid #E6E7E8; }
.aboutus .body .table .right .input { border: 1px solid #B1B5BC; }
.aboutus .body .table p { float: left; height: 28px; margin-top: 6px; display: inline; text-align: center; }
.aboutus .body .table2 { float: left; width: 620px; margin: 15px 0px 0px 30px; display: inline; border-top: 1px solid #E6E7E8; border-left: 1px solid #E6E7E8; }
.aboutus .body .table2 ul { float: left; width: 100%; border-bottom: 1px solid #E6E7E8; }
.aboutus .body .table2 ul li { float: left; border-right: 1px solid #E6E7E8; margin: 0px; }
.aboutus .body .table2 .left { float: left; width: 296px; padding: 4px 0px 4px 20px; display: inline; text-align: left; }
.aboutus .body .table2 .right { float: left; width: 100px; padding: 4px 0px 4px 0px; display: inline; text-align: center; }
.aboutus .body .table2 .right .input { border: 1px solid #B1B5BC; }
.aboutus .body .table2 p { float: left; height: 28px; margin-top: 6px; display: inline; text-align: center; }
.aboutus .body .page { float: left; width: 90%; padding: 6px 0px; margin: 5px 0px 0px 5%; display: inline; text-align: left; }
.aboutus .body .page2 { float: left; width: 90%; padding: 6px 0px; margin: 5px 0px 0px 5%; display: inline; text-align: center; }
.aboutus .body .page3 { float: left; width: 90%; padding: 0px 0px 12px 0px; margin: 0px 0px 0px 5%; display: inline; text-align: center; color: #666666; }
.aboutus .body label { margin-right: 30px; display: inline; }
.aboutus .body label a { text-decoration: underline; }

.aboutus .body .kuang { float: left; width: 94%; margin: 12px 0px 0px 3%; display: inline; padding: 15px 0px 10px 0px; background-color: #F3F7FA; }
.aboutus .body .kuang p { float: left; width: 94% !important; margin: 0px 0px 0px 3% !important; display: inline; word-wrap:break-word; text-indent:0em!important; text-align: left; }
.aboutus .body .kuang p .name { float: left; width: 100%; text-align: right; }

/* userlogin */
.userlogin { float: left; width: 100%; }
.userlogin .body .content1 { float: left; width: 100%; }
.userlogin .body .content1 .banner { float: left; width: 100%; height: 70px; margin: 20px 0px 0px 0px; display: inline; text-align: center; }
.userlogin .body .content1 .font { float: left; text-align: left; width: 100%; padding-bottom: 20px; margin: 0px; display: inline; }
.userlogin .body .content1 .font .input { width: 150px; border: 1px solid #54A3D8; margin-top: 2px; }
.userlogin .body .content1 .font ul { float: left; margin: 16px 0px 0px 50px; display: inline; text-align: center; font-size: 13px; font-weight: bold; color: #177DB5; }
.userlogin .body .content1 .font ul li { float: left; margin-left: 15px; display: inline; font-size: 13px; font-weight: bold; color: #177DB5; }
.userlogin .body .content1 .font p { float: left; width: 100%; margin: 20px 0px 0px 0px; display: inline; line-height: 35px; text-align: center; border: 1px solid #C7E3F3; background-color: #F2F9FD; }
.userlogin .body .content2 { float: left; width: 100%; font-size: 12px; }
.userlogin .body .content2 .title_1 { float: left; width: 96%; margin: 16px 2% 0px 2%; display: inline; height: 30px; font-size: 14px; color: #FF6D06; font-weight: bold; text-align: left; }
.userlogin .body .content2 dl { float: left; width: 96%; margin-left: 2%; display: inline; }
.userlogin .body .content2 dl dt { float: left; width: 90%; height: 28px; margin-left: 10px; display: inline; line-height: 26px; text-align: left; font-weight: bold; }
.userlogin .body .content2 dl dd { float: left; width: 86%; margin-left: 30px; display: inline; line-height: 22px; text-align: left; }
.userlogin .body .content2 .left { float: left; width: 520px; }
.userlogin .body .content2 .right { float: left; border-left: 1px dashed #C1E1F2; padding-left: 20px; display: inline; }
.userlogin .body .content3 { float: left; width: 96%; margin: 5px 0px 0px 20px; display: inline; font-size: 12px; }
.userlogin .body .content3 .content { float: left; width: 220px; margin: 10px 0px 0px 20px; display: inline; }
.userlogin .body .content3 .content .top { float: left; width: 100%; height: 10px; font-size: 5%; background: url('../images/hupo_r22_c28.jpg'); }
.userlogin .body .content3 .content .body { float: left; width: 100%; padding-bottom: 8px; background: url('../images/hupo_r30_c28.jpg'); }
.userlogin .body .content3 .content .body dl { float: left; width: 206px; margin-left: 7px; display: inline; }
.userlogin .body .content3 .content .body dl dt { float: left; width: 100%; }
.userlogin .body .content3 .content .body .img { float: left; width: 60px; height: 60px; margin: 0px 10px 10px 3px; display: inline; }
.userlogin .body .content3 .content .body .font { float: left; width: 133px; text-align: left; }
.userlogin .body .content3 .content .body .font .title { float: left; width: 100%; height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; }
.userlogin .body .content3 .content .body .font .font1 { float: left; width: 100%; color: #373737; }
.userlogin .body .content3 .content .body dl dd { float: left; width: 100%; margin-top: 8px; }
.userlogin .body .content3 .content .body ul { float: left; width: 100%; text-align: left; }
.userlogin .body .content3 .content .bottom1 { float: left; width: 100%; cursor: hand; height: 21px; background: url('../images/hupo_r31_c2.jpg') no-repeat; }
.userlogin .body .content3 .content .bottom2 { float: left; width: 100%; cursor: hand; height: 21px; background: url('../images/hupo_r31_c21.jpg') no-repeat; }
.userlogin .body .content3 .content .bottom3 { float: left; width: 100%; cursor: hand; height: 21px; background: url('../images/hupo_r31_c28.jpg') no-repeat; }
/* news */
.news { float: left; width: 100%; }
.news .body { float: left; width: 100%; margin: 0px; padding-top: 6px; border-left: 1px solid #66B4DD; border-right: 1px solid #66B4DD; border-bottom: 1px solid #66B4DD; }
.news .body .title { float: left; width: 88%; margin: 8px 6% 0px 6%; display: inline; text-align: left; font-size: 12px; line-height: 24px; font-weight: bold; }
.news .body ul { float: left; width: 92%; margin: 0px 4% 0px 4%; display: inline; border-bottom: 1px dashed #9CCEE9; }
.news .body .img { float: left; display: inline; padding: 10px 0px; margin-left: 15px; display: inline; text-align: left; }
.news .body .img .img1 { border: 1px solid #D6DCDE; margin: 0px; display: inline; }
.news .body .font { float: left; text-align: left; padding: 6px 0px; }
.news .body .font dl { float: left; margin: 0px; padding: 0px; }
.news .body .font dl dd { float: left; margin: 0px 15px; display: inline; padding: 0px; text-align: left; font-size: 12px; line-height: 20px; }
/* other */
.other { float: left; width: 100%; margin: 10px 0px; padding: 6px 0px 6px 0px; border: 1px solid #C0DFF8; background-color: #F3F9FE; }
.other dl { float: left; padding: 0px 20px; }
.other dl dt { float: left; width: 100%; text-align: left; font-weight: bold; }
.other dl dd { float: left; width: 100%; text-align: left; font-size: 12px; }
.other .left { float: left; margin-left: 20px; display: inline; text-align: left; }
.other .left .font { float: left; width: auto; margin: 2px 6px 0px 0px; display: inline; }
.other .right { float: right; margin-right: 20px; display: inline; }
.other .input { border: 1px solid #B1B5BC; font-size: 12px; color: #666666; }
/* photo */
.photo { float: left; width: 100%; }
.photo .left { float: left; width: 20%; margin-top: 10px; }
.photo .left .leftnav { float: left; width: 90%; border: 1px solid #D7E2FF; padding: 10px 0px; }
.photo .left .leftnav .title { float: left; width: 100%; font-size:14px; font-weight: bold; }
.photo .left .leftnav dl { float: left; width: 96%; margin-left: 2%; display: inline; padding: 0px; line-height: 24px }
.photo .left .leftnav dl dt { float: left; width: 100%; font-size: 13px; font-weight: bold; background-color: #EBF1FF; margin: 8px 0px; }
.photo .left .leftnav dl dd { float: left; width: 100%; font-size: 12px; }
.photo .left .leftnav dl dd a { color: #333; text-decoration: underline; font-size: 12px; }
.photo .right { float: left; width: 80%; }
.photo .right ul { float: left; width: 100%; margin: 0px; padding: 10px 0px 0px 0px; }
.photo .right ul li { float: left; width: 25%; margin: 0px; padding: 10px 0px 0px 0px; text-align: center; line-height: 20px; }
.photo .right ul li img { border: 1px solid #ccc; padding: 2px; width:expression(width>100?"100px":width+"px"); max-width: 100px; }
/* 2 */
.photo .left2 { float: left; width: 36%; margin-top: 10px; }
.photo .left2 p { margin: 10px auto; }
.photo .left2 p img { border: 1px solid #ccc; padding: 4px; width:expression(width>200?"200px":width+"px"); max-width: 200px; }
.photo .right2 { float: left; width: 64%; }
/* whois */
.whois { float: left; width: 680px; margin-left: 20px; display: inline; }
/* diy */
.diy { margin: 20px auto; overflow: hidden; width: 460px; border: 1px solid #AFBECD; padding: 1px; padding-bottom: 15px; }
.diy .title { float: left; width: 100%; height: 26px; background-color: #AFBECD; }
.diy h3 { font-size: 14px; font-weight: bold; text-align: center; line-height: 26px; }
.diy h3 .hui { color: #ccc; font-size: 12px; font-weight: normal; }
.diy ul { float: left; width: 100%; padding: 5px 0px; }
.diy ul li { float: left; }
.diy .k1 { width: 35%; text-align: right; padding-right: 20px; }
.diy .k2 { text-align: left; }
/* kuang_1 */
.kuang_1 {background-color:#FFFFFF;  text-align: center; font-size: 12px; color: #444; line-height: 22px; margin-right: 33px; margin-top: 30px; border: 1px solid #cccccc; border-collapse: collapse; width:250px; height:200px; overflow:scroll; }