@charset "utf-8"; body { margin: 0px; padding: 0px; background-color: #E2E2E2; text-align: center; } .top { background-image: url(top_bg.jpg); background-repeat: repeat-x; height: 180px; width: 100%; text-align: center; } .middle { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left; width: 1200px; clear: both; position: relative; } .nav { background-image: url(menu_bg.jpg); background-repeat: repeat-x; -ms-transition: all; -o-transition: all; border: 1px solid #FFF; height: 42px; margin-top: -20px; border-top-left-radius: 8px; border-top-right-radius: 8px; width: 1200px; overflow: hidden; } .nav ul { list-style-type: none; padding: 0px; height: 960px; margin-top: 0px; margin-left: 80px; } .nav ul li { float: left; } .nav ul li a { display: block; line-height: 42px; width: 150px; font-size: 16px; font-weight: bolder; text-decoration: none; text-align: center; color: #333; } .nav ul li a:hover { background-image: url(menu_bg2.png); background-repeat: no-repeat; background-position: center center; color: #C30; } .banner { height: 270px; width: 1200px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; box-shadow: 5px 7px 8px 2px #999; } .news_pic { background-color: #FFF; height: 300px; width: 400px; float: left; border: 1px solid #FFF; clear: both; margin-bottom: 20px; box-shadow: 5px 7px 8px 2px #999; } .c { background-color: #EBEBEB; height: 300px; width: 380px; float: left; margin-left: 15px; border: 1px solid #FFF; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; box-shadow: 5px 7px 8px 2px #999; } .c dt { background-image: url(menu_bg.jpg); background-repeat: repeat-x; font-size: 16px; color: #666; letter-spacing: 0.5em; line-height: 42px; height: 42px; width: 370px; padding-left: 20px; font-weight: bold; } .c dt span { background-image: url(icon_1.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 10px; } .c dt span a { color: #666; text-decoration: none; } .c dd { padding: 0px; margin-left: 5px; } .c dd li { font-size: 14px; color: #666; display: block; width: 360px; line-height: 35px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; background-image: url(1_ico_qdt.gif); background-repeat: no-repeat; background-position: 0px center; list-style-type: none; margin: 0px; padding-left: 10px; } .c dd ul li a { color: #666; text-decoration: none; } .c dd ul li a:hover { text-decoration: underline; color: #C30; } .c dd ul li span { float: right; color: #999; line-height: 30px; } .c1 { background-color: #EBEBEB; height: 300px; width: 400px; float: left; border: 1px solid #FFF; padding: 0px; clear: both; box-shadow: 5px 7px 8px 2px #999; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .c1 dt { background-image: url(menu_bg.jpg); background-repeat: repeat-x; font-size: 14px; color: #666; letter-spacing: 0.5em; line-height: 42px; height: 42px; width: 380px; padding-left: 20px; font-weight: bold; } .c1 dt span { background-image: url(icon_1.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 10px; } .c1 dt span a { color: #666; text-decoration: none; } .c1 dd { padding: 0px; margin-left: 5px; } .c1 dd li { font-size: 14px; color: #666; display: block; width: 380px; line-height: 35px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; background-image: url(1_ico_qdt.gif); background-repeat: no-repeat; background-position: 0px center; list-style-type: none; margin: 0px; padding-left: 10px; } .c1 dd ul li a { color: #666; text-decoration: none; } .c1 dd ul li a:hover { text-decoration: underline; color: #C30; } .c1 dd ul li span { float: right; color: #999; line-height: 30px; } .left { width: 235px; float: left; margin-bottom: 20px; } .right { float: right; width: 945px; } .c2 { background-color: #EBEBEB; width: 235px; float: left; border: 1px solid #FFF; padding: 0px; clear: both; margin: 0px; box-shadow: 5px 7px 8px 2px #999; } .c2 dt { background-image: url(list_bg.png); background-repeat: no-repeat; font-size: 16px; color: #FFF; letter-spacing: 0.5em; line-height: 47px; height: 47px; width: 250px; font-weight: bold; background-size: cover; background-position: -4px 0px; margin-left: -4px; } .c2 dt span { background-image: url(icon_1.gif); background-repeat: no-repeat; background-position: 15px center; padding-left: 30px; } .c2 dd { padding: 0px; margin-left: 15px; font-size: 14px; line-height: 30px; color: #666; } .c2 dd li { font-size: 12px; color: #666; display: block; width: 235px; line-height: 30px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; background-image: url(1_ico_qdt.gif); background-repeat: no-repeat; background-position: 0px center; list-style-type: none; margin: 0px; padding-left: 10px; } .c2 dd a { color: #666; text-decoration: none; background-image: url(1_ico_qdt.gif); background-repeat: no-repeat; line-height: 30px; background-position: 0px center; padding-left: 20px; display: block; width: 150px; margin-left: 20px; } .c2 dd a:hover { text-decoration: underline; color: #C30; } .c3 { background-color: #EBEBEB; width: 945px; float: left; border: 1px solid #FFF; padding: 0px; clear: both; box-shadow: 5px 7px 8px 2px #999; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .c3 dt { background-image: url(menu_bg.jpg); background-repeat: repeat-x; font-size: 14px; color: #666; line-height: 42px; height: 42px; width: 924px; padding-left: 20px; font-weight: bold; letter-spacing: 0.5em; } .c3 dt span { background-image: url(icon_1.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 10px; } .c3 dd { padding: 15px; margin-left: 15px; font-size: 14px; } .c3 dd a { color: #39F; text-decoration: none; } .c3 dd a:hover { color: #C30; text-decoration: underline; } .c3 dd li { font-size: 14px; color: #666; display: block; width: 900px; line-height: 35px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; background-image: url(1_ico_qdt.gif); background-repeat: no-repeat; background-position: 0px center; list-style-type: none; margin: 0px; padding-left: 10px; } .c3 dd ul li a { color: #666; text-decoration: none; } .c3 dd ul li a:hover { text-decoration: underline; color: #C30; } .c3 dd ul li span { float: right; color: #999; line-height: 30px; } .bottom { background-color: #36C; height: 100px; text-align: center; font-size: 12px; font-weight: bold; color: #FFF; line-height: 25px; font-family: "宋体"; clear: both; } .bottom p { padding-top: 20px; }