/**
 * 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: 24px;}
body {
    font-family:'微软雅黑',Arial, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 24px;
    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; 
}

/**
 * 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: 0; text-align: center; bottom:0px; width: 100%; height:10px; background-color: rgba(0,0,0,.4); z-index: 1; }

.banner .swiper-pagination-switch {
  display:block;
  width: 25%;
  height:10px;
  position: relative; margin:0 auto; float: left;
  -webkit-transition: background 0.5s;
          transition: background 0.5s;
}
.banner .swiper-active-switch {
  background: #dca763;
}

.main,
.banner,
nav,
header,
.product,
.recommend,
.writerBanner,
.classList,
.personalTailor,
footer{ width: 640px; margin:0 auto;}

.main{/* overflow: hidden; */ position: relative;}

/*顶部banner*/
.banner{ height:300px; position: relative;}


/**
 * 固定的一级导航
 */
nav{ position: fixed; height:85px; background-color: #c2003b;text-align: center; bottom:0px; z-index: 9999;  width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
}
nav.navHide{ 
  -webkit-transform:translate(0px,86px);
          transform:translate(0px,86px);
}

nav li{float: left;  margin: 0px 20px; line-height: 85px; font-size: 28px; position: relative;}
nav li:first-child{padding-left: 10px;}
nav a{color: #fff;text-decoration:none}
nav li.hot:after{content:""; width: 10px; height:10px; border-radius: 10px; background-color: #fff; 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 .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:85px; background-color: #c2003b; text-align: center; bottom:0px; z-index: 9999; width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
}
.nav li{float: left;  margin: 0px 20px; line-height: 85px; font-size: 28px; position: relative;}
.nav li:first-child{padding-left: 10px;}
.nav a{color: #fff; text-decoration:none}
.nav li.hot:after{content:""; width: 10px; height:10px; border-radius: 10px; background-color: #fff; 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 .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;
}




/**
 * 头部
 */
header{height:320px;}
header .logo_search{ height:125px; }
header .logo_search .logo{margin:20px 0 0 17px; float: left;}
/*搜索*/
header .logo_search .search{ width: 336px; height:66px; background-color: #efefef; float: right; margin:25px 17px 0 0;border:2px #ccc solid; position: relative;
-webkit-box-sizing:border-box;
        box-sizing:border-box;
}
header .logo_search .search input{border:none; background:none; width: 300px; height:64px; line-height: 64px; color: #666; padding-left:10px; }
header .logo_search .search .searchBtn{width:66px; height:66px; background:url(../images/public/search.jpg) ; position: absolute; right:-2px; z-index: 1;top: -2px; cursor: pointer;}
header .logo_search .search .searchBtn span{width:26px; height:26px;background: url(../images/public/ico.png) 0px -18px no-repeat; display: block; margin:0 auto; margin-top: 20px;}

/*子导航*/
header .subnav{width:640px; height:195px; background-color: #f1f1f1; }
header .subnav ul{margin:0 auto;}
header .subnav li{width: 120px; height:0px; float: left; background:url(../images/home/subnav.jpg) no-repeat; margin: 22px 20px 0; padding-top: 130px; text-align: center;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}
header .subnav li{color: #000;}
header .subnav a:nth-child(2) li{ background-position: -120px 0;}
header .subnav a:nth-child(3) li{ background-position: -240px 0;}
header .subnav a:last-child li{ background-position: -360px 0;}
header .subnav .snActive{color: #c2003b;}

/**
 * 产品区
 */
.product{ position: relative;}
.product .title{width: 186px; height:41px; background: url(../images/home/title.png) no-repeat; overflow: hidden; margin-top: 20px; margin-left: 20px;}
.product .moreBtn{ width:80px; height:38px; background-color: #c2003b; text-align: center; line-height: 38px; color: #fff; font-size: 22px;
  position: absolute; right:20px; top:0px;
  -webkit-border-radius: 38px;
          border-radius: 38px;
}

.product .proCon{width:640px; height:322px; background-color: #efefef; margin-top: 11px; position: relative;}
.product .proCon li{position: absolute; overflow: hidden;}
.product .proCon img{ 
 -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.product .proCon .lazy{ 
  opacity: 0; 
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}
.product .proCon li:nth-child(2){ background-position: -120px 0; left: 321px; top:0;}
.product .proCon li:nth-child(3) { background-position: -240px 0; left: 321px; top:162px;}
/**
 * 产品列表页
 */
.proList{
  position: relative;
  padding-left:14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.proList figure{ width:194px; height:194px; margin:5px 5px; float: left; overflow: hidden; background: url(../images/public/loading.gif) center no-repeat;}
.proList figure img{
  -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.proList figure .lazy{ 
  opacity: 0;
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}
/**
 * 大图
 */
.bigCon{
  position: fixed; top:0px; left:0px; width: 100%; height:100%; background-color: rgba(0,0,0,.9); z-index: 111; display: none;
}

.bigCon .swiperCon{
  width: 640px; height:640px; margin:0 auto; position: absolute; top:50%; left:50%; text-align: center; margin-left: -320px; margin-top: -320px; 
}

.bigCon .swiperCon .swiper-slide{background: url(../images/public/preloader.gif) center no-repeat;}



/**
 * 精品推荐
 */
.recommend .title{width:100%; height:80px; border-bottom: 2px solid #ccc; text-align: center; line-height: 80px; color: #333; font-size: 32px;}
.recommend ul{padding-left: 10px; margin-top: 10px;}
.recommend li{width: 290px; height:390px; margin:10px 10px; float: left; position: relative;}
.recommend .pic{width:290px; height: 290px; background-color: #ddd;  background: url(../images/public/loading.gif) center no-repeat; overflow: hidden;}
.recommend .pic img{
  -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.recommend .pic .lazy{ 
  opacity: 0;
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}

.recommend p{margin-top: 5px; height:62px; overflow:hidden; line-height:31px;}
.recommend p a{ color:#000}
.recommend .new_price{ float: left; color: #c2003b; left:110px;}
.recommend .old_price{ float: left; font-size: 19px; color: #666; bottom:5px;}
.recommend .new_price,
.recommend .old_price{position: absolute; }

/*查看更多*/
.recommend .viewMore{width:100%; height:70px; border-top:solid 2px #ccc; border-bottom:solid 2px #ccc; position: relative; text-align: center; line-height: 70px; font-size:28px; color: #b48868; margin-top: 10px; }
.recommend .viewMore p{display: inline;font-weight: bold; cursor:pointer; line-height:74px; }
.recommend .viewMore p a{color: #b48868; }
.recommend .viewMore div{font-weight: bold; font-family: Arial; display: inline-block; margin-left: 3px;}
.recommend .viewMore div img{ padding-top:30px; padding-right:5px;}


/**
 * 底部服务&联系方式
 */
footer{
  height:480px; 
}

footer .service{width: 100%; height:100px; background-color: #f1f1f1;}
footer .service ul{padding-left: 48px; padding-top: 5px;}
footer .service li{width: 120px; margin:6px 30px; text-align: center; height:30px; color: #817770; font-weight: bold; float: left;}

footer .contact .pic{width:100%; height: 250px;  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: 140px; line-height: 35px; padding-top: 20px;}
footer .copyright p:first-child{margin-bottom: 20px; color: #1161ce;}
footer .copyright p:first-child a{color: #1161ce;}


/*-------------------------------------------------页面分割线--------------------------------------------------------------
 * 产品列表页
 ------------------------------------------------------------------------------------------------------------------------*/


/**
 * 头部
 */
.proHeader{height:152px; border-bottom:1px solid #ccc; background-color: #f1f1f1; position: relative; z-index: 11;}
.writerHader{height:80px; background-color: #fff; border:none;}
.listHader{height:80px; line-height: 80px; font-size: 26px;}
body .listHader .title,
body .listHader .filtrate,
body .listHader .filtrate:after{ font-size: 26px; line-height: 80px;}
.proDetailsHeader{height: 80px;}


.proHeader .backBtn,
.proHeader .filtrate,
.proHeader .title{position: absolute;  top:0px; text-align: center; font-size: 28px; height:80px; line-height: 80px; cursor:pointer}
/*返回按钮*/
.proHeader .backBtn{width:80px; height:80px; position: absolute; z-index:99 }
/*返回箭头*/
.proHeader .backBtn span{width: 22px; height:37px; background: url(../images/public/ico.png) 0px -44px no-repeat; margin:auto; margin-top: 20px; margin-left: 20px; display: block;}
.proHeader .title{width:100%;}
.proHeader .filtrate{width: 75px;  color: #c2003b; right:20px;  }
.proHeader .filtrate: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;
}



.proHeader .pop,
.proHeader .price{
  width:300px; height:60px; border:1px solid #c2003b; float: left; text-align: center; line-height: 60px; color: #c2003b; font-size: 28px;
  margin-top:72px; background-color: #fff; cursor:pointer
}
.proHeader .pop a{ color:#fff}
.proHeader .fActive{background-color: #c2003b; color: #fff;}

.proHeader .pop{
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  border-right:none;
  margin-left: 20px;
}

.proHeader .price{
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  border-left:none;
}

/*价格筛选*/
.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:#c2003b}
.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:90px;
}
.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;
}

/**
 * 全部分类
 */
.classList{}
.classList li{width: 95%; margin:0 auto; position: relative;  height:141px; line-height: 141px; font-size: 30px; border-bottom: 1px solid #ccc;}
.classList li .pic{width: 100px; height:100px; background: url(../images/product/list.jpg) no-repeat; float: left; margin-top:20px; }
.classList li p{ height:100px; float: left; margin-left: 20px;}
.classList  a{ color:#000}
.classList li span{ width: 22px; height:37px; display: block; float: right; margin-top: 47px; background: url(../images/public/ico.png) 0px -44px no-repeat;
  -webkit-transform:scale(-1,1);
          transform:scale(-1,1);
}

/**
 * 私人订制
 */
.personalTailor{}
/*题材*/
.personalTailor .theme{ padding:33px 0; background: url(../images/personal_tailor/repBg.jpg); padding-left:14px; }
.personalTailor .theme li{width: 268px; height: 243px; background: url(../images/personal_tailor/pro_bg.png) no-repeat; text-align: center; padding-top: 15px; color: #fff; font-size: 26px; float: left; margin:12px 19px;}
.personalTailor .theme li .themePic{width: 180px; height:180px; overflow: hidden; margin:0 auto; margin-bottom: 5px;
  -webkit-border-radius: 180px;
          border-radius: 180px;
}
.personalTailor .theme li a{ color:#fff}
/*顶尖大师*/
.personalTailor .great{ padding:33px 0 10px; background: url(../images/personal_tailor/repBg.jpg); padding-left:14px; }
.personalTailor .great .title{width: 100%; text-align: center; margin-bottom: 20px;}
.personalTailor .great li{width: 600px; height: 305px; margin-bottom: 10px; margin-left: 5px;}
.personalTailor .great li .pic{width: 199px; height:305px; float: left;}
.personalTailor .great li .txtCon{width: 368px; height:285px; float: left; color: #c2bcb9; font-size: 19px; background-color: #605550; margin-left: 10px; padding:20px 0 0 23px;}
.personalTailor .great li .txtCon h2{font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 10px;}

/*定制流程*/
.personalTailor .flow{padding:33px 0; background: url(../images/personal_tailor/repBg.jpg); padding-left:14px; border-bottom: 1px solid #181717;}
.personalTailor .flow .title{text-align: center; color: #fff; font-weight: bold; font-size: 36px;}
.personalTailor .flow .flowPic{text-align: center; margin-top: 25px;}

.personalTailor .pic{ background: url(../images/public/loading.gif) center no-repeat; overflow: hidden;}
.personalTailor .pic img
{ 
 -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.personalTailor .lazy{ 
  opacity: 0; 
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}


/**
 * 产品详情页
 */
.dBanner{ width: 600px; height:600px; margin: 0 auto; position: relative; background-color: #efefef;}
.dBanner .pagination {position: absolute; left: 0; text-align: center; bottom:0px; width: 100%; height:43px; background-color: rgba(0,0,0,.4); z-index: 1; }

.dBanner .swiper-pagination-switch {
  display:inline-block;
  width: 15px;
  height:15px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  margin:0 5px; 
  background-color: rgba(255,255,255,.5);
  -webkit-transition: background 0.5s;
          transition: background 0.5s; margin-top:15px;
}
.dBanner .swiper-active-switch {
  background-color: rgba(255,255,255,1);
}

/*产品信息*/
.introTxt{width: 600px; margin: 0 auto; margin-top: 25px;}
.introTxt .price{width: 100%; height:50px; font-size: 36px; margin-top: 15px; margin-bottom: 10px;}
.introTxt .new_price,
.introTxt .old_price{ display: inline-block;}


.introTxt .new_price{ color: #c2003b;font-weight: bold;}
.introTxt .old_price{ font-size: 19px; color: #666; font-size: 24px; margin-top: 15px;}

.introTxt .other span{ display: inline-block; margin-right: 42px; color: #666;}
.introTxt .other span:last-child{margin-right: auto;}
.introTxt .buyBtn,
.introTxt .collectBtn{ width: 600px; height:70px; background-color: #c2003b; display: inline-block; border-radius: 6px; text-align: center; line-height: 70px; color: #fff; font-size: 30px; margin-top: 20px;}
.introTxt .collectBtn{margin-left: 5px; background-color:#00aeea;}
.introTxt .buyBtn a,
.introTxt .collectBtn a{ color:#FFF}

/*[服务&联系方式]*/
body .serviceContact{height:230px;}
body .serviceContact .service{margin-top: 30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
body .serviceContact .service ul{padding-top: 10px;}
.property{width: 100%;}

/*产品属性&琢艺轩优势*/
.property .pBtn{
  width: 50%; height:60px; line-height: 60px; font-size: 26px; background-color: #e3e3e3; margin:0; float: left; text-align: center;
  -webkit-transition:all 0.5s;
          transition:all 0.5s;
}
.property .activeBtn{background-color: #c2003b; color: #fff;}
.property .propertyCon{width: 100%;}
.property .propertyCon li{ border-bottom:1px solid #ccc; margin:0 auto; padding:15px 0; float: left; width: 100%; }
.property .propertyCon li:first-child{border-top:1px solid #ccc;}
.property .propertyCon li:nth-child(even){background-color: #efefef}
/*简介*/
.property .propertyCon li:last-child{background: none; color: #999; line-height: 38px;}


.property .propertyCon li .tit{width: 150px;float: left; padding-left: 30px; color: #999;}
.property .propertyCon li .txt{width: 450px; float: left; padding-right:10px;}
.property .propertyCon li .txt a{ color:#000; text-decoration:underline}

/*优势*/
.superiorityCon{display: none;}


/**
 * 支付方式
 */
.payment{padding-left: 30px; padding-top: 20px;}
.payment h2,
.payment h3,
.payment p{font-weight: bold;}
.payment h2{ font-size: 30px; }
.payment h3{ padding-top: 20px; font-size: 24px; }
.payment {font-size: 18px;}
.payment ul{
  width: 590px;
  border-bottom:1px solid #ccc; margin-top: 20px; margin-bottom: 20px;
  -webkit-box-sizing:border-box;
        box-sizing:border-box;
}
.payment li{
  width: 590px; height:117px;  border:1px solid #ccc;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

.payment li{border-bottom:none;}
.payment li:last-child{}
.payment li .pic{width: 263px; height:117px; background: url(../images/payment/bank.jpg) no-repeat; float: left;
  border-right: 1px solid #ccc;
}
.payment li:nth-child(2) .pic{ background-position: 0px -117px;}
.payment li:nth-child(3) .pic{ background-position: 0px -234px;}
.payment li:nth-child(4) .pic{ background-position: 0px -351px;}
.payment li:nth-child(5) .pic{ background-position: 0px -468px;}

.payment li .txt{float: left; margin:27px 0 0 24px; line-height: 30px;}
.payment li .txt span{color: #d90000;}
.payment p.tip{margin-bottom: 40px;}
.payments{ font-size:18px; margin-bottom:20px;}
.payments{padding-left: 30px; padding-top: 20px;}
.payments h2,
.payments h3,
.payments p{font-weight: bold; line-height:28px;}
.payments h2{ font-size: 30px; }
.payments h3{ padding-top: 20px; font-size: 26px; }

.payments p a{color:#c2003b; text-decoration:none}
/**
 * 投票
 */
 .toupiaohead{ text-align:center; background-color:#c2003b; color:#fff}
.vobbg{ width:600px; background:url(../images/vob/bg01.jpg) repeat-y; padding:0 20px; padding-bottom:120px;}
.vobbg li{ height:160px; padding-top:30px;}
.vobbg li .vobjgpic{width:160px; float:left; margin-right:20px;}
.vobbg li .vobjgpic img{ border-radius: 120px; }
.vobbg li .vobjgtxt{ margin-top:50px; width:420px; float:left}
.vobbg li .vobjgtxt .vobjgtxta{ color:#333; font-size:28px; display:block}
.Bar ,.Bars { width: 300px; background-color:#cccccc; margin-top:8px; float:left; margin-right:20px;  /* 宽度 */  }
.Bar div,.Bars div { display: block;background:#c2003b;/* 进度条背景颜色 */ height: 20px; /* 高度 */ line-height: 20px;  /* 必须和高度一致，文本才能垂直居中 */ }
.vobbg li .vobjgtxt .vobjgtxtb{ color:#333; font-size:22px;float:left; width:100px}

.vobtp{width:580px; background:url(../images/vob/bg01.jpg) repeat-y; padding:0 30px;}
.vobtp01{ height:55px; line-height:55px; font-size:36px; color:#c2003b; text-align:center; font-weight:bold}
.vobtp02{ border:1px solid #e6e1dd; background-color:#fff; padding:25px 13px; line-height:35px; }
.vobtp02 a{ color:#333333}
.vobtp03{ background:url(../images/vob/bg01.jpg) repeat-y;  width:580px;  padding:0 30px 120px 30px;}
.vobtp031{ font-size:32px; line-height:45px;}
.vobtp03 ul{ margin-bottom:20px;}
.vobtp03 ul li{ margin-top:30px; font-size:28px; height:200px;}
.vobtp03 ul li span{ float:left; display:block; width:140px; line-height:160px;}
.vobtp03 ul li .vobjgpic{width:160px; float:left; margin-right:20px;}
.vobtp03 ul li .vobjgpic img{ border-radius: 120px; }
.vobtp032{ width:578px; border:1px solid #ccc; border-radius: 5px; height:200px; font-size:24px;-webkit-appearance: none; }
.vobtp033{  width:508px; border:1px solid #ccc; border-radius: 5px; height:380px; padding:15px; ;  margin:50px 20px 0px 20px; background:url(../images/vob/pic09.jpg) #fff no-repeat center; color:#666666}
.vobtp034{ margin-top:70px; text-align:center; margin-bottom:20px; font-size:28px;}
.vobtp035{ height:70px; line-height:70px; font-size:26px; padding-left:50px;}
.vobtp036{ width:330px;border-radius: 5px; height:50px; line-height:50px;border:1px solid #ccc; margin-left:10px;-webkit-appearance: none;}
.vobtp037{width:419px;border-radius: 5px; color:#fff; background-color:#c2003b; border:0px; height:50px; line-height:50px;-webkit-appearance: none; margin-top:15px;}
.rb{background:url(../images/vob/icon01.png) no-repeat ;}
.rb{width:22px;height:20px;margin:0 auto;padding:0;display:inline-block;*display:inline;zoom:1;vertical-align:middle;background-position:3px -1px;cursor:pointer;}
.rb_active{background-position:3px -20px;}
/**
 * 鉴定页
 */
.identifyHeader{height:80px; background-color: #c2003b; color: #fff; border:none; }
.identifyList{ width:640px; margin:0 auto}
.jianding{padding: 0px 25px; padding-top: 15px; padding-bottom: 20px; border-bottom: 2px solid #a7a7a7; line-height: 38px}
.identifyList .swiper-container{ width: 590px; height:386px; margin: 0 auto; position: relative; }
.identifyList .dBanner .pagination{background: none;}

.identifyList .dBanner .swiper-pagination-switch{background: none; border:2px solid #fff; height:13px; width: 13px;}
.identifyList .dBanner .swiper-active-switch{background-color: #000; border:2px solid #000;}
.identifyList .classify,
.identifyList .conTxt{color: #8d8d8d;}
.identifyList .tit span{float: right;}
.identifyList .conTxt{margin-bottom: 10px;}

.identifyList .txt{margin-top: 10px;}
.identifyList .txt span{color: #c2003b;}
.identifyList .date{color: #888;}

.identifyList .loadMore{width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; color: #999;}


/**
 * 免费鉴定
 */
.freeCon{width: 100%; height:auto; width:640px; margin:0 auto;}
.freeCon .intro{padding:25px; text-indent:2em; font-size: 25.6px; color: #a3a3a3; }
.freeCon .intro a{text-decoration:underline; color: #c2003b;}

.freeCon .tit{width: 100%; height:70px; background-color: #ffa203; text-align: center; line-height: 70px; color: #fff; font-size: 28px;}
.freeCon .userinfo{ padding:25px;}
.freeCon .userinfo li {margin-bottom: 25px;  position: relative; width: 590px;}
.freeCon .userinfo li span{width: 120px; display: block; float: left; line-height: 60px;}
.freeCon .userinfo li input,
.freeCon .userinfo li textarea{font-size: 24px; font-family: '微软雅黑';}
.freeCon .userinfo li input{border:1px solid #cfcfcf; background:none; height:58px; width: 445px; }
.freeCon .userinfo .sexCon span{ line-height: 40px;}
.freeCon .userinfo .sexCon input{float: left;}
.freeCon .userinfo .sexCon label{float: left; line-height: 50px; margin-left: 10px;}
.freeCon .userinfo li .ipt2{border:1px solid #cfcfcf; background:none; height:30px; width: 30px; position: relative; margin-top: 10px; }
.freeCon .userinfo li textarea{border:1px solid #cfcfcf; background:none; height:108px; width: 445px;}
.freeCon .userinfo li select{border:1px solid #cfcfcf; background:none; height:58px; width: 455px; font-size: 26px; font-family: '微软雅黑';}

.freeCon .userinfo li .point{position: absolute; top:0; right:0;}
.freeCon .userinfo li .photoCon{width: 470px; float: left;}
.freeCon .userinfo li .addBtn,
.freeCon .userinfo li .photo{ width: 140px; height:140px; float: left;}
.freeCon .userinfo li .addBtn{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJFNTExQ0M2RjdENzExRTRCMDZEODhCQjMyQzMwMERFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJFNTExQ0M3RjdENzExRTRCMDZEODhCQjMyQzMwMERFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkU1MTFDQzRGN0Q3MTFFNEIwNkQ4OEJCMzJDMzAwREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkU1MTFDQzVGN0Q3MTFFNEIwNkQ4OEJCMzJDMzAwREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DZL0NAAAGa0lEQVR42uxdAWRdVxi+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) center no-repeat; background-color: #d2d2d2;}
.freeCon .userinfo li .photo{ background-color: #707070; overflow: hidden; margin-right: 15px; margin-bottom: 15px;}
.freeCon .userinfo li .point{color: #d2446f; font-weight: bold; font-size: 32px; line-height: 64px;}
.freeCon .sendBtn{width: 100%; height:70px; line-height: 70px; text-align: center; background-color: #c2003b; color: #fff; font-size: 28px;}






/*温馨提示*/
.freeCon .tips{padding: 25px; background-color: #f1f1f1; font-size: 24px;}
.freeCon .team{ margin:25px 0 0 0; width: 100%; height:70px; line-height: 70px; text-align: center; background-color: #03aeb9; color: #fff; font-size: 28px;}
.freeCon .flow{ margin:25px 0 25px 0; width: 100%; height:70px; line-height: 70px; text-align: center; background-color: #03a31e; color: #fff; font-size: 28px;}
.freeCon .teamPic,
.freeCon .flowPic
{width: 100%; height:309px; background: url(../images/free/p.jpg) center 0 no-repeat; overflow: hidden;}
.freeCon .flowPic{background-position: center -314px; height: 351px; margin-bottom: 30px;}

.sub_button {
	height: 70px;
	margin-bottom: 15px;
	width: 100%;
}

.sub_button button {
	background:#999;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	height: 70px;
	line-height: 70px;
	border: 0;
	width: 100%;font-size: 28px;
}
.sub_button>div {

	height: 100%;
}
.pic input {
    display: inline-block;
    position: absolute;
    width: 100%;
     height: 100%;
    right: 0;
    top: 0;
    z-index: 4000;
    opacity: 0;

}
.upload .pic {
	width: 140px;
	
    height:165px;
	display: inline-block;
	position:relative;  
}
.upload img {
	width: 140px;
	height: 140px;border: 1px solid #f1f1f1;
}
.upload .pic {
	width: 140px;
	
    height:175px;
	display: inline-block;
	position:relative;
}
.upload img {
	width: 140px;
	height: 140px;
}
.pic>div {
  line-height: 35px;
  height: 35px;
  font-size: 16px;
  color: #999999;
  text-align: center;
}
.blockPage { height:80px; line-height:80px;}
/*slider css*/
.tabBox {
    position:relative;
   
}

.tabBox .hd{ 
    position: absolute;
    bottom: 0px;
    height: 43px; width: 100%;

}

.tabBox .hd span{
    border-radius: 15px;
margin: 0 5px;
background: none;
border: 2px solid #fff;
height: 13px;
width: 13px;display: inline-block;
    text-indent: -99999px;
}

.tabBox .hd ul .on{
    background-color: #000;
border: 2px solid #000;;
}

.tabBox .hd ul{
	margin:0 auto;
    text-align: center;
}

.tabBox .bd li img { 
    width:590px;
	height:590px;
}
/**
 * css3 animate
 */

@-webkit-keyframes backTopAm {
  0% { -webkit-transform: translate(0px,3px); }
  50% { -webkit-transform: translate(0px,-3px);}
  100% { -webkit-transform: translate(0px,3px);}
}

@-webkit-keyframes hotAm {
  0% { opacity: 1; }
  50% {  opacity: 0;}
  100% {  opacity: 1;}
}

.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/product/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:12px; line-height:24px; color:#666; margin-top:10px;}
.ss{ display:block}


/**
 * 微信
 */
.wx_recommend .title{width:100%; height:80px; border-bottom: 2px solid #ccc; text-align: center; line-height: 80px; color: #333; font-size: 32px;}
.wx_recommend ul{padding-left: 10px; margin-top: 10px;}
.wx_recommend li{width: 290px; height:161px; margin:10px 10px; float: left; position: relative;}
.wx_recommend .pic{width:290px; height: 161px; background-color: #ddd;  background: url(../images/public/loading.gif) center no-repeat; overflow: hidden;}
.wx_recommend .pic img{
  -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.wx_recommend .pic .lazy{ 
  opacity: 0;
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}

.wx_recommendp{margin-top: 5px; height:42px; overflow:hidden; line-height:21px; font-size:19px; position:absolute; bottom:0px; background-color:rgba(0, 0, 0, 0.5); padding:0 10px; width:270px;}
.wx_recommend p a{ color:#ffffff}
.wx_recommend .new_price{ float: left; color: #c2003b;}
.wx_recommend .old_price{ right:0; font-size: 19px; color: #666;text-decoration:line-through; }
.wx_recommend .new_price,
.wx_recommend .old_price{position: absolute; bottom:3px;}

/*查看更多*/
.wx_recommend .viewMore{width:100%; height:70px; border-top:solid 2px #ccc; border-bottom:solid 2px #ccc; position: relative; text-align: center; line-height: 70px; font-size:28px; color: #b48868; margin-top: 10px; }
.wx_recommend .viewMore p{display: inline;font-weight: bold; cursor:pointer; line-height:74px; }
.wx_recommend .viewMore p a{color: #b48868; }
.wx_recommend .viewMore div{font-weight: bold; font-family: Arial; display: inline-block; margin-left: 3px;}
.wx_recommend .viewMore div img{ padding-top:30px; padding-right:5px;}

#tag {
    padding: 0 8px;
    height: 60px;
    border-bottom: 1px solid #999999;
    line-height: 56px;
    font-size: 24px;
    color: #333333;
}
#tag li {
    float: left;
    padding: 0 30px;
}
#tag li a {
    color: #333333;
}
#tag li.current {
    border-bottom: 4px solid #c2003b;
}
.proHeaders{width:100px; float:right; height:80px;font-size: 26px;
  line-height: 80px;  color: #c2003b;position: relative;}
.proHeaders span  {content:""; width: 10px; height:10px; border-radius: 10px; background-color: #c2003b; position: absolute; top:50%; margin-top: -20px; right:10px;
  -webkit-animation-name: hotAm;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite; display:block}
  #searchTag{
	z-index:1000;display:none;position:absolute;top:0px;left:0px;width:333px;padding:20px 0px 10px 0px;background:#fff;border:solid 1px #cccaca; border-top:0px;
	
	border-radius:0 0 5px 5px;
}
#searchTag p{text-align:left;line-height:22px;margin:0;border:0;}
#searchTag span{font-weight:bold;color:#3366cc;}
#searchTag em.red{color:#ff0000;font-style:normal;}
#searchTag a{ padding:0 5px; display:block; line-height:35px; color:#666}
#searchTag a:hover{ background-color:#D2DEE8}
#tagClose{font-size:12px;color:#ff6600;font-weight:800;cursor:pointer;position:absolute;top:2px;right:8px;}
.sidebar-move{height:100%;overflow:hidden;}
.jd-footer-links li a{ color:#000}
.jd-footer-links li{ width:212px; float:left; border-right:1px solid #d7d7d7; text-align:center}
.jd-footer-links {
  width: 640px;
  margin: 0 auto;
  display: table;
  height: 13px;
  padding: 18px 0;
}

.txt-input {
  border: 1px solid #cfcfcf;
  background: none;
  height: 58px;
  width: 613px; margin:10px; padding:5px
}
.logined i {
  display: inline-block;
  width: 40px;
  height: 44px;
  background: url(../images/public/tx.png);  position: absolute; right:20px; top:7px; cursor:pointer;
  z-index: 99;
  margin-top: 11px;
  margin-left: 3px;
}