@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1680px) and (min-width: 1366px){
.otherwarp2{width:1470px; clear:both; margin:0px auto}
.otherwarp{margin-top:10px;}
.top{clear:both; width:1480px; margin:0px auto}
.menu{float:left;width:1000px;}
.nav {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px;margin:0 auto; text-align:center}
.nav li{display: inline-block;*display: inline;width:90px; text-align:center; margin:0px 0px 0px 88px; color:#fff; float:left}
.nav li:nth-child(1) {margin:0px 0px 0px 0px;}
.nav a:hover{text-decoration:none;color:#dd4824;}

.banner{ width:1480px; height:453px; text-align:center; position: relative; overflow: hidden; margin:0px auto}
.banner img{width:1480px; height:453px;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:160px;width:40px;height:40px;background-color:#000;opacity:0.3;filter:alpha(opacity=30) color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
.prevBtn{left:30px;}
.nextBtn{right:30px;}
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner i{background:url(../images/i02.png) no-repeat;width:15px;height:23px;cursor:pointer;margin:8px 0 0 12px;display:block;}
.banner .nextBtn i{background-position:0px -24px;}
.banner .prevBtn i{background-position:0px 0px;}
.banner-circle{position:absolute;left:50%;top:330px;height:13px;text-align:center;font-size:0;border-radius:10px;background:rgba(255,255,255,0.3);filter:alpha(opacity:30);}
.banner-circle li{border-radius:10px;margin:2px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#d8d8d8;overflow:hidden;}
.banner-circle .selected a{background:#dd4824;}

.mainwarp{clear:both; width:1476px; margin:0px auto; padding:25px 0px; overflow:hidden}
.mainwarp_bg{background:#ebeaea}
.mainall{padding:25px 0px; overflow:hidden; clear:both}
.mainwarp .title{clear:both; padding:0px 0px 10px 0px; overflow:hidden; text-align:center}
.mainwarp .title h1{ font-size:12px; color:#434343;text-transform: uppercase; padding:0px; margin:0px}
.mainwarp .title h2{font-weight:normal; font-size:42px; color:#2b2b2b; padding:0px; margin:0px}
.mainwarp .content{clear:both; margin-left:-37px}
.mainwarp .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainwarp .content li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 42px; padding:0px; width:336px; height:420px} 
.mainwarp .mpro_pic{display: table-cell;vertical-align: middle;width:336px; height:420px;overflow:hidden;}
.mainwarp .mpro_pic img{max-width:336px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 336 ? "336px" : "auto");
 max-height:420px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 420 ? "420px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}

.footer{clear:both; width:1470px; margin:0px auto;}

.filter{clear:both; width:1470px; margin:0px auto;}
#record{clear:both; width:1470px; margin:25px auto 5px auto; display:none}

#otherinfo{clear:both; width:90%; padding:20px 5%; border:1px solid #d8d8d8; overflow:hidden; margin:20px auto 20px auto;position: relative;}


.otherwarp{clear:both; width:1480px; margin:0px auto; overflow:hidden}
.otherwarp{margin-top:10px;}
.oproducts{clear:both; margin-left:-42px}
.oproducts ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 42px; padding:0px; width:336px; height:467px} 
.oproducts .mpro_pic{display: table-cell;vertical-align: middle;width:336px;height:420px;overflow:hidden;}
.oproducts .mpro_pic img{max-width:336px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 336 ? "336px" : "auto");
 max-height:420px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 420 ? "420px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts .mpro_name{clear:both; padding:5px 10px 0px 10px; font-size:16px; text-align:left; line-height:24px; display: inline-block; white-space: nowrap;   width: 100%; overflow: hidden; text-overflow:ellipsis;}

/* 添加针对新的HTML结构的样式规则 */
.oproducts li a:hover .mpro_pic img{transform: scale(1.5);}

.oproducts3 ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts3 li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 42px; padding:0px; width:336px; height:522px} 

#seat{clear:both; width:1470px; margin:0px auto 5px auto;}

#recommend{clear:both; width:1470px; margin:0px auto;}
.reproducts{clear:both; margin-left:-42px}
.reproducts ul{list-style-type:none; padding:0px; margin:0px;}
.reproducts li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 42px; padding:0px; width:336px; height:467px} 
.reproducts .mpro_pic{display: table-cell;vertical-align: middle;width:336px;height:420px;overflow:hidden;}
.reproducts .mpro_pic img{max-width:336px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 336 ? "336px" : "auto");
 max-height:420px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 420 ? "420px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}

#productswarp{clear:both; width:1470px; margin:0px auto;}
#listwarp{clear:both; width:1470px; margin:0px auto; }

.qx_list{width:1500px; overflow:hidden; margin:0 auto}
.qx_list ul li { background: #fff;float: left; width:270px; margin: 20px 15px 20px 15px; }
}


@media only screen and (max-width: 1366px) {
.otherwarp2{clear:both; width:1010px; margin:0px auto; }
.otherwarp{margin-top:10px;}
.menu2{float:left;  width: calc(100% - 300px); margin:0px auto}
.menu2 {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px; text-align:center}
.menu2 li{width:90px; text-align:center; margin:0px 0px 0px 6%; color:#fff; float:left}
.top .right{float:right}

.top{clear:both; width:100%; margin:0px auto}
.menu{float:left; }
.nav {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px;margin:0 auto; text-align:center}
.nav li{display: inline-block;*display: inline;width:90px; text-align:center; margin:0px 0px 0px 88px; color:#fff; float:left}
.nav li:nth-child(1) {margin:0px 0px 0px 0px;}
.nav a:hover{text-decoration:none;color:#dd4824;}
.banner{ width:1160px; height:282px; text-align:center; position: relative; overflow: hidden; margin:0px auto}
.banner img{width:1160px; height:282px;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:130px;width:40px;height:40px;background-color:#000;opacity:0.3;filter:alpha(opacity=30); color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
.prevBtn{left:30px;}
.nextBtn{right:30px;}
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner i{background:url(../images/i01.png) no-repeat;width:15px;height:23px;cursor:pointer;margin:8px 0 0 12px;display:block;}
.banner .nextBtn i{background-position:0px -24px;}
.banner .prevBtn i{background-position:0px 0px;}
.banner-circle{position:absolute;left:50%;top:250px;height:13px;text-align:center;font-size:0;border-radius:10px;background:rgba(255,255,255,0.3);filter:alpha(opacity:30);}
.banner-circle li{border-radius:10px;margin:2px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#d8d8d8;overflow:hidden;}
.banner-circle .selected a{background:#ff0000;}

.mainwarp{clear:both; width:1158px; margin:0px auto; padding:25px 0px; overflow:hidden}
.mainwarp_bg{background:#ebeaea}
.mainall{padding:25px 0px; overflow:hidden; clear:both}
.mainwarp .title{clear:both; padding:0px 0px 10px 0px; overflow:hidden; text-align:center}
.mainwarp .title h1{ font-size:12px; color:#434343;text-transform: uppercase; padding:0px; margin:0px}
.mainwarp .title h2{font-weight:normal; font-size:42px; color:#2b2b2b; padding:0px; margin:0px}
.mainwarp .content{clear:both; margin-left:-38px}
.mainwarp .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainwarp .content li{float:left;  background:#fff;  overflow:hidden; margin:20px 0px 10px 38px; padding:0px; width:260px; height:325px} 
.mpro_pic{display: table-cell;vertical-align: middle;width:260px;height:325px;overflow:hidden;}
.mpro_pic img{max-width:260px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 260 ? "260px" : "auto");
 max-height:325px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 325 ? "325px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}

.footer{clear:both; width:100%; margin:0px auto;}

.filter{clear:both; width:100%; margin:0px auto;}
#record{clear:both; width:100%; margin:25px auto 5px auto; display:none }

#otherinfo{clear:both; width:90%; padding:20px 5%; border:1px solid #d8d8d8; overflow:hidden; margin:20px auto 0px auto;position: relative;}
.otherinfo{width:100%}
.otherinfo .left{width:200px; margin:0px 20px 0px 0px;}
.otherinfo .right{width: calc(100% - 220px); float:left; margin:0px 0px; padding:0px 0px;}

.otherwarp{clear:both; width:100%; margin:0px auto; overflow:hidden}
.otherwarp{margin-top:10px;}
.oproducts{clear:both; margin-left:-20px}
.oproducts ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts li{float:left;  background:#fff;  overflow:hidden; margin:20px 0px 10px 20px; padding:0px; width:237px; height:340px} 
.oproducts .mpro_pic{display: table-cell;vertical-align: middle;width:237px;height:296px;overflow:hidden;}
.oproducts .mpro_pic img{max-width:237px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 237 ? "237px" : "auto");
 max-height:296px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 296 ? "296px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts li:hover .mpro_pic img{transform: scale(1.5);	}

.oproducts3 ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts3 li{float:left;  background:#fff;  overflow:hidden; margin:20px 0px 10px 20px; padding:0px; width:237px; height:395px} 

#seat{clear:both; width:100%; margin:0px auto 5px auto;}

#recommend{clear:both; width:100%; margin:0px auto;}
.reproducts{clear:both; margin-left:-38px}
.reproducts ul{list-style-type:none; padding:0px; margin:0px;}
.reproducts li{float:left;  background:#fff; overflow:hidden; margin:0px 0px 28px 38px; padding:0px; width:260px; height:370px} 
.reproducts .mpro_pic{display: table-cell;vertical-align: middle;width:260px;height:325px;overflow:hidden;}
.reproducts .mpro_pic img{max-width:257px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 257 ? "257px" : "auto");
 max-height:325px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 325 ? "325px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}

#productswarp{clear:both; width:1160px; margin:0px auto;}
#listwarp{clear:both; width:1160px; margin:0px auto; }

.qx_list{width:1010px; overflow:hidden; margin:0 auto}
.qx_list ul li { background: #fff;float: left; width:182px; margin: 20px 10px 20px 10px; }
}

@media only screen and (min-width: 1367px) and (max-width: 1600px) and (min-width: 1367px){
.otherwarp2{clear:both; width:1160px; margin:0px auto; }
.otherwarp{margin-top:10px;}
.top{clear:both; width:1160px; margin:0px auto}
.menu{float:left; }
.nav {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px;margin:0 auto; text-align:center}
.nav li{display: inline-block;*display: inline;width:90px; text-align:center; margin:0px 0px 0p 88px; color:#fff; float:left}
.nav li:nth-child(1) {margin:0px 0px 0px 0px;}
.nav a:hover{text-decoration:none;color:#dd4824;}
.banner{ width:1160px; height:282px; text-align:center; position: relative; overflow: hidden; margin:0px auto}
.banner img{width:1160px; height:282px;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:130px;width:40px;height:40px;background-color:#000;opacity:0.3;filter:alpha(opacity=30) color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
.prevBtn{left:30px;}
.nextBtn{right:30px;}
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner i{background:url(../images/i01.png) no-repeat;width:15px;height:23px;cursor:pointer;margin:8px 0 0 12px;display:block;}
.banner .nextBtn i{background-position:0px -24px;}
.banner .prevBtn i{background-position:0px 0px;}
.banner-circle{position:absolute;left:50%;top:250px;height:13px;text-align:center;font-size:0;border-radius:10px;background:rgba(255,255,255,0.3);filter:alpha(opacity:30);}
.banner-circle li{border-radius:10px;margin:2px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#d8d8d8;overflow:hidden;}
.banner-circle .selected a{background:#ff0000;}

.mainwarp{clear:both; width:1158px; margin:0px auto; padding:25px 0px; overflow:hidden}
.mainwarp_bg{background:#ebeaea}
.mainall{padding:25px 0px; overflow:hidden; clear:both}
.mainwarp .title{clear:both; padding:0px 0px 10px 0px; overflow:hidden; text-align:center}
.mainwarp .title h1{ font-size:12px; color:#434343;text-transform: uppercase; padding:0px; margin:0px}
.mainwarp .title h2{font-weight:normal; font-size:42px; color:#2b2b2b; padding:0px; margin:0px}
.mainwarp .content{clear:both; margin-left:-38px}
.mainwarp .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainwarp .content li{float:left;  background:#fff; overflow:hidden; margin:0px 0px 28px 38px; padding:0px; width:260px; height:325px} 
.mpro_pic{display: table-cell;vertical-align: middle;width:260px;height:325px;overflow:hidden;}
.mpro_pic img{max-width:260px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 260 ? "260px" : "auto");
 max-height:325px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 325 ? "325px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}

.footer{clear:both; width:1160px; margin:0px auto;}

.filter{clear:both; width:1160px; margin:0px auto;}
#record{clear:both; width:1160px; margin:25px auto 5px auto; display:none }

#otherinfo{clear:both; width:90%; padding:20px 5%; border:1px solid #d8d8d8; overflow:hidden; margin:20px auto 20px auto;position: relative;}


.otherwarp{clear:both; width:1158px; margin:0px auto; overflow:hidden}
.otherwarp{margin-top:10px;}
.oproducts{clear:both; margin-left:-38px}
.oproducts ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts li{float:left;  background:#fff;  overflow:hidden; margin:0px 0px 28px 38px; padding:0px; width:260px; height:370px} 
.oproducts .mpro_pic{display: table-cell;vertical-align: middle;width:260px;height:325px;overflow:hidden;}
.oproducts .mpro_pic img{max-width:260px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 260 ? "257px" : "auto");
 max-height:325px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 325 ? "325px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts li:hover .mpro_pic img{transform: scale(1.5);	}

.oproducts3 ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts3 li{float:left;  background:#fff;  overflow:hidden; margin:0px 0px 28px 38px; padding:0px; width:260px; height:425px} 

#seat{clear:both; width:1160px; margin:0px auto 5px auto;}

#recommend{clear:both; width:1470px; margin:0px auto;}
.reproducts{clear:both; margin-left:-37px}
.reproducts ul{list-style-type:none; padding:0px; margin:0px;}
.reproducts li{float:left;  background:#fff; overflow:hidden; margin:0px 0px 28px 38px; padding:0px; width:260px; height:370px} 
.reproducts .mpro_pic{display: table-cell;vertical-align: middle;width:260px;height:325px;overflow:hidden;}
.reproducts .mpro_pic img{max-width:257px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 257 ? "257px" : "auto");
 max-height:325px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 325 ? "325px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}

#productswarp{clear:both; width:1160px; margin:0px auto;}
#listwarp{clear:both; width:1160px; margin:0px auto; }

.qx_list{width:1185px; overflow:hidden; margin:0 auto}
.qx_list ul li {background:#fff;float: left; width:212px; margin: 20px 12.5px 20px 12.5px; }
}

@media only screen and (max-width: 1024px){
.otherwarp2{clear:both; width:830px; margin:0px auto; overflow:hidden}
.otherwarp{margin-top:10px;}
.menu2{float:left;  width: calc(100% - 200px); margin:0px auto}
.menu2 {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px; text-align:center}
.menu2 li{width:90px; text-align:center; margin:0px 0px 0px 4%; color:#fff; float:left}
.navHover{ color:#dd4824;  background:url(../images/line03.jpg) repeat-x 0px bottom}
.top{clear:both; width:100%; margin:0px auto}
.menu{float:left; width:100%; }
.nav {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px;margin:0 auto; text-align:center}
.nav li{display: inline-block;*display: inline;width:90px; text-align:center; margin:0px 0px 0p 88px; color:#fff; float:left}
.nav li:nth-child(1) {margin:0px 0px 0px 0px;}
.nav a:hover{text-decoration:none;color:#dd4824;}
.banner{ width:100%; height:282px; text-align:center; position: relative; overflow: hidden; margin:0px auto}
.banner img{width:100%; height:282px;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:130px;width:40px;height:40px;background-color:#000;opacity:0.3;filter:alpha(opacity=30); color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
.prevBtn{left:30px;}
.nextBtn{right:30px;}
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner i{background:url(../images/i01.png) no-repeat;width:15px;height:23px;cursor:pointer;margin:8px 0 0 12px;display:block;}
.banner .nextBtn i{background-position:0px -24px;}
.banner .prevBtn i{background-position:0px 0px;}
.banner-circle{position:absolute;left:50%;top:250px;height:13px;text-align:center;font-size:0;border-radius:10px;background:rgba(255,255,255,0.3);filter:alpha(opacity:30);}
.banner-circle li{border-radius:10px;margin:2px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#d8d8d8;overflow:hidden;}
.banner-circle .selected a{background:#ff0000;}

.mainwarp{clear:both; width:100%; margin:0px auto; padding:25px 0px; overflow:hidden}
.mainwarp_bg{background:#ebeaea}
.mainall{padding:25px 0px; overflow:hidden; clear:both}
.mainwarp .title{clear:both; padding:0px 0px 10px 0px; overflow:hidden; text-align:center}
.mainwarp .title h1{ font-size:12px; color:#434343;text-transform: uppercase; padding:0px; margin:0px}
.mainwarp .title h2{font-weight:normal; font-size:42px; color:#2b2b2b; padding:0px; margin:0px}
.mainwarp .content{clear:both; margin-left:-20px}
.mainwarp .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainwarp .content li{float:left;  background:#fff; overflow:hidden; margin:0px 0px 15px 20px; padding:0px; width:192px; height:278px} 
.mpro_pic{display: table-cell;vertical-align: middle;width:192px;height:240px;overflow:hidden;}
.mpro_pic img{max-width:192px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 192 ? "192px" : "auto");
 max-height:240px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 240 ? "240px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.recommend{padding:10px 10px; margin-bottom:15px}

.footer{clear:both; width:100%; margin:0px auto;}

.filter{clear:both; width:100%; margin:0px auto;}
#record{clear:both; width:100%; margin:15px auto 15px auto; display:none}

#otherinfo{clear:both; width:89%; padding:20px 5%; border:1px solid #d8d8d8; overflow:hidden; margin:20px auto 20px auto;position: relative;}
.otherinfo{width:100%}
.otherinfo .left{width:200px; margin:0px 20px 0px 0px;}
.otherinfo .right{width: calc(100% - 220px); float:left; margin:0px 0px; padding:0px 0px;}

.otherwarp{clear:both; width:100%; margin:0px auto; overflow:hidden}
.otherwarp{margin-top:10px;}
.oproducts{clear:both; margin-left:-20px}
.oproducts ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts li{float:left;  background:#fff;  overflow:hidden; margin:0px 0px 15px 20px; padding:0px; width:192px; height:278px} 
.oproducts .mpro_pic{display: table-cell;vertical-align: middle;width:192px;height:240px;overflow:hidden;}
.oproducts .mpro_pic img{max-width:192px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 192 ? "192px" : "auto");
 max-height:240px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 240 ? "240px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts .mpro_name{clear:both; padding:5px 10px 0px 10px; font-size:16px; text-align:left; line-height:24px; display: inline-block; white-space: nowrap;   width: 100%; overflow: hidden; text-overflow:ellipsis;}

/* 添加针对新的HTML结构的样式规则 */
.oproducts li a:hover .mpro_pic img{transform: scale(1.5);}

.oproducts3 ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts3 li{float:left;  background:#fff;  overflow:hidden; margin:0px 0px 15px 20px; padding:0px; width:192px; height:333px} 

#seat{clear:both; width:99%; margin:0px auto 5px auto;}
.seat{padding:5px 5px; font-size:14px}

#recommend{clear:both; width:100%; margin:0px auto;}
.reproducts{clear:both; margin-left:-20px}
.reproducts ul{list-style-type:none; padding:0px; margin:0px;}
.reproducts li{float:left;  background:#fff; overflow:hidden; margin:0px 0px 15px 20px; padding:0px; width:192px; height:278px} 
.reproducts .mpro_pic{display: table-cell;vertical-align: middle;width:192px;height:240px;overflow:hidden;}
.reproducts .mpro_pic img{max-width:192px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 192 ? "192px" : "auto");
 max-height:240px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 240 ? "240px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.reproducts .mpro_name{clear:both; padding:5px 10px 0px 10px; font-size:16px; text-align:left; line-height:24px; display: inline-block; white-space: nowrap;   width: 100%; overflow: hidden; text-overflow:ellipsis;}

#productswarp{clear:both; width:100%; margin:0px auto;}
#listwarp{clear:both; width:100%; margin:0px auto; }

.qx_list{width:100%; overflow:hidden; margin:0 auto}
.qx_list ul li {background:#fff;float: left; width:192px; margin:0px 7.5px 15px 7.5px; }

.productswarp3{clear:both; width:830px; margin:0px auto; overflow:hidden}
#contentPhoto{z-index:10; position:relative; text-align:center; width:830px; float:left; height:auto !important; vertical-align:middle;}
#photos{text-align:center; width:830px; height:auto !important; vertical-align:middle; margin:0px auto}
#photoDiv{position: relative;}
#photoDiv img{width:700px; height:auto}
#photoDivx img{max-width:900px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 900 ? "900px" : "auto");
 max-height:700px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 700 ? "700px" : "auto");
}
}
@media only screen and (max-width: 1024px){
.otherwarp{margin-top:10px;}
.menu2{float:left;  width: calc(100% - 200px); margin:0px auto}
.menu2 {position:relative; height:74px;overflow:hidden;line-height:74px;font-size:18px; text-align:center}
.menu2 li{width:90px; text-align:center; margin:0px 0px 0px 4%; color:#fff; float:left}
}