html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; text-align: left; } body { background: #fff; color: #666; font: 14px/1.7 'Microsoft YaHei'; text-align: center; } a { color: #666; outline: none; text-decoration: none; } a:hover { color: rgb(0,85,170); text-decoration: underline; } .hidden { display: none; } ol, ul { list-style: none; } img { border: 0; } .left { float: left; } .right { float: right; } .clearfix { *zoom: 1; } .clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; width: 0px; } .text-elli { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mt20 { margin-top: 20px !important; } .mt15 { margin-top: 15px !important; } .mt10 { margin-top: 10px !important; } .content1200 { width: 1200px; margin: 0 auto; } .wrapper { width: 100%; position: relative; margin: 0; padding: 0; } .header-wrapper { position: relative; width: 100%; height: 210px; z-index: 100; } .header-wrapper .top { width: 100%; margin: 0 auto; position: relative; height: 50px; line-height: 50px; background: rgb(0,85,170); z-index: 100; } .header-wrapper .top a { color: #fff; } .header-wrapper .top .top-lt, .header-wrapper .top .top-lt a { float: left; } .header-wrapper .top .top-lt a.jjh { background: url(../images/icon_1.png) no-repeat 0 50%; text-indent: 35px; } .header-wrapper .top .top-lt a.xyh { background: url(../images/icon_2.png) no-repeat 0 50%; text-indent: 35px; margin-left: 15px; } .header-wrapper .top .top-lt a.a_type { text-indent: 32px; width: 70px; height: 26px; line-height: 25px; margin-top: 12px; margin-left: 10px; } .header-wrapper .top .top-lt a.ks { background: rgb(255,127,0) url(../images/icon_3.png) no-repeat 3px 50%; } .header-wrapper .top .top-lt a.xs { background: rgb(127,0,255) url(../images/icon_4.png) no-repeat 3px 50%; } .header-wrapper .top .top-lt a.jg { background: rgb(0,127,255) url(../images/icon_5.png) no-repeat 3px 50%; } .header-wrapper .top .top-rt, .header-wrapper .top .top-rt a, .header-wrapper .top .top-rt i { float: right; } .header-wrapper .top .top-rt i { height: 14px; margin: 0px 8px; font-style: normal; color: #fff; } .header-wrapper .top .top-rt i.gray, .header-wrapper .top .top-rt a.gray { color: rgb(120,146,186); } .header-wrapper .top .top-rt a.xl { background: url(../images/icon_6.png) no-repeat 0 50%; text-indent: 35px; margin: 0 15px; } .header-wrapper .top .top-rt a.wx { background: url(../images/icon_7.png) no-repeat 0 50%; text-indent: 35px; margin-left: 15px; position: relative; } .header-wrapper .top .top-rt a.wx img { position: absolute; right: 0px; top: 50px; display: none; z-index: 100; border: 5px solid rgb(0,85,170); } .header-wrapper .top .top-rt a.wx:hover img { display: block; } .header-wrapper .logo div { height: 110px; background: url(../images/jttx.png) no-repeat 87% 65%; text-align: left; } .header-wrapper .logo div a { display: inline-block; margin-top: 12.5px; } .header-wrapper .nav { width: 100%; height: 50px; line-height: 50px; background: rgb(242,242,242); } .header-wrapper .nav #nav { margin: 0 auto; width: 1200px; display: flex; } .header-wrapper .nav ul li { float: left; width: 100px; text-align: center; color: rgb(0,85,170); flex: 1; } .header-wrapper .nav ul li:hover { background: rgb(0,85,170); color: #fff; } .header-wrapper .nav ul li:hover .sub { display: block; } .header-wrapper .nav ul li a { font-size: 15px; color: inherit; display: block; text-align: inherit; } .header-wrapper .nav ul li .sub { overflow: hidden; background: #fff; padding-bottom: 10px; display: none; position: absolute; padding: 10px; min-width: 109px; margin-left: -10px; box-shadow: 0px 2px 2px 0px #c3c3c3; } .header-wrapper .nav ul li .sub.jxjg_lj { width: 845px; } .header-wrapper .nav ul li .sub.jxjg_lj li { float: left; width: 200px; text-align: left; border: 0; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header-wrapper .nav ul li .sub li { float: none; height: 30px; line-height: 30px; width: auto; border-top: 1px dashed #ccc; text-align: center; } .header-wrapper .nav ul li .sub li a { font-size: 13px; color: #333; display: block; width: 100%; height: 100%; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header-wrapper .nav ul li .sub li a:hover { color: #fff; } .header-wrapper .nav ul li .sub li:first-child { border: 0; } .content-wrapper { position: relative; margin: 0; padding: 0; } .footer-wrapper { background: #327CD3 url('/Content/images/footer_bg.png') no-repeat; background-size: 100% 270px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/images/footer_bg.png',sizingMethod='scale'); } .footer-wrapper .top { margin: 0 auto; height: 270px; width: 1200px; position: relative; } .footer-wrapper .top .nav { width: 100%; height: 55px; line-height: 55px; } .footer-wrapper .top .nav ul.clearfix { margin-left: 0; } .footer-wrapper .top .nav ul li { float: left; width: 103px; overflow: hidden; } .footer-wrapper .top .nav ul li.end { width: 60px; } .footer-wrapper .top .nav ul li a { font-size: 15px; color: #fff; } .footer-wrapper .top .nav .sublist { font-family: SimSun; } .footer-wrapper .top .nav .sublist .item { color: #333; float: left; text-indent: 24px; width: 109px; font-size: 12px; } .footer-wrapper .top .nav .sublist li { line-height: 23px; text-align: left; font-size: 12px; } .footer-wrapper .top .nav .sublist li a { margin-left: 5px; color: #333; font-size: 12px; width: 85px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .footer-wrapper .top .codes { position: absolute; right: 0px; top: 67px; z-index: 0; } .footer-wrapper .top .codes div { float: left; text-align: center; color: #333; font-family: SimSun; font-size: 12px; margin-left: 30px; } .footer-wrapper .top .codes div p { text-align: center; } .footer-wrapper .copyright { width: 1200px; margin: 0 auto; font-family: SimSun; height: 100px; font-size: 12px; overflow: hidden; position: relative; } .footer-wrapper .copyright a, .footer-wrapper .copyright p { color: #fff; line-height: 25px; } .footer-wrapper .copyright .rtbf { position: absolute; top: 15px; right: 0; } .footer-wrapper .copyright .p_top { margin-top: 15px; } .footer-wrapper .copyright .p_top a { padding: 1px 0px 1px 25px; background: url('/Content/images/icon_mail.png') no-repeat left; } .footer-wrapper .copyright span { color: #007456; margin: 0 5px; } .lei li { width: 48%; float: left; line-height: 40px; background: #eee; margin: 0 0 5px 5px; text-indent: 20px; background: #f0f0f0 url(../images/jia.png) no-repeat 96% 15px; } .fp_xingxiang { z-index: 999; position: fixed; bottom: 320px; width: 1200px; left: 50%; margin-left: -600px; } .fp_xingxiang a { display: block; width: 85px; height: 95px; position: absolute; right: -100px; } .fp_xingxiang a.sj { background: url(../images/xx_1.png) no-repeat; } .fp_xingxiang a.xz { background: url(../images/xx_2.png) no-repeat; top: 100px; } .fp_xingxiang a.wjy { background: url(../images/wjy.png) no-repeat; top: 200px; } .fp_xingxiang a.lljs { background: url(../images/icon-lljs.png) no-repeat; top: 300px; right: 0; left: -100px; top: 0px; } .fp_xingxiang a.shpg { background: url(../images/icon-shpg.png) no-repeat; top: 300px; right: 0; left: -100px; top: 100px; }