.mob-head{ position: relative; display: none; float: left; ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0px 0 ; width: 100% ; height: 50px ; text-align: center ; } .mob-head-l{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: auto; height: 50px ; text-align: center ; } .mob-head-l img{ width: auto; height: 100%;} .mob-head-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 60px ; height: 50px ; text-align: center ; line-height: 50px; } .mob-head-r span{ color: #fff; font-size: 30px;} .modalbg{ display: none; position: fixed ; z-index:9999999999; left: 0 ; top : 0 ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 100% ; text-align: center ; background: #000000; opacity: 0.6; } .mobmenu{ display: none; position: fixed ; z-index:99999999999999999999; left: 0 ; top : 0 ; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; background: #fff; } .mobmenu-t{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 50px ; text-align: center ; box-shadow: 0px 5px 10px #ddd; overflow: hidden; } .mobmenu-tl{float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: auto ; height: auto ; text-align: center ; } .mobmenu-tl img{ width: auto; height: 50px;} .mobmenu-tr{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 10px ; width: auto ; height: 50px ; text-align: right ; line-height: 50px; } .mobmenu-cnt{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px ; width: 100% ; height: auto ; text-align: center ; overflow: hidden;} .mobsearch-c{ clear: both; box-sizing: border-box ; margin: 20px 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; } .mobsearch{ display: flex; flex-direction: row; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 40px ; text-align: center ; background: #eee; overflow: hidden; border-radius: 20px; } .mobsearch>input{ border: none; background: transparent; outline: none; float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: 100% ; text-align: center ; } .mobsearch>span{ display: flex; align-items: center; float: left; width: 30px; text-align: center; cursor: pointer;} .mobnav{ float: left ; box-sizing: border-box ; margin: 20px 0 0 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; overflow: hidden; } .mobnavitem{float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 50% ; height: 56px ; line-height: 56px; border-bottom: solid 1px #dddddd; text-align: center ; overflow: hidden; } .mobnavitem-l{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 100px ; height: auto ; text-align: center ; } .mobnavitem-r{ float: right ; box-sizing: border-box ; margin: 0 0 0 0; padding: 0 0 0 0 ; width: 60px ; height: auto ; text-align: center ; } .mobnavitem-r span{ color:#999999;} .mobnav .cur{} .mobnavitem:hover{ } .mobmenu-foot{ float: left ; box-sizing: border-box ; margin: 40px 0 60px 0 ; padding: 0 0 0 0 ; width: 100% ; height: auto ; font-size: 14px; text-align: center ; line-height: 30px; } .mobmenu-foot>span{ display: block;} .mobmenu-foot>span a{ margin: 0 10px;} @media screen and (max-width: 1140px) { /*header*/ .header-wrap{ width: 1000px;} .header-nav{ width: 1000px;} .nav-logo{ width: 110px;} .mnav{ width: auto; } .mnav>ul{ width: auto; } .mnav>ul>li{ width: auto; } .mnav ul li a{ font-size: 14px;} .mnav>ul>li>ul{ width: 750px; height: 160px; overflow: hidden; } .mnav>ul>li:hover>ul{ width: 750px; height: 160px; overflow: hidden; } .downmenu-l{ width: 450px; margin-top: 10px;} .downmenu-r{ width: 200px;} .downmenu-r img{ height: 100px;} .mnav3{ width: auto; } .mnav3>ul{ width: auto; } .mnav3>ul>li{ width: auot; } .mnav3 ul li a{ font-size: 14px;} .mnav3>ul>li>ul{ width: 750px; height: 160px; } .mnav3>ul>li:hover>ul{ width: 750px; height: 160px; } /*cnt*/ .subcnt{ width: 1000px;} .subcnt-l{ width: 220px; margin-top: -85px;} .submenu-t{height: 85px;} .submenu-tbg{height: 85px;} .submenu-txt{ font-size: 22px; line-height: 85px;} .subnavitem-l{ font-size: 14px;} .subnavitem-child-l{ font-size: 12px;} .subcnt-r{ width: 780px;} .subcnt-pos{ font-size: 18px;} .navwh{ margin: 0px auto;} /*footer*/ .footer-inner{ width: 1000px;} /*棣栭〉*/ .mnav2{ width: auto; } .mnav2>ul{ width: auto; } .mnav2>ul>li{ width: auto; } .mnav2 ul li a{ font-size: 14px;} .mnav2>ul>li>ul{ width: 750px; height: 160px; } .mnav2>ul>li:hover>ul{ width: 750px; height: 160px; } .nm-ywsd{ width: 1000px;} .nm-focus{ width: 1000px;} .nmhot-l{ width: 50%;} .nmhot-r{ width: 48%;} .nm-ywsd-x{ width: 1000px;} .notice{ width: 1000px; } .nmnotice-l{ width: 50%;} .nmnotice-r{ width: 48%;} .nmsplide{ width: 1000px;} .nm-splide-t{width: 1000px;} #xhscroll{ width: 1000px;} #xhscroll ul li{ width: 333.333333333px; } .spec{ width: 1000px;} .nm-spec{ width: 48%;} .nm-spec2{ width: 48%;} /*news*/ .nmnews01{ width: 1000px;} .nmnews02{ width: 1000px;} .nmnews03{ width: 1000px;} .nmnews04{ width: 1000px;} .newsspec-cols{ width: 1000px;} /*spec*/ .nmspechot{ width: 1000px;} .nmspec03{ width: 1000px;} .subcnt2{ width: 1000px;} .subcnt2-cnt{ width: 800px;} .subcnt2-r{ width: 200px;} .infogk{width: 1000px;} .infonav>ul>li{ font-size: 14px;} } @media screen and (max-width: 1000px) { .header-wrap{ display: none;} .mob-head{ display: block;} .banner{ margin-top: 50px;} .nav-wrap{ display: none;} .nav-wrap2{ display: none;} .nav-wrap3{ display: none;} .banhome{ height: 50px; } .homecnt{ box-shadow: 0 0px 0px #ccc;} .homeside-c{ display: none;} .subcnt{ width: 100%;} .subcnt-l{ width: 100%; margin-top: -50px; } .submenu-t{ height: 50px; overflow: hidden; width: 170px; } .submenu-txt{ line-height: 50px; font-size: 20px; padding: 0 10px; text-align: left;} .submenu-txt span{ margin-top: 2px; display: block; float: right; font-size: 20px; } .subnavitem{ height: 40px; line-height: 40px; width: 100%; float: left; } .subnavitem-r{ line-height: 40px;} .subnav{ display: none;} .subcnt-r{ float: left ; width: 100%; padding: 10px;} .subcnt-cnt{ padding: 0px 0px;} .subcnt-pos{ width: 100%;} .footer-inner{width: 100%; height: auto; flex-direction: column;} .footer-logo{ float:left; width: 100%; margin-top: 0px;} .footer-links{ float: left; width: 100%; margin-top: 10px;} .footer-link{ float: left; margin: 0 auto; width: 33.33333%; padding-left: 10px; } .footer-link a{ float: left; width: 100%; margin-left: 55px;} .footer-gzh{width: 100%; float: left; margin: 30px auto; display: flex; flex-direction: row; align-items: center; justify-content: center; } .subcnt-wh{ width: 100%; padding: 0px 10px; box-sizing: border-box;} .navwh{ width: 100%;} .whlist{ width: 100%;} .homecnt{ padding: 10px;} .nm-ywsd{ width: 100%;} .nm-focus{ width: 100%; padding: 10px;} .nm-hot{ width: 100%;} .nmhot-l{ width: 50%;} .nmhot-l img{ width: 100%;} .nmhot-r{ width:45%;} .nm-ywsd-x{ width: 100%; padding: 10px;} .subban{ height: 50px; } .subcnt2{ width: 100%;} .subcnt2-cnt{ width: 100%; margin: 0 0 0 0; padding: 20px 5px 0 5px; } .art-head{ height: auto;border-bottom: solid 1px #ddd;} .art-title{font-size: 20px;} .art-cnt{ width: 100%;} .art-cnt img{ width: auto; margin: 0 auto; max-width: 100%; height: auto;} .subcnt-detail img{ width: auto; margin: 0 auto; max-width: 100%; height: auto;} .subcnt2-r{ float: left;width: 100%; margin-top: 0px;} .submenu2-t{ height: 50px; line-height: 50px;} .submenu2-tbg{ height: 50px; line-height: 50px;} .submenu2-txt{ height: 50px; line-height: 50px;} .prevnext{ margin:30px 0px 0 0; padding: 0px 0 0 0; } .prevnext .prev{ float: left ; width: 100%;} .prevnext .next{ float: left; width: 100%; text-align: left;} .notice{ width: 100%; padding: 0 10px;} .nmnotice-l{ width: 50%;} .nm-notice-tl em{ font-size: 16px;} .nmnotice-r{ width: 48%;} .nmsplide{ width: 100%; padding: 0 10px;} .nm-splide-t{width: 100%;} #xhscroll{ width: 100%;} #xhscroll ul li{ width: 300px;} .xhscroll-c a.control_prev { left:0px; } .xhscroll-c a.control_next { right:0px; } .spec{ width: 100%; padding: 0 10px;} .nm-spec{ width: 48%;} .nm-spec2{ width: 48%;} /*news*/ .nmnews01{ width: 100%;padding: 0 10px;} .nmnews02{ width: 100%;padding: 0 10px;} .nmnews03{ width: 100%;padding: 0 10px;} .nmnews04{ width: 100%;padding: 0 10px;} .newsspec-cols{ width: 100%;padding: 0 10px;} /*spec*/ .nmspechot{ width: 100%; padding:0 10px;} .nmspec03{ width: 100%; padding: 0 10px;} .subban3{ height: 50px;} .subban2{ height: 0px;} .news_pos{ border: none;} .art-news-title{ margin: 0 0 0 0;} .newsrow-c{ padding: 0 0 0 60px;} .infogk{width: 100%;} .infonav>ul>li{ font-size: 14px; height: 40px; line-height: 40px;} } @media screen and (max-width: 850px) { .down-arrow{ display: none;} .focushot{ height: auto; padding: 20px 0 40px 0px;} .nm-focus{ width: 100%; padding: 10px;} .nm-focus-tl em{ font-size: 25px; margin-left: 20px;} .nm-hot{ width: 100%;} .nmhot-l{ width: 100%; height: auto;} .nmhot-l img{ width: 100%;height: auto;} .nmhot-r{ width:100%;} #xhscroll ul li .img{ height: 280px; overflow: hidden;} .notice{ height: auto;} .nmnotice-more{ padding: 10px 0; line-height: 40px;} .nmnotice-l{ width: 100%; height: auto; padding: 10px;} .nm-notice-tl{ width: 100%; margin: 0 0 10px 0;} .nm-notice-tl label{ width: 30px; line-height: 30px; height: 30px;} .nm-notice-tl em{ font-size: 16px; line-height: 30px; text-indent: 10px;} .nmnotice-r{ width: 100%;} .nm-notice-split{ display: none;} .nmnotice-cnt{ padding: 10px 10px;} .nm-notice-t>.nm-notice-tl:nth-of-type(1){ width: 50%; } .nm-notice-t>.nm-notice-tl:nth-of-type(2){ width: 50%; } .nm-notice-t>.nm-notice-tl:nth-of-type(3){ width: 50%; } .nm-notice-t>.nm-notice-tl:nth-of-type(4){ width: 50%; } .noticelist ul li{ width: 100%; line-height: 32px;padding: 0 0px; text-align: left; border-bottom: solid 0px #ddd; font-size:16px; } .noticelist ul li em{ font-style: normal;float: right; width: 100%; color: #94080B; } .nm-spec{ width: 100%;} .nm-spec-tl label{ width: 40px; height: 40px; line-height: 40px;} .nm-spec-tl em{ font-size: 20px; margin-left: 10px; line-height: 40px;} .nm-spec2{ width: 100%;} .nm-ywsd-b .col333{ width: 100%;} .nm-ywsd-b .col333 .item{ width: 100%;} .nm-ywsd-b .col333 .item2{ width: 100%;} .nm-splide-tl label{ width: 40px; height: 40px; line-height: 40px;} .nm-splide-tl em{ font-size: 20px; margin-left: 10px; line-height: 40px;} .nm-focus-tl label{ width: 40px; height: 40px; line-height: 40px;} .nm-focus-tl em{ font-size: 20px; margin-left: 10px; line-height: 40px;} .nm-ywsd-tl label{ width: 40px; height: 40px; line-height: 40px;} .nm-ywsd-tl em{ font-size: 20px; margin-left: 10px; line-height: 40px;} .nmts>.col-3{ width: 100%;} .nmts-l{ margin: 20px 0 0 0;} .nmzs>.col-3{ width: 100%;} .nmzs-l{ width: 100%; margin: 0px 0 0 0;} .nmzs-head{padding-left: 115px;} .nmzs-time{ width: 100px;} .nmzs>.col-3:nth-of-type(2n)>.nmzs-l{ float: left;} .nmmb>.col-3{ width:100% ; height: auto; margin: 10px 0; } .nmmb-l{ width: 100% ; margin: 10px 0 0 0; } .nmmb>.col-3:nth-of-type(4n+1)>.nmmb-l{ float: left;} .nmmb>.col-3:nth-of-type(4n+2)>.nmmb-l{ float: left;} .nmmb>.col-3:nth-of-type(4n+3)>.nmmb-l{ float: left;} .nmmb>.col-3:nth-of-type(4n)>.nmmb-l{ float: left;} .nmnews01-m-col{ width: 100% ;} .nmnews01-m-col>.item{ width: 100%; height: auto; margin: 10px 0;} .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n+1)>.item{ float: left; } .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n+2)>.item{ float: left;} .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n+3)>.item{ float: left;} .nmnews01-m-cols>.nmnews01-m-col:nth-of-type(4n)>.item{ float: left;} .nmnews01-row-r2{ height: auto;} .nmnews01list ul li{ float: left; width: 100%; line-height: 34px; } .nmnews01list ul li em{ width: 100%; font-style: normal;float: right; color: #94080B; } .nmnews02-m-c{ padding: 0 0 0 0% ; } .nmnews02-m-l{ width: 100%; position: static;} .nmnews02-m-r{ height: auto; } .nmnews02list ul li{ padding: 0 0 0 0; margin: 10px 0 0 0;} .nmnews02list ul li em{ position: static; float: left; width: 100%; text-align: left; } .nmnews03-m-col{ width: 100% ;} .nmnews03-m-col>.item{ float:left; width: 100%; } .nmnews03-m-cols>.nmnews03-m-col:nth-of-type(3n+1)>.item{float: left;} .nmnews03-m-cols>.nmnews03-m-col:nth-of-type(3n+2)>.item{ float: left ; } .nmnews03-m-cols>.nmnews03-m-col:nth-of-type(3n)>.item{float:left;} .newsspec-col{ width: 100% ; margin: 10px 0; } .newsspec-col>.item{ width: 100%; } .newsspec-col>.item img{ width: 100%;} .newsspec-cols>.newsspec-col:nth-of-type(3n+1){ } .newsspec-cols>.newsspec-col:nth-of-type(3n+2) .item{float:left; } .newsspec-cols>.newsspec-col:nth-of-type(3n)>.item{float:left;} .subcnt-search{ padding: 10px ; } /*spec*/ .nmspechot-c{ height: auto; padding: 0px 0px; } .nmspechot{ overflow: hidden; padding: 0 10px; } .nmspechot-m-c{ margin: 0 auto;} .nmspechot-m-l{ width:100%; height: auto;} .nmspechot-m-r{ width: 100%; height: auto; padding: 10px 0;} .nmspechotlist-c{ height: auto; padding:0 10px;} .nmspechotlist{ height: auto;} .nmspechotlist ul li{ height: auto; line-height: 34px; padding: 0 0 0 0;} .nmspechotlist ul li em{ position: static; float: left; width: 100%; text-align: left;} .nmspec03-c{ padding: 0px 0px 0px 0; } .nmspec03{ float: left; width: 100% ; height: auto ; } .nmspec03>.nmspec03-col{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 10px 15px ; width: 100% ; height: auto ; text-align: center ; } .nmspec03>.nmspec03-col2{width: 100%;height: auto;} .nmspec03>.nmspec03-col3{width: 100%;height: auto;} .specfocus-c{height: auto; } .specfocus-m{ height:auto; text-align:center; } .specfocus-m>ul>li{height: auto;} .specfocus-m>ul>li img{ width: 100%; height: auto;} .specfocus-m>ul>li>.title{ font-size: 16px;} .nmspec01list-c{ padding: 0 10px; } } @media screen and (max-width: 750px) { .adzhaosheng{ display:block;} .navwh{ margin-top: 20px; height: auto; border: none;} .navwh ul li{ width: 33.33%; text-align: center;} .footer-gzh .col3{ width: 33.3333%;} .footer-gzh .gzh-t{ width: 40px; height: 40px; line-height: 40px;} .footer-gzh .gzh-b{ font-size: 14px;} .footer-gzh .col3 .qrcode{ position: static; opacity: 1; width: 110px; margin-bottom: 10px;} .footer-gzh .col3 .qrcode img{ width: 100px; height: 100px; } .yxlistcol{ float: left ; box-sizing: border-box ; margin: 0 0 0 0 ; padding:20px 20px ; width: 100% ; height: auto ; text-align: center ; } .indexban-m{ height: 300px ; } .indexban-m>ul{position: relative; overflow: hidden; } .indexban-m>ul>li{ height: 300px; overflow: hidden; } .indexban-m ul li label{ width: 100%; text-align: center; padding: 0 0 0 0; font-size: 20px;} .indexban-ctrl ul{ right: 0; width: 100%;} #indexview{ opacity: 1; display: block; position: relative; height: 300px; overflow: hidden;} #homeview{ display: block;} .banhome{ display: none;} .nm-ywsd-t{opacity: 0;} .nm-ywsd-b{ opacity: 1;} .nm-ywsd-tl em{ font-size: 24px; margin: 0 0 0 10px; } .subcnt-r{ padding:20 20px; min-height: 350px;} .pager a{ font-size: 12px; } .pager{ margin: 30px 0 0px 0;} .pager label{ float: left; width: 100%; text-align: center;} .pager span{ float: left; width: 100%; margin-top: 20px; text-align: center;} .art-cnt img{ width: 100%; margin: 0 auto; max-width: 100%; height: auto;} .subcnt-detail img{ width: 100%; margin: 0 auto; max-width: 100%; height: auto;} } @media screen and (max-width: 640px) { .whlist ul li{ width: 100%;} .newslist ul li{ font-size: 14px; line-height: 40px; width: 100%;} .newslist ul li>span{ float: left; width: auto; } .newslist ul li>a{ float: left; width: auto;} .newslist ul li>em{ float: right; width: 100%; font-size: 14px; } .art-note{ font-size: 14px; } .art-note label{ margin: 0 10px 0 0;} .nmspec03-t-l{ float: left; box-sizing: border-box ; margin: 0 0 0 0 ; padding: 0 0 0 0 ; width: 200px; color: #666; line-height: 60px; font-size: 20px; font-weight: bold; height: 60px ; text-align: left ; } .nmspec01list ul li{line-height: 32px;font-size:14px; } .nmspec01list ul li em{ font-style: normal; width: 100%; float: right; color: #94080B; } .infonav>ul>li{ width: 33.3333%; float: left; font-size: 12px; height: 30px; line-height: 30px;} .infodownitem-r{ font-size: 20px;} .test{ display: none;} } @media screen and (max-width: 560px) { } @media screen and (max-width: 480px) { .footer-link{ width: 100%; margin: 0px 0px 20px 0;} .footer-link-r{ float: left; margin: 0 auto; width: 100%; padding: 0 0px 0 40px; } .footer-link-r a{ margin: 5px 10px; display: inline-block; width: auto;} } @media screen and (max-width: 320px) { }