@charset "UTF-8";
/*
z中文 
 CSS Document 
Gree 家用空调 CSS
版本号：V1.0
作者：linhui 时间：2016-2-4
*/

/*轮播*/
.swiper-slide { color: #fff; text-align: center; }
.banner { height: 150px; overflow: hidden; position: relative; width: 100%; margin: 0 auto; }
.banner img {height:150px;}
.banner .gallerytitle { background: #000; bottom: 0; color: #fff; font-size: 1em; font-weight: normal; height: 34px; left: 0; position: absolute; right: 0; text-align: left; padding-left: 8px; }
.banner .swiper-pagination-bullet { background: #e6e8ee; opacity: 1; border-radius: 0; }
.banner .swiper-pagination-bullet-active { background: #3568df; }
.banner .swiper-slide{background:#fff;}
.banner .swiper-slide a{ width:100%; overflow:hidden; text-align:center; display:block; height:150px;background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
@media (device-width:768px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容ipad */
.banner{height: 250px;}
.banner img {height:250px;}
.banner .swiper-slide a{height:250px;}
}

/*内容*/
.filter{background:#fff; padding:3px 0;}
.filter a{color:#000; display:inline-block; width:18%; border-right:1px solid #e6e8ee; line-height:30px; text-align:center; font-size:0.77rem;}
.filter a:last-child{ border-right:0; width:26%;}
.filter a.cur{color:#3568df;}
.filter a span.arrow{ background:url(../images/filter_arrow.png) no-repeat; height:12px; width:8px; display:inline-block; background-size:contain; margin-top:2px; vertical-align:text-top; opacity:0.7;}
.filter a span.arrowDown{background:url(../images/filter_arrow.png) no-repeat; height:12px; width:8px; display:inline-block; background-size:contain; background-position:0 -4px; margin-top:2px; vertical-align:text-top;}
.filter a span.arrowUp{background:url(../images/filter_arrow.png) no-repeat; height:12px; width:8px; display:inline-block; background-size:contain; background-position:0 4px; margin-top:2px; vertical-align:text-top;}

/*高级筛选*/
.advancedFilter{background:rgba(0,0,0,0.8); width:100%; position:fixed; bottom:0; top:0; z-index:999; display:none;}
.advancedFilter .af{background:#e6e8ee; width:260px; position:absolute; right:0px; top:0; bottom:0; overflow-y:scroll;}
.advancedFilter .afTop{ position:fixed; height:44px; line-height:44px; background:#3568df; width:240px; padding:0 10px; text-align:center; color:#fff; z-index:9;}
.advancedFilter .afTop a{color:#fff; font-size:0.77rem;}
.advancedFilter .afMain{margin-top:44px;}
.advancedFilter .ridBtn{ padding:10px 25px;}
.advancedFilter .ridBtn a{width:100%; display:block; color:#000; text-align:center; background:#fff; border:1px solid #c1c5d0; line-height:38px;}

.sideMenu{ width:100%;background:#fff;font-size:0.77rem; }
.sideMenu h3{ height:38px; line-height:38px; padding:0 10px; color:#3568de; font-weight:normal;font-size:0.85rem; position:relative; border-bottom:1px solid #e6e8ee;}
.sideMenu h3 span{ float:right; margin-right:10px; max-width:120px; max-height:38px; overflow:hidden;color:#666;font-size:0.77rem;}
.sideMenu h3.on span{ display:none;}
.sideMenu h3 em{ display:inline-block; margin-right:5px; width:9px; height:15px; background:url(../images/add.png) no-repeat center;background-size:contain; position:absolute; top:12px; right:0; }
.sideMenu h3.on em{ background-image:url(../images/add1.png); width:15px; height:9px; top:15px;}
.sideMenu ul{display:none; /* 默认都隐藏 */ background:#fff;}
.sideMenu ul li{line-height:38px; padding:0 10px 0 14px; border-bottom:1px solid #e6e8ee;}
.sideMenu ul li label{display:block;color:#666;}
.sideMenu .checkbox,.sideMenu  .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: inline-block;
	position:absolute; right:10px; margin-top:8px;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-webkit-keyframes fadeInRightBig {
0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;-webkit-transform: none;
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;-webkit-animation-name: fadeInRightBig;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0px, 0px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig; -webkit-animation-name: fadeOutRightBig;
}

.animated {
    animation-duration: 1s;-webkit-animation-duration: 1s;
    animation-fill-mode: both;-webkit-animation-fill-mode: both;
}





/*产品列表*/
.PdList{ background:#e6e8ee; padding:10px 6px;font-size:0.77rem;}
.PdList ul{margin-right:-6px; margin-bottom:-6px;}
.PdList li{ background:#fff; margin-bottom:6px; width:48%; float:left; margin-right:6px; margin-bottom:6px;}
.PdList li:last-child{ margin-bottom:0;}
.PdList li a{display:block; color:#000;}
.PdList li img{width:100%;}
.PdList li .name{border-top:1px solid #e6e8ee;padding:6px;}
.PdList li h3{margin-bottom:3px; margin-top:2px;height: 34px; overflow:hidden;}
.PdList li .name .grayF{ font-size:0.7rem;white-space:nowrap; overflow:hidden;}
/*通用*/
.grayF{color:#666;}
.middle{text-align:center;}
.more{ background:#e6e8ee; padding-bottom:6px;}
.more a{ background:#6593ee; border:1px solid #3568df; text-align:center; color:#fff; display:block; line-height:38px;}
.bannerBtm{padding:10px; background:#fff;}
.bannerBtm img{width:100%; float:left;}

.topNavAr{width:100%; right:0;position:absolute;}
.topNavAr .rightAr{ position:absolute; right:0; z-index:9; top:0; background:rgba(255,255,255,0.8); text-align:center; width:30px; height:40px; display:inline-block;}
.topNavAr .rightAr img{ width:9px; margin-top:12px;}
.topNavAr .leftAr{position:absolute; left:0; z-index:9; top:0; background:rgba(255,255,255,0.8); text-align:center; width:30px; height:40px; display:inline-block;}
.topNavAr .leftAr img{ width:9px; margin-top:12px;}

.topNav{width:83%; right:0; height:40px; overflow-x:scroll; border-bottom:1px solid #efede8; position:relative;padding-left: 7%;padding-right: 10%;}
.topNav .inside{white-space:nowrap;text-align:center;}
.topNav .inside a{ margin:0 12px; color:#000; font-size:0.77rem; line-height:40px; display:inline-block;}
.topNav .inside a.last{margin-right:32px}
.topNav .inside a.cur{ color:#3568df; border-bottom:4px solid #3568df;font-size:1rem; line-height:35px;}