/**
 * public
 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;font-weight:normal; }
img{ border:none;padding:0;margin:0;vertical-align:top;}
input{font-family:'微软雅黑',Arial, sans-serif; font-size: 26px;}
body {
    font-family:'微软雅黑',Arial, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 26px;
    background-color: #fff;
}
html,body{background-color: #fff; }
a{text-decoration:underline;}
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
/*清除浮动*/
.clear{clear:both; height:0px; font-size:0px;overflow:hidden; display:block; font-size:0px;}

*{ 
  margin:0; padding:0; 
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden; 
}
.zanwuxinxi{ width:600px; height:170px; margin:0; float:left}
.zanwuxinxi dt{ width:400px; height:28px; margin:0; float:right; margin-top:30px; background:url(../images/public/zanwupro.jpg) no-repeat center left;font-size:20px;font-family:'Microsoft Yahei'; font-weight:bold; color:#666; line-height:28px; padding-left:50px;}
.zanwuxinxi dd{ width:400px; height:100px; margin:0; float:right; font-size:20px; line-height:24px; color:#666; margin-top:10px;}
.ss{ display:block}
/**
 * Swiper Styles 
 */
.swiper-container {margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; } 
.swiper-wrapper {position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; } 
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } 
.swiper-slide {float: left; } 
.swiper-wp8-horizontal {-ms-touch-action: pan-y; } 
.swiper-wp8-vertical {-ms-touch-action: pan-x; }


.banner .pagination {position: absolute; left: 0px; text-align: center; bottom:0px; width: 100%;   height:72px; background-color: rgba(0,0,0,.4); z-index: 1; }
.banner .pagination span{ }
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 20px;
  height:20px;
  
  border:2px solid #fff;
  border-radius:14px;
  position: relative; 
  margin:25px 10px;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.banner .swiper-active-switch {
   background: #fff; 
}

.main,
navHide,.proHeader ,.personalTailor
{ width: 720px; margin:0 auto;}

.main{/* overflow: hidden; */ position: relative; padding-bottom:90px;}

/*底部导航*/
nav{ position: fixed; height:80px; text-align: center; bottom:0px; z-index: 9999; width: 720px;  background:url(../images/public/yyioc.png) repeat-x top;  
 -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
		  padding-top:10px;
}
nav.navHide{ 
  -webkit-transform:translate(0px,90px);
          transform:translate(0px,90px);
}

nav ul{ width:678px;border-left:1px solid #d3a46d;border-right:1px solid #d3a46d; height:80px; background:url(../images/public/bottombg.jpg) top center no-repeat #fff; padding:0 20px;}
nav li{float: left;  margin: 0px 24px; line-height: 80px; font-size: 28px; position: relative;}
nav li:first-child{padding-left: 10px;}
nav a.red{ color:#B7183}
nav li.hot:after{content:""; width: 10px; height:10px; border-radius: 10px; background-color: #c2003b; position: absolute; top:50%; margin-top: -20px;
  -webkit-animation-name: hotAm;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}
nav a{color: #5a5858; text-decoration:none; font-weight:bold}
nav li.telico{ margin-top:3px;}
nav .backTop{ position: absolute; right: 0px; width:80px; height:100%; cursor:pointer}
nav .backTop span{
  display: block;
  margin-top: 30px; margin-left: 20px;
  width: 35px; height:18px; background: url(../images/public/ico.png) no-repeat;
  -webkit-animation-name: backTopAm;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}
.nav{ position: fixed; height:80px; text-align: center; bottom:0px; z-index: 9999; width: 720px;  background:url(../images/public/yyioc.png) repeat-x top;  
		  padding-top:10px;
}
.nav ul{ width:678px;border-left:1px solid #d3a46d;border-right:1px solid #d3a46d; height:80px; background:url(../images/public/bottombg.jpg) top center no-repeat #fff; padding:0 20px;}
.nav li{float: left;  margin: 0px 20px; line-height: 80px; font-size: 28px; position: relative;}
.nav li:first-child{padding-left: 10px;}
.nav a.red{ color:#B7183}
.nav a{color: #5a5858; text-decoration:none; font-weight:bold}
.nav li.telico{ margin-top:3px;}
.nav .backTop{ position: absolute; right: 0px; width:80px; height:100%; cursor:pointer}
.nav .backTop span{
  display: block;
  margin-top: 30px; margin-left: 20px;
  width: 35px; height:18px; background: url(../images/public/ico.png) no-repeat;
  -webkit-animation-name: backTopAm;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}

/*详情页固定导航*/
.navg{position: fixed; height:90px; line-height:90px; text-align: center; bottom:0px; z-index: 9999; width: 720px;background:url(../images/public/bottombg02.png) repeat-x top; padding-top:10px; }
.navg li{ width:359px; float:left;background-color:#B7183F}
.navg li.lx{ float:right; background-color:#B7183F}
.navg li a{ color:#fff}
.navg li.gtel{ position:absolute; top:15px; left:320px; width:81px; z-index:999;}
/**
 * 头部
 */
.proHeader{height:115px; background:url(../images/public/headbg.jpg) top center no-repeat;   position: relative; z-index: 11; }
.writerHader{height:115px; background-color: #fff; border:none;}
.listHader{height:115px; line-height: 80px; font-size: 26px;}
body .listHader .title,
body .listHader .filtrate,
body .listHader .filtrate:after{ font-size: 26px; line-height: 115px;}
.proDetailsHeader{height: 115px;}


.proHeader .backBtn,
.proHeader .filtrate,
.proHeader .title{position: absolute;  top:10px; text-align: center; font-size: 28px; height:105px; line-height: 105px; cursor:pointer;width:100%; }
/*返回按钮*/
.proHeader .backBtn{width:80px; height:105px; position: absolute; z-index:99 }
/*返回箭头*/
.proHeader .backBtn span{width: 22px; height:37px; background: url(../images/public/backioc.jpg) no-repeat; margin:auto; margin-top: 40px; margin-left: 20px; display: block;}
.proHeader .title{background: url(../images/public/headbg02.jpg) no-repeat bottom;}
.proHeader .filtrate{width: 75px;  color: #B7183F; right:20px; background: url(../images/public/searchioc.jpg) left no-repeat; padding-left:30px;  }





/*价格筛选*/
.proHeader .price .fPrice{display: none;}
.proHeader .price .low_high,
.proHeader .price .high_low
{width:299px; height:60px; line-height: 66px; border:1px solid #c2003b; background-color: #fff; border-top:none; color: #c2003b; display: block;}
.proHeader .price .low_high{margin-top: 1px; border-bottom:none;}
.proHeader .price .high_low{
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  line-height: 50px;
}

/**
 * 筛选 选项
 */
.filtrateCon{position: absolute; width: 500px; background-color: #fff; z-index: 1111; top:0; right:0; padding:0px 20px; display: none;  padding-bottom: 30px; height:100%; overflow: scroll; }
.filtrateCon .title{width: 100%; height:73px; text-align: center; line-height: 73px; font-size: 26px; position: relative; border-bottom:solid 1px #ccc;}
.filtrateCon .title .backBtn{position: absolute; left:0px; width: 100px; cursor:pointer; color:#B7183F}
.filtrateCon .type{width:500px; padding-top:20px; overflow: hidden; height:auto; padding-bottom: 30px; border-bottom: 1px solid #ccc;position: relative;}
.filtrateCon .type ul{display: block; width: 530px; margin-top: 10px;}

.filtrateCon .type li{
  height:50px; padding:0 10px; text-align: center; line-height: 50px; background-color: #eee;  margin:10px 25px 10px 0; float: left; width:initial;/* display: inline-block; */
  border:1px solid #ddd; color: #666;
  -webkit-transition: all 0.35s;
          transition: all 0.35s;
  font-size: 26px;
}
.filtrateCon .type li a{ color:#666}
.filtrateCon .type li.active{background-color: #1b1b1b; color: #dab67c;}
.filtrateCon .type li.active a{color:#dab67c}
.filtrateCon .clearBtn{width:500px; height:60px; background-color: #5a5a5a; text-align: center; line-height: 60px; color: #fff; font-size: 30px;
  -webkit-border-radius: 6px; 
          border-radius: 6px; 
  float: left;
  margin-top: 50px; margin-bottom:115px;
}
.filtrateCon .clearBtn a{ color:#fff}
.filtrateCon .lookBtn{width:275px; height:60px; background-color: #c2003b; text-align: center; line-height: 60px; color: #fff; font-size: 30px;
  -webkit-border-radius: 6px; 
          border-radius: 6px;
  float: left; margin-left: 20px;
  margin-top: 50px;
}
.search{ width: 483px; height:66px; background-color: #efefef; float: right; margin:25px 0px 0 17px;;border:2px #ccc solid; position: relative;
-webkit-box-sizing:border-box;
        box-sizing:border-box;
}
 .search input{border:none; background:none; width: 410px; height:64px; line-height: 64px; color: #666; padding-left:10px; }
 .search .searchBtn{width:66px; height:66px; background:url(../images/public/search.jpg) ; position: absolute; right:-2px; z-index: 1;top: -2px; cursor: pointer;}

/*底部*/
.footer{ width: 720px; margin:0 auto; height:480px; padding-top:20px;}
.footer .service{width: 100%; height:100px; background-color: #f1f1f1;}
.footer .service ul{padding-left: 48px; padding-top: 5px;}
.footer .service li{width: 150px; margin:6px 30px; text-align: center; height:35px; color: #817770; font-weight: bold; float: left;}

.footer .contact .pic{width:100%; height: 281px;  background: url(../images/public/loading.gif) center no-repeat; background-color: #fff;}
.footer .contact .tel{text-align: center; height:130px; border-bottom: 1px solid #ccc; }
.footer .contact .tel img{ margin-top: 30px;}

.footer .copyright{text-align: center; padding-bottom: 120px; line-height: 35px; padding-top: 20px;}
.footer .copyright p:first-child{margin-bottom: 20px; color: #1161ce;}
.footer .copyright p:first-child a{color: #1161ce;}

