@charset "utf-8"; body {font-size: 12px;background: #f4f4f4;} body,input,select {font-family: "microsoft yahei";} a img {border: none;} a {text-decoration: none;} ul li {list-style: none;} img { border: 0; vertical-align: bottom; } * { margin: 0; padding: 0; outline: none; } a {text-decoration: none;} a:hover {text-decoration: none;} li { list-style: none;} img { border: none;} .hide { display: none;} .clearfix {zoom: 1;} .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after {clear: both;} .fr { float: right; _display: inline; } .fl { float: left; _display: inline; } .vam { vertical-align: middle;} .vat { vertical-align: top;} .vab {vertical-align: bottom;} .tac {text-align: center;} .text_red {color: #ee6d67;} .text_green {color: #71B426;} .text_gray {color: #dfdfdf;} .text_gray_darker { color: #9a9a9a;} .text_darkgray {color: #808080;} .text_black {color: #000000;} .text_white {color: #fff;} .text_link { -webkit-transition: all .2s; transition: all .2s; } .text_link:link,.text_link:visited {color: #1E1E1E;} .text_link:hover {color: #ED6D64;} .text_link_gray { -webkit-transition: all .2s; transition: all .2s; } .text_link_gray:link,.text_link_gray:visited {color: #7f7d7d;} .text_link_gray:hover {color: #ED6D64;} .text_link_blue:link,.text_link_blue:visited { color: #005ea7;} .text_link_blue:hover {text-decoration: underline;} .text_link_red { -webkit-transition: all .2s; transition: all .2s; } .text_link_red:link,.text_link_red:visited {color: #ED6D64;} .text_link_red:hover {color: #f29892;} .text_link_green { -webkit-transition: all .2s; transition: all .2s; } .text_link_green:link,.text_link_green:visited {color: #71B426;} .text_link_green:hover { color: #5e9720;} .f12 {font-size: 12px;} .f13 {font-size: 13px;} .f14 {font-size: 14px;} .f16 {font-size: 16px;} .f18 {font-size: 18px;} .ws { width: 990px; margin-left: auto; margin-right: auto; } .w { width: 1200px; margin-left: auto; margin-right: auto; } .mt10 { margin-top: 10px;} .mt15 {margin-top: 15px;} .mt5 { margin-top: 5px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 { margin-top: 40px;} .mt50 {margin-top: 50px;} .mb5 { margin-bottom: 5px;} .mb10 { margin-bottom: 10px;} .mb30 { margin-bottom: 30px;} .ml10 {margin-left: 10px;} .ml20 {margin-left: 20px;} .ml25 {margin-left: 25px;} .mr5 {margin-right: 5px;} .mr10 { margin-right: 10px;} .mr15 {margin-right: 15px;} .mr40 {margin-right: 40px;} .b_button {border-bottom: 1px solid #E8E8E8;} .border_green {border: 1px solid #71B426;} .border_grey {border: 1px solid #E8E8E8;} .Bradius_5 { border-radius: 5px; } .menu_link:link, .menu_link:visited { color: #808080; } .menu_link:hover { color: #ED6D64; } /*万能清除浮动开始*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* mazo FONT-COLOR */ .bg_color_y { background-color: #fffdee;} .font_w_5 {font-weight: bold;} .font_14 {font-size: 14px;} .font_12 {font-size: 12px;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: "microsoft yahei"; } input:-moz-placeholder, textarea:-moz-placeholder { font-family: "microsoft yahei"; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: "microsoft yahei"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: "microsoft yahei"; } @font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#iconfont') format('svg'); /* 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'three_page'; src: url('../fonts/iconfont2.eot'); /* IE9*/ src: url('../fonts/iconfont2.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont2.woff') format('woff'), /* chrome、firefox */ url('../fonts/iconfont2.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/iconfont2.svg#iconfont') format('svg'); } .three_page { font-family: "three_page" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'mall_font'; src: url('../fonts/mall_font.eot@2yj3fz'); src: url('../fonts/mall_font.eot@2yj3fz#iefix') format('embedded-opentype'), url('../fonts/mall_font.ttf@2yj3fz') format('truetype'), url('../fonts/mall_font.woff@2yj3fz') format('woff'), url('../fonts/mall_font.svg@2yj3fz#mall_font') format('svg'); font-weight: normal; font-style: normal; } [class^="icon_"], [class*=" icon_"] { font-family: 'mall_font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a:hover {cursor: pointer;} .swiper-pagination-bullet {width: 10px; height: 10px;} .swiper-pagination-bullet-active { background-color: #73b434 } .index_pagehead { width: 1200px; margin: 0 auto; color: #938e95; font-size:12px; height: 35px; } .page_head p,.page_head,.in_search span,.shoppingNumber { display: inline-block; } .head_nav ul li,.in_search span,.index_shopCar {cursor: pointer;} .head_nav a,.equipped a:visited {color: #7e7e7e;} .head_nav a, .equipped a:link {color: #7e7e7e;} #index_top,.qualityGoods, .aboutUs { width: 100%; position: relative; font-family: "microsoft yahei"; } /*首页*/ /*--首页公共样式--*/ .js_floor a:link, .js_floor a:visited {color: #333;} .js_floor a:hover {text-decoration: underline;} #index_recommend,#index_Product4,#index_oneFlor,#index_secondFlor,#index_threeFlor,#index_Product,#index_decoration,.bannerImg { width: 100%; position: relative; } #index_oneFlor > div,#index_secondFlor > div,#index_Product > div,#index_threeFlor > div,#index_decoration > div,#index_Product4 > div { width: 1200px; margin: 0 auto; } .oneFlor_hot span,.Floor_tittle p,.Floor_tittle > span { color: #fff; font-size: 20px; line-height: 50px; margin: 0 20px 0 15px; float: left; } .oneFlor_hot > span + span {margin-right: 0;} .ProductList,.Floor_tittle p,.ProductPic,.ProductList { display: inline-block;} /*首页header*/ #index_top { min-width:1200px; height:115px; width:100%; overflow: hidden; } .index_logo{ width: 1200px; margin: 0 auto; overflow: hidden; } .index_logo a img{ float:left; margin-top: 17.5px; } .index_logo .logo_pic_right_tel { float:right; width:200px; height: 80px; padding: 0 40px; margin-top:42.5px; } .index_logo .logo_pic_right_tel span { font-size:18px; height: auto; } .index_logo .logo_pic_right_tel .logo_pic_right_tel_first { font-size: 24px; font-weight: bolder; color: #064e38; width: 200px; height: 35px; overflow: hidden; } .index_logo .logo_pic { position: absolute; display: block; width: 220px; top: 25px; } .index_logo .logo_pic img { width: 100%; height: auto; } .in_search { display: inline-block; position: relative; width:620px; } .in_search .searchBar { width: 470px; height: 35px; border: 2px solid #064f38; border-right: 0px; line-height: 33px; margin:42px 0 0px 75px; } .in_search input { border: none; text-indent: 1em; width:380