@charset "utf-8";/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{background:#fff;font-family: 'PingFangSC-Thin', 'PingFang SC Light', 'Microsoft Yahei';font-size:16px;line-height:1.5;color:#333;text-align:left;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
img,a img,input{border:none}
a{text-decoration:none;color:#333;}
a:hover{color:#0085B2}
ul,ol,li{list-style:none;}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.clear,.dno{clear:both;}
.hidden{display:none;}
i,em{font-style:normal}
strong,.bold{font-weight:bold;}
input,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.n-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:100%;}
input,textarea{outline:medium none;}
textarea{resize:none}
.c666{ color: #666}.c333{ color: #333}.f60{color: #f60}.c999{ color: #999}
.fs12{ font-size: 12px}.fs14{ font-size: 14px}.fs20{ font-size: 20px}.fs28{ font-size: 28px}.fs36{ font-size: 36px}.fs48{ font-size: 48px}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;overflow:hidden;}
.mb20{ margin-bottom: 20px}
.rad5{border-radius:5px;}
.rad10{border-radius:10px;}
.w990{ width: 1000px; margin: 0 auto}
.top100{ margin-top: 100px}
.wmb80{ margin-bottom: 100px}
.w500{ width: 500px}

.head-top{ height: 60px;padding: 0}
.head-top .logo img{height:45px;margin-top:10px;display: block;}
.head-top .nav{font-size: 16px; height:60px;}
.head-top .nav a{ float:left; line-height: 60px;margin-left: 40px; color: #333;}
.head-top .nav a.hove{color: #f80}

.bn-bar{ width: 1000px; height:626px; margin:0 auto; overflow: hidden;; background:#D0F1FE url(bn-bar.jpg) no-repeat center 0; background-size: cover; text-align: center; color: #fff ;text-shadow:5px 2px 6px #000; }
.bn-bar .bang{ width: 120px; height: 120px; margin: 90px auto 30px}
.bn-bar .bang img{ width: 120px; height: 120px; overflow: hidden;}
.bn-bar .fs20,.bn-bar .fs36{ height: 48px; line-height: 48px;text-shadow:5px 2px 6px #000;}
.bn-bar .lst_w{ margin-top: 55px}
.bn-bar .lst_w a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; border: 1px #fff dotted; margin: 0 5px}
.bn-bar .lst_w a.scan{position: relative;}
.bn-bar .lst_w a.scan .scan_img{ position: absolute; width: 120px; bottom: -14px; left: 120px; z-index: 12}
.bn-bar .lst_w a.scan .scan_img img{width: 120px}
.bn-bar-box{ width: 100%; height: 300px;overflow: hidden; background:#D0F1FE url(../images/revision/bn-bar2.png) no-repeat center 0; background-size: cover; text-align: center; color: #fff}
.J-city{ position: relative; width: 100px; margin: 100px auto 0}
.J-city .city{ position: relative; width: 100px; text-align: left; display: block;}
.J-city .i-arrow{    width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #fff; position: absolute; left: 65px; top: 12px }
.J-city  ul{ position: absolute;width: 60px; background: #fff; left: 0; top: 30px; text-align: left; text-indent:7px; z-index: 11}
.J-city  ul a{ display: block;line-height: 32px}
.J-city  ul li a:hover{background: #f5f5f5;}
.setch{width: 460px; margin: 30px auto 0; height: 40px; position: relative;}
.setch .J-search-input{width: 330px;height: 16px;font-size: 14px;padding: 12px 60px 12px 10px;border: 0; text-align: center;}
.setch  .search-btn{ position: absolute;right: 0; top: 0; width: 60px; height: 40px; line-height: 40px; background: #f80; color: #fff ; text-align: center; font-size: 14px}

.w{ margin: 50px auto 80px; text-align: center;}
.w .tips{ font-size: 16px; margin-bottom: 30px}
.w .tips h2{ font-size: 36px;  font-weight: normal; height: 47px; line-height: 47px; color: #f60}
.w .listimg img{ display: block;float: left;overflow: hidden;}
.w .wimg1{ height: 344px; overflow: hidden;}
.w .wimg1 video{float: left; width: 500px; height: 344px; }
.w .wimg1 .img_2{ margin:0 0 2px 2px;width: 248px; height: 172px; }
.w .wimg2{ height: 330px; overflow: hidden;}
.w .wimg2 .img_1{ width:270px; height: 330px;  }
.w .wimg2 .img_2{ width: 478px; margin-left:2px;height: 330px}
.w .wimg2 .img_3{ width: 248px; margin:0 0 2px 2px;height: 165px}
.w .wimg3{ height: 330px; overflow: hidden; position: relative;}
.w .wimg3 .img_1{ width:270px; height: 165px; margin:0 2px 2px 0;}
.w .wimg3 .img_2{ width: 248px; height: 330px;}
.w .wimg3 .img_3{ width: 478px; height: 330px;margin-left:2px;}
.w .wimg3 .img_5{ position: absolute; width: 270px; height: 165px; left: 0 ;top: 167px}
.w .wimg4{ height: 305px; overflow: hidden;}
.w .wimg4 li{ display: block; float: left; width: 240px; background: #f5f5f5; padding: 40px 20px 20px; margin-left: 80px; height: 305px; font-size: 16px}
.w .wimg4 li:first-child{ margin-left: 0}
.w .wimg4 li .img_ico{width: 100px; margin: 0 auto 20px;}
.w .wimg4 li .img_ico img{ display: block; width: 100px; height: 100px; overflow: hidden; margin-bottom: 20px}

.c{padding: 70px 0; border-bottom: 1px #eee solid}
.c .fstxt{ font-size: 16px; color: #666; line-height: 36px}
.c .map{width: 500px; overflow: hidden;}
.w990 .c:last-child,.w990 .j:last-child{ border-bottom: 0}
.joint{ background: #f5f5f5; padding: 20px; margin: 50px 0 0; font-size: 16px; line-height: 32px; }
.j{padding: 50px 0; border-bottom: 1px #eee solid}
.j .t1{ margin-top: 20px}
.j .t1 h3{ color: #f60;font-weight: normal; font-size: 16px}
.j .t1 h3 span{ color: #999}
.b{ padding-top: 60px}
.b .fs28{ height: 50px}
.b .wimg4 li{ display: block; float: left; width: 240px; background: #f5f5f5; padding: 30px 20px ; margin-left: 80px;  font-size: 16px; height: 115px}
.b .wimg4 li:first-child{ margin-left: 0}
.b .wimg4 li .img_ico{text-align: center;}
.img_ico p{font-size:20px;}
.b .hzlist{position: relative; margin-left: -80px;line-height:0;}
.b .hzlist li{ width: 100px; display: block; float: left; text-align: center; margin-bottom: 40px; margin-left: 80px}
.b .hzlist li img{ width: 100px; height: 100px; overflow: hidden; border-radius: 50%; display: block; margin-bottom: 15px}
.b .wmlist{ position: relative; margin-left: -36px;text-align:justify;text-align-last:justify;line-height:0;}
.b .wmlist li{ width: 170px; height: 100px; display: block;float: left; text-align: center; margin-bottom: 30px; margin-left: 36px}
.b .wmlist li img{width: 170px; height: 100px; overflow: hidden; display: block;}
.abo p{ margin-bottom: 20px}
.abo img{width:1000px;}

.navigation{ padding: 10px 0; background: #f5f5f5;font-size: 14px; margin: 40px 0}
.navigation .nav-category{ position: relative; padding-left: 90px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px #ddd solid; margin: 0 15px}
.navigation  h4{ position: absolute;left: 0 ;top: 10px; color:#666;}
.navigation  a{white-space:nowrap; color: #0099CC; margin-right: 15px}
.navigation  a span{ color: #999}
.navigation   a.f60,.navigation   a:hover{ color: #f60}
.navigation .nav-category  .classfy-sub{ padding: 10px 15px; background: #fff; margin-top: 10px}
.navigation .bodn{ border-bottom: 0}
.navigation .nav-category .date-input{ width: 100px; padding: 5px; margin-right: 10px}
.list-box{ margin-top: 40px}
.list-t { margin-left: -20px}
.list-t li{ width: 320px; display: block; float: left; margin-left: 20px; margin-bottom: 50px; height: 350px;-webkit-transition: all .2s linear;transition: all .2s linear; position: relative;}
.list-t li.brick-item-active{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0)}
.list-t li a{display: block; color: #333}
.list-t li a:hover{color: #333}
.list-t li  img{width: 320px; height: 220px; overflow: hidden; display: block;}
.list-t li .txt{padding: 10px; background: #f5f5f5}
.list-t li .txt h2{font-size: 20px; line-height: 39px;font-weight: normal; height: 39px; overflow: hidden;}
.list-t li .txt .t{font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.list-t li .recommend .sellNum{font-size: 12px; color: #999; margin-top: 8px}
.list-t li .recommend .sellNum em{color: #666}
.list-t li .recommend .price{color: #f60; font-size: 20px}
.list-t li .recommend .price em{ font-size: 12px}
.list-t li .recommend .price i{font-size: 12px; color: #999}
.list-t li .offshelf{ position: absolute; width: 50px;right: 0;top: 194px; color: #fff; background: rgba(0, 0, 0, 0.5); height:26px; line-height: 26px; padding: 0 10px}
.setch-box{background: #f5f5f5;font-size: 14px; margin: 40px 0;padding: 15px;}
.setch-no{padding: 100px 0; text-align: center;}
.setch-no img{display: block; margin: 0 auto 30px}

.product-intro{width: 100%; height:470px; overflow: hidden;; background:url(../images/revision/bn-bar2.png) no-repeat center 0; background-size: cover; text-align: left; color: #666 }
.product-intro .w460{ width: 460px; margin-top: 75px}
.product-intro .w530{ width: 490px;  height: 355px;margin-top: 75px; background: #fff;background: rgba(255, 255, 255, 0.8); padding: 20px; position:relative;}
.product-intro .w530 h2{font-size:20px;color:#333;line-height:36px; margin-bottom: 24px;font-weight: normal;}
.product-intro .w530 h3{font-size:16px;color:#666;line-height:24px; font-weight: normal; margin-bottom: 24px;}
.product-intro .summary-stock{font-size:14px;color:#666666;line-height:24px; margin-bottom: 48px; height: 96px}
.product-intro .summary-stock .map{padding-left: 70px;font-size:12px;}
.product-intro .summary-stock .map a{ color: #0085b2}
.product-intro .w530 .item{ width: 220px; position: absolute;right: 20px ;bottom:30px}
.product-intro .w530 .item .w140{width: 140px; float: left; text-align: center; margin-top: 10px}
.product-intro .w530 .item .img{width: 80px;float: right;}
.product-intro .w530 .item .img img{width: 80px; height: 80px; overflow: hidden; display: block;}

.box-txt{ padding: 60px 0;min-height:500px;}
.box-txt .item{margin-bottom:40px;}
.box-txt .tit{ border-left:#39c 3px solid;line-height:22px;padding-left:10px;margin-bottom:15px;color:#f60;font-size:20px;}

.s-list h3{ line-height: 26px; margin-bottom: 20px}
.list-s { margin-left: -10px}
.list-s li{ width: 240px; display: block; float: left; margin-left: 10px;  height: 300px}
.list-s li a{display: block; color: #333}
.list-s li a:hover{color: #333}
.list-s li  img{width: 240px; height: 165px; overflow: hidden; display: block;}
.list-s li .txt{padding: 10px; background: #f5f5f5}
.list-s li .txt h2{font-size:16px;color:#333;line-height:36px; font-weight: normal; height: 36px; overflow: hidden;}
.list-s li .txt .t{font-size: 12px; line-height: 18px; height: 54px; color: #666; overflow: hidden;}
.list-s li .recommend .sellNum{font-size: 12px; color: #999; margin-top: 8px}
.list-s li .recommend .sellNum em{color: #666}
.list-s li .recommend .price{color: #f60; font-size: 20px}
.list-s li .recommend .price em{ font-size: 12px}
.list-s li .recommend .price i{font-size: 12px; color: #999}


.view .swiper-container,.view .swiper-container img {height: 316px; overflow: hidden; width: 460px;background:#fff;}
.preview {width: 465px;margin-top: 10px;position: relative; margin-left: -4px }
.preview .swiper-container {width: 460px;height: 61px}
.preview img {width: 88px;height: 61px; overflow: hidden; border-size:border-box; margin-left: 4px; display: block;}
.preview .active-nav img {border: 2px solid #F60; overflow: hidden; border-size:border-box;width: 84px;height: 57px;}

.imgno{ display: block; width:88px; height: 63px; background: rgba(255, 255, 255, 0.5); position: absolute;  top: 0}
.img_1{left: 96px;}
.img_2{left: 188px;}
.img_3{left: 280px;}
.img_4{left: 372px;}
/*分页*/
.page{text-align:center;color:#666666; font-size: 12px}
.page a,.page input{display:inline-block;height:26px;line-height:26px;padding:0 10px;border:1px solid #DDD;background:#FFF;margin-right:4px;color:#666666;vertical-align:top}
.page a:hover,.page a.page_prev:hover,.page a.page_next:hover,.page a.page_back:hover{border:1px solid #F2733A;color:#666;text-decoration:none}
.page a.current{cursor:default;background:#F2733A;color:#fff;border:1px solid #F2733A;text-decoration:none}
.page a.page_prev{}
.page a.page_prev_t{border:1px solid #DDD;color:#666}
.page a.page_back{border:1px solid #DDD;color:#666;}
.page a.page_prev_t:hover,.page a.page_next_b:hover{text-decoration:none;cursor:default;}
.page a.page_next{border:1px solid #DDD;}
.page a.page_next_b{border:1px solid #DDD;color:#666;}
.page span{display:inline-block;height:28px;line-height:28px;padding:0 7px 0 4px;_padding:3px 7px 0 4px;zoom:1}
.page input{width:29px;padding:0;text-align:center}
.page span.page_y{padding:0 7px 0 2px;}

/*底部*/
.footer{ background: #f5f5f5; text-align: center; padding: 66px 0 30px;}
.footer .fotnav a{ display: inline-block; margin: 0 10px; line-height: 28px}
.footer .info-links{ text-align: center; margin-bottom: 40px}
.footer .info-links a{ display: inline-block; margin: 0 30px; color:#666;}
.footer .info-links a .imges{background: #fff;border: 1px #ddd dotted; margin-bottom: 10px; width: 120px; height: 120px;overflow: hidden;}
.footer .info-links a img{ width: 120px; height: 120px; }
/*日历*/
.calendar{z-index:999;border:5px solid #ced6d8; background:#fff;border-radius:5px; box-shadow:0 2px 5px rgba(153,153,153,.7); display:none}
.calendar:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;overflow:hidden;}
.calendar_container{float:left; width:428px;}
.calendar .header{ color:#0085b2; font-size:14px; text-align:center; background:#eaf4f8; height:35px; line-height:35px; font-weight:bold;}
.calendar .header select{ outline:none;}
.calendar dl{color:#404040;font:12px/25px Tahoma; margin:0 0 0 1px; padding:0}
.calendar dt,.calendar dd{text-align:center;margin:0;padding:0;}
.calendar dt{float:left;width:60px;height:30px; line-height:30px; margin:0 0 0 -1px; border:1px solid #8fc3d8;color: #fff;background: #8fc3d8;}
.calendar dd{clear:both;font-weight:700;}
.calendar dd a,.calendar dd a span{float:left;width:60px;height:60px; margin:0 0 -1px -1px; border:1px solid #d2e2e8;overflow:hidden;text-decoration:none;outline:none;font:normal 12px/25px Verdana,Geneva,sans-serif;text-align:center;color:#000;background:#fff;}
.calendar dd a.selected:hover,.calendar dd a.selected{background-color:#ffecd9; color:#666;}
.calendar dd a.sat_weekend{color:#0000FF;}
.calendar dd a.sun_weekend{color:red; }
.calendar dd a.act{ background:#fff;}
.calendar dd a.disabled,.calendar dd a.disabled:hover{background:#f5f5f5;cursor:default;color:#e1e1e1}
.calendar dd a:hover{color:#666;background-color:#ffecd9;}
.calendar dd a span{display:block;width:37px;height:25px;margin:0;cursor:pointer;background:url(images/special_day.png) no-repeat -999px -999px;}
.calendar dd a.order{text-indent:-999px;}
.calendar dd a.order span{ background-position:0 0}
.calendar dd a.order:hover span{ background-position:-43px 0}
.calendar_prev,.calendar_next{position:absolute;cursor:pointer;top:2px;display:inline-block;line-height:1.0; width:10px; height:15px;background:url(../images/revision/index.png) no-repeat;} 
.calendar_prev{ left:20px; top:10px; background-position:0 -204px;}
.calendar_next{ right:20px; top:10px; background-position:0 -223px;}
.calendar_prev em,.calendar_next em{display:none;}
.calendar_date{display:block; font-size:12px; float:left; color:#999; width:50px; padding:0 5px; text-align:left; height:18px; line-height:18px;}
.calendar_price{ color:#ff6000;display:block;}
.cal{background:#5bb7de; margin:0 auto; padding:5px;}
.cal .for_rad{background:#fff; border-radius:3px;}
.cal .content{overflow: hidden;}
.cal .cal-control{ width:142px; height:50px; line-height:50px; margin:0 auto; text-align:center; position:relative}
.cal .cal-control a{width:20px; height:20px; line-height:16px; *line-height:19px; font-size:18px; font-weight:bold; display:inline-block; overflow:hidden; position:absolute; top:15px; background:#fff; color:#0085b2;}
.cal .cal-control a:hover{background:#5bb7de; color:#fff}
.cal a.pre{left:0;}
.cal a.next{right:0}
.cal .now{font-size:20px;color: #0085b2;padding: 0 8px}
.cal a.pre.disabled,.cal a.pre.disabled:hover,.cal .next.disabled,.cal a.next.disabled:hover{background:#ccc; color:#fff; cursor:default}
.cal .next.disabled{background:#ccc; color:#fff; cursor:default}
.cal table{width: 100%;border-collapse: collapse;}
.cal th{height: 38px;text-align: center;color: #000;line-height: 38px;width: 128px; font-size:14px; font-weight:normal}
.cal th span{color:#5bb7de; font-size:14px; font-weight:normal}
.cal td{border: 1px solid #97a7ad; _border:none; margin:0;padding:0; background:#e8e8e8;}
.cal .cal-content{position: relative; width:139px; height:189px;background:#edfaff;}
.cal .cal-content.date{ }
.cal .cal-info{float: left;position: relative;}
.cal .cal-info .cal-img a{display:block; width:139px; height:189px; color:#666; text-decoration:none}
.cal .cal-info .cal-img img{ width:139px; height:96px; display:block; border:none}
.cal .cal-info .cal-img p{padding:8px; background:#edfaff; display:block; float:left; height:76px; width:122px; overflow:hidden;}
.cal .cal-day{position: absolute; z-index:3; width:26px; height:26px; left:0; top:0; background:url(../images/activity/cal-date.png) no-repeat; color:#000;}
.cal .cal-list{width:280px; height:191px; position:absolute; left:139px; top:-1px; z-index:5; background:none repeat scroll 0 0 rgba(0,0,0,0.8); display:none}
.cal .fore6 .cal-list,.cal .fore7 .cal-list{left:-280px; top:-1px;}
.cal .hover{z-index: 3}
.cal .hover .cal-list{display: block; z-index: 5; background-color: rgb(197, 197, 197); opacity: 0.92; display: none;}
.cal .cal-list ul{padding: 10px 15px 0px 15px;overflow: hidden;}
.cal .cal-list li a{height:24px;line-height:24px; display:block; overflow:hidden; width:250px; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; color:#fff}
.cal .cal-list li a:hover{text-decoration:underline;}
.cal .cal-content.dat-loc .cal-day{ left:0; top:0; background-position:0 -26px; color:#fff; z-index:25}
.cal .cal-content.dat-loc .cal-list{display:block;}
.cal-border{position:absolute; border:2px solid #000; left:-1px; top:-1px; z-index:20; width:136px; height:187px; display:none;}
.dat-loc .cal-border{display:block;}
.cal-more{position:absolute; bottom:15px; right:20px; height:20px; line-height:20px;}
.cal-more a{color:#fff;}.cal-more a:hover{color:#fff; text-decoration:underline;}