@charset "utf-8";
/* CSS Document */
body{text-align:center; font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; font-size:16px;  margin:0px 0px;  padding:0px 0px; color:#2b2b2b; background:#f7f7f7}  

form{margin:0px auto;  list-style-type:none;  padding:0px 0px; }  
td{font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;  font-size:16px;  }  
table{font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; margin:0px auto;  list-style-type:none;  padding:0px 0px;  }  
td {font-size:16px }  
tr {font-size:16px}  
th {font-size:16px}  
ul{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}  
li{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}    
a:link {color:#2b2b2b;text-decoration:none;  }  
a:visited {color:#2b2b2b;text-decoration:none;  }  
a:hover {color:#dd4824;text-decoration:none;  }  
a:active {color:#2b2b2b;text-decoration:none;  } 
.red{color:#ff0000}
.red a{color:#ff0000; text-decoration:none}
.red a:hover{color:#ff0000; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#FFFFFF; text-decoration:none}
.white a:hover{color:#fe7e01; text-decoration:none}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#fe7e01; text-decoration:none}
.yellow{color:#ba9948;}
.yellow a{color:#ba9948; text-decoration:none}
.yellow a:hover{color:#fff; text-decoration:none}
.blue{color:#2d52a7;}
.blue a{color:#2d52a7; text-decoration:none}
.blue a:hover{color:#2d52a7; text-decoration:none}
.grey{color:#999}
.grey a:link {color:#999;text-decoration:none;  }  
.grey a:visited {color:#999;text-decoration:none;  }  
.grey a:hover {color:#dd4824;text-decoration:none;  }  
.grey a:active {color:#999;text-decoration:none;  } 
.green{color:#046132}
.green a:link {color:#046132;text-decoration:none;  }  
.green a:visited {color:#046132;text-decoration:none;  }  
.green a:hover {color:#fe7e01;text-decoration:none;  }  
.green a:active {color:#046132;text-decoration:none;  } 
img{border:0px;}
.left{float:left;}
.right{float:right;}
.banner{clear:both}
.banner00{clear:both; overflow:hidden; height:3px; padding:0px; margin:0px}
.banner01{clear:both; overflow:hidden; height:20px; padding:0px; margin:0px}
.banner02{clear:both; overflow:hidden; height:30px; padding:0px; margin:0px}

#top{clear:both; overflow:hidden; border-bottom:1px solid #d8d8d8 }
.top{clear:both; width:1620px; margin:0px auto}
.logo{float:left; width:155px; padding:10px 0px 0px 0px; height:65px; overflow:hidden; display:block}
.menu{float:left; width:1260px; }
.btn{float:left; width:162px; padding:20px 0px 0px 50px}
.top .right{float:right; width:130px; padding:20px 0px 0px 0px; overflow:hidden}
.top .right .link{border:1px solid #dd4824; clear:both;color:#dd4824; border-radius:25px; height:36px; line-height:36px; font-size:16px;}
.top .right .link ul{list-style-type:none; padding:0px; margin:0px;}
.top .right .link li{width:47%; float:left; text-align:center; padding:0px 3% 0px 0px}
.top .right .link li:nth-child(1){background:url(../images/line02.jpg) repeat-y right 0px;padding:0px 0px 0px 3%}
.top .right .link a{color:#dd4824}
.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 120px; color:#fff; float:left}
.nav li:nth-child(1) {margin:0px 0px 0px 0px;}
.nav a:hover{text-decoration:none;color:#dd4824;}
#navBd{position:relative;}
.navHover a{display:inline-block; color:#dd4824;}
#navSelected{position:absolute;top:bottom;width:90px; height:74px; background:url(../images/line03.jpg) repeat-x 0px bottom}
#soso{width:870px; margin:0px auto; clear:both; padding:25px 0px 15px 0px; overflow:hidden}
.soso{border:2px solid #dd4824; clear:both; border-radius:55px; background:url(../images/line04.jpg) no-repeat right}
.soso_keywords{clear:both; text-align:left; font-size:16px; height:40px; line-height:40px; padding:0px 0px 0px 30px}
.soso_keywords b{color:#dd4824; font-weight:normal}
.soso_keywords span{margin:0px 15px 0px 0px}
.text01{background:#2d2d2d; border:none; height:53px;  line-height:53px; width:100%; font-size:18px; color:#fff}
input.text01 {outline: none}
.soso_pic{border-radius:0px 25px 25px 0px}
.av{clear:both}
.banner{ width:1720px; height:526px; text-align:center; position: relative; overflow: hidden; margin:0px auto}
.banner img{width:1720px; height:526px;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:200px;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:380px;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:1720px; 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:-47px}
.mainwarp .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainwarp .content li{float:left;  background:#9c9c9c; overflow:hidden; margin:20px 0px 10px 52px; padding:0px; width:389px; height:486px} 
.mainwarp .mpro_pic{display: table-cell;vertical-align: middle;width:389px;height:486px;overflow:hidden;}
.mainwarp .mpro_pic img{max-width:389px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 389 ? "389px" : "auto");
 max-height:486px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 486 ? "486px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}

.mainwarp .content li:hover .mpro_pic img{transform: scale(1.5);	}

/*.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;}
/*.frontier li:hover .fro_name{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;
  display: -moz-box;  -moz-line-clamp: 2;  -moz-box-orient: vertical;  word-wrap: break-word;  word-break: break-all;  white-space: normal; height:48px  }*/
.mpro_subtitle{clear:both; color:#999; font-size:12px; padding:8px 10px 0px 10px}
.mpro_subtitle .right img{margin:-1px 3px 0px 0px}
.mbtn{clear:both; width:25%; margin:20px auto 10px auto; display:inline-table; overflow:hidden; background:#dd4824; color:#dd4824; font-size:18px; height:45px; line-height:45px;border-radius:35px; text-align:center}
.mbtn a{color:#fff}
#footer{background:#e6e4e4; height:45px; line-height:45px; color:#1c1c1c; text-align:center}
.footer{clear:both; width:1716px; margin:0px auto}
.footer a{color:#1c1c1c}
.footer .left{}
.footer .left span{margin:0px 6px;}
.footer .right{}

.filter{clear:both; width:1716px; margin:0px auto;}
/* select */
.select{padding:15px 10px 1px 20px; font-size:16px; border:1px solid #d8d8d8}
.select li{list-style:none;padding:0px 0 0px 100px}
.select .select-list{}
.select dl{zoom:1;position:relative;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{width:100px;margin-bottom:5px;position:absolute;top:0;left:-100px;text-align:right;color:#dd4824;}
.select dd{float:left;display:inline;margin:0 5px 5px 0px; overflow:hidden}
.select a{display:inline-block;white-space:nowrap;height:33px; line-height:33px;padding:0 10px;text-decoration:none;color:#2b2b2b;border-radius:2px; border:1px solid #d8d8d8}
.select a:hover{color:#fff;background-color:#dd4824; border:1px solid #dd4824}
.select .selected a{color:#fff;background-color:#dd4824; border:1px solid #dd4824}
.select-result dt{font-weight:bold}
.select-no{color:#333}
.select .select-result a{padding-right:20px;background:#dd4824 url("../images/close.gif") right 3px no-repeat; color:#fff}
.select .select-result a:hover{background-position:right 3px}
.select-result a{height:25px; line-height:25px}
.select-result dt,.select-result dd{height:25px; line-height:25px}
.fenlei {overflow: hidden; border:none}
.fenlei li { display: block;float: left; line-height:35px}
.fenlei li.frist { padding: 0px; border: 0px;}
.fenlei-list { width: 100%; height: auto; overflow: hidden;}
.fenlei-list ul { display: block; width: 100%;  min-height:35px; }
.fenlei-list ul:nth-child(2n){ display: block; width: 100%; height:8px; overflow:hidden; min-height:8px; }
.fenlei-list li { margin-right:3px; padding: 0px; border: none;}
.fenlei-list li.all,
.fenlei-list li.more { border: 1px solid #dd4824; padding: 0px 15px; border-radius: 5px; color: #dd4824; height:25px; line-height:25px; font-size:12px}
.fenlei-list li.more { float: right; cursor: pointer; display:none}
.new-show {  float: left;  width:calc(100% - 70px); }
.ssoso{width:400px; float:left; margin:0px 0px 0px 4px}
.soso02{ width:100%; border:1px solid #c3c1be; background:#fff; height:31px; line-height:31px; font-size:14px;text-indent:10px}
.ssoso input{ outline: none; }

#record{clear:both; width:1716px; margin:25px auto 5px auto; display:none}
.record{clear:both;padding:15px 15px 15px 15px; overflow:hidden; font-size:16px; border:1px solid #d8d8d8 }
.record .left{}
.record .left img{margin:0px 5px -1px 0px}
.record .right{display:none}
.record .right ul{list-style-type:none; padding:0px; margin:0px;}
.record .right li{float:left; margin:0px 0px 0px 15px}
.record .right li img{margin:0px 5px -1px 0px}
.record .right li:nth-child(1),.record .right li:nth-child(2),.record .right li:nth-child(3),.record .right li:nth-child(4){display:none}
.ordericon{display:block; height:12px; width:12px; margin:6px 5px 0px 0px}
.down01{background:url(../images/down01.png) no-repeat 0px; float:left}
.down02{background:url(../images/down02.png) no-repeat 0px; float:left}
.up01{background:url(../images/up01.png) no-repeat 0px; float:left}
.up02{background:url(../images/up02.png) no-repeat 0px; float:left}
.record2{clear:both;padding:15px 15px 15px 15px; overflow:hidden; font-size:16px;border:1px solid #e8e8e8}
.record2 .left{}
.record2 .left img{margin:0px 5px -4px 0px; width:20px}

#otherinfo{clear:both; width:1674px; padding:20px 20px; border:1px solid #d8d8d8; overflow:hidden; margin:20px auto 0px auto; }
.otherinfo{width:1070px; margin:0px auto}
.otherinfo .left{width:200px; float:left; margin:0px 50px 0px 0px; height:250px }
.otherinfo .left img{width:200px}
.otherinfo .right{width:820px; text-align:left; line-height:42px; padding:20px 0px 0px 0px;font-size:20px  }
.otherinfo .right h1{font-size:28px; padding:0px;  margin:0px; font-weight:normal; color:#dd4824}

.otherwarp{clear:both; width:1720px; margin:0px auto; overflow:hidden}
.otherwarp{margin-top:10px;}
.oproducts{clear:both; margin-left:-47px}
.oproducts ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 52px; padding:0px; width:389px; height:532px} 
.oproducts .mpro_pic{display: table-cell;vertical-align: middle;width:389px;height:486px;overflow:hidden;}
.oproducts .mpro_pic img{max-width:389px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 389 ? "389px" : "auto");
 max-height:486px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 486 ? "486px" : "auto");
}
.oproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts .mpro_name{clear:both; padding:10px 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{clear:both; margin-left:-47px}
.oproducts3 ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts3 li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 52px; padding:0px; width:389px; height:587px} 
.oproducts3 .mpro_xz{width:150px; text-align:center; color:#fff; margin:15px auto; height:35px; line-height:35px; background:#dd4824}
.oproducts3 .mpro_xz a{color:#fff}
.mpro_xz{width:150px; text-align:center; color:#fff; margin:15px auto; height:35px; line-height:35px; background:#dd4824}
.mpro_xz a{color:#fff}
#seat{clear:both; width:1716px; margin:0px auto 5px auto; border:1px solid #d8d8d8 }
.seat{clear:both;padding:15px 15px 15px 15px; overflow:hidden; font-size:16px; }
.seat .left b{color:#dd4824}
.seat .left img{margin:0px 5px -1px 0px}
#recommend{clear:both; width:1716px; margin:0px auto 5px auto; }
.recommend{clear:both;padding:20px 20px; overflow:hidden; background:#def2fd;}
.recommend .left{font-size:24px; color: #013652;}
.reproducts{clear:both; margin-left:-47px}
.reproducts ul{list-style-type:none; padding:0px; margin:0px;}
.reproducts li{float:left;  background:#fff; overflow:hidden; margin:20px 0px 10px 52px; padding:0px; width:389px; height:532px} 
.reproducts .mpro_pic{display: table-cell;vertical-align: middle;width:389px;height:486px;overflow:hidden;}
.reproducts .mpro_pic img{max-width:389px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 389 ? "389px" : "auto");
 max-height:486px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 486 ? "486px" : "auto");
}
.reproducts li:hover .mpro_pic img{transform: scale(1.5);	}
.reproducts .mpro_name{clear:both; padding:10px 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:1720px; margin:0px auto; }
.productswarp{padding:30px 30px 8px 30px; overflow:hidden; }
#productswarp2{clear:both;}
.productswarp2{clear:both}

.pro_title{clear:both; text-align:center; clear:#000; padding:0px 0px 15px 0px; overflow:hidden}
.pro_title h1{font-size:20px; padding:0px; margin:0px 0px; color:#000}
.pro_pic{clear:both}
.pro_info{clear:both; padding:10px 0px;border-bottom: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8; overflow:hidden}
.pro_info ul{list-style-type:none; padding:0px; margin:0px;}
.pro_info li{width:33.33%; float:left; text-align:left; height:35px; line-height:35px; font-size:16px; color:#2b2b2b}
.pro_info li:nth-child(5){width:66.66%}
.pro_words{clear:both; border-bottom:1px solid #d8d8d8; color:#2b2b2b; font-size:14px; overflow:hidden; text-align:left; padding:10px 0px 10px 0px}
.pro_words img{margin:0px 5px -2px 0px}
.pro_words b{}
.pro_words span{margin-right:10px}
.pro_gjz{width:85px; float:left;line-height:25px}
.pro_gjc{float:left;width: calc(100% - 85px); line-height:25px }
.pro_page{clear:both; color:#2b2b2b; text-align:left; padding:10px 15px; line-height:35px}
.pro_page b{color:#2b2b2b}

/*图片轮播*/
.detail_context_pic{width:1117px;overflow:hidden; margin:0px auto; text-align:center; padding-bottom:20px}
.detail_context_pic_top{width:900px;overflow:hidden;text-align:center;position:relative;z-index:1; margin:0px auto}
.detail_context_pic_bot{width:1117px;height:182px;overflow:hidden;margin-top:20px;}
.detail_picbot_left{float:left;width:30px;height:90px;overflow:hidden; padding-top:52px;}
.detail_picbot_left a{display:block;width:30px;height:90px}
.detail_picbot_mid{float:left;width:1057px; height:167px;overflow:hidden;padding-top:15px;padding-bottom:13px;}
.detail_picbot_mid ul{height:182px;width:1057px;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:167px;margin-left:15px;display:inline;width:134px;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid_pic{display: table-cell;vertical-align: middle;width:134px;height:167px;overflow:hidden;}
.detail_picbot_mid ul li img{border:2px solid #e0e0e0;}
.detail_picbot_mid ul li img{max-width:130px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 130 ? "130px" : "auto");
 max-height:163px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 163 ? "163px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
 
#pic1{max-width:800px;}
.detail_picbot_mid ul li img.selectpic{border:2px solid #dd4824;}

.detail_picbot_right{float:left;width:30px;height:90pxoverflow:hidden; padding-top:52px;}
.detail_picbot_right a{display:block;width:30px;height:90px}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-20%;width:39px;height:50px;}
#preArrow_A{left:16px;background:url('../images/pic_left.png') 0px 0px no-repeat;}
#nextArrow_A{right:16px;background:url('../images/pic_right.png') 0px 0px no-repeat; }



/*#miaoshuwarp{position:relative;bottom:0;z-index:1;width:680px;text-align:left;}
.miaoshu{position:absolute;width:660px; padding:0 10px; bottom:0;height:30px; line-height:30px;color:White;font-size:14px;z-index:3;background:url("http://img1.askci.com/images/bcgL.png") repeat-x; font-family:"宋体";}

.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:300px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:270px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('http://img1.askci.com/images/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('http://img1.askci.com/images/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px;margin-left:50px;}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;border:1px solid #8d5a00;}
.firsttop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}*/

#listwarp{clear:both; width:1720px; margin:0px auto; }
.listwarp{padding:30px 30px 8px 30px; overflow:hidden;}

.list_title{clear:both; font-size:36px; color:#2b2b2b; padding:0px 0px 10px 0px}
.list_content{clear:both;}
.text02{height:35px; line-height:35px; border:1px solid #b6b6b6; width:90%}
.text03{border:1px solid #b6b6b6; width:96%}
.links_title{font-size:20px; text-align:left; clear:both; padding:0px 0px 10px 0px; overflow:hidden; font-weight:bold; color:#dd4824}
.links_pic{clear:both}
.links_pic ul{list-style-type:none; padding:0px; margin:0px;}
.links_pic li{float:left; width:12%; margin:0px 2% 10px 0px}
.links_pic img{width:100%; border:1px solid #b6b6b6}
.links_txt{clear:both; overflow:}
.links_txt ul{list-style-type:none; padding:0px; margin:0px;}
.links_txt li{float:left; width:10%; text-align:left; height:35px; line-height:35px;}

#protocol-con {
	BORDER-BOTTOM: #d8d8d8 1px solid; BORDER-LEFT: #d8d8d8 1px solid; PADDING-BOTTOM: 8px; OVERFLOW-Y: scroll; MARGIN: 0px auto; PADDING-LEFT: 8px; WIDTH:100%; PADDING-RIGHT: 8px; HEIGHT:350px; COLOR: #2b2b2b; BORDER-TOP: #d8d8d8 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 8px; text-align:left; margin-bottom:15px
}
#protocol-con h3{text-align:center; color:#dd4824}
.text04{height:30px; line-height:30px; border:1px solid #b6b6b6; width:80%}
.reg_left{float:left;width: calc(100% - 550px);}
.reg_right{width:450px; float:right; text-align:left; line-height:32px}
.reg_right h1{text-align:left; font-size:20px; color:#dd4824}

.loginbg{clear:both;background:#5c5c5c; min-height:565px;  width:1000px; margin:70px auto;   border-radius:20px; overflow:hidden}
 .log_left{float:left; width:422px;}
 .log_left img{border-radius:20px 20px 20px 20px;}
 .log_right{width:398px; float:left; padding:105px 90px 0px 90px;}
.lr_title{clear:both; font-size:24px; text-align:left; color:#eec420}
.lr_title ul{list-style-type:none; padding:0px; margin:0px;}
.lr_title li{width:50%; float:left}
.lr_title li a{color:#000}
.lr_title li.hover{border-bottom:2px solid #b13929; color:#b13929;}
.lr_title li.hover a{ color:#b13929;}
.lr_content ul{list-style-type:none; padding:0px; margin:0px;}
.lr_content li{list-style-type:none; padding:0px; margin:0px;  margin:25px 0px 0px 0px}
.yh_icon{background:url(../images/i19.png) no-repeat center;     position: absolute; width: 17px;    height:40px; margin-left:15px}
.yh_txt{background:#fff; width:100%; height:40px; line-height:40px; border:1px solid #dedede; border-radius:20px; text-indent:40px}
 input.yh_txt{  outline: none;}
.inp-password { position: relative;}
.inp-password input { background: #fff;width: 100%;height:40px; line-height:40px; border:1px solid #dedede; border-radius:20px; text-indent:40px}
.mm_icon{background:url(../images/i18.png) no-repeat center;     position: absolute; width: 17px;    height:40px; margin-left:15px}
.inp-password input:focus {outline: none;}
.inp-password #showPW {  position: absolute;  right: 15px;  top: 14px;  line-height: 14px;  cursor: pointer;  color: #fefbf6;  font-size: 12px;  font-weight: bold;}
.inp-password #showPW:after {content:url(../images/i21.png)}
.inp-password #showPW.hide:after {content:url(../images/i20.png)}
::-webkit-input-placeholder { color: #c1c1c1;}
.lr_content li.wjmm{margin:20px 0px 0px 0px; text-align:center; color:#fff; line-height:28px}
.wjmm a{color:#fff}
.wjmm a:hover{color:#fff}
.dl_btn a{color:#FFFFFF}
.rr_content ul{list-style-type:none; padding:0px; margin:0px;}
.rr_content li{list-style-type:none; padding:0px; margin:0px;  margin:10px 0px 0px 0px;}
.rr_content li:nth-child(1){margin:25px 0px 0px 0px}
.yx_icon{background:url(../images/i22.png) no-repeat center;     position: absolute; width: 17px;    height:40px; margin-left:15px}
.dl_btn{background:#e9ba18; font-size:20px; color:#FFFFFF;border-radius:30px; width:100%; height:45px; line-height:45px; text-align:center}
.ps_title{text-align:left; font-size:30px; overflow:hidden; clear:both;color:#b13929; padding-top:20px}

.hintbg{clear:both;background:#fff url(../images/bg02.jpg); min-height:565px; width:1000px; margin:70px auto;  border-radius:20px; overflow:hidden}
.hintinfo{clear:both; text-align:center; padding:150px 0px 0px 0px}
.hintinfo h1{font-size:36px; color:#dd4824; padding:20px 0px; margin:0px; font-weight:normal}
.hintitext{clear:both; line-height:32px;}

.clear {clear:both;height:0; overflow:hidden; visibility:hidden}
.hidden {display:none;}
.block {display:block;}
.fl{float:left;}
.fr{float:right;}
.qx_list{width:1746px; overflow:hidden; margin:0 auto}
.qx_list ul li { background: #fff;float: left; width:319.2px; margin: 20px 15px 20px 15px; }
.qx_picBox { }
.qx_picBox img{width:100%; height:auto}
.qx_picBox img{
width:100%;
transition: all 0.5s;}
.qx_picBox img:hover{
transform:scale(1.3);
}
.qx_txt {clear:both; padding:10px 10px 10px 10px; font-size:16px; text-align:left; line-height:24px; display: inline-block; white-space: nowrap;   width: 100%; overflow: hidden; text-overflow:ellipsis;}

.paginator { font:18px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px; }

.paginator a {padding:4px 12px; border: solid 1px #e6e4e4; background: #e6e4e4; text-decoration: none;margin-right:12px}
.paginator a:visited {padding:4px 12px; border: solid 1px #e6e4e4; background: #e6e4e4; text-decoration: none;}
.paginator .cpb {padding:4px 12px;font-weight: bold; font-size: 18px;border:none}
.paginator a:hover {color: #1c1c1c; background: #e6e4e4;border-color:#e6e4e4;text-decoration: none;}
.paginator span{color:#ff0000}

.pages{height:50px; position: absolute; top:50%; width:100%; padding:0px; margin:0px;}
.pages a:nth-child(1){float:left; display:block; background:url(../images/pic_left.png) no-repeat center ; width:48px; height:50px; margin:0px 0px 0px 30px}
.pages a:nth-child(2){float:right; display:block; background:url(../images/pic_right.png) no-repeat center ; width:48px; height:50px; margin:0px 45px 0px 0px}

.productswarp3{width:990px; margin:0px auto}
#contentPhoto{z-index:10; position:relative; text-align:center; width:990px; float:left; height:auto !important; vertical-align:middle;}
#photos{text-align:center; width:990px; 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");
}

.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 8%; color:#fff; float:left}
.navHover{ color:#dd4824;  background:url(../images/line03.jpg) repeat-x 0px bottom; height:74px}

.rides-cs {  font-size: 12px; background:#dd4824; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top:9px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn  h3{padding:10px 0px 5px 0px; margin:0px}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


.filter2{width:350px; background:#fff; float:right}
.filter2 .title{clear:both; text-align:left; font-size:18px; padding:8px 10px;color:#dd4824; font-weight:bold}
.filter2 .content{clear:both; padding:0px 10px 10px 10px; overflow:hidden;font-size: 20px;}
.filter2 .content li{float:left; padding:3px 0px;  width:29.6px; text-align:center; border:1px solid #d8d8d8; margin:0px 5px 5px 0px}
.filter2 .content li:hover{color:#fff; background:#dd4824; border:1px solid #dd4824}
.filter2 .content li:hover a{color:#fff}
.filter2 .content li.hover{color:#fff; background:#dd4824; border:1px solid #dd4824}
.filter2 .content li.hover a{color:#fff}
.filter2 .info{clear:both; background:#f7d5cc; padding:6px 0px}
.fruit{clear:both;border:1px solid #d8d8d8; padding:6px 6px;}
.fruit ul{list-style-type:none; padding:0px; margin:0px;}
.fruit li{clear:both; text-align:left; padding:3px 0px 3px 10px}
.gjz{clear:both}
.g_title{clear:both; text-align:left; font-size:18px; padding:8px 10px;color:#dd4824; font-weight:bold}
.g_content{clear:both; padding:0px 10px 10px 10px; overflow:hidden}
.g_content a{display:block; float:left; margin:0px 8px 3px 0px}
.oproducts2{clear:both;width: calc(100% - 370px); float:left}
.oproducts2 ul{list-style-type:none; padding:0px; margin:0px;}
.oproducts2 li{background:#fff; margin:0px 0px 15px 0px; overflow:hidden;}

.oproducts2 .mpro_pic{display: table-cell;vertical-align: middle;width:300px;height:auto;overflow:hidden; float:left; margin:0px 20px 0px 0px}
.oproducts2 .mpro_pic img{width:300px;}
.oproducts2 li:hover .mpro_pic img{transform: scale(1.5);	}
.oproducts2 .mpro_txt{float:left; width: calc(100% - 320px); text-align:left; line-height:36px; padding:15px 0px}
.oproducts2 .mpro_name{clear:both; font-size:20px; color:#000}
.oproducts2 li:hover .mpro_name,.oproducts2 li:hover .mpro_txt{color:#dd4824;}


.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block;
    width: 100%; /* 根据需要调整图片大小 */
    height: auto;
}

.overlay-text {
    position: absolute;
    top: 50%; /* 根据需要调整文字位置 */
    left: 50%; /* 根据需要调整文字位置 */
    transform: translate(-50%, -50%); /* 居中显示文字 */
    color: white; /* 文字颜色，根据需要调整 */
    font-size: 20px; /* 文字大小，根据需要调整 */
    background-color: rgba(0, 0, 0, 0.5); /* 文字背景色，根据需要调整透明度 */
    padding: 10px; /* 文字内边距，根据需要调整 */
    border-radius: 5px; /* 文字背景圆角，根据需要调整 */
    display: none; /* 初始状态下隐藏文字 */
    pointer-events: none; /* 确保文字容器不会干扰鼠标事件 */
    z-index: 1; /* 确保文字显示在图片上方 */
}

.image-container:hover .overlay-text {
    display: block; /* 鼠标悬停时显示文字 */
}
.overlay-text {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .overlay-text {
    opacity: 1;
}

/* 分页样式 */
.pagination {
    clear: both;
    text-align: center;
    padding: 15px 0;
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
    font-family: Arial, sans-serif;
}

.pagination a, .pagination strong {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    min-width: 30px;
    text-align: center;
    box-sizing: border-box;
}

.pagination a:hover {
    color: #dd4824 !important;
    border-color: #dd4824;
}

.pagination strong {
    background-color: #dd4824;
    color: #fff;
    border-color: #dd4824;
}

.pagination span {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    min-width: 30px;
    text-align: center;
    box-sizing: border-box;
}