@charset "UTF-8"; /** * [xLarge Screen for PC] * >=1200 */ /** * [Large Screen for PC & Pad] * 960~1199 */ @media screen and (max-width: 1300px) { .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 {} .post-42 .news_tu .news_list li.news .news_title{padding: 16px 3% 27px;} .l-banner{width:100%;background-size: cover;} } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 1200px) { .header{width:100%;min-width: 100%;} .by li,.by ul,.by{height:120px;} .header_inner{height:auto;} .header .sitelogo a{display:inline-block;margin: 5px 0px 5px 50px;} .header_right{} .swiper-container-banner{min-width: 100%;height: 300px;} .nav .wp-menu .menu-item a.menu-link {padding: 0 47px;} .nav .wp-menu .menu-item a.menu-link {padding: 0 35px;} .nav .wp-menu{margin: auto;width: 999px;} .industry .energy ul{} .industry {width: 100%;} .industry .energy ul li{ position: initial; margin-left: 3%; } .footer_nav_inner{width:100%} .footer_nav{min-width: 100%;} .footer_nav_content_inner{width:100%;} .footer_center{min-width: 100%;} .footer_center_inner{width: 100%;} .footer_center_inner .fr{width: 29%;} .footer_bottom_inner{width:100%;text-align: center;height: auto;} .footer_bottom{min-width: 100%;} .footer_bottom_inner .fr{position:absolute;right: 0;} .bread_nav{width: 90%;} .banner_title{width: 80%;left: 600px;} .left_nav{width: 18%;} .content_web{width: 90%;min-width: 90%;} .inner_content_right{ width: 78%; } .footer_nav_item.i4 .footer_nav_content_inner{right:0} } @media screen and (max-width: 1155px) { .footer_center_left{width:60%} .footer_center_inner .fr{width:33%} } @media screen and (max-width: 1020px) { .footer_center_left{width:100%} .footer_center_inner .fr{float:none;} .footer_center_right{margin-top:0px} .footer_center_inner .fr ul{width: 400px;margin: auto;} .footer_center_inner .fr li{margin: 20px 20px;} .banner{height:300px} } /** * [Medium Screen for Pad] * 768~959 */ @media screen and (max-width: 999px) { .post.post1.post-102.mbox { float: left; width: 100%; } .post.post1.post-103.mbox { float: none; width: 100%; } .post.post1.post-102.mbox .news_imgs { padding-top: 43.5%; } ul.nr { position: relative; min-height: 800px; } .wrapper .inner {width: 100%;margin:0 auto;} .header_right{width: 100%;margin-top: 0;} .header_search{width:100%;} .header_search .search-btn{float: right;left: 0;bottom: -6px;} .navi-aside-toggle, .navi-aside-search {display: block;} .search-window{width: 94% !IMPORTANT;padding-left: 6%;} .search-panel{float:none;} #header {} #header .inner{padding:10px 0px;height: auto;position:relative;background:none;} .header .head-left{ display:inline-block; width:100%; height:auto;} .header .sitelogo{margin-top:0px;} #news_list li{ padding: 48px 40px 20px 40px; } .header .sitetitle {margin-top:38px;font-size:28px;} .header .head-main{display:none;} .header .head-right{width:100%;margin-top:0px;height: 30px;} .header .head-right .searchbox{margin: 5px 0px; width:100%;} /*瀵艰埅鏍峰紡锛氬悗鍙扮粦瀹氭椂涔熷彲浠ュ畾涔夐厤缃?/ .nav{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;} .banner{height:250px;} .mbanner .focus{} .mbanner .focus .focus-title-bar {/* display:none!important; */} .main1 .ml{float:none;width:100%;padding-top: 0px;} .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: 10px 0;} .main4 .ml{ float:none; width:100%;} .main4 .mr{float:none; width:100%;padding-top:0px;} /*宸︽爣棰樺彸鍐呭*/ .post5 {background:transparent;} .post5 .tt {float:none;width: 100%;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-13 .news_wz .news_con{padding: 20px 30px 0;top: 52px;} .post-13 .news_wz .news_con .news_title{margin-bottom: 6px;font-size: 17px;} .post-41 .con{padding:8px 0;} .post-41{margin-bottom:15px;} #footer .inner {background:none;} #footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;} #footer .inner .foot-left p{text-align:center;} #footer .inner .foot-right{float:none;margin-top: 12px;} .shares ul{display:inline-block;width:auto; margin:0 auto;float:none;} .inner_content_con img{width: 100%!important;} .footer_bottom_inner span.fl.ba a{ width: 204px; margin: 0 auto; } .footer_bottom_inner .fl{float: none;} .footer_bottom_inner span.fl.ba{line-height:23px;} .footer_bottom_inner span.fl.ac{ine-height: 0px;} .footer_bottom_inner span.fl.ac{line-height: 0px;} .footer_bottom{height: 166px;min-width: 100%;} .footer_nav_content_inner li{width: 45%;} /*鍥惧垪琛?/ } /** * [Small Screen for Smart Phone and Mini Pad] * 480~767 */ @media screen and (max-width: 850px) {ul.nr { position: relative; min-height: 750px; }} @media screen and (max-width: 700px) {ul.nr { position: relative; min-height: 680px; }} @media screen and (max-width: 600px) {ul.nr { position: relative; min-height: 630px; } .post.post1.post-103.mbox span.news_title { float: left; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 72%; } } @media screen and (max-width: 500px) {ul.nr { position: relative; min-height: 590px; }} @media screen and (max-width: 400px) {ul.nr { position: relative; min-height: 550px; }} @media screen and (max-width: 400px) {ul.nr { position: relative; min-height: 550px; } .post.post2.post-101.mbox .news_title { font-size: 25px; } .post.post2.post-101.mbox .news_text { font-size: 14px; } .post.post1.post-102.mbox .news_title { font-size: 16px; line-height: 40px; } .post.post1.post-102.mbox ul.slick-dots { right: 10px; width: auto; bottom: 10px; }.post.post1.post-102.mbox .news_title a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 73%; } } @media screen and (max-width: 767px) { ul.kz li { background-size: 100% 100% !important; width: 30%; margin: 0; } #header .inner{height: auto;} .swiper-container-banner{height: 230px;} .by li, .by ul, .by{height: 70px;} .header .sitelogo a img{width: 85%;margin: 5px 0px;height: auto;} .header .sitelogo a{ margin: 0 0; } .header .sitetitle {display:block;margin-top: 10px;font-size:18px;} .header .head-left{float: left;text-align: left;} .industry .energy ul li{width: 20%;float: left;margin-bottom: 10px;} .energy a>div{margin-bottom: 23px;} .industry{height: 450px;} .group_news_left{ width: 80%; } #footer .inner {padding: 17px 0px;} #footer .inner .foot-left{float:none;} #footer .inner p{text-align:center;} .footer_webs,.footer_concact{width: 90%;margin: 0 5%;} .mbanner .focus-pagination {display:none;} /*鏍忕洰鍥剧墖*/ .l-banner{height: 180px;} .banner{height:auto} .banner_title{height: 60px;padding-top: 10px;} .banner_title>h1{font-size:20px;} .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;} .post-13 .news_wz .news_con .news_text{ -webkit-line-clamp: 2; line-clamp: 2;} .post-13 .slick-dots{bottom: -31px;text-align: center;} .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: 10px;margin-right: 10px;} .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;} .col_news_con .news_list li.news {padding:4px 0px;} .col_news_con .news_list li.news span.news_title {margin-right:100px;line-height: 25px;font-size: 14px;}/*鏍囬*/ .col_news_con .news_list li.news span.news_meta { }/*灞炴€?/ .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%;}/**鏂囩珷闃呰閮ㄥ垎鍥剧墖澶у皬闄愬埗**/ /*鍥惧垪琛?/ .news_tu .news_list li.news{width:50%;} /*缁勭粐鏈烘瀯*/ .inss .part_xy .sub-list .sub-item{width:50%;} .bread_nav{width: 90%;margin: 15px auto;} .bread_nav span, .bread_nav a{font-size:11px;top: 0;} .left_nav{width: 50%;margin-top: -40px;display: none;} .left_nav_title{} .left_nav_title>h1{font-size: 16px;} .inner_content_right{width:100%;margin-left: 0;} #news_list li{ padding: 20px 40px 20px 40px; height: auto; } .group_news_title{font-size: 15px;} .group_news_details{font-size:11px;margin-top: 10px;} .group_news_right{font-size:18px} .content_web{padding: 20px;} .inner_content h1{font-size:20px;line-height: 32px;} .inner_content_line{margin:15px 0} .inner_content_date{font-size:11px;} .inner_content_con,.inner_content_con a,.inner_content_con span,.inner_content_con p{font-size: 14px;line-height: normal;margin-top: 10px;} .wp_artfuns .wp_art_adjoin .prev, .wp_artfuns .wp_art_adjoin .next,.wp_artfuns .wp_art_adjoin .prev-title, .wp_artfuns .wp_art_adjoin .next-title{padding:20px 0;font-size: 11px;} .footer_nav_item>span{font-size: 14px;} .footer_webs_list li span a{font-size:14px;} .wp_entry img{} .mgt30{margin-top:0px;} } @media screen and (max-width: 550px) { .industry .energy ul li{width:29%;} .content_web{} .footer_nav_item>img{ margin-left: 0px; } .inner_content_con{margin-bottom:30px} .wp_entry img{width: 100%!important;} } /** * [xSmall Screen for Smart Phone] * 480~767 */ @media screen and (max-width: 479px) { body{} .site-lang ul li.links a{margin: 0px 2px 0px 2px;} .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%;} #footer .inner p.copyright span{display:block;} .post-13 .news_imgs{width:100%;padding-top: 51%;float: none;} .post-13 .news_wz .news_con{position:unset;padding-bottom: 15px;} .article h1.arti_title {line-height: 28px;font-size:18px;} .article h2.arti_title {line-height: 28px;font-size: 16px;} .post-13 .news_wz{float:none;position:unset;width: 100%;height: auto;} .post-13 .news_wz .news_con .news_text{ -webkit-line-clamp: 3; line-clamp: 3;} .botlinks .links-wrap{width: 150px;} /*鍥惧垪琛?/ .news_tu .news_list li.news{width:100%;} /*缁勭粐鏈烘瀯*/ .inss .part_xy .sub-list .sub-item{width:100%;} .footer_nav_item{ } .footer_nav{/* height: 100px; */} .pagination-intro-banner .swiper-pagination-switch{width: 30px;} .pagination-intro-banner{height: 40px;} } @media screen and (max-width: 400px) { .group_news_left{width: 100%;} .group_news_right>:nth-child(1){float:left;margin-right: 10px;font-size: 15px;} .group_news_right_j{float:left;margin-top: 30px;} .inner_content_par, .wp_artfuns .wp_art_adjoin{width:100%;} .wp_artfuns .wp_art_adjoin .prev-title, .wp_artfuns .wp_art_adjoin .next-title{width: 70%;} .wp_artfuns .wp_art_adjoin .prev, .wp_artfuns .wp_art_adjoin .next{width: 30%;} .wp_artfuns .wp_art_adjoin .prev, .wp_artfuns .wp_art_adjoin .next, .wp_artfuns .wp_art_adjoin .prev-title, .wp_artfuns .wp_art_adjoin .next-title{height: 28px;} } /** * [Tiny Screen for Older Phone and Smart Phone] * <319 */ @media screen and (max-width: 380px) { .industry .energy ul li{width:40%;margin-left:6%} .industry {height:600px} .navi-aside-toggle{right:0;} .by li, .by ul, .by{height:50px;} } @media screen and (max-width: 356px) { .footer_bottom{height: 217px;} } @media screen and (max-width: 335px) { .botlinks .links-wrap{margin:0 auto;float:none;} .main5 .mr{width: 144px;margin:0 auto;} .post-52 li.n1{margin-right:0;} .pagination-intro-banner .swiper-pagination-switch{width:25px} }