@charset "utf-8"; /** * [xLarge Screen for PC] * >=1200 */ /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1700px) { .header .head-right { float: right; margin-top: 18px; width: 58%; } .header .head-left { width: 40%;} .main3 .slick-slider{ padding: 0px 40px; margin: 0;} .main3 .slick-prev{ left: 0;} .main3 .slick-next{ right: 0;} #header .inner .mod{ padding:0 8px; position: relative; } .nav .wp-menu .menu-item a.menu-link{ padding: 0 14px;} } @media screen and (max-width: 1400px) { .listzuzhi li.links {font-size: 15px; } .header .head-right {width: 59%;} #footer .inner .foot-left{ margin-left: 62px;} .main3 .sudy-tab .tab-menu li{ margin: 0; } .post-21 .news_list .news .box2{ padding: 16px 20px; } .post-12 .news_imgs img{ height: 215px; } .nav .menu-item.i3 .sub-menu li{ width: 200px; } .nav .menu-item.i3 .sub-menu{ margin-left: -200px; width: 890px; } .nav .wp-menu{ text-align: center; } .header .head-right{margin-top: 25px;} .wrapper .inner { width:100%; margin:0 auto;} .wrapper .inner .mod {width:auto;padding:0 8px;} .nav .wp-menu .menu-item { } .nav .wp-menu .menu-item a.menu-link {padding: 0 14px;font-size: 16px;display: block;text-align: center;} /*links*/ .botlinks .links-wrap {margin:4px 5px;} /*banner*/ .focus .focus-title-bar {} } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 1300px) { .post-36 .news .news_imgs img { width: 100%; height: 110px; } } @media screen and (max-width: 1272px) { .header .head-right { width: 72%; } .header .head-left { width: 34%; } } @media screen and (max-width: 1200px) { .post-12 .list1 .news_title { min-height: auto; line-height: 30px; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .post-21 .list1 .news_title { min-height: auto; line-height: 30px; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .post-32 .news .news_pic img{ width: 150px; } .post-31 .news_box{ margin: 0 15px;} .post-35 .news_box{ margin: 0 15px;} .post-14 .news.i1 .news_title a { background-position: 20px center; } .post-14 .news.i2 .news_title a { background-position: 20px center; } .post-14 .news.i3 .news_title a { background-position: 20px center; } .post-14 .news.i4 .news_title a { background-position: 20px center; } .post-14 .news.i5 .news_title a { background-position: 20px center; } .post-14 .news.i6 .news_title a { background-position: 20px center; } .post-14 .news .news_title a{ padding-left: 77px; } .mlink.botlinks{ text-align: center; } .botlinks .links-wrap{ float: none; } .post-92 .news_list{ text-align: center; } .foot-center{ float: none; width: 100%; } } @media screen and (max-width: 1150px) { .shares li{ margin: 0 5px; } #footer .inner .foot-right{ margin-right: 0; } .nav .wp-menu .menu-item a.menu-link { padding: 0 15px; } } @media screen and (max-width: 1134px) { .header .head-right { width: 68%; } .nav .wp-menu .menu-item a.menu-link { padding: 0 10px; } } @media screen and (max-width: 1091px) { .nav .wp-menu .menu-item a.menu-link { padding: 0 10px; } } @media screen and (max-width: 1060px) { .header .head-right { width: 65%; } } @media screen and (max-width: 1050px) { .nav .wp-menu .menu-item a.menu-link { padding: 0 5px; } } @media screen and (max-width: 999px) { .list.zuzhi.new .listzuzhi li.links { width: 100%; } .zuzhi.new .col_menu .col_menu_head h3.col_name .col_name_text { font-size: 20px; } .list.zuzhi.new .con1 { padding: 10px 15px 15px 15px; } .listzuzhi:nth-child(1) .con1 li.links.i3 { background: url(images/arr_r.png) no-repeat left top 15px;} #footer .inner .foot-right{ width: 330px; float: none; margin: 0 auto; margin-top: 30px; } .foot-left h3.tit{ margin-bottom: 0; } #footer .inner .foot-left{ /* width: 100%; */ margin-left: 0; /* margin-top: 53px; */ float: none; margin: 0 auto; margin-bottom: 20px; } .shares li{ /* float: none; */ } .post-33 .list3 .news_pic img{ height: 150px; } .post-33 .list2 .news_pic img{ height: 310px; } .post-33 .list1 .news_pic img{ height: 150px; } .post-32 .news{ width: 50%; } .main3 .sudy-tab .tab-menu li a{ padding: 0 10px; } .main2 .ml{ width: 100%; float: none; margin-bottom: 50px; } .main2 .mr{ float: none; width: 100%; } .post-14 .news.i1 .news_title a { background-position: center 12px; } .post-14 .news.i2 .news_title a { background-position: center 12px; } .post-14 .news.i3 .news_title a { background-position: center 12px; } .post-14 .news.i4 .news_title a { background-position: center 12px; } .post-14 .news.i5 .news_title a { background-position: center 12px; } .post-14 .news.i6 .news_title a { background-position: center 12px; } .post-12 .list2{ float: none; width: 100%; margin-top: 10px; } .post-14 .news .news_title a{ padding-left: 0; display: block; text-align: center; padding-top: 53px; line-height: 30px; } .post-12 .list1{ width: auto; float: none; margin: 0 -16px; } .post1 .tit{ margin-bottom: 20px; } .list .header .head-left{ margin-top: 0; } .list #header .site-lang.clearfix{ display: none; } .main3 .mr{ float: none; width: 100%; } .main3 .ml{ float: none; width: 100%; } .main1 .inner{ padding-top: 30px; padding-bottom: 31px; } #footer .inner{ padding-top: 154px; background: none; } .wrapper .inner { width:100%; margin:0 auto;} .navi-aside-toggle, .navi-aside-search {display: block;} .showdiv .header {/* background: #18267e; */padding-bottom: 164px;background: url(images/head_bg22.png) repeat-x;} #header .inner{padding: 15px 0px 45px 0;height: auto;position:relative;background:none;} .header .head-left{float:none;display:inline-block;width:100%;height:auto;text-align:center;margin-top: 36px;} .header .sitelogo{float:none;margin-top:0px;} .header .sitelogo a{display:inline-block;width:100%;margin:0 auto;} .header .sitetitle {margin-top:38px;font-size:28px;} .header .head-main{display:none;} .header .head-right { float: right; width: 80%; position: absolute; height: 20px; top: 50%; margin-top: 20px; right: 0; } .header .head-right .searchbox{} /*导航样式:后台绑定时也可以定义配置*/ .wp-navi .wp-menu{display:none;} .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:0px;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 .wp-menu .menu-item a.menu-link.hover, .wp-navi-slide .wp-menu .menu-item.hover a.menu-link, .wp-navi-slide .sub-menu .sub-item.hover> a, .wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; } .wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.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:none;} .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; */} .mbanner .focus .focus-title-bar {/* display:none!important; */} .main1 .ml{float:none;width:100%;padding-top: 0px;margin: 0;} .main1 .mll{float:none; width:100%; margin-left:0px;min-height:0px;} .main1 .mc{ float:none; width:100%;margin-left:0px;} .main1 .mr{float:none; width:100%;} .main2 .inner{padding: 30px 0;} .main4 .ml{ float:none; width:100%;} .main4 .mr{float:none; width:100%;padding-top:0px;} /*左标题右内容*/ .post5 {background:transparent;} .post5 .tt {float:none;width: 10%;margin-right:0px;border-bottom: 2px solid #146cc1;} .post5 .tt .tit {float:none;margin-top: 0px;width:100%;} .post5 .tt .tit .title {display:inline-block;margin-right:20px;font-size: 16px; font-weight:bold;color: #18267d;cursor:pointer;} .post5 .more_btn{display:inline-block;right:0;bottom: 0px; margin-top: 0px; text-align: right;} .post5 .more_btn a{line-height: 45px;color:#666;} .post5 .con{padding:6px 0;position:relative;} .post5 .con .conbox{margin-left:0px;padding-left:0px;background:transparent;} .post-41 .con{padding:8px 0;} .shares ul{display:inline-block;width:auto; margin:0 auto;float:none;} /**友情链接**/ .botlinks .links-wrap {float: none;display: inline-block;margin:4px 0px;width:100%;} .botlinks .links-wrap .link-items {min-width:100%;} /*图列表*/ .news_tu .news_list li.news{width:33.3%;} .post-36 .news { float: left; width: 33%; margin-bottom: 20px; } } @media screen and (max-width: 980px) { #header .site-lang.clearfix { float: none; position: absolute; right: 0; top: 32px; } } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 767px) { .post-33 .list1 .news { float: none; width: 100%; } .listzuzhi.clearfix { float: none; width: 100%;min-height: auto;} .listzuzhi >p { font-size: 20px; color: #0f429b; padding: 20px 20px 0 20px;} .listzuzhi li.links {float: none; width: 100%;} .listzuzhi li.links.i1{ width: 100%;} .listzuzhi li.links.i3{ width: 100%;} .listzuzhi li.links.i5{ width: 100%;} .listzuzhi li.links.i7{ width: 100%;} .listzuzhi li.links.i9{ width: 100%;} .listzuzhi li.links.i11{ width: 100%;} .listzuzhi li.links.i13{ width: 100%;} .listzuzhi li.links.i15{ width: 100%;} .listzuzhi li.links.i17{ width: 100%;} .listzuzhi li.links.i19{ width: 100%;} .listzuzhi li.links.i21{ width: 100%;} .listzuzhi li.links.i23{ width: 100%;} .listzuzhi li.links.i2{ width: 100%;} .listzuzhi li.links.i4{ width: 100%;} .listzuzhi li.links.i6{ width: 100%;} .listzuzhi li.links.i8{ width: 100%;} .listzuzhi li.links.i10{ width: 100%;} .listzuzhi li.links.i12{ width: 100%;} .listzuzhi li.links.i14{ width: 100%;} .listzuzhi li.links.i16{ width: 100%;} .listzuzhi li.links.i18{ width: 100%;} .listzuzhi li.links.i20{ width: 100%;} .listzuzhi li.links.i22{ width: 100%;} .listzuzhi li.links.i24{ width: 100%;} #header .inner { padding: 0px 0px 5px 0; } .head .site-lang ul li.links a { font-size: 14px;} .post-33 .list1 .n1 , .post-33 .list1 .n2{ float: left; width: 50%; margin-top: 10px; } .post-33 .list3 .news_pic img{ height: auto; } .post-33 .list2 .news_pic img{ height: auto; } .post-33 .list1 .news_pic img{ height: auto; } .post-33 .list1 { float: none; width: 100%; } .post-33 .list2 { float: none; width: 100%; margin-bottom: 10px; } .post-33 .list3 { float: none; width: 100%; } .post-32 .news .news_pic{ height: auto; } .post-32 .news{ width: 100%; float: none; margin-bottom: 20px; } .post-31 .news_date{ top: 168px;} .post-31 .news_pic img{ height: 200px;} .post-35 .news_date{ top: 168px;} .post-35 .news_pic img{ height: 200px;} .main3 .sudy-tab .tab-menu li{ font-size: 13px; background: none; padding: 17px 0; } .main3 .sudy-tab .tab-menu li.selected a { font-size: 13px; } .main3 .post1 .more_btn { position: absolute; top: -61px;font-size: 13px; right: 0; } .main3 .sudy-tab .tab-menu{ background: #4177b3; margin: 0 -8px; margin-bottom: 65px; padding: 0; } .col_menu .col_menu_head{ position: relative; top: 0; } .post-36 .news{ width: 50%; margin-bottom: 20px; } .post-22 .news_title{ font-size: 16px; } .post-21 .news .box2 .news_title{ font-size: 16px; margin-bottom: 5px; } .post-14 .i4 .news_title a{ border: none; } .post-14 .news_list .news{ width: 33.3%; margin-bottom: 19px; } .post-13 .news_list .news{ width: 100%; } .post-12 .list1 .news_imgs img{ /* height: auto; */ } .post-12 .news_list .news{} .showdiv .header{ padding-bottom: 0; background: #1d5490; } .header{ position: static; } #header .inner{height: auto;} .header .sitelogo a img{max-width: 85%;margin:5px 0px;} .header .sitelogo a{} .header .sitetitle {display:block;margin-top: 10px;font-size:18px;} .main1 .ml{float:none; width:100%;} .main1 .mr{float:none; width:100%;} .main4 .inner{padding: 10px 0 15px;} .main4 .mr{float:none;} #footer .inner {/* padding: 17px 0px; */} #footer .inner .foot-left{float:none;} #footer .inner p{text-align:center;} .mbanner .focus-pagination {display:none;} /*栏目图片*/ .l-banner{height: 150px;} .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;} .column-switch {display:block;} .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/ .col_menu {width: 100%;float:none;margin-right:0px;position:relative;} .col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;} .col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/ .col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/ .col_news .col_news_box{margin-left: 0;/* margin-right: 10px; */padding: 0 10px;} .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;} .col_news_con .news_list li.news {line-height:24px;padding:4px 0px;} .col_news_con .news_list li.news span.news_title {line-height:24px;/* margin-right:100px; */width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}/*标题*/ .col_news_con .news_list li.news span.news_meta {margin-left:-100px;}/*属性*/ .wp_paging li.pages_count,.wp_paging li.page_jump{display:none;} .infobox { width:auto;padding:0px; margin:0 10px; } .col_news_list .wp_entry img, .article .entry .read img{max-width: 100%;height:auto!important; width:100%; display: block;}/**文章阅读部分图片大小限制**/ /*图列表*/ .news_tu .news_list li.news{width:50%;} /*组织机构*/ .inss .part_xy .sub-list .sub-item{width:50%;} .header .head-left { margin-top: 20px; } } @media screen and (max-width: 700px) { .header .head-right { float: none; width: 100%; position: static; height: 20px; top: 0; margin-top: 20px; right: 0; padding-bottom: 20px; } .header .head-right .searchbox { position: absolute; bottom: 0; width: 97%; margin-left: 0; float: none; } #header .site-lang.clearfix { float: none; position: absolute; right: 0; top: 50%; height: 30px; margin-top: -15px; } } @media screen and (max-width: 600px) { .list.xrld .col_news .news_list li.news .news_imgs { float: none; width: 100%; } .list.xrld .col_news .news_list li.news .news_con { margin: 20px 0 0; } .list.xrld .col_news .news_list li.news .news_con .news_title { text-align: center; } .list.xrld .col_news .news_list li.news .news_con .news_text { margin-top: 15px; } .post-31 .news_date{ top: auto; bottom: 120px;} .post-35 .news_date{ top: auto; bottom: 110px;} .post-21 .news_list .news_box{ padding: 0; } .post-21 .con{ margin: 0; } .post-21 .news .news_imgs img{ height: auto; } .post-21 .list1 { float: none; width: 100%; } .post-21 .list2 { float: none; width: 100%; } #header .site-lang.clearfix { position: static; } } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 479px) { .post-36 .news .news_imgs img{ height: auto; } .post-33 .list3 .n2, .post-33 .list3 .n3{ float: none; width: 100%; } .post-33 .list1 .n1 , .post-33 .list1 .n2{ float: none; width: 100%; } .post-33 .news_list .news_title{ font-size: 16px; } .post-32 .news .news_pic img{ width: 116px; height: auto; } .post-12 .list1 .news_imgs img{height:auto;} .post-12 .list2 .news_title{ width: 80%; } .post-21 .news_list .news{ width: 100%; height: auto; padding: 0; } .post-14 .i3 .news_title a{ border: none; } .post-14 .i5 .news_title a{ border: none; } .post-14 .i4 .news_box{ border-left: 1px solid #7aa0ca; } .post-14 .news_list .news{ width: 50%; } .header .head-left{ margin-top: 20px; } .site-lang ul li.links a{margin: 0px 2px 0px 2px;font-size: 14px;line-height: 24px;} .post-11 .news_list li.news .news_title{width:73%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;} .post-12 .news_list li.news{width:100%;margin-bottom: 10px;} #footer .inner p.copyright span{display:block;} .article h1.arti_title {line-height: 28px;font-size:18px;} .article h2.arti_title {line-height: 28px;font-size: 16px;} /*图列表*/ .news_tu .news_list li.news{width:100%;} /*组织机构*/ .inss .part_xy .sub-list .sub-item{width:100%;} .post-36 .news { width: 100%; margin-bottom: 20px; } } @media screen and (max-width: 350px) { .main3 .sudy-tab .tab-menu li { width: 48%; } } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 319px) { }