@media screen and (max-width:480px){ .phone-head{ position: fixed; z-index: 40; display: block; width: 100%; padding: 20px 5%; height: 60px; background: #fff; } .header{ padding-top: 60px; } .nav-icon{ float: right; } .phone-head .logo{ float: left; width: 60%; } .phone-head .logo img{ width: 100%; } .phone-pf{ display: block; position: fixed; top:60px; right:-100%; z-index: 40; width: 100%; height: 100%; background:rgba(0,0,0,.5); } .phone-nav{ float: right; width: 80%; height: 100%; background: #fff; } .phone-nav .phone-ul{ width: 100%; } .phone-nav .phone-ul li{ width: 100%; padding: 0 5%; box-sizing: border-box; } .phone-nav .phone-ul li a{ width: 100%; padding: 10px 0; font-size: 16px; color:#01437d; border-bottom: 1px solid #e3e3e3; } .phone-nav .phone-ul li ul{ display: none; width: 100%; padding: 10px 0; } .phone-nav .phone-ul li ul li{ width: 100%; } .phone-nav .phone-ul li ul li a{ width: 100%; padding: 6px 10%; font-size: 14px; color:#3c64a5; border-bottom: none; box-sizing: border-box; } .head{ display: none; } .notice-img{ float: initial; display: block; margin: 0 auto; } .notice-ul{ width: 100%; padding: 20px 2% 0; } .notice-ul li h6{ font-size: 12px; } .newpa { bottom: 44px; right: 10%; width: 20px; height: 12px; background: url(/images/new.png) no-repeat center center; background-size: 100% 100%; } .notice-ul li span{ margin-bottom: 10px; } .yaowenleft{ width: 100%; } .picScroll-top .bd ul li h1{ font-size: 20px; } .yanwenbtn>a{ padding: 10px 18px; } .yaowen-big{ height: 600px; } .yaowenright{ width: 100%; height: 202px; margin-top: 20px; } .yaowen-down>div{ width: 100%; } .work-img{ display: none; } .work-cont{ width: 100%; } .voice-big .bd{ padding: 0 2%; } .mien-big .bd ul li{ width: 100%; } .voice-big .bd ul li{ width: 100%; } .indexheight{ height: 160px; line-height: 25px; } .indexheight:before{ top:160px; } .huaxialeft{ width: 100%; } .huaxiapa{ top:10px; left:10px; width: 70px; height: 26px; line-height: 26px; font-size: 14px; } .hualefttop{ height: 120px; } .huaxiadown{ margin-top: 10px; } .huaxialeft{ height: 260px; } .huaxiaright{ width: 100%; } .zxzul{ padding: 0 2%; } .zxzul li{ width: 100%; margin-bottom: 10px; } .zjfl-big>div{ width: 100%; height: auto; margin-bottom: 10px; } .zjfl-big>div .zjfy-img{ width: 100%; } .zjfy-cont{ width: 100%; padding: 0 2% 20px; } .zjfy-cont h4{ padding: 14px 0 8px; font-size: 18px; } .yplbt-big .bd ul li{ width: 45%; margin:0 5px; } .foot-top{ padding: 20px 0; } .footopleft{ display: none; } .footopright{ width: 100%; padding: 0 2%; } .footopul{ display: flex; justify-content: space-between; align-items: center; } .footopul li{ margin-left: 0; } .footopul li h6{ font-size: 14px; font-weight: 400; } .footopul li .footnav{ display: none; } .foot-down{ padding: 10px 0; line-height: 0; height: auto; } .foot-down p{ width: 100%; line-height: 30px; font-size: 12px; } .foot-down p span{ display: block; } .dynamicdetalis h1{ font-size: 18px; } .hdgg-tle{ padding: 20px 10px; } .hdgg-tle h4{ font-size: 18px; } .hdgg-tle span{ padding: 10px 0 16px; font-size: 14px; } .hdgg-tle p{ font-size: 14px; } .hdgg-cont{ padding: 0 10px; } .ggkx-big{ padding: 0 10px; } .ggkx-big h4{ padding: 30px 0 0; } .ggkximg{ width: 100%; } .ggkxcont{ width: 100%; } .ggkxcont h6{ padding-top: 30px; } .fynamicdiv .surveybig{ padding: 0 10px 20px; } .surveybig table tr th:first-child{ width: 22%; } .surveybig table tr th:last-child{ width: 78%; } .surveyjgimg{ width: 100%; margin: 0 0; } .minglvul li{ width: 49%; margin-right: 2%; margin-bottom: 2%; } .minglvul li:nth-child(2n){ margin-right: 0; } .vipfengcaiul.ayfcai li{ width: 49%; height: 260px; margin-right: 2%; } .vipfengcaiul.ayfcai li:nth-child(2n){ margin-right: 0; } .fynamicdiv .surveybig.contactfs h4{ padding: 20px 10px; } .contactfsul{ padding: 0 10px; } .contactfsul li{ width: 100%; } }