@charset "UTF-8"; @media screen and (max-width:1250px) { .video_list li{ width:100%; } } @media screen and (min-width:1024px) and (max-width:1250px) { body { overflow-x:hidden } .box, article { width:100%; } .ad-big, .left-box, .page-box { width:70%; margin-left:20px; } .ad-small { width:31% } .qq_join li section { margin:0 } .right-box { width:31% } .con_banner{ width:100%; } } @media screen and (min-width:960px) and (max-width:1023px) { body { overflow-x:hidden } .box, article { width:960px; } #starlist li { margin-right:0 } .ad-big, .left-box { width:68%; } .ad-small, .right-box { width:31% } .pics-list-price li i { height:120px; line-height:120px } .page-title { width:23% } .page-box { width:70% } .qq_join li { width:40%; } .qq_join li section { margin:0; } .pic-list-img li:first-child i { height:265px; line-height:265px; } .pic-list-img li i { height:110px; line-height:110px; } .mp-pics ul li a { height:90px; line-height:90px; } .product-suiji li { width:33.333% } .product-suiji li:last-child { display:none } .product { margin:0 10px } .con_banner{ width:100%; } .pics-list-box li { width:32%; padding:0 0.65%; } .pics-list-box li i { height:100px; } .mp-pics ul li a { height:100px; line-height:100px } } @media screen and (min-width:840px) and (max-width:959px) { body { overflow-x:hidden } .box, article { width:100%; } nav #starlist { width:100% } #starlist li { margin-right:0; } #starlist li a { min-width:60px; padding:0 20px; } .banner { width:100% } .headline-box { width:42% } .ad-big, .left-box { width:68%; } .ad-small, .right-box { width:31% } .pic-list-img li:first-child i { height:225px; line-height:225px; } .pic-list-img li i { height:90px; line-height:90px; } .pics-list-price li i { height:110px; line-height:110px } .pics-list-price li a { margin:0 2px } .videos-list li i { height:110px } .page-title { width:23% } .page-box { width:68% } .qq_join li { width:45%; } .qq_join li section { margin:0; } .down-list li h2 span { display:none } .down-list li h2 { margin-right:0 } .con_banner{ width:100%; } .pics-list-box li { width:32%; padding:0 0.65%; } .pics-list-box li i { height:90px; } .mp-pics ul li a { height:90px; line-height:90px } .tab-content .videos-list li i img{ height:130px; } .f_col,.f_col_r{ width:100%; } .f_col{ margin-bottom:20px; } } @media screen and (max-width:839px) { body { overflow-x:hidden } .box, article { width:100%; } .toolbar-open, .toolbar { top:40% } .logo-section { display:none } .topnav { position:fixed; top:0; z-index:9; background:rgba(0,0,0,.6); border-top:#0166b6 50px solid; } nav #starlist { width:100%; } #mnavh { display:block; top:-40px; position:absolute; right:0; } #starlist { display:none } #starlist li { width:60%; margin:0; background:#fff; border-bottom:#eee 10px solid; } #starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color:#0166b6; background:#fff; } #starlist li a { text-align:left; text-indent:2em; color:#000; width:100%; padding:0; } #starlist li a.selected{ background-color:rgba(9,118,220,0.6); } #starlist ul.sub { background:none; width:100%; display:block; position:initial; padding:0 } #starlist ul.sub:before { display:none } #starlist ul.sub li { border-bottom:none; width:100%; line-height:40px !important; border-top:none; height:40px !important; } #starlist ul.sub li:first-child { border-top:#eee 1px solid } #starlist ul.sub li a { display:block; text-indent:3em; } #starlist li:hover a { background:none } #starlist ul.sub li #selected { color:#000 !important }#starlist ul.sub li:hover { background:none; } .menu:after { top:12px; right:7px; width:26px; height:22px; background:url(../images/jt.png) no-repeat center; } .menu:hover:after { transform:rotate(180deg); top:16px; } .menu span { display:block; position:absolute; width:50px; height:50px; background:#fff; top:0; right:0; border-left:#eee 1px solid; } #starlist li:last-child { padding-bottom:100%; } #starlist ul.sub li:last-child { padding-bottom:0 } .sub_menu{ position:absolute; right:0; z-index:1000; margin-top:41px; } #starlist ul.sub .sub_menu li{ border-top:none; border-bottom:1px solid #fff; background-color:rgba(9,118,220,0.3); } #starlist ul.sub .sub_menu li a{ float:left; text-indent:0; text-align:center; background-color:rgba(9,118,220,0.6); color:#fff; } #starlist ul.sub li:hover a, #starlist ul.sub .sub_menu li a:hover{ background-color:rgba(9,118,220,0.6); color:#fff; } .toolbar-open { display:none } .banner { width:100%; } .headline-box { width:48% } .tuijian-news-list ul li { margin-bottom:10px } .tuijian-news-pic i { height:140px } .ad-big, .left-box { width:68%; } .ad-small, .right-box { width:31% } .pic-list-img li:first-child i { height:205px; line-height:205px; } .pic-list-img li i { height:80px; line-height:80px; } .videos-list li i { height:110px; } .down-list li h2 { margin-right:0 } .down-list li h2 span { display:none } .tags ul a { width:14% } .tags ul a:nth-child(n+22) { display:none } .blogs-list li i { width:140px; height:90px; } .middle-inner { display:block } .lanmu-keywords { margin-top:20px; clear:both; } #sidetab { margin:20px 10px 0 } .down-view { overflow:hidden } .down-view .btn-blue a { display:block; position:static; float:right; } .pics-list-box li { width:48%; padding:0 1%; } .pics-list-box li i { height:90px; } .mp-pics ul li a { height:90px; line-height:90px } .pics-list-price li i { height:110px; line-height:110px } .page-box { width:58%; } .qq_join li { width:50%; padding:10px 0 } .qq_join li section { margin:0 5px } .product { width:45% } .product-suiji li { width:33.333% } .product-suiji li i { height:90px; line-height:90px; } .product-suiji li:last-child { display:none } .topnav h2 { display:block } .is-search{ display:block} .con_banner{ width:100%; } .page-title { width:100%; float:left; } .page-title li{ float:left; width:100%; } .page-title li ul li{ float:left; width:50%; } .page-title li:nth-child(even){ float:right; } .page-box { width:90%; margin-left:0; border-left:none; } /* video-list */ .video_list li{ width:100%; } .video_list li span{ width:100%; } .video_list li span em{ margin-left:40%; margin-top:17%; background-size:64px 64px; } .video_list li span img{ width:100%; height:auto; } .video_list li span:hover em{ margin-left:40%; margin-top:17%; background-size:64px 64px; } .video_list li .con{ margin:10px 0; width:100%; } .video_list li h2{ margin-bottom:5px; } .tab-content .videos-list li i img{ height:130px; } .wenzi-right { margin-top:20px; } .roll_news{ width:100%; margin:0 0 20px 0; } .wenzi-list{ width:100%; } .f_col,.f_col_r{ width:100%; } .pic_links ul li{ float: left; width:45%; margin-left:1.5%;} .pic_links ul li:nth-of-type(odd){ margin-left: 0;} /* leader detail page */ .leader_pic{ width:100%; } .leader_pic img{ width:50%; margin:0 auto; } .leader_info{ width:100%; } } @media screen and (max-width:768px) { .left-box { width:100% } .logo-section { display:none } aside { width:0 !important; height:0 !important; } .down-view .btn-blue a { display:block; position:absolute; float:none; } .mp-pics ul li a { height:110px; line-height:110px; } .tab-content .videos-list li{ width:50%; } } @media screen and (max-width:700px) { .logo-section { display:none } .banner { width:100%; height:100%; } .headline-box { width:100%; } .tuijian-news-list ul li { width:100%; } .tuijian-news-list ul li:nth-child(n+4) { display:none } .videos-list li i { height:90px; } .down-list li:hover .d-list-hover { display:none; } .pics-list-price li { width:33.3333% } } @media screen and (max-width:480px) { .search-page .search { margin-right:10px; width:80%; } .search-page .search input.input_text { width:76%; } .search-page .search input.input_submit { background:none; } .gd-box { overflow-x:auto; } .tab { margin:10px 0; } .tab-a-more { top:6px; } .whitebg { border:none; overflow:hidden; } .news-title { margin:10px 0 } .news-title h2 { width:fit-content; padding-left:10px } .news-title h2:after { left:10px; width:90% } .tab-content { margin:0; padding:0 10px } .tuijian-news-pic { width:100%; margin-top:10px; } .btn-blue-border { display:none } .tuijian-news-pic i { height:auto; } .tuijian-news-pic i img { margin:auto; max-width:100%; } .tuijian-news-pic h2 { margin:5px 0 } .tuijian-news-pic p { -webkit-line-clamp:2; height:40px; } .tuijian-news-list { width:100%; margin:20px 0; } .tuijian-news-list ul li a { margin:0 } .ad-big { width:100%; } .ad-small { display:none } .blogs-list li span { width:100% } .pic-list-img li:first-child { width:100%; } .pic-list-img li:first-child i { height:auto; line-height:100%; } .pic-list-img li { width:50%; margin-bottom:10px; } .pic-list-img li a { margin:0 5px } .pic-list-img li span { text-align:left; font-size:12px; margin-top:0; line-height:20px; } .pic-list-img li i { height:110px; line-height:100%; } .pic-list-img li i img { } .pic-list-img li:nth-child(n+6) { display:none } .pic-list-img { padding-bottom:10px; overflow:hidden; } .news-zuixin-pic { width:60px; height:60px; } .news-zuixin-pic img { height:60px; } .news-zuixin li { width:100% } .news-zuixin p { font-size:12px } .news-zuixin li:nth-child(n+5) { display:none } .videos-list li { width:50% } .videos-list li:nth-child(n+7) { display:none } .videos-list li a { margin:0 3px } .videos-list li i { } .videos-list li h2 { font-size:12px; overflow:hidden; background-size:20px; line-height:20px; } .videos-list li p { display:none } .wenzi-left { width:100% } .wenzi-right { display:100%; } .down-list li { width:100% } .down-list li:nth-child(n+7) { display:none } .tags ul a { width:33.333%; } .tags ul a:nth-child(n+13) { display:none } .blank { height:10px; } .ad { margin:10px 0; } .wxbox { width:100%; text-align:center; margin-bottom:20px } .wxbox li { float:none; display:inline-block } .endnav b { display:none } .endnav { text-align:center; padding:0 20px; } .topnav h2 { display:block } .blogs-box { overflow:hidden } .hnav, .weizhi { display:none } .share { display:block } .share img { float:none; margin:10px auto; } .share-text { padding:0 10px; word-break:break-all; } .info-pre-next ul li { width:100%; overflow:hidden; float:none; margin-bottom:10px; border-bottom:#eee 1px solid; padding-bottom:10px; } .info-pre-next ul li:last-child { border-bottom:none } .info-pre-next ul li:nth-child(1) a { margin-right:0; } .info-pre-next ul li:nth-child(2) a { margin-left:0; } .otherlink, .pinglun-box { overflow:hidden } .otherlink ul li { width:100% } .down-view .btn-blue a { position:static; margin:10px auto 0; } .down-view .down-info { width:100%; clear:both; font-size:12px; } .down-view i { margin-bottom:10px } .down-links ul li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .down-otherlink ul li { width:100% } .plr20 { padding:0 10px; } .tab li:hover:after, .tab li.tab-current:after { left:10px; width:66px; } .pics-list-box li { width:100% } .pics-list-box li i { height:130px; } .mp-pics ul li a { height:130px; line-height:130px } .pics-list-price li { width:50%; margin-bottom:10px; } .shopview { width:90%; padding:0; border:0; margin:auto; float:none; } .product { padding:0 20px; margin-right:0; float:none; width:90%; } .product-suiji li { width:50%; } .product-suiji li i { height:110px; line-height:110px; } .product-suiji li:nth-child(n+3) { display:none } .page-box { width:100%; margin-left:0; padding-left:0; border:none; margin-top:10px; } .qq_join li section { margin:0; padding:0; box-shadow:none; font-size:12px; } .qq_join li p { margin:0; padding-left:5px; } .qq_join li img { width:140px; height:140px } .blogs-list ul li {padding-bottom:0;} .blogs-list li i { width:120px; height:80px; } .blogs-list li h2 { font-size:16px; white-space:inherit; overflow:hidden; margin-top:0; } footer { padding:30px 0; } .headline-news { overflow:hidden; padding:17px 20px 20px; } .endmenu { display:block } .swiper-container { height:auto !important; } a.btn-add { margin:auto } .videos-list .viewd, .wenzi-list li span { display:none } .tags ul, .links ul { margin:0 10px 10px; } span.po-classname, .po-view { display:none } .news-title-h1 { font-size:18px; } .info-pre-next em { line-height:38px; font-size:12px; } .info-pre-next ul li i { width:70px; height:38px; } .info-pre-next img { height:38px; width:auto } .newstext-box { padding:0 20px 0; } .info-pre-next { margin:10px 0; } .lanmu i { height:70px; margin-right:10px; width:auto; } .lanmu i img { } .lanmu { padding:10px; } .lanmu h1 { font-size:18px; margin-bottom:5px; } .lanmu-keywords { margin-top:10px; } .down-view h1 { font-size:15px; margin-top:10px; } .down-view { padding:10px } .down-view .down-info em { margin-right:10px } .mp-info { display:none } .wztitle-list li span { display:none } .pics-list-price span.pics-btn, .pics-list-price li p { display:none; } .pics-list-price li h2 { line-height:20px; font-size:14px; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; white-space:inherit; height:40px; } .pics-list-price li i { height:100px; line-height:100px; } }