@charset "utf-8";/*-------------------------- 东风柳州乘龙汽车网站2016版 首页 v3 作者:chihong qq:2586334408 ---------------------------*/{} .page_index .columntitle,.page_404 .columntitle{position:absolute;visibility:hidden;left:0;top:0;} /*----首页kv------------*/ .index_kv{position:relative; overflow:hidden;/*max-width:1280px;margin:0 auto;_width:expression((document.body.clientwidth<1280)? "100%":"1280px");*/} .index_kv .kv_container{position:relative;width:100%;padding:41.667% 0 0;height:0;overflow:hidden;} .index_kv .kv_content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;*height:800px; text-align:left;} .index_kv ul{position:relative;list-style-type:none; white-space:nowrap;zoom:1;} .index_kv ul li{position:relative;width:100%; height:100%;display:inline-block;*display:inline;zoom:1; vertical-align:top;} .index_kv ul li img{width:100%;} .index_kv .scroll_bar,.index_kv .scroll_btn,.index_kv .scroll_num{display:none;} .index_kv .scroll_prev,.index_kv .scroll_next{position:absolute;top:-2.5em;margin-top:20.833%;width:0;height:0;padding:5em 0 0 5em;background-repeat:no-repeat;background-position:center center;background-size:100%;opacity:0.4;filter:alpha(opacity=40);} .index_kv .scroll_prev{left:0;background-image:url(/uploads/image/wi2016page/left1.png);} .index_kv .scroll_next{right:0;background-image:url(/uploads/image/wi2016page/right1.png);} /*----首页热点链接------------*/ .index_hotlink {border-bottom:2px solid #898989; } /*.index_hotlink ul{list-style-type:none;zoom:1;overflow:hidden;width:50%; padding-left:7px; margin:0 auto -20px; padding-bottom:20px;min-width:744px; position:relative; z-index:10; display:none;} .index_hotlink li{float:left;width:16.66%;left:3px;border-right:1px solid #898989;position:relative;} .index_hotlink li:first-child{margin-left:-10px;border-left:1px solid #898989;} .index_hotlink li a{position:relative;width:100%;display:block;padding:80% 0 0;height:0;overflow:hidden; background-color:#fff;background-repeat:no-repeat;background-position:left top;background-size:100%;-webkit-transition:top .5s ease;-moz-transition:top .5s ease;-ms-transition:top .5s ease;transition:top .5s ease; top:0;} .index_hotlink li a img{position:absolute;width:100%;left:0;top:0;} .index_hotlink li a:hover{top:20px;} .index_hotlink li a:hover img{margin-top:-160%;} .index_hotlink li.hotlink_1 a{background-image:url(/uploads/image/wi2017page/hotlink_1.png);} .index_hotlink li.hotlink_2 a{background-image:url(/uploads/image/wi2017page/hotlink_2.png);} .index_hotlink li.hotlink_3 a{background-image:url(/uploads/image/wi2017page/hotlink_3.png);} .index_hotlink li.hotlink_4 a{background-image:url(/uploads/image/wi2017page/hotlink_4.png);} .index_hotlink li.hotlink_5 a{background-image:url(/uploads/image/wi2017page/hotlink_5.png);} .index_hotlink li.hotlink_6 a{background-image:;} .index_hotlink li.hotlink_7 a{background-image:url(/uploads/image/wi2017page/hotlink_7.png);}*/ .index_hotlink ul{ position:fixed; right:0; top:50%; width:2.8em; margin-top:-8.4em; list-style-type:none; z-index:50;*display:none;} .index_hotlink ul li{ position:relative;display:block; height:2.8em; margin-bottom:1px;} .index_hotlink ul li a:after{content:'';background:#0168b7 no-repeat center center; background-size:100%; width:2.8em; height:2.8em; position:absolute; left:0; top:0; z-index:5; display:block;} .index_hotlink li.hotlink_1 a:after{ background-image:url(/uploads/image/wi2017page/hotlink01.png);} .index_hotlink li.hotlink_2 a:after{ background-image:url(/uploads/image/wi2017page/hotlink02.png);} .index_hotlink li.hotlink_3 a:after{ background-image:url(/uploads/image/wi2017page/hotlink03.png);} .index_hotlink li.hotlink_4 a:after{ background-image:url(/uploads/image/wi2017page/hotlink04.png);} .index_hotlink li.hotlink_5 a:after{ background-image:url(/uploads/image/wi2017page/hotlink05.png);} .index_hotlink li.hotlink_7 a:after{ background-image:url(/uploads/image/wi2017page/hotlink07.png);} .index_hotlink li.hotlink_8 a:after{ background-image:url(/uploads/image/wi2021/ico-online-server.png);background-size:60% auto;} .index_hotlink ul li a span{ display:block; position:absolute; left:0; height:2.8em; line-height:2.8em; width:7em; padding:0 0.5em; background:url(/uploads/image/wi2017page/hot_market.png) 0 0; color:#fff; text-align:right;-webkit-transition:left 0.5s ease;-moz-transition:left 0.5s ease;-ms-transition:left 0.5s ease;transition:left 0.5s ease;} .index_hotlink ul li a:hover span{ left:-8em;} /*----首页热点车型------------*/ .index_hotcar{ width:100%; position:relative; overflow:hidden;} .index_hotcar .hotcar_container{ margin:0 auto; width:75%;min-width:768px;} /*.index_hotcar .hotcar_content{ margin:0 -16.67%; position:relative; padding:52.08% 0 0; height:0; overflow:hidden; background:url(/uploads/image/wi2017page/hotcar.jpg) no-repeat 0 0; background-size:100%;}*/ .index_hotcar .hotcar_content{ margin:0 -16.67%; position:relative; padding:52.08% 0 0; height:0; overflow:hidden; background:url(/uploads/image/wi2017page/hotcar_1.jpg) no-repeat 0 0; background-size:100%;} .index_hotcar .hotcar_container img{width:100%;vertical-align:top; position:absolute; left:0;top:0;left:;} .index_hotcar .hotcar_content a{position:absolute;height:0; top:0;background:no-repeat center center; background-size:100%; z-index:5;} /*.index_hotcar .hotcar_content a.hotcar_h7{ background-image:url(/uploads/image/wi2017page/hotcar_h7.png);width:27.1875%;padding:29.6875% 0 0;margin:9.375% 0 0 36.40625%;}*/ /*.index_hotcar .hotcar_content a.hotcar_t7{ background-image:url(/uploads/image/wi2017page/hotcar_t7.png);width:41.40625%;padding:17.96875% 0 0;margin:21.09375% 0 0 0;}*/ /*.index_hotcar .hotcar_content a.hotcar_m3{ background-image:url(/uploads/image/wi2017page/hotcar_m3.png);width:41.40625%;padding:17.96875% 0 0;margin:21.09375% 0 0 58.59375%;}*/ .index_hotcar .hotcar_content a.hotcar_h7{ background-image:;width:23.5%;padding:29.6875% 0 0;margin:14.5% 0 0 39.40625%;} .index_hotcar .hotcar_content a.hotcar_t7{ background-image:;width:41.40625%;padding:17.96875% 0 0;margin:21.7375% 0 0 5%;} .index_hotcar .hotcar_content a.hotcar_m3{ background-image:;width:41.40625%;padding:17.96875% 0 0;margin:20.9375% 0 0 55.59375%;} /*----首页车型列表------------*/ .index_product{position:relative;background:#f6f6f8 url(/uploads/image/wi2017page/index_product_bg.jpg) no-repeat center bottom;background-size:100%;} .index_product .product_title h2{text-align:center;font-size:2em;color:#000;line-height:1.5em;font-weight:lighter; padding:0.5em 0 0;} .index_product .product_content{margin:0 auto; padding-bottom:2em;} .index_product .slidingdoor_title {list-style-type:none;overflow:hidden;text-align:center;} .index_product .slidingdoor_title li{position:relative;display:inline-block;*display:inline;width:96px;margin-left:-7px;line-height:2.5em;background:url(/uploads/image/wi2017page/index_product_btn.png) no-repeat left center;cursor:pointer;left:-3px;zoom:1} .index_product .slidingdoor_title li span{ display:inline-block;width:96px;line-height:2.5em;} .index_product .slidingdoor_title li:first-child{background:none;} .index_product .slidingdoor_title li.current span{background:url(/uploads/image/wi2017page/index_product.png) no-repeat center center;color:#fff;} .index_product .show_container { position:relative;height:0;overflow:hidden;text-align:center;} .index_product .sliding_on{height:auto;} .index_product .show_container h3{display:none;} .index_product .show_content{width:66.66%; min-width:720px;margin:0 auto;overflow:hidden;white-space:nowrap;} .index_product article{width:33.33%;display:inline-block;*display:inline;zoom:1; vertical-align:top;} .index_product article a{position:relative;width:88%;padding:66% 0 0;margin:0 auto;display:inline-block;*display:inline;zoom:1;white-space:normal;font-size:14px;} .index_product article a .img_container{position:absolute;width:100%;padding:75% 0 0;left:0;top:0;zoom:1;} .index_product article a .img_container img{position:absolute;top:0;/*left:5%;width:90%;margin-top:3.75%;*/ left:0;width:100%;} .index_product article a,.index_product article a:link,.index_product article a:visited,.index_product article a:active{color:#000;} .index_product article a:hover{color:#3989c7;} .index_product .scroll_bar{display:none;width:40%;margin:20px auto 0;height:14px;border-radius:7px;background:#fff;box-shadow:1px 1px 2px 2px rgba(0, 0, 0,.2) inset;} .index_product .scroll_btn,.index_product .scroll_num{display:none;} .index_product .scroll_bar div{float:left;height:14px;clear:right;} .index_product .scroll_bar_m{border-radius:7px;background:#3989c7;box-shadow:1px 1px 2px 2px rgba(0, 0, 0,.2) inset;} .index_product .scroll_prev{position:absolute; left:0%;top:50%;margin-top:-2.24%;padding:4.48% 0 0 2.7%;width:0;height:0;overflow:hidden;filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/wi2017page/scroll_prev.png",sizingmethod=scale);} .index_product .scroll_next{position:absolute;right:0%;top:50%;margin-top:-2.24%;padding:4.48% 0 0 2.7%;width:0;height:0;overflow:hidden;filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/wi2017page/scroll_next.png",sizingmethod=scale);} .index_product .noshow{visibility:hidden;} /*----首页热点活动------------*/ .hot_market{ background:#fff;} .hot_market .market_title h2{text-align:center;font-size:2em;color:#000;line-height:1.5em;font-weight:lighter; padding:0.5em 0;} .hot_market .market_content{ width:100%; overflow:hidden; position:relative;} .hot_market .scrollcontent{ z-index:5;} .hot_market ul{list-style-type:none; white-space:nowrap;line-height:1em;} .hot_market li{ display:inline-block;*display:inline;width:25%; vertical-align:top;zoom:1;} .hot_market li a{ display:block; position:relative; overflow:hidden;} .hot_market li .img_container{display:block; padding:0 0 56.25%; height:0; overflow:hidden; position:relative;} .hot_market img{width:100%; opacity:1;} .hot_market a:hover .img_container img{-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;} .hot_market .scroll_bar{ display:none; background:#999; height:0.5em; position:absolute; left:0; width:100%;overflow:hidden; top:0;} .hot_market .scroll_bar div{ float:left; height:0.5em; overflow:hidden;} .hot_market .scroll_bar div.scroll_bar_n{ margin-right:-5px;} .hot_market .scroll_bar div.scroll_bar_m{ background:#3989c7;} .hot_market .scroll_btn,.hot_market .scroll_num{display:none;} .hot_market .txt_container{position:absolute; display:block; zoom:1;left:0; right:0; top:0;padding:14.125% 1em 42.125% ;height:0; overflow:hidden; white-space:normal; color:#fff; background:url(/uploads/image/wi2017page/hot_market.png) center center; background-size:0 0; opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;} .hot_market .txt_container h3{ line-height:1.5em; margin-top:-1.5em;} .hot_market .txt_container .more{ display:inline-block; padding-right:1em; background:url(/uploads/image/wi2017page/icon_more.png) no-repeat right center; font-size:12px;} .hot_market a:hover .txt_container{ opacity:1;filter:alpha(opacity=100);padding:28.125% 1em; background-size:100% 100%;} /*----404页面------------*/ .column_404{position:relative;margin:0 -25%;padding:62.5% 25% 0;width:100%;height:0;overflow:hidden;background:url(/uploads/image/wi2016page/404.jpg) no-repeat center bottom;background-size:100%;} .column_404 img{position:absolute;left:0;top:0;width:100%;} .column_404 .column_content{position:absolute;left:17.5%;top:0;right:17.5%;text-align:center;color:#000;} .column_404 h2{padding:3em 0 0;font-size:1.5em;} .column_404 p{font-weight:bold;} .column_404 a{display:inline-block;padding:0 2em;border:2px solid #000;margin-top:1em;font-weight:bold;background:url(/uploads/image/wimages/tm.gif);} .column_404 a,.column_404 a:link,.column_404 a:visited,.column_404 a:active{color:#000;} .column_404 a:hover{color:#3989c7;border:2px solid #3989c7;} /*----搜索结果------------*/ .page_search .wrapper{background:#fff;} .banner_search{position:relative;margin:0 -25%;padding:25.9375% 25% 0;height:0;overflow:hidden;background:url(/uploads/image/wi2016page/banner_search.jpg) no-repeat center center;background-size:100%;} .banner_search form{text-align:center;margin-top:-15%;} .banner_search input{line-height:2.5em;height:2.5em;font-size:1em;width:27.5%;padding:0 1.25%;border:0;outline:0;background:#fff;opacity:0.8;filter:alpha(opacity=80);margin-right:-0.5em;vertical-align:middle;} .banner_search button{line-height:2.5em;height:2.5em;font-size:1em;border:0;outline:0;background:#fff;vertical-align:middle;padding:0 2em;margin:0;font-weight:bold;} .column_search article{position:relative;margin:0 -25%;padding:1.875% 25%;} .column_search article:nth-child(2n 1){background:#f0f0f0;} .column_search article.bg_1{background:#f0f0f0;} .column_search article a{position:relative;display:block;background:url(/uploads/image/wimages/tm.gif);padding:0 10px 0 9em;} .column_search article h3{font-size:1.25em;line-height:1.5em;color:#333;} .column_search article p,.column_search article .img_container{display:none;color:#666;} .column_search article time{color:#b6b6b6;font-size:12px;} .column_search article .number{position:absolute;left:10px;top:0;font-size:1.25em;line-height:1.75em;color:#999;} .column_search article .number b{font-weight:lighter;} .column_search article .number strong{display:inline-block;font-size:2em;vertical-align:text-top;color:#333;} .column_search article a:hover h3,.column_search article a:hover .number strong{color:#3989c7;} .column_search article:nth-child(3) p,.column_search article:nth-child(4) p{display:block;} .column_search article.no_3 p,.column_search article.no_4 p{display:block;} .column_search article.no_1,.column_search article.no_2{background:#f6f6f6;} .column_search article.no_1 a,.column_search article.no_2 a{height:100%;padding:0;} .column_search article.no_1 .img_container,.column_search article.no_2 .img_container{display:block;position:relative;width:58%;left:9em;height:0;overflow:hidden;padding:31.5% 0 0;} .column_search article.no_1 .txt,.column_search article.no_2 .txt{position:absolute;top:5%;bottom:5%;right:0;left:57%;margin-left:9em;padding:40px 10px 0px 15px;z-index:5;background:url(/uploads/image/wi2016page/searchlist.png) no-repeat left top;border-bottom:20px solid #fff;overflow:hidden;box-shadow:#000;} .column_search article.no_1 p,.column_search article.no_2 p{display:block;} .column_search article:nth-child(1),.column_search article:nth-child(2){background:#f6f6f6;} .column_search article:nth-child(1) a,.column_search article:nth-child(2) a{height:100%;padding:0;} .column_search article:nth-child(1) .img_container,.column_search article:nth-child(2) .img_container{display:block;position:relative;width:58%;left:9em;height:0;overflow:hidden;padding:31.5% 0 0;} .column_search article:nth-child(1) .txt,.column_search article:nth-child(2) .txt{position:absolute;top:5%;bottom:5%;right:0;left:57%;margin-left:9em;padding:40px 10px 0px 15px;z-index:5;background:url(/uploads/image/wi2016page/searchlist.png) no-repeat left top;border-bottom:20px solid #fff;overflow:hidden;} .column_search article:nth-child(1) p,.column_search article:nth-child(2) p{display:block;} .column_search article:nth-child(1) .txt:after,.column_search article:nth-child(2) .txt:after{content:"查看详情 >";position:absolute;right:15px;bottom:0;left:0;background:#fff;text-align:right;line-height:2em;} /*----免责申明------------*/ .page_disclaimer .banner{background-image:url(/uploads/image/wi2016page/banner_disclaimer.jpg);padding:34.58% 0 0;} .column_disclaimer{padding:5% 5%;} @media all and (min-width:0px){ /*.index_hotlink li a:after{ content:"";position:absolute; left:0; top:0; width:100%;padding:80% 0 0;background-color:#fff; background-position:left bottom;background-size:100%; opacity:0;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition:opacity 1s ease;transition:opacity 1s ease;} .index_hotlink li a:hover:after{opacity:1;} .index_hotlink li.hotlink_1 a:after{background-image:url(/uploads/image/wi2017page/hotlink_1.png);} .index_hotlink li.hotlink_2 a:after{background-image:url(/uploads/image/wi2017page/hotlink_2.png);} .index_hotlink li.hotlink_3 a:after{background-image:url(/uploads/image/wi2017page/hotlink_3.png);} .index_hotlink li.hotlink_4 a:after{background-image:url(/uploads/image/wi2017page/hotlink_4.png);} .index_hotlink li.hotlink_5 a:after{background-image:url(/uploads/image/wi2017page/hotlink_5.png);} .index_hotlink li.hotlink_6 a:after{background-image:;} .index_hotlink li.hotlink_7 a:after{background-image:url(/uploads/image/wi2017page/hotlink_7.png);}*/ .index_hotcar .hotcar_content a:after{ content:""; position:absolute; left:0;right:0; top:0; bottom:0;background:no-repeat center center; background-size:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;} .index_hotcar .hotcar_content a{ background:none !important; overflow:visible;} /*.index_hotcar .hotcar_content a.hotcar_h7:after{ background-image:url(/uploads/image/wi2017page/hotcar_h7.png);}*/ /*.index_hotcar .hotcar_content a.hotcar_t7:after{ background-image:url(/uploads/image/wi2017page/hotcar_t7.png);}*/ /*.index_hotcar .hotcar_content a.hotcar_m3:after{ background-image:url(/uploads/image/wi2017page/hotcar_m3.png);}*/ .index_hotcar .hotcar_content a.hotcar_h7:after{ background-image:;} .index_hotcar .hotcar_content a.hotcar_t7:after{ background-image:;} .index_hotcar .hotcar_content a.hotcar_m3:after{ background-image:;} .index_hotcar .hotcar_content a.hotcar_h7:hover:after{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); } .index_hotcar .hotcar_content a.hotcar_t7:hover:after{-moz-transform:translate(-4.5%,1%) scale(1.03);-webkit-transform:translate(-4.5%,1%) scale(1.03);-ms-transform:translate(-4.5%,1%) scale(1.03);transform:translate(-4.5%,1%) scale(1.03);} .index_hotcar .hotcar_content a.hotcar_m3:hover:after{-moz-transform:translate(6%,1%) scale(1.03);-webkit-transform:translate(6%,1%) scale(1.03);-ms-transform:translate(6%,1%) scale(1.03);transform:translate(6%,1%) scale(1.03);} .hot_market .txt_container{ background-repeat:no-repeat;} .index_product .scroll_prev{filter:"";background:url(/uploads/image/wi2017page/scroll_prev.png) no-repeat center center;background-size:100%;} .index_product .scroll_next{filter:"";background:url(/uploads/image/wi2017page/scroll_next.png) no-repeat center center;background-size:100%;} } @media all and (min-width:1025px){ .index_kv .scroll_prev{left:5em;opacity:0;filter:alpha(opacity=0);} .index_kv .scroll_next{right:5em;opacity:0;filter:alpha(opacity=0);} .index_kv:hover .scroll_prev{left:0em;opacity:0.4;filter:alpha(opacity=40);} .index_kv:hover .scroll_next{right:0em;opacity:0.4;filter:alpha(opacity=40);} .index_product .show_content{ position:relative;} .index_product .scroll_prev{ left:-8.1%; opacity:0;} .index_product .scroll_next{ right:-8.1%; opacity:0;} .index_product .show_content:hover .scroll_prev{ left:-2.7%; opacity:1;} .index_product .show_content:hover .scroll_next{ right:-2.7%; opacity:1;} } @media all and (max-width:1024px){ .index_hotlink{ border-bottom:1px solid #e11313;} .index_hotlink ul{ display:none;} .hot_market li{width:50%;} .hot_market a:hover .img_container img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;} .hot_market .scroll_bar{display:block; margin-top:28.125%;} .hot_market .txt_container{position:relative;left:0; right:0; top:0;padding:1.5em 1em;height:auto;overflow:hidden;white-space:normal;color:#000;background:none;opacity:1;} .hot_market .txt_container h3{ margin:0; padding:0 0 1em 1em; background:url(/uploads/image/wi2017page/icon_h5.png) no-repeat 0 0.25em; background-size: auto 1em;} .hot_market .txt_container .more{ margin:0 auto; display:block; width:40%; padding:8% 0 0; height:0; overflow:hidden; background:url(/uploads/image/wi2017page/more.jpg) no-repeat 0 0; background-size:100%;} .hot_market a:hover .txt_container{ opacity:1;padding:1.5em 1em; color:#3989c7;} } @media all and (max-width:959px){ .column_search article:nth-child(1) p,.column_search article:nth-child(2) p{display:none;} } @media all and (max-width:767px){ .index_kv .scroll_prev,.index_kv .scroll_next{padding:2.5em 0 0 2.5em;top:-1.25em;} .index_hotlink ul{ width:auto; min-width:0;} .index_hotlink li a:hover{top:0px;} .index_hotcar .hotcar_container{width:100%;min-width:0;} .index_product .slidingdoor_title li { width:5em;} .index_product .slidingdoor_title li span{ width:6em; margin:-0.5em;} .index_product .slidingdoor_title li.current{ z-index:5;} .index_product .slidingdoor_title li.current span{background-size:100% 100%;} .index_product .show_content{width:90%; min-width:0;} .index_product .scroll_prev{margin-top:-4.48%;padding:8.96% 0 0 5.4%;} .index_product .scroll_next{margin-top:-4.48%;padding:8.96% 0 0 5.4%;} .column_404{font-size:12px;} .column_404 h2{padding:1em 0 0;} .column_search article a{padding:0 0 0 6.5em;} .column_search article .number{left:0px;} .column_search article .number strong{font-size:1.5em;} .column_search article:nth-child(1) a,.column_search article:nth-child(2) a{padding:0 0 0 6.5em;position:relative;display:block;} .column_search article:nth-child(1) .img_container,.column_search article:nth-child(2) .img_container{position:absolute;width:auto;left:6.5em;right:0;top:0;padding:56.25% 0 0;} .column_search article:nth-child(1) .txt,.column_search article:nth-child(2) .txt{display:block;position:relative;top:0;bottom:0;left:0;padding:56.25% 5% 1em;margin:0;z-index:5;background:url(/uploads/image/wi2016page/searchlist_wap.png) no-repeat left top;background-size:100%;border-bottom:0em;} .column_search article:nth-child(1) .txt:after,.column_search article:nth-child(2) .txt:after{position:relative;background:none;display:block;} .column_search article:nth-child(1) p,.column_search article:nth-child(2) p{display:block;} } @media all and (max-width:479px){ .index_product article{width:50%;} .index_product article h4{ margin:0 -1em;} .column_404{padding:125% 25% 0;background-size:200%;} .banner_search{padding:51.875% 25% 0;background-size:200%;} .banner_search form{text-align:center;margin-top:-30%;} .banner_search input{width:47.5%;} .banner_search button{padding:0;width:15%;text-align:center;} .hot_market li{width:100%;} .hot_market .scroll_bar{margin-top:56.25%;} } @media all and (max-width:279px){ .index_product article{width:100%;} .column_404{padding:187.5% 25% 0;background-size:300%;} .banner_search input{width:57.5%;} .banner_search button{padding:0;width:20%;text-align:center;} }