* { margin: 0; padding: 0; } img{ border:0; } ul { list-style: none; } a { text-decoration: none; color: #000; } a:hover { color: #1c5ba8; } body { font: 16px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; background-color: #eeeeee; } #pc .top_wrap { margin: 0 auto; height: 140px; min-width:1200px; background-image: url("../images/xm_header.jpg"); background-position: center center; background-repeat: no-repeat; } #pc .top_wrap .top { height: 130px; } #pc .top_wrap .top .top_content { width: 1200px; margin: 0 auto; } #pc .top_wrap .top .top_content .top_left { float: left; margin-top: 30px; } #pc .top_wrap .top .top_content .top_right { margin-top: 40px; float: right; } #pc .top_wrap .top .top_content .top_right .zhuiqiu { position: relative; top: -16px; } #pc .top_wrap .top .top_content .top_right .zouxiang { position: relative; top: 38px; right: -54px; } #pc .nav_wrap { max-width: 1920px; margin: 0 auto; height: 50px; background-color: #1c5ba8; } #pc .nav_wrap .nav { width: 1200px; margin: 0 auto; height: 50px; } #pc .nav_wrap .nav ul li { height: 50px; float: left; position: relative; } #pc .nav_wrap .nav ul li a { font-size: 18px; font-weight: 500; height: 50px; line-height: 50px; display: inline-block; padding: 0 31px; color: #fff; } .nav_wrap .nav ul li a img { margin-top: 15px; } #pc .nav_wrap .nav ul li a:hover { background-color: #dcdcdc; color: #000; } #pc .nav_wrap .nav ul li .current { background-color: #dcdcdc; color: #000; } #pc .nav_wrap .nav ul li .erji { width: 100%; display: none; position: absolute; background-color: #eeeeee; z-index: 888; } #pc .nav_wrap .nav ul li .erji ul { height: 150px; } #pc .nav_wrap .nav ul li .erji ul li { height: 34px; line-height: 34px; width: 100%; text-align: center; } #pc .nav_wrap .nav ul li .erji ul li a { height: 34px; line-height: 34px; color: #000; padding:0px; font-size: 16px; } #pc .nav_wrap .nav ul li .erji ul li a:hover{ background:#eeeeee; color:#1c5ba8; } #pc .nav_wrap .nav ul li:hover .erji { display: block; } #pc .contents { padding-top: 25px; } #pc .contents .content { width: 380px; float: left; min-height: 304px; border-radius: 4px; color: #7f7f7f; } #pc .contents .title { width: 100%; border-bottom: 2px solid #999999; position: relative; } #pc .contents .title .titlename { display: inline-block; font-size: 20px; line-height: 36px; color: #1c5ba8; border-radius: 5px; font-weight: bold; } #pc .contents .title .titlename:before { content: " "; position: relative; width: 2px; height: 30px; background-color: #1c5ba8; padding-right: 5px; margin-right: 15px; } #pc .contents .title .more { float: right; color: #666; font-size: 13px; font-weight: bold; margin-top: 10px; margin-right: 10px; } #pc .contents .title .more:hover { color: #ff634e; } #pc .contents .up { width: 1200px; margin: 0 auto; } #pc .contents .up .xinwen { width: 760px; margin-right: 0px; } #pc .contents .up .xinwen .xinwen_content{ padding-top:15px; } #pc .contents .up .xinwen .xinwen_content a { margin-top:5px; width: 360px; float:left; } #pc .contents .up .xinwen .xinwen_content a img { width: 360px; height: 195px; } #pc .contents .up .xinwen .xinwen_content a:nth-child(even) { margin-left: 40px; } #pc .contents .up .xinwen .xinwen_content .xinwen_content_up { margin-top: 20px; } #pc .contents .up .xinwen .xinwen_content .xinwen_content_down { margin-top: 5px; } #pc .contents .up .tongzhi { margin-left: 60px; } #pc .contents .up .tongzhi .tongzhi_content { width: 380px; height: 490px; background-color: #ced5e4; margin-top: 20px; padding-top: 10px; } #pc .contents .up .tongzhi .tongzhi_content ul li { width: 320px; height: 54px; margin-left: 30px; margin-right: 30px; border-bottom: 1px solid #a0a0a0; padding-top: 18px; padding-bottom: 18px; } #pc .contents .up .tongzhi .tongzhi_content ul li .date { float: left; background-color: #fff; width: 75px; height: 54px; } #pc .contents .up .tongzhi .tongzhi_content ul li .date .day { display: inline-block; width: 75px; height: 27px; color: #0065bb; text-align: center; font-size: 20px; } #pc .contents .up .tongzhi .tongzhi_content ul li .date .month { display: inline-block; width: 75px; height: 27px; background-color: #b0a3b2; color: #fff; text-align: center; } #pc .contents .up .tongzhi .tongzhi_content ul li a.news { width: 235px; padding-left: 10px; float: right; } #pc .contents .down_warp { background-color: #e5e5e5; margin-top: 20px; padding-top: 25px; padding-bottom: 30px; } #pc .contents .down_warp .down { width: 1200px; margin: 0 auto; } #pc .contents .down_warp .down .dangjian { width: 760px; margin-right: 0px; } #pc .contents .down_warp .down .dangjian ul li { float: left; height: 40px; width: 360px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #pc .contents .down_warp .down .dangjian ul li:nth-child(even) { margin-left: 30px; } #pc .contents .down_warp .down .xiazai { margin-left: 60px; } #pc .contents .down_warp .down .xiazai ul { margin-top: 5px; } #pc .contents .down_warp .down .xiazai ul li { line-height: 52px; border-bottom: 1px dashed #bbb; } #pc .contents .fengcai { width: 1200px; margin: 0 auto; margin-top: 20px; } #pc .contents .fengcai .fengcai_content { padding-top: 15px; } #pc .contents .fengcai .fengcai_content a { margin-right: 18px; } #pc .link { width: 1200px; margin: 0 auto; margin-bottom: 20px; } #pc .link .link_title { font-size: 20px; } #pc #footer { max-width: 1920px; min-wdith:1200px; margin: 0 auto; height: 206px; background-image: url("../images/xm_footer_bg.png"); background-repeat: no-repeat; background-position: center center; } #pc #footer .footer { width: 1200px; margin: 0 auto; color: #fff; } #pc #footer .footer .footer_left { float: left; margin-top: 25px; } #pc #footer .footer .footer_left .addr { float: left; text-align:left; } #pc #footer .footer .footer_left .erweima { float: right; margin-left: 20px; text-align: center; } #pc #footer .footer .footer_right { margin-top: 45px; float: right; } #pc .slideBox1 { max-width: 1920px; height: 480px; overflow: hidden; position: relative; } #pc .slideBox1 .hd { height: 15px; overflow: hidden; position: absolute; right: 48.5%; bottom: 23px; z-index: 1; } #pc .slideBox1 .hd ul { overflow: hidden; zoom: 1; float: left; } #pc .slideBox1 .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; border-radius: 50%; line-height: 14px; text-align: center; background: #fff; cursor: pointer; margin-left: 5px; } #pc .slideBox1 .hd ul li.on { background: #1c5ba8; color: #fff; } #pc .slideBox1 .bd { position: relative; height: 100%; z-index: 0; } #pc .slideBox1 .bd li { zoom: 1; vertical-align: middle; } #pc .slideBox1 .bd img { max-width: 1920px; height: 480px; display: block; } #pc .slideBox1 .prev, #pc .slideBox1 .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/xm_slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } #pc .slideBox1 .next { left: auto; right: 3%; background-position: 8px 5px; } #pc .slideBox1 .prev:hover, #pc .slideBox1 .next:hover { filter: alpha(opacity=100); opacity: 1; } #pc .slideBox1 .prevStop { display: none; } #pc .slideBox1 .nextStop { display: none; } #pc .picMarquee-left { width: 1200px; overflow: hidden; position: relative; } #pc .picMarquee-left .hd { overflow: hidden; height: 30px; position: absolute; right: 0; top: 4px; } #pc .picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: inline-block; width: 25px; height: 25px; float: right; overflow: hidden; cursor: pointer; } #pc .picMarquee-left .hd .next { display: inline-block; width: 25px; height: 25px; margin-right: 10px; } #pc .picMarquee-left .hd .prevStop { background-position: -60px 0; } #pc .picMarquee-left .hd .nextStop { background-position: -60px -50px; } #pc .picMarquee-left .bd { padding: 15px 0; } #pc .picMarquee-left .bd ul { overflow: hidden; zoom: 1; } #pc .picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; } #pc .picMarquee-left .bd ul li img { width: 194px; height: 131px; } #pc .footer_box{ text-align: center; position: absolute; bottom: 10px; left: 50%; margin-left: -24px;} #pc .footer_box a,.footer_box a:hover, .footer_box a:link, .footer_boxa:active.footer_box a:visited { color: #ccc!important; font-size: 12px;} @media screen and (max-width: 720px){ #pc{ display:none!important;} #mobile{ display: block!important; } } @media screen and (min-width: 721px){ #pc{ display:block!important; } #mobile{ display: none!important; } }