@charset "utf-8"; @media screen and (max-width:1280px){ :root{--smailSizex:0.15rem} } @media screen and (max-width: 999px){ :root{--bigSize: 18px;--titleSize: 16px;--smailSize: 14px;--smailSizex: 13px;} body{ background-size: 1000px auto; background-position: top right; } .header{} .wp_artfuns .wp_art_adjoin{font-size:16px} .sibi_art{margin-top:30px} .column-switch{display:block;width:30px;height:20px;background:url(css/img/menu-dot-w.png) no-repeat center;position:absolute;top:16px;right:4%} .col_name span{font-size:20px} .col_list ul li{float:none;border-bottom:1px solid #ffffff2e} .col_menu .col_menu_head h3.col_name{line-height:48px;margin:0;height:48px} .col_metas .col_path{display:none} .col_list .slick-next{right:-20px;font-size:17px} .col_list .col_column .col_item_link{font-size:14px;border:none;text-align:left;padding:0;line-height:39px} .col_list .col_column .col_item_link:before{content:"";width:5px;height:5px;display:inline-block;border-radius:50%;background:#fff;vertical-align:middle;margin-right:20px} .col_menu .col_menu_head{box-sizing:border-box;padding:0 4%;bottom:auto;top:-48px;background:var(--mainColor);/* clip-path:polygon(0 0,96% 0,100% 48px,100% 100%,0 100%); */} .col_list{padding-right:0;height:auto;position:static;display:none} .col_list::before{display:none} /*栏目图片*/ .l-banner {height:250px;} .l-banner img {width:100%;height:100%;} #l-container .inner,#d-container .inner {padding:0px 0px;} #l-container.wrapper .inner .mod,#d-container.wrapper .inner .mod {/* padding:0;*/ display:block;} .column-switch {display:block;} .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height: 48px;pa;font-size:17px;text-align: left;} /**栏目名称图标**/ .col_menu {width:100vw;float:none;margin-right:0px;position:relative;left: -4vw;margin-bottom: 20px;} .col_menu .col_menu_con {border:0px solid #e4e4e4;padding: 0;} .col_metas .col_title h2 {font-size:18px;} .mrlist .col_news_list .news_list .news .news_meta{margin-bottom:.1rem} .col_list .wp_listcolumn .wp_column a{ justify-content: flex-start; padding: 0 4%; } .col_metas .col_title { flex: none; } .article{ width: 100%; } #footer .inner .foot-right{text-align: center;} #footer .inner .foot-center{margin:20px 0;/* display: block; */} .foot-right .links{ width: 250px; } .footer .inner{padding:30px 0} #footer .inner .foot-left{padding: 0;margin: 0;} #footer .inner .mod{flex-direction:column;height: auto;} nav.Quick-navigation{display:none} .fixbox .wp-menu a{border-bottom: 1px solid #3333331c;display: block;} .fixbox.navbox .wp-menu .sub-menu .sub-menu a{padding-left:2em} .fixbox.navbox .wp-menu .sub-menu a{font-size:14px;line-height:34px;display:block;padding-left:1em} .fixbox.navbox .searchbox{width:100%;border-radius: 22px;} .fixbox.navbox .wp-menu li{position:relative} .fixbox.navbox .wp-menu .menu-link{font-size: 14px;line-height:40px} .fixbox{padding: 65px 4% 40px;display: flex;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;justify-content: flex-start;} .fixbox.navbox .wp-menu .sub-menu{text-align:left;margin-top:0;overflow:hidden;height:0;opacity:0} .fixbox.navbox .wp-menu{display:block;min-height:auto;padding-bottom:0;border:none;text-align:left;margin: 0;} .fixbox .site-lang a{ border: 1px solid #ffffff6e; line-height: 2; display: inline-block; width: 104px; text-align: center; } .fixbox .site-lang{margin-bottom: 20px;} .fixbox .site-lang.home a img{ width: 17px; display:none } .fixbox .site-lang a span{display:block} .mbanner .slick-next,.mbanner .slick-prev{display:none} .mbanner .slick-dots li{} .search-botton img{width:14px} #nav.open{display:block;top:0;padding-top:122px} #nav{background:var(--mainColor);position:fixed;height:100vh;display:none} .nav .site-lang{display:flex;margin-bottom:10px} .head-right .site-lang{display:none} .header .sitelogo .logo img{width:267px;max-width:70%} .header .sitelogo .logo{margin:0;display:block} .header .sitelogo .tago img{width:240px;max-width:76%} .mainhead{position:relative} .header .nav .sub-menu .sub-item a{color:#fff} .header .nav .sub-con{display:block;padding:0} .header .nav .sub-menu ul.sub-list{display:block} .header .nav .sub-con .sub-img{display:none} .header .nav .sub-menu{position:static;min-width:inherit;width:auto;background:0 0;height:auto} .header .nav .wp-menu{ } .head-l .tis{ width: 128px; height: 62px; flex: none; } .head-l{ font-size: 12px; margin: 0; justify-content: center; } .head-l ul .code .imgs{ width: 98px; height: 98px; } .head-l ul .title{ width: 98px; } .nav{ display: none; } .head-top-right{flex:1;position:relative} a.menu-btn.arrow .xian:nth-child(1){width:20px} a.menu-btn.arrow .xian:nth-child(3){width:20px} .wrap .ding{display:none} #banner{height:auto} a.menu-btn .xian{width: 16px;height: 2px;} .mbanner .news_imgs a:before{height:80%} .mbanner .news .news_video:before{height:80%} .header.open:before{display:none} .header .nav .sub-menu .sub-item{width:100%} .nav .sub-menu .sub-item{border-bottom:1px solid #ffffff38} .nav .wp-menu .menu-item a.menu-link:after{display:none} em.menu-switch-arrow:after{content:">";color: #333;font-family: "宋体";font-size:16px;font-weight: bold;} em.menu-switch-arrow.open{transform:rotate(90deg)} em.menu-switch-arrow{position:absolute;right:0;line-height:40px;width:30px;text-align:center;z-index:1;top:0;font-weight:400} .nav .sub-menu .sub-item a{text-align:left;font-size:13px;line-height:35px;padding-left:1em;color:#fff} .nav .sub-menu{width:100%;position:static;transform:none;background:0 0} .header.open{background:#18438a} .wp-search .search-btn input.search-submit{background-size:14px} .mbanner .news .news_video{height:0;padding-top:45%} .mbanner .news_imgs a{height:0;padding-top:45%} .mbanner .slick-dots{width: 100%;margin:0;bottom: 15px;left: 0;justify-content: center;} .mbanner .news .news_title{width:100%;transform:none;left:0;font-size:18px} .header .mod{height:auto;} .nav .wp-menu .menu-item a.menu-link{font-size:15px;line-height:38px;display:block;border-bottom:1px solid #ffffff38;color:#fff} .head-bottom{padding:0;width:auto} .site-en a{line-height:30px;width:30px} .site-en{ margin: 0; } .wp-search .search-btn{right:0;left:auto;height: 0.58rem;width: 0.58rem;} .wp-search .search-input{width:auto;position:static;background:0 0} .wp-search .search-input input.search-title{width:100%;line-height:.58rem;height:.58rem;font-size:14px;opacity:1;font-family:"微软雅黑";background:0 0;} .header .searchbox{display:none} .site-lang ul:after{display:none} .header .head-top{display:flex;padding-bottom:0;position:relative;flex-wrap:wrap;gap:0} a.menu-btn.btn1{display:none} .search-botton{width:36px;height:36px} a.menu-btn{position: absolute;right: 4%;40px:center;justify-content:center;transition:all .4s ease-in-out;margin-left:9px;z-index: 1;display: flex;gap: 4px;} a.menu-btn.btn2{display:flex} .header .head-right.open{display:block} .mod{padding:0 4%} #banner .inner{position:static} .wrapper .inner{width:100%;margin:0 auto;height:auto} .navi-aside-search,.navi-aside-toggle{display:block} .header .head-left{float:none;display:inline-block;width:100%;height:auto;text-align:center;margin:13px 0} .header .sitelogo{ margin: 10px 0; } .header .sitelogo img{ width: 350px; max-width: 85%; } .header .head-left .tago{margin-top:12px;padding-left:4%} .header .head-main{display:none} .wp-navi .wp-menu{display:block} .wp-navi-slide .navi-slide-head{display:block;padding:0 10px;height:40px} .wp-navi-slide .wp-menu{background:#fff} .wp-navi-slide .wp-menu .menu-item{display:inline-block;float:none;position:relative;z-index:100;width:100%;padding-left:0;text-align:left;border-bottom:1px solid #eee} .wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display:block;width:38px;height:38px;position:absolute;right:6px;top:1px;background:url(css/img/icons.png) no-repeat 10px -116px} .wp-navi-slide .wp-menu .menu-item a.menu-link{display:block;padding:0 20px;line-height:40px;color:#343434;font-size:14px} .wp-navi-slide .sub-menu .sub-item a:hover,.wp-navi-slide .sub-menu .sub-item.hover>a,.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,.wp-navi-slide .wp-menu .menu-item.hover a.menu-link{text-decoration:none;color:#000;background-color:#eee} .wp-navi-slide .sub-menu{display:none;position:relative;left:0;bottom:0;top:0;min-width:0;z-index:100;background:#fff;opacity:.8} .wp-navi-slide .sub-menu .sub-item{position:relative;white-space:nowrap;vertical-align:top;border-bottom:1px solid #eee} .wp-navi-slide .sub-menu .sub-item a{display:block;color:#000;height:auto;line-height:40px;padding:0 36px;font-size:14px;background:0 0} .wp-navi-slide .sub-menu .sub-item a:hover{color:#000;background-color:#eee;display:block} .wp-navi-slide .sub-menu .sub-menu{left:0;top:0} .wp-navi-slide .sub-menu .sub-menu .sub-item a{padding:0 52px} .mbanner .focus{display:none} .shares ul{display:inline-block;width:auto;margin:0 auto;float:none} .botlinks .links-wrap{float:none;display:inline-block;width:100%} .botlinks .links-wrap .link-items{min-width:100%} .mbanner .bb{ display: none; } .header .head-right{ display: none; } .head-r{ flex-direction: row; gap: 10px; margin: 0; margin-top: 20px; } .fixbox .head-right { width: 100%; margin-top: 20px; } .main1 .mtop{ display: block; } .post-11{ width: 100%; } .post-12 .news_list .news{ padding: 15px 0; } .post-12 .news .news_date{ display: block; margin: 0; } .post-12 .news .news_title .news_date{ margin: 0; } .post-12 .news .news_title a{ text-overflow: -o-ellipsis-lastline; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .post-12 .news_list{ padding: 0 20px; } .post .tt .title{ font-size: 22px; } .post .tt .title img{ height: 24px; } .main1 .mbottom,.main3 .mod,.main4 .mod{ display: block; } .ml, .mr{];width: 100%;} .ml{ margin-bottom: 30px; } .main1 .mbottom .tab_menu li{ height: 45px; } .main1 .mbottom .post .news{ height: 50px; gap: 10px; } .news .news_date{ font-size: 15px; } .post-31 .news .news_title{ line-height: 45px; } .slick-prev, .slick-next{ width: 30px; height: 30px; } .main1 .mbottom .tab_con{ padding: 0 20px; height: auto; } .main1 .inner,.main3 .inner,.main4 .inner{ padding: 30px 0; } } @media screen and (max-width:767px){.mrlist .col_news_list .news_list .news .news_imgs{width:41%;margin-right:20px} .foot-left .links{margin:0;margin-bottom:20px} #footer .inner .foot-left{flex-direction:column;text-align:center} .col_news {padding-top:0;} .mbanner .slick-prev,.mbanner .slick-next {display:none ! important;} .col_news .news_list .news .news_meta {width:70px;height:70px;} .col_news .news_list .news .news_days {font-size:30px;} .col_news .news_list .news .news_imgs {width:100%;margin:0;margin-bottom:20px;} .col_news .news_list .news .news_more a {font-size:13px;background-size:13px;padding-bottom:10px;} .col_news .news_list .news .news_text {font-size:15px;line-height:1.8;margin-bottom:20px;} .col_news .news_list .news .news_title {/* margin-bottom:7px;*/ font-size:16px;} .sitetitle img {max-width:86%;} .header .sitelogo .sitetitle {display:block;font-size:18px;} .main #footer .inner {} .mbanner .focus-pagination {display:none;} /**当前栏目名称**/ .col_news {width:100%;min-height:0px;float:none;} /**栏目新闻**/ .col_news .col_news_box {margin-left:10px;margin-right:10px;} .col_news_con {padding:5px 0px 10px 0px;margin:0 0px;} .col_news_con .news_list li.news {flex-direction:column;/* padding:4px 0px;*/;} .col_news_con .news_list li.news span.news_title {line-height:24px;/* margin-right:100px;*/ font-size:14px;width:68%;} /*标题*/ .col_news_con .news_list li.news span.news_meta {font-size:14px;/* margin-left:-100px;*/;} /*属性*/ .wp_paging li.pages_count,.wp_paging li.page_jump {display:none;} .infobox {width:auto;padding:0px;margin:0 10px;} .article {padding: 30px 20px;margin-top: 30px;display: inline-block;} .col_news_list .wp_entry img,.article .entry .read img {max-width:100%;height:auto !important;width:100%;} /**文章阅读部分图片大小限制**/ /*图列表*/ .news_tu .news_list li.news {width:50%;} /*组织机构*/ .inss .part_xy .sub-list .sub-item {width:50%;} .wp_paging li.page_jump,.wp_paging li.pages_count{display:none} .infobox{width:auto;padding:0;margin:0 10px} .article .entry .read img,.col_news_list .wp_entry img{max-width:100%;height:auto!important;width:100%} } @media screen and (max-width:479px){.header:before{display:none} .header .sitelogo .sitetitle{padding:0;margin:0;display:block;border:none} .site-lang ul li.links a{margin:0;font-size:13px} .article h1.arti_title{line-height:28px;font-size:18px} .article h2.arti_title{line-height:28px;font-size:16px} } @media screen and (max-width:391px){ .head-l{ /* display: block; */ } .head-l ul .code .imgs{ /* width: 76px; */ /* height: 76px; */ } .head-l ul .title{ /* width: 76px; */ } .post-42 .news_list .news{ width: 100%; } }