﻿/*头部搜索区*/

.header{position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 3.125rem; background-color: #0076cc;}

.header .search{width: 100%; height: 2rem; background-color: #fff; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; margin-right:0.8rem; }

.header .listIcon{width: 2rem; height: 2rem; font-size: 1.6rem; color: #fff; margin: 0 0.4rem;}

.header .search input{display: block; height: 1.8rem; line-height: 1.8rem; margin: 0 1.5rem; font-size: 0.92rem; color: #aaaaaa;}

.header .search a{display: block; width: 1.6rem; height: 1.6rem; font-size: 1.4rem; color: #9d9d9d; margin-right: 0.5rem; margin-bottom: 0.2rem;}



/*左侧导航*/

.leftNav{position: fixed; left: 0; top: 3.125rem; z-index: 999; width: 24%; height: 100%; background-color: #f4f4f4;  overflow: auto; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

.leftNav ul li{width: 100%; height: 3.2rem; font-size: 0.92rem; color: #686868;  border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }

.leftNav ul .on{ background-color: #fff; color: #006fe0; border-right: none;}

/*.leftNav ul .on i{position: absolute; top: 0; right: -2px; z-index: 9999; display: block; width: 4px; height: 100%; background-color: #fff;}*/



/*右侧区域*/

.rightArea{position: fixed; left: 24%; top: 3.125rem; width: 76%; height: 100%; padding:1% 5%; overflow: auto;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

.rightArea dl{margin: 1.5rem 0 1rem 0;}

.rightArea dl dt{min-height: 1.6rem; margin-bottom: 0.8rem;}

.rightArea dl dt a{display: block;}

.rightArea dl dt span{display: block; min-height: 1.6rem; padding: 0.2rem 1rem; -moz-border-radius: 0.8rem; -webkit-border-radius: 0.8rem; border-radius: 0.8rem; font-size: 0.8rem; background-color: #0076cc; color: #fff;}

.rightArea dl dt em{display: block; font-size: 0.88rem; margin-left: 0.4rem;}

.rightArea dl dd{width: 100%; min-height: 1.6rem; font-size: 0.86rem; color: #161616; margin-left: 0.3rem;}

.rightArea dl dd em{font-size: 0.8rem; margin-right: 0.2rem; color:#575757;}

.rightArea dl dd a{display: block; color: #161616; min-height: 1.6rem; }

.rightArea dl dd a:hover{opacity: 0.8;}





/*产品详情*/

.picShow{position: relative; width: 100%; height: auto; background-color: #fff; margin-top: 3.125rem; border-bottom: 1px solid #dadada;}

.shopImg{padding-bottom: 1.3rem; }

.shopImg ul li{width: 100%; height: auto; text-align: center;}

.shopImg ul li img{width: auto; height: 16.6rem;}

.picShow .dot{position: absolute; bottom: 0.3rem;}





.shopTit{width: 100%; height: auto; background-color: #fff; margin-top: 0.8rem; padding: 0.8rem 3%; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}

.shopTit h2{font-size: 1rem; color: #161616; line-height: 1.4rem;}



.shopDetail{width: 100%; height: auto; background-color: #fff; margin-top: 0.8rem; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}

.title{width: 96%; height: auto; margin: 0 auto; padding: 0.7rem 0; border-bottom: 1px solid #dadada;}

.title span{padding: 0.2rem 0.8rem; background-color: #0076cc; color: #fff; font-size: 1rem;}

.model{width: 92%; height: auto; margin: 0 auto;}

.model ul li{width: 100%; height: auto; border-bottom: 1px solid #dadada; cursor:pointer;}

.model ul li:last-child{border-bottom: none;}

.model ul li h3{font-size: 0.875rem; line-height: 1.2rem;}

.model ul li .modelTit{min-height: 2rem; color: #161616; padding: 0.4rem 0;}

.model ul li .modelTit span{display: block; min-width: 2rem; height: 2rem; border: 1px solid #dadada; margin-right: 0.4rem;}

.model ul li .modelTit span img{min-width: 2rem; height: 100%;}

.model ul li .modelTit em{margin-left: 0.4rem; font-size: 1rem;}

.model ul li .modelTit em i:first-child{color: #161616;}

.model ul li .modelTit em i:last-child{color: #6d6d6d;}



.modelDetail{width: 100%; height: auto; padding: 0.2rem 0 0.8rem; font-size: 0.84rem; line-height: 1.2rem; color: #5e5e5e;}

.modelDetail h4{font-size: 0.88rem; color: #161616; line-height: 1.4rem; margin-bottom: 0.2rem; margin-top: 0.8rem;}



/*搜索*/

.searchKey{position: fixed; left: 0; top: 3.125rem; width: 100%; min-height: 2rem; z-index: 999; padding: 0.8rem 3%; background-color: #fff; border-bottom: 1px solid #dadada; font-size: 0.82rem; color: #5e5e5e;}

.searchKey span{color: #005b9e;}

.searchList{width: 90%; height: auto; margin: 6.725rem auto 0 auto; padding: 0.2rem 0;}

.searchList ul li{width: 100%; min-height: 2rem; font-size: 0.82rem; color: #161616;  margin: 0.2rem 0;}

.searchList ul li a{color: #161616; display: block; width: 100%; min-height: 2rem;}

.searchList ul li a:hover{opacity: 0.8;}

.searchList ul li em{display: block; width: 0.8rem; height: 0.8rem; margin-right: 0.2rem; font-size: 0.75rem;}



.searchKey2{position: fixed; left: 0; top: 3.125rem; width: 100%; min-height: 2rem; padding: 0 3%; z-index: 999; background-color: #fff; border-bottom: 1px solid #dadada; font-size: 0.82rem; color: #5e5e5e;}

.searchKey2 a{display: block; width: 100%; min-height: 2rem; padding: 0.8rem 0; color: #161616;}

.searchDetail{width: 94%; height: auto; margin: 6.725rem auto 0 auto; padding: 0.2rem 0;}

.searchDetail .Tit{width: 100%; min-height: 2rem;  border-bottom: 1px solid #dadada;}

.searchDetail .Tit h3{font-size: 0.82rem;}

.searchDetail .Tit span{display: block; width: 2rem; height: 2rem; margin-right: 0.4rem;}

.searchDetail .Tit span img{width: 100%; height: 100%;}

.searchDetail .Tit a{display: block; width: 100%; height: auto; color: #161616; padding: 0.4rem 0;}

.searchDetail .Tit em{display: block; width: 0.8rem; height: 0.8rem; margin-left: 0.4rem; font-size: 0.76rem;}

.searchDetail .content{width: 100%; height: auto; padding: 0.8rem 0;  font-size: 0.75rem; line-height: 1.2rem; color: #5e5e5e;}

.searchDetail .content h4{font-size: 0.86rem; color: #161616; line-height: 1.4rem; margin-bottom: 0.2rem; margin-top: 0.8rem;}
.Jzmore{width:100%; height:auto; margin:1rem 0; text-align:center;}
.Jzmore a{padding:0.2rem 1rem; border:1px solid #dadada; font-size:1rem; color:#666; margin:0.4rem auto; background-color:#fff;}
.Jzmore p{width:100%; text-align:center; font-size:0.86rem; color:#999; margin:0.4rem 0;}
.xztitle{font-size:1rem; color:#333; line-height:2rem; margin-left:0.8rem; margin-top:0.8rem;}
.xzlist a{font-size:0.92rem; color:#666;}
.pblogo{height:2.2rem; width:auto;}
.pblogo img{height:2.2rem;}


@-moz-document url-prefix() {/*支持火狐*/







}









@media screen and (max-width:340px){



    /*头部搜索区*/

    .header{height: 2.7rem; }

    .header .search{height: 1.7rem; background-color: #fff; -moz-border-radius: 0.85rem; -webkit-border-radius: 0.85rem; border-radius: 0.85rem; margin-left: 0.72rem; }

    .header .listIcon{width: 1.7rem; height: 1.7rem; font-size: 1.36rem; color: #fff; margin: 0 0.8rem;}

    .header .search input{height: 1.48rem; margin: 0 1.5rem; font-size: 0.78rem;}

    .header .search a{width: 1.36rem; height: 1.36rem; font-size: 1.12rem; margin-right: 0.5rem; margin-bottom: 0.2rem;}



    /*左侧导航*/

    .leftNav{top: 2.7rem; }

    .leftNav ul li{height: 2.8rem; font-size: 0.75rem;}



    /*右侧区域*/

    .rightArea{ top: 2.7rem; padding:1% 5%; }

    .rightArea dl{margin: 1rem 0 0.8rem 0;}

    .rightArea dl dt{min-height: 1.4rem; margin-bottom: 0.5rem;}

    .rightArea dl dt span{min-height: 1.4rem; padding: 0.2rem 1rem; -moz-border-radius: 0.7rem; -webkit-border-radius: 0.7rem; border-radius: 0.87; font-size: 0.7rem; }

    .rightArea dl dt em{display: block; font-size: 0.82rem; margin-left: 0.4rem;}

    .rightArea dl dd{width: 100%; min-height: 1.4rem; font-size: 0.8rem; margin-left: 0.3rem;}

    .rightArea dl dd em{font-size: 0.6rem;  }

    .rightArea dl dd a{ min-height: 1.4rem; }



}

