@charset "utf-8"; /* CSS Document */ @media only screen and (min-width: 1200px){ .mb_logo, .mb_slide, .mb_search, .input02, .btn02, .mb_nav, .mb_ul, .mb_list, .table02{ display:none } } @media only screen and (max-width: 1200px) and (min-width: 1000px){ .mb_logo, .mb_slide, .mb_search, .input02, .btn02, .mb_nav, .mb_ul, .mb_list, .table02{ display:none } body{ } .top .mgr40, .logo .mgr40, .nav .mgr40{ margin-right: 15px } .nav{ height:40px; line-height:40px } .nav ul.ul01{ font-size:15px } .nav ul.ul02{ top:40px; font-size:12px } .nav ul.ul02 >li{ margin-right:15px } .nav ul.ul01 > li > a{ padding:0 20px } .nav form{ margin-top:5px } .input01{ height:28px; line-height:28px; } .btn01{ height:30px; background:url(../images/fdj.gif) center no-repeat; } .news{ height:auto } .news .title{ text-indent:20px } .newsbox{ width:100%; margin-top:20px; text-indent:20px } .cp01, .cp02{ width:44%; margin:3% } .cp01 .show, .cp02 .show{ width:100% } .box_jjfa01 img, .box_jjfa02 img{ display:none } .box_jjfa01 p, .box_jjfa02 p{ width:auto; max-width:auto; padding:0 10px } .custom ul{ float:left; text-align:center } .bottom_nav{ height:auto; display:inline-block } .wechat{ float:left; margin-right:0; width:100%; text-align:center } .wechat .foot_wb, .wechat .foot_wx, .wechat .foot_qq{ display:none } .bottom_nav ul{ width:20%; text-align:center; margin:40px 0 } .culimg{ display: block; width: 100%; height: auto } .culture{ min-height: auto; background: none } .lccon{ float:left; margin-top:40px } } @media only screen and (max-width: 1000px){ body{ min-width:auto } .logo, .nav, .pc_ul, .custom ul, .bottom_nav ul, .top p, .table01{ display:none } .mb_logo{ height:90px; line-height:90px; text-align:center } .top a{ float:left; margin-right:0 } .mb_slide{ width:40px; height:40px; cursor:pointer; background:url(../images/mobile_images/top_nav.gif) no-repeat } .mb_slide.cur{ background:url(../images/mobile_images/top_nav_h.gif) no-repeat } .mb_search{ position:absolute; top:40px; width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf; background-color:white; display:none } .input02{ float:left; height:36px; line-height:36px; text-indent:10px; color:#999; background-color:white; border:1px solid #ebebeb; border-right:0 } .btn02{ float:left; width:43px; height:40px; border:1px solid #ebebeb; border-left:0; background:url(../images/fdj.gif) no-repeat; cursor:pointer } .mb_nav{ width:100%; height:82px; background-color:#f5f5f5 } .mb_nav ul{ width:100%; font-size:1.15em; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea } .mb_nav ul li{ float:left; width:25%; height:82px; line-height:82px; background:url(../images/mobile_images/nav_li_bg.gif) right top repeat-y } .mb_nav ul li a{ display:block; color:#333 } .mb_nav ul li a:hover{ background-color:#fff; color:#e20400 } .mb_nav ul li div{ line-height:41px } .news{ height:auto } .news .title{ text-indent:20px } .newsbox{ width:100%; height:auto; margin-top:20px } .newsbox ul.mb_ul li{ margin-bottom:5px } .newsbox ul.mb_ul li div{ width:100% } .cp01, .cp02{ width:90%; margin:5% } .cp01 .show, .cp02 .show{ width:100% } .box_jjfa01, .box_jjfa02{ height:auto; min-height:280px } .box_jjfa01 img, .box_jjfa02 img{ display:none } .box_jjfa01 p, .box_jjfa02 p{ width:auto; max-width:auto; padding:0 10px; font-size:1em } .box_jjfa01 h1, .box_jjfa02 h1{ padding:40px 0 20px 0; font-size:1.6em } .jjfa_nav ul li{ font-size:.75em } .mb_list a{ float:left; display:block; margin-bottom:10px; width:50% } .bottom_nav{ height:auto; display:inline-block } .wechat{ float:left; margin-right:0; width:100%; text-align:center } .wechat .foot_wb, .wechat .foot_wx, .wechat .foot_qq{ display:none } .bottom_nav ul{ width:100%; text-align:center; margin:10px 0 30px 0 } .foot span{ float:left; width:100%; text-align:center; line-height:18px; margin:5px 0 } #cpcs02 .cus_pj img{ width:90%; height:auto } .jjfa_box01 a{ text-align:center } .jjfa_box01 a img{ float:none } .input03, .input04{ width:100% } .news_title p{ font-size:14px } #zoom p img{ width:100%; height:auto } .his_01, .his_02{ width:100%; padding:0; background: none; text-indent: 10px } .his_01 h2, .his_02 h2{ color:#b3020d; text-indent:0 } .his_02 p{ width:100% } #map{ width: 100%; border:0 } .fenbu_box{ width: 100% } .culimg{ display: block; width: 100%; height: auto } .culture{ min-height: auto; background: none } .about img{ width:100%; height: auto; margin: 0 } .hon_his li, .honorlist li{ width: 100% } .lccon{ float:left; margin-top:40px } .lcimg{ width:100%; height:auto } .px_box01 > div{ float:left; width:100%; margin:0; margin-bottom:40px } .backlist li{ width:100% } }