@charset "utf-8";

body,a { color:#858484; }

.banner .bd,.banner .bd li {height: 400px;}
.container { padding-bottom:100px; background: #f7f7f7; }
.container .wrap { width:1000px; height:auto !important; height:400px; min-height:400px; margin:0 auto; }
.wrap .sidebar { float:left; width:204px; }
.wrap .main { float:right; width:754px; }

.colPicTitle { width:178; height:105px; padding:4px 0 7px 17px; background: #ed6d1e; padding: 43px 0 0 26px;}
.colPicTitle h2 { color:#fff; font:normal 24px/24px "Arial"; background: url(../images/md-icon-1.jpg) no-repeat left bottom; padding-bottom: 24px; text-transform: uppercase; }

.menu { width: 202px; border: 1px solid #cfcfcf; border-top: none; margin-bottom: 50px; }
.menu h3 { height: 56px; border-top: 1px solid #cfcfcf; padding: 0 22px; cursor:pointer;}
.menu h3 a { color: #717171; font:normal 14px/56px "microsoft yahei"; }
.menu h3:hover,.menu h3.dq { background: url(../images/md-icon-3.png) no-repeat 162px center;}
.menu h3:hover a,.menu h3.dq a { color: #ed6d1e;}
.menu dl { display: none; padding: 0 22px 32px;}
.menu dl.on { display: block;}
.menu dl dd a {color: #8a8a8a; font:normal 12px/24px "microsoft yahei"; background: url(../images/md-icon-11.jpg) no-repeat left center; padding-left: 17px;}
.menu dl dd a:hover,.menu dl dd a.current { background: url(../images/md-icon-11-on.jpg) no-repeat left center; color: #ed6d1e;}

.menu-b { width: 204px; }
.menu-b li { border-bottom: 1px solid #d9d9d9; padding: 20px 8px 17px 49px;}
.menu-b li a { display: block; background: url(../images/md-icon-7.png) no-repeat right center;}
.menu-b li span { display: block; color: #828282; font:normal 12px/16px "microsoft yahei"; }
.menu-b li em { display: block; color: #bfbfbf; font:normal 12px/16px "microsoft yahei"; text-transform: uppercase;}
.menu-b li:hover a { background: url(../images/md-icon-7-on.png) no-repeat right center;}
.menu-b li:hover span { color: #ed6d1e;}
.menu-b li.ico1 { background: url(../images/md-icon-4.png) no-repeat 5px center;}
.menu-b li.ico2 { background: url(../images/md-icon-5.png) no-repeat 5px center;}
.menu-b li.ico3 { background: url(../images/md-icon-6.png) no-repeat 5px center;}

.breadcrumbs { float:right;  color:#535962; font:normal 12px/12px "宋体"; height: 12px; margin: 20px 0 10px; }
.breadcrumbs a { color:#a2a2a2; font:normal 12px/16px "宋体";}
.colCurTit { clear: both; padding-bottom: 12px; margin-bottom: 26px; border-bottom: 1px solid #cfcfcf; background: url(../images/md-icon-2.png) no-repeat 6px 2px;  }
.colCurTit h2 { color: #535962; font:normal 24px/24px "microsoft yahei"; padding-left: 41px;}
.colCurTit em { color: #979797; font:normal 24px/24px "Arial"; text-transform: uppercase;}

/* article */
.article { line-height:200%; word-wrap:break-word; text-align:justify; }
.article img {max-width: 750px;}
#dituContent img {max-width: 1500px;}

/* news */
.news li { clear: both; padding: 30px 0 24px; border-bottom: 1px solid #d7d7d7;}
.news li .text { float: right; width: 500px;}
.news li .text h2 a { color: #535962; font:normal 14px/14px "宋体"; display: block; padding: 7px 0 10px}
.news li .text h2 a:hover {color: #ed6d1e;}
.news li .text em { color: #a2a2a2; font:normal 12px/12px "宋体"; display: block; padding-bottom: 20px;}
.news li .text p { color: #a2a2a2; font:normal 12px/20px "宋体";}
.news li.news-an { clear: both; padding: 30px 0 24px; border-bottom: 1px solid #d7d7d7;}
.news li.news-an .text { float: left; width: 754px;}
.news li.news-an .text h2 a { color: #535962; font:normal 14px/14px "宋体"; display: block; padding: 7px 0 10px}
.news li.news-an .text h2 a:hover {color: #ed6d1e;}
.news li.news-an .text em { color: #a2a2a2; font:normal 12px/12px "宋体"; display: block; padding-bottom: 20px;}
.news li.news-an .text p { color: #a2a2a2; font:normal 12px/20px "宋体";}
.news-tittle { width: 754px; height: 68px; background: #d6d7d9; margin-bottom: 25px;}
.news-tittle h2 { text-align: center; color: #696969; font:bold 14px/14px "宋体"; padding: 16px 0 10px;}
.news-tittle p { display: table; margin: 0 auto;}
.news-tittle span { color: #696969; font:normal 12px/12px "宋体"; margin: 0 12px;}
.news-page { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d7d7d7;}
.news-page a { display: block; color: #656565; font:normal 12px/30px "宋体";}
.news-page a:hover { color: #ed6d1e;}
/* page */
.page { color:#000; line-height:24px; clear:both; display:table; margin:50px auto 0;  }
.page a.noBo { border:0;}
.page a { float:left; padding:0 15px; color:#b7b7b7; margin-top: 3px; font:normal 12px/12px "宋体"; border-left:1px solid #b7b7b7; display:table-cell; }
.page a.prev { background:url(../images/prev.jpg) no-repeat; width:24px; height:17px; display:block; border:0; padding:0; margin:0;}
.page a.next { background:url(../images/next.jpg) no-repeat; width:24px; height:17px; display:block; border:0; padding:0; margin:0;}
.page a:hover,.page a.current { color:#be8a30; }

/* form */
.form-panel .field { float: left; border: 0; width: 361px; margin-bottom: 17px; }
.form-panel .field1 { float: left; border: 0; width: 751px; margin-bottom: 17px; }
.form-panel li.field label,.form-panel .field1 label { display:block; color: #878787; font:normal 14px/16px "microsoft yahei"; margin: 16px 0 0 8px; }
.form-panel li.field label em,.form-panel .field1 label em { text-transform: uppercase; color: #c1c1c1; font:normal 14px/16px "Arial";}
.form-panel .input { color:#666; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { margin: 10px 0; width: 321px; height:30px; padding:3px 20px; border:0; background: url(../images/md-form1.jpg) no-repeat; color:#878787; line-height: 30px; outline: none; }
.form-panel .text:focus {border:0; background: url(../images/md-form1-on.jpg) no-repeat; }
.form-panel .text1 { margin: 10px 0; width: 711px; height:30px; padding:3px 20px; border:0; background: url(../images/md-form2.jpg) no-repeat; color:#878787; line-height: 30px; outline: none;  }
.form-panel .text1:focus {  border:0; background: url(../images/md-form2-on.jpg) no-repeat; }
.form-panel .textarea { outline: none;  margin: 10px 0; float: left; width:721px; height:229px; padding:10px 20px; border:0; background: url(../images/md-form3.jpg) no-repeat;  color: #878787; font:normal 14px/16px "宋体"; overflow: hidden; resize:none;}
.form-panel .textarea:focus { border:0; background: url(../images/md-form3-on.jpg) no-repeat;}
.form-panel .submit-field .btn-submit { width:182px; height:40px; border:none; background: url(../images/md-form4.jpg) no-repeat; cursor:pointer; text-indent: -999em;}
.form-panel .submit-field .btn-submit:hover { background: url(../images/md-form4-on.jpg) no-repeat;}
/* product */
.product ul li { float: left; width: 239px; height: 183px; text-align: center; margin:0 18px 30px 0; position: relative; overflow: hidden;}
.product ul li em { display: block; background: url(../images/md-icon-9.png) repeat; position: absolute; top: 0; left: 0; width: 239px; height: 147px; padding-top: 36px; display: none;color: #fff; font:normal 14px/14px "microsoft yahei";}
.product ul li a { position: absolute; top: -50px; left: 100px; background: url(../images/md-icon-8.png) no-repeat; width: 40px; height: 40px;}
/* product-info */
.product-info { width: 754px; }
.product-info h2 { color: #757575; font:normal 14px/14px "宋体"; padding: 65px 0 8px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.product-info-list { position: relative; width: 672px; height: 107px; margin: 0 auto;}
.product-info-list li { float: left; width: 316px; height: 107px; margin: 0 10px;}
.product-info-list a.prev,.product-info-list a.next { position:absolute; left:-40px; top:38px; display:block; width:30px; height:30px; background:url(../images/md-prev.png) no-repeat; cursor:pointer; }
.product-info-list a.next { right:-40px; left:auto; background:url(../images/md-next.png) no-repeat; }
.product-info-list a.prev:hover { background:url(../images/md-prev-on.png) no-repeat; }
.product-info-list a.next:hover { background:url(../images/md-next-on.png) no-repeat; }
.product-info-list li .text { float: left; width: 155px; height: 81px; padding: 26px 0 0 21px; background: #dddddd;}
.product-info-list li .text h3 { color: #5a5a5a; font:normal 12px/12px "宋体"; padding-bottom: 20px;}
.product-info-list li .text a.more {background: url(../images/md-icon-10.png) no-repeat left center; color: #ed6d1e; font:normal 12px/12px "Arial"; padding-left: 10px;}
/* productlist */

.productlist .pic { width:475px; float: left;}
.productlist .text { float: right; width: 240px; line-height:200%; word-wrap:break-word; text-align:justify;}
.productlist .picList { width:475px; height:323px; overflow:hidden; }
.productlist .picList ul { width:475px; height:323px; overflow:hidden; }
.productlist .picList li { width:475px; height:323px; overflow:hidden; cursor: pointer; }
.soldWrap { position: relative; width:475px; height:59px;}
.soldWrap a.prev,.soldWrap a.next { position:absolute; left:0px; top:4px; display:block; width:15px; height:51px; background:url(../images/prev1.jpg) no-repeat; cursor:pointer; }
.soldWrap a.next { right:0px; left:auto; background:url(../images/next1.jpg) no-repeat; }
.sold { width:384px; height:auto; margin:24px auto 0; overflow:hidden; }
.sold ul { overflow:hidden; height:auto; }
.sold li { float:left; width:85px; height:59px; margin: 0 5px; display:inline; cursor: pointer; }
.tab-pro { padding-top:58px; }
.tab-pro .hd { border-bottom:1px solid #e3e3e3; }
.tab-pro .hd li { float:left; width:108px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }
.tab-pro .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }
.tab-pro .txt { padding:20px; }
.form-panel .right {float:right;}