@charset "utf-8";
/* CSS Document */
.clear{clear:both;}
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.clearfix::before {
  display: table;
  content: "";
}
a:active, a:hover {
  outline-width: 0;
}
#wampboxabout{
	margin: auto 0px;
	width: 100%;
	}
/**********关于我们star************/
.aboutbrandtop,.aboutbrandlocation{
  background-color: #EAE7E2;
}
.aboutbrandlocation img{
	width:100%;
}
.aboutbrandtop,.aboutbrandbtn,.aboutbrandlocation{width:100%;padding-top:5%;padding-bottom:5%;}
.aboutbrandtop,.aboutbrandbtn,.aboutbrandlocation{
	margin:10% auto;
	}
.aboutbrandtop h1,.aboutbrandtop p,.aboutbrandbtn h1,.aboutbrandbtn p,.aboutbrandlocation h1,.aboutbrandlocation p,.aboutbrandlocation h3{
	width:80%;
	display:block;
	margin:0 auto;
	text-align:left;
	letter-spacing:2px;
	}
	.aboutbrandlocation h3{
		margin-top:2%;
		}
		.aboutbrandtop p,.aboutbrandbtn p{
			margin-bottom:2%;
			}
.intromargin p{line-height:28px;letter-spacing:2px;}
.aboutbrandlocation h3{font-weight:bold;line-height:28px;margin-top:5%;font-size:15px;}
.intromargin h1{font-weight:bold;font-size:25px;margin-bottom:20px;}
.intromargin .img img{width:100%;}
/*******关于我们end**********/
/*******店面展示start**********/
.idea-lines{width:96%;background-color:#fff;margin:0px auto;border-top:1px solid #5e5c5c;}
.store-top{height:90px;border-bottom:1px solid #5e5c5c;width:96%;margin:0 auto;padding-bottom:20px;}
.store-topleft{float:left;}
.store-topright{float:right;}
@media screen and (min-width: 64.0625em){
.store-conbox{width:96%;max-width:1300px;margin:40px 2%;border:1px solid #5e5c5c;height:550px;}
}
	@media screen and (max-width: 64.0625em){
.store-conbox{width:96%;max-width:1300px;margin:40px 2%;border:1px solid #5e5c5c;height:100%;}
}
.store-conboxs{width:96%;margin:40px 2%;height:550px;}
.store-conbox-left h1{line-height:35px;font-size:16px;font-weight:bold;}
.store-conbox-left p{line-height:35px;color:#777575;text-align:justify;margin-bottom:10%;}
.otherstore a,.storexg a{width:100px;text-align:center;height:35px;line-height:35px;display:black;color:#fff;font-size:18px;font-weight:bold;text-indent:1cm;}
.otherstore,.storexg{
	margin:0 auto 10% auto;
	width: 80%;
	background: #333;
	text-align: center;
	}
.store-box{margin:20px auto 30px;}

@media screen and (min-width: 64.0625em){
	.Storeydbox{display:none;}
	.Storepcbox{display:black;}
	.store-conbox-left{float:left;width:25%;text-align:left;padding:2%;}
	.store-conbox-right{float:right;width:70%;}
	.store-probox-right{float:right;width:100%;}
	}
	
	@media screen and (max-width: 64.0625em){
		.Storepcbox{display:none;}
		.Storeydbox{display:black;margin-bottom:15%;}
		.store-conbox-left{width:98%;text-align:left;padding:2%;}
		.store-conbox-right{width:100%;}
	  .store-probox-right{width:100%;}
	  .Storeydbox dl{float:left;width:30%;overflow:hidden;margin:1% 2% 3% 1%;}
	  .Storeydbox dd{background:#333;text-align:center;margin:2% 2% 5% 2%;padding:2%;height:30px;line-height:30px;}
	  .Storeydbox dd a{color:#fff;}
		}
/*******店面展示end**********/
/*******店面展示 新start**********/
	.prouductbox{
		margin:5% 2%;
		
		}
		@media screen and (min-width: 64.0625em){
		.prouductbox ul li{
			float:left;
		}
	}
		.pronductmenu{
			text-align: center;
			}
		.pronductmenu li {
            text-align: center;
            float: left;
            width:33.3333%;
        }
		.twomenus li {
            text-align: center;
            float: left;
            width:49.3333%;
        }
	@media screen and (max-width: 64.0625em){
		.pronductmenu{
			margin-top:28%;
			}
		.twomenus{
			margin-top:8%;
			}
		}
  .pronductmenu ul li span {
		  display: inline-block;
		  border-bottom: 3px solid transparent;
		  font-size: 20px;
		  padding-bottom: 5px;
		  cursor: pointer;
		  padding-bottom: 6px;
		  position: relative;
		}

    .pronductmenu li.tabFocus {
        z-index: 100;
        position: relative;
    }
     .pronductmenu li.tabFocus span{
        border-bottom: 1px solid #333;
    }
    
    .prouductbox ul li span::before {
		  content: '';
		  display: inline-block;
		  width: 0%;
		  position: absolute;
		  height: 1px;
		  background: #4e4e4e;
		  transition: all 0.25s 0.1s;
		  -webkit-transition: all 0.25s 0.1s;
		  left: 50%;
		  transform: translateX(-50%);
		  bottom: 0;
		}
    .prouductbox ul li span {
		  display: inline-block;
		  border-bottom: 3px solid transparent;
		  padding-bottom: 5px;
		  cursor: pointer;
		  padding-bottom: 6px;
		  position: relative;
		}
		.prouductbox ul li span {
		  display: inline-block;
		  border-bottom: 3px solid transparent;
		  padding-bottom: 5px;
		  cursor: pointer;
		  padding-bottom: 6px;
		  position: relative;
		}
		.prouductbox ul li.active span::before, .prouductbox ul li span:hover::before {
		  width: 100%;
		}

.productcontent {
    height: 100%;
    padding: 10px;
    position: relative;
    top: 26px;
}

    .productcontent .productlist {
        display: none;
    }
  
    .productcontent .conFocus {
        display: block;
    }
    @media screen and (min-width: 64.0625em){
    	.productlist ul li{
	    	width:48%;
	    	}
    	}
    .productlist ul li{
    	margin-bottom:2%;
    	overflow:hidden;
    	}
    	.productlist ul li:nth-child(odd){
    		margin-right:2%;
    		}
    	 .productlist ul li img{
    		width:100%;
    		cursor:pointer;
    		transition:all 0.6s;
    	}
    	.productlist ul li img:hover{
    		transform:scale(1.3);
    		
    		}

/*******店面展示end**********/

/*******品牌理念start**********/
.idea-line{width:100%;background-color:#fff;margin:0px auto;border-top:1px solid #5e5c5c;}
.linabox{margin:40px 5%;}
.linaboxleft,.linaboxright{float:left;}
.linaboxleft{width:33%;}
.linaboxright{margin-left:10px;width:60%;}
.linaboxrightimg{margin:0px 0px 23px;}
.linaboxright p{line-height:29px;color:#333;width:100%;text-align:justify;}
.eventbox{margin:0px auto;}
.joinus-cenav{background-color:#fff;max-width:1060px;padding:10px 20px 0px;margin:0px auto;text-align:center;}
.joinus-cenav dl {padding-left:25%;padding-top:5%;}
.joinus-sign{padding-top:20px;text-align:right;padding-right:3%;}
.joinus-cenav dl dd{float:left;line-height:35px;margin:0px 2%;}
.joinus-cenav dl dd a{text-align:center;color:#fff;padding:10px 15px;font-size:14px;background:url(../s-images/navbg.jpg) no-repeat;width:100%;}
.supplybox{margin:40px 0px;}
.supplyleft,.supplyright{float:left;}
.supplyleft{width:35%;}
.supplyleft img{width:100%;}
.supplyright{margin-left:4%;width:60%;}
.supplyrightimg{margin:0px 0px 10px;}
.supplyright p{line-height:30px;color:#333;width:90%;}
/*******品牌理念end**********/

/*******品牌荣誉/我们团队/合作条件/合作步骤start**********/
.honerbox{margin:40px 5%;background:url(../s-images/honer.png) no-repeat right;}
.honerboxleft img{margin-bottom:2%;}
.honerboxleft p{line-height:24px;}
.teamboxleft,.teamboxright,.hezuoboxleft,.hezuoboxright{float:left;}
.teamboxleft{width:45%;}
.teamboxright{width:55%;}
.teamboxleft p{line-height:30px;width:90%;}
.hezuotijian p{margin:5% 0px 6%;}

@media screen and (min-width: 64.0625em){
.hezuozhengcu,.phezuozhengcu{display:none;}
.hezuoboxleft{width:65%;}
.hezuoboxright{width:35%;}
.hezuoboxleft li{line-height:50px;}
.hezuoboxleft table tr td{height:90px;}
.hezuoboxleft table tr td p{margin:2% 0px;}
	}
@media screen and (max-width: 64.0625em){
.hezuozhengcu,.phezuozhengcu{
	display:black;
	margin:20% auto 1% auto;
	width:90%;
	overflow:hidden;
	height:50px;
	}
.hezuotijian dl dd,.phezuotijian dl dd{
	float:left;
	width:22%;
	padding:1% 3%;
	margin:0 2%;
	text-align:center;
	background:#333;
	color:#fff;
	}
	.hezuotijian dl dd a,.phezuotijian dl dd a{
		color:#fff;
		letter-spacing:1px;
		font-size:12px;
		}
.hezuoboxleft{width:100%;}
.hezuoboxright{width:100%;}
.hezuoboxleft li{line-height:30px;}
.hezuoboxleft table tr td{height:90px;}
.hezuoboxleft table tr td p{margin:2% 0px;}
}
.xingshi{width:60%;}
.process{width:100%;height:auto;background-color:#bdbcbc;}
.process img{display: block;margin: auto;padding:10% 0px;width:70%;}
@media screen and (min-width: 64.0625em){
.application-boxleft,.application-boxright{float:left;}
.application-boxleft{width:33%;margin-right:12px;}
.application-boxright{width:65%;}
}
@media screen and (max-width: 64.0625em){
.application-boxleft{width:100%;margin-right:12px;}
.application-boxright{width:100%;margin-top:10%;}
}
.application-boxleft img,.application-boxright img{width:100%;}
.application-box{background:url(../s-images/application-bg.jpg) repeat;margin-top:2%;}
.mesageinput{height:55px;}
.mesagefont{height:65px;}
.application-box table tr td{padding:0px 5%;}
.application-box-sub {text-align:right;margin:5%;}
.application-box-sub  input{background-color:#333;padding:10px 40% 10px 40%;color:#fff;font-weight:bold;font-size:16px;border:none;cursor:pointer;}
@media screen and (min-width: 64.0625em){
.support_boxleft,.support_boxright{float:left;}
.support_boxleft{width:66%;margin-right:20px;}
.support_boxright{width:30%;}
}
@media screen and (max-width: 64.0625em){
.support_boxleft{width:100%;margin-right:20px;}
.support_boxright{width:100%;}
	}
.support_boxleft table tr td{height:65px;}
.support_boxleft td{line-height:26px;font-size:12px;}
.servicefont{width:93%;}
.support_boxleft td img{margin-right:5px;}
.support_boxright img{width:100%;}
.lian-yinimg{text-align:center;}
/*******品牌荣誉end**********/
/*******联系我们start**********/
.contact-topl{float:left;margin-left:20px;}
.contact-topr{float:right;}
@media screen and (min-width: 64.0625em){
.contact-boxleft,.contact-boxright{float:left;}
.contact-boxleft{width:65%;}
.contact-boxright{width:35%;}
#dituContent{width:92%;height:520px;overflow:hidden;border:#ccc solid 1px;}
}
@media screen and (max-width: 64.0625em){
#dituContent{overflow:hidden;border:#ccc solid 1px;margin-top:30%;}
.contact-boxleft{width:95%;margin:10% auto;}
.contact-boxleft img{width:100%;}
.contact-boxright{width:90%;margin:10% auto;}
	}
.contact-boxright h1{font-size:14px;}
.contact-boxright p{margin:10px 0px;}
.contact-boxright p input,.contact-boxright p  textarea{color:#666;font-size:12px;padding:5px;}
.contact-us{float:left;margin-top:20px;}
.contact-gzdz{float:left;}
.contact-gz{float:left;margin-top:20px;padding-left:20px;}
.contact-gz img{width:30%;}
.contact-us p{line-height:30px;}
.contact-us p span{color:#a96a23;font-size:26px;font-weight:bold;}
.contact-usline{margin-top:10px;}
/*******联系我们end**********/
/*******新闻中心start**********/
.newboxcontant,.boxcontant{
  margin: 5% 6%;
}
.newboxcontant h3,.boxcontant h3{
	font-size:25px;
	font-weight:bold;
	height:35px;
	line-height:35px;
	}
	
.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}	
.news-content .public-title {
  margin-bottom: 65px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.news-content .list-con .list {
  margin-bottom: 30%;
}
.news-content .list-con .list:nth-child(2n) .img {
  float: right;
}
.news-content .list-con .list .img {
  overflow: hidden;
  width: 45%;
}
.news-content .list-con .list .img a:hover {
  transform: scale(1.1);
}
.news-content .list-con .list .img a {
  display: block;
  padding-top: 62%;
}
.news-content .list-con .list .right > a {
  margin-top: 60px;
  color: #272727;
  display: inline-block;
}

.news-content .list-con .list .right:hover .title a::after {

    width: 0%;

}

.news-content .list-con .list .right .title a::after {

    right: 0;
    bottom: 0;

}
.news-content .list-con .list .right .title a::before, .news-content .list-con .list .right .title a::after {
  content: '';
  position: absolute;
  height: 1px;
  background: #000;
  width: 100%;
  transition: all 0.25s 0.1s;
  -webkit-transition: all 0.25s 0.1s;
}
.news-content .list-con .list .right:hover .title a::before {
  width: 0%;
}
.news-content .list-con .list .right .title a::before {
  left: 0;
  top: 0;
}
.news-content .list-con .list .right .title a {
  display: block;
  line-height: 80px;
  font-size: 24px;
  color: #272727;
  position: relative;
}
@media screen and (max-width: 64.0625em){
	.news-content{
		margin-left:1%;
		margin-right:1%;
		}
	.news-content .list-con .list .right .title a {
	  display: block;
	  line-height: 50px;
	  font-size: 14px;
	  font-weight:bold;
	  color: #272727;
	  position: relative;
	}
}
.news-content .list-con .list:nth-child(2n) .right {
  margin-right: 52%;
}
.textHidden {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news-content .list-con .list .right .ms {
  margin-top: 30px;
  line-height: 24px;
  color: #272727;
  height: 50px;
  overflow: hidden;
}

.news-content .list-con .list:nth-child(2n+1) .img {
  float: left;
}
.news-content .list-con .list .img {
  overflow: hidden;
  width: 45%;
}
.news-content .list-con .list:nth-child(2n+1) .right {
  margin-left: 52%;
}
	
.new-cenav{background-color:#fff;max-width:1060px;padding:10px 20px 0px;margin:0px auto;text-align:center;}
.new-cenav dl {padding-left:37%;padding-top:5%;}
.new-sign{padding-top:20px;text-align:right;padding-right:3%;}
.new-cenav dl dd{float:left;line-height:35px;margin:0px 2%;}
.new-cenav dl dd a{text-align:center;color:#fff;padding:10px 15px;font-size:14px;background:url(../s-images/navbg.jpg) no-repeat;width:100%;}
.newsbox{margin:40px 2%;padding-top:10%;}
.hot-new{margin-left:5%;margin-bottom:10px;}
.newscontant{
	margin-left:4%;right;padding-right:10px;
	}
.newslist{
		width:29%;
		float:left;
		padding:1% 2% 5% 1%;
}
.news-item,.info{
	width:100%;
}
.newslist img{
	width: 100%;
	object-fit: cover;
	transition: 0.2s;
}
.newslist img:hover{
	transform:scale(1.1);
	}
.newscontant .info{
	padding-top:2%;
	}
.newscontant .info	.title {
  width: 100%;
  font-size: 1rem;
  overflow: hidden;
}
.newslist a{color:#0a0a0a;
	text-decoration: none;
  line-height: inherit;
  cursor: pointer;
  font-size:12px;
}}
#newsdetailbox{
	margin-top:20%;
	}
.newsdetail{max-width:1280px;width:100%;margin:10% auto;}
.newsdetailbox{max-width:1280px;width:80%;margin:5% auto;vertical-align:middle;}
@media screen and (max-width: 64.0625em){ 
.newsdetail{max-width:1280px;width:100%;margin:30% auto;}
.newsdetailbox{width:98%;margin:18% auto;text-align: justify; }
.newsdetailbox p{width:100%;padding:0 2px;text-align: justify;font-size:14px; }
.newsdetailbox img{display: inline-block;width:100%;}
}

.newsdetail h1,.newsdetailbox h1{text-align:center;font-size:16px;font-weight:bold;}
.newsdetail h2,.newsdetailbox h2{text-align:center;line-height:35px;color:#666;}
.newsdetail p,.newsdetailbox p{line-height:28px;color:#333;text-indent:24px;text-align:justify;}
.newsdetailbox h1{letter-spacing:2px!important;}
.newsdetailbox p{font-size:13px!important;line-height:35px!important;}
.newsdetailbox p img {
display: block; margin: 0 auto;
}
.newsdetail img,.newsdetailbox img{width:100%;max-width:800px;margin:2% auto;}
/*******新闻中心end**********/
/*******精品展示start**********/
.collection{margin:20px 1%;}
.collection p{line-height:30px;}
.collection ul{height:500px;margin-top:5%;margin-left:5%;width:100%;}
.collection li{width:20%;float:left;margin-right:30px;text-align:center;height:300px;}
.collection li a span{line-height:30px;color:#000;}
.collection li  img{width:100%;}
/*******精品展示end**********/
/*******明星代言start**********/
.starbox{margin:40px auto;padding-left:20px;}
.starbox h1{height:40px;line-height:40px;font-size:24px;font-weight:bold;}
.starbox h1 img{padding-right:10px;position:relative;top:2px;}
.pstar1{padding-left:20px;width:80%;font-size:14px;}
.star1-box{margin:40px auto;width:990px;}
.star1-boxleft,.star1-boxright{float:left;}
.star1-boxright{padding-top:120px;padding-left:10%;}
.starpimg{padding-bottom:40px;}
.star1-boxright p img,.star2-boxleft p img{padding-right:10px;}
.star1-boxright p a,.star2-boxleft p a{color:#000;}
.star2-boxleft,.star2-boxright{float:left;}
.star2-boxright{padding-left:12%;}
.star2pimg{padding-bottom:20px;padding-top:100px;text-align:right;}
/*******明星代言end**********/
/****登录页start*****/
.textbox{padding-top:30px;}
.textbox li{height:45px;width:330px;}
.user{background:url(../s-images/loginil.jpg) no-repeat;width:325px;height:30px;}
.pwd{background:url(../s-images/loginib.jpg) no-repeat;width:325px;height:30px;}
.user input{position:relative;left:40px;height:29px;line-height:29px;border:0;}
.pwd input{position:relative;left:40px;height:29px;line-height:29px;border:0;}
/****登录页end*****/
/*******订货专区start**********/
.vipbox{margin-top:20px;margin-left:1%;background:url(../s-images/vip_bg.jpg) no-repeat;background-size: 98%;width:100%;height:480px;}
.textbox{padding:15% 18%;}
.phone,.name,.submit{width:48%;height:30px;}
.textbox p{margin:3% auto;}
.submit{background-color:#a96a23;border:none;color:#fff;font-size:18px;font-weight:bold;}
/*.name{background:url(../s-images/vip1.jpg) left center no-repeat #fff; }*/
.phone{background:url(../s-images/vip2.jpg) left center no-repeat #fff; }
#bg{width:100%;height:250%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;}
#popbox{position:absolute;width:800px; height:auto; left:30%; top:50%; margin:-100px 0 0 -200px; display:none; background:#fff;}
@media screen and (min-width: 320px) and (max-width: 720px){
#popbox{position:absolute;width:100%; height:auto; left:45%; top:50%; margin:-100px 0 0 -200px; display:none; background:#fff;}	
}
#popbox h1{font-size:24px;font-weight:bold;padding-top:20px;padding-bottom:10px;border-bottom:1px solid #9fa0a0;width:90%;text-align:center;margin:0px auto;}
#popbox h2{text-align:left;width:90%;margin:20px auto;font-size:20px;}
#popbox p{text-align:left;width:90%;margin:10px auto;font-size:18px;text-indent: 2em;line-height:28px;}
.dinghui{margin-left:35%!important;width:60%!important;}
#popbox a{padding:6px 10px;margin-right:2%; height:40px;line-height:40px;background:#000;color:#fff;border: 2px solid #000;text-align:center;}
/*******订货专区end**********/
/******shop-vip start********/
.shop-vipbox{margin:60px 10px;}
.shop-vipbox img{width:100%;}
.shop-vipboxleft,.shop-vipboxright{float:left;}
.shop-vipboxleft{width:32%;}
.shop-vipboxright{width:68%;}
.vip2,.vip3{float:left;width:50%;}
.vip4{width:100%;}
.hot-tel{margin:20px auto;font-size:14px;}
.hot-tel dl{margin:30px auto;}
.hot-tel dt{border-bottom:1px solid #b7b7b8;font-size:18px;font-weight:bold;}
.hot-tel dd{float:left;width:50%;height:auto;line-height:30px;}
.shop-noticebox{width:80%;margin:50px auto;line-height:28px;font-size:13px;color:#666;}
.shop-noticebox h2{font-weight:bold;}
.shop-noticefont{text-align:right;}
/*******店面形象start**********/
.main{ width:100%; margin:0 auto;}
.mod18{width:100%;height:545px;position:relative;}
.mod19{width:95%;height:146px;position:relative;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0px;background:url(../s-images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:41px;height:68px;}
.mod18 #prevTop{background:url(../s-images/prevBtnTop1.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../s-images/nextBtnTop2.png) 0 0 no-repeat;}
.mod18 .next{right:0px;background:url(../s-images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:100%;height:544px;position:absolute;color:#fff;}
.mod18 .picBox{ width:100%; height:550px; position:relative;overflow:hidden;}
.mod18 .picBox ul{height:544px;position:absolute; left:0;}
.mod18 .picBox li{height:544px;}
.mod19 .listBox{width:100%;height:146px;position:relative;overflow:hidden;}
.mod19 .listBox ul{height:146px;width:100%;position:absolute;}
.mod19 .listBox li{float:left;width:195px;height:146px;cursor:pointer;position:relative;}
.mod19 .listBox li a{display:block;height:146px;}
.mod19 .listBox .on img{border:1px solid #000;}
.mod19 .listBox .on i{display:block;}
.left { width:100%; float:left;}
/* 效果CSS结束 */

/*******产品形象start**********/
.main{ width:100%; margin:0 auto;}
.store-probox-right h2{margin-bottom:10px;}
.pro18{width:100%;height:545px;position:relative;}
.pro19{width:95%;height:146px;position:relative;}
.pro18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.pro18 .prev{left:0px;background:url(../s-images/prevBtn.png) no-repeat;}
.pro18 #prevTop,.pro18 #nextTop{top:250px;width:41px;height:68px;}
.pro18 #prevTop{background:url(../s-images/prevBtnTop1.png) 0 0 no-repeat;}
.pro18 #nextTop{background:url(../s-images/nextBtnTop2.png) 0 0 no-repeat;}
.pro18 .next{right:0px;background:url(../s-images/nextBtn.png) no-repeat;}
.pro18 li{float:left;}
.pro18 .cf li{position:relative;color:#fff;}
.pro18 .cf a{display:block;width:100%;height:544px;position:absolute;color:#fff;}
.pro18 .picBox{ width:100%; height:544px; position:relative;overflow:hidden;}
.pro18 .picBox ul{height:533px;position:absolute; left:0;}
.pro18 .picBox li{overflow:hidden;text-align:center;height:533px;}
.pro19 .listBox{width:100%;height:146px;position:relative;overflow:hidden;}
.pro19 .listBox ul{height:146px;width:100%;position:absolute;}
.pro19 .listBox li{float:left;width:195px;height:146px;cursor:pointer;position:relative;}
.pro19 .listBox li a{display:block;height:146px;}
.pro18 .picBox .on img{opacity: 1;width:560px;height:533px;}
@media screen and (min-width: 64.0625em){
.pro18 .picBox img{width:500px;height:533px;opacity: 0.3;filter: alpha(opacity=30); -moz-opacity: 0.3;_filter:alpha(opacity=30); z-index:1;}

}
@media screen and (max-width: 64.0625em){ 
.pro18 .picBox img{width:500px;height:533px; z-index:1;}

}
.pro18 .picBox li{background-color:#656667;}
.pro19 .listBox .on img{opacity: 1;border:1px solid #000;}
.pro19 .listBox  img{background:#000;opacity: 0.4;filter: alpha(opacity=40); -moz-opacity: 0.4;_filter:alpha(opacity=40);}
.pro19 .listBox .on i{display:block;}
.left { width:100%; float:left;}
/* 效果CSS结束 */
/**********二维码************/
.bodyMask,.playMask,.mz_bodyMask{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:1000;background:#496381;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;display:none;}
.qrcode{width:260px;}
.qrcode img {height: 258px;width: 258px;}
.qrcode img,.bodyWindow.qrcode span{float:left;}
.playBox .close,.mzclose{width:30px;height:30px;position:absolute;float:none;top:0px;right:-31px;background: url(../images/clear.png) no-repeat center center;cursor:pointer;z-index:10;}
@media screen and (min-width: 64.0625em){
.bodyWindow,.mz_bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:20%;left:40%;z-index:1500;display:none;border-radius:4px;}
}
@media screen and (max-width: 64.0625em){ 
	.bodyWindow,.mz_bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:20%;left:10%;z-index:1500;display:none;border-radius:4px;}
}
.bodyWindow .close,.mz_bodyWindow .close{width:30px;height:30px;position:absolute;float:none;top:-5px;right:-30px;cursor:pointer;z-index:10;}
.bodyWindow .close i,.mzclose i{width:30px;height:30px;float:left;background:url(../images/winclose.png) no-repeat center center;}
.w-100{width:260px;}
.h-30{line-height:30px;}
.f-c{text-align:center;}