/* CSS Document */

#banner{ background:url(../images/banner_bg.png); height:529px; overflow:hidden; width:100%;}
.banner{width:1113px; height:529px; margin:0px auto; background:url(../images/banner_bg2.png) no-repeat center; overflow:hidden;}
.TB-focus{ width:1072px; height:472px; position:relative; padding-top:14px; padding-left:19px;}
.TB-focus .hd { position:absolute; right:500px; bottom:-30px; z-index:999999; padding-left:2px;overflow:hidden; }
.TB-focus .hd li { cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; background:url(../images/doc2.png) no-repeat; width:12px; height:12px; display:inline-block; }
.TB-focus .hd li.on { background:url(../images/doc1.png) no-repeat; width:12px; height:12px; display:inline-block; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }

#index{margin:44px 0px; background:#ffffff;}
.col-md-3{width:340px; float:left;}
.index-cat{width:100%; height:16px; background:url(../images/pro_bg.png) repeat-x; display:block;}
.index-cat a{padding-right:20px; background:#fff; height:16px; font-size:20px; color:#515151; line-height:18px; font-weight:normal;}
.index-img{margin:20px 0px 5px 0px;}
.pannel{ font-size:12px; color:#666666; line-height:20px;}

.media{width:100%; height:60px; margin-bottom:5px;}
.media-left{width:78px;; height:60px; float:left; border:1px solid #b4b4b4;}
.media-body{width:238px; height:60px; float:right; font-size:12px; color:#8f8f8f; line-height:18px;}
.media-heading a{font-size:15px; color:#515151; line-height:18px;}
.media-body p{ height:25px; line-height:25px; width:238px; overflow:hidden;}
.media-body span{font-size:15px; color:#aebe5b; line-height:18px;}

.pro-name{width:100%; height:16px; background:url(../images/pro_bg.gif) repeat-x; display:block; margin-bottom:30px;}
.pro-name .ptitle{padding-right:20px; background:#f0f0f0; height:16px; font-size:20px; color:#515151; line-height:18px; font-weight:normal; float:left;}
.pro-name .more{padding-right:0px; background:#f0f0f0;width:74px; display:block; background:#aebe5b; height:16px; font-size:12px; color:#fff; line-height:16px; font-weight:normal; float:right; text-align:center;}

#product{ background:#f0f0f0; padding:25px 0px;}
/* 本例子css */
.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:250px; height:194px; display:block; padding:4px; background:#fff;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title a{ line-height:40px; background:#fff; height:40px; margin-top:12px; font-size:14px; color:#808080; display:block;}
.picMarquee-left .bd ul li .title a:hover{color:#aebe5b;}


.bottom-topbg{ height:6px; width:100%; background:#aebe5b;}
.bottom-bottom{width:100%; background:#2d2d2d; height:175px; padding:20px 0;}
.bottom-logo{margin-top:10px;}
.links{font-size:15px; color:#fff; line-height:25px;}
.link li {width:160px; height:25px;; display:inline-block; float:left; background:url(../images/bottom_li.gif) no-repeat left center; text-indent:10px;}
.link li  a{color:#9b9b9b; font-size:14px; line-height:25px; height:25px; display:block; width:160px; overflow:hidden;}
.tel{margin:0 auto;}
#copyright{ background:#3f3f3f; padding:5px 0px; width:100%;}
.copyright{font-size:12px; color:#8f8f8f; line-height:25px; text-align:center;}
.copyright .ydl{margin-left:5px; color:#8f8f8f;}
 
 #HBox{display:none;}
#otherbanner{ background:#eeeeee; width:100%;}
.otherbanner{width:1080px; height:258px;padding:21px 0px; background:url(../images/banner_bgg.png) bottom center no-repeat; margin:0 auto;}

#pagecontent{ margin:10px 0px;}
.page-left{width:217px; float:left;}
.page-right{width:830px; float:right;}
.items-nav{width:217px;}
.page-left  .hcat{width:217px; height:39px; background:url(../images/h_bg.png) no-repeat; display:block; color:#b60000; line-height:39px; font-size:18px; text-indent:10px;}
.items-nav li.first{ background:url(../images/li_bg.png) no-repeat; width:217px;  display:block; text-indent:10px; margin-bottom:0px;}
.items-nav li.first  a:hover{color:#aebe5b;}
.items-nav li.first a.active2{color:#aebe5b;}
.items-nav li.first a.active3{color:#aebe5b;}
.items-nav li.first a{ display:block; font-size:16px; color:#414141; line-height:39px;}
/* .items-nav li.first ul{display:none;} */
.items-nav li.first ul li{background:url(../images/liiii.png) no-repeat 29px center #f1f1f1; width:180px;  display:block; margin-bottom:0; padding:0px 0px 0 25px; margin-bottom:0px; border-bottom:1px  dashed #626262;}
.items-nav li.on ul{ display:block;}

.items-nav li.first ul li a{ display:block; font-size:12px; color:#414141; line-height:39px;}
.page-left h3{color:#222; border-bottom:1px solid #6f6f6f; padding:10px 0px; line-height:30px; font-size:18px;}
.contact-info{ line-height:30px; font-size:12px;color:#222;}
.contact-info p{/* padding-left:37px; */ margin-top:10px;}
/* .tel{ background:url(../images/telephone.png) left center no-repeat;} */
.fax{ background:url(../images/fax.png) left center no-repeat;}
.email{ background:url(../images/email.png) left center no-repeat;}
.address{ background:url(../images/address.png) left top no-repeat;}

.page-nav{width:100%; height:38px; border-bottom:1px solid #d3d3d3;}
.page-nav span{color:#aebe5b;line-height:30px; font-size:20px; float:left;}
.page-nav .breadcrumb{float:right;color:#4f4f4f;line-height:30px; font-size:14px;}

.media-list{width:100%; height:118px; margin-top:17px; padding-bottom:17px; border-bottom:1px dashed #9e9f9f;}
.media-list:hover{ background:#f0f0f0;}
.media-list-left{width:174px;; height:118px; float:left;}
.media-list-body{width:630px; height:135px; float:right; font-size:12px; color:#8f8f8f; line-height:25px;}
.media-list-heading a{font-size:14px; color:#1f1f1f; line-height:25px;}
.media-list-body p{font-size:12px; line-height:25px; color:#707070;}
.media-list-body span{font-size:12px; color:#707070; line-height:25px;}

.pro-items{width:100%;}
.pro-items li{width:268px; height:190px; display:inline-block; float:left; margin-right:8px; margin-top:22px;}
.pro-items li.last{margin-right:0px;}
.pro-items li p{width:264px; height:154px; display:block; text-align:center;}
.pro-items li p a{display:block;}
.pro-items li h3{width:266px; height:28px; padding-bottom:6px; background:url(../images/proitem-bg.png) bottom center no-repeat #e4e4e4;  font-size:12px; color:#242424; line-height:28px; text-align:center;}

.well{font-size:12px; color:#4f4f4f; line-height:25px; text-align:left;}
.contact-lf{width:399px; height:auto; margin:20px 0px; float:left;font-size:12px; color:#4f4f4f; line-height:25px;}
.contact-rg{width:399px; height:auto; margin:20px 0 20px 20px; float:left;font-size:12px; color:#4f4f4f; line-height:25px;}
.map{width:399px; height:269px; margin:20px 5px; float:left;}
.input{border:1px #ccc solid;font-size:14px;color:#404040; line-height:29px; text-indent:5px;}
.message-form textarea{border:1px #ccc solid;font-size:14px;color:#404040; line-height:29px;text-indent:5px; width:443px; height:122px;}
#button2{background:url(../images/submit.png); width:100px; height:27px; cursor:pointer; border:none; margin-left:20%; color:#fff;}
#button{background:url(../images/reset.png); width:100px; height:27px; cursor:pointer; border:none;color:#fff;}
.message h2{height:54px; width:100%; display:block; background:#fff; border-bottom:1px solid #c9c9c9; position:relative;}
.message-form{margin:10px 0; background:url(../images/contact_bg.png) right top no-repeat;}
.row{margin:15px 0px; width:615px;}
.row span{width:65px; height:26px; display:block;float:left; color:#000; line-height:26px;font-size:12px; text-align:right; padding-right:10px;}
.row .input-name{width:184px; height:24px; border:1px solid #cccccc; display:block;float:left; color:#000; text-indent:10px; line-height:26px;font-size:12px;}
.row .input-email{width:443px; height:24px; border:1px solid #cccccc; display:block;float:left; color:#000; text-indent:10px; line-height:26px;font-size:12px;}
.inputsubmit{width:145px; height:34px; background:url(../images/send.png) no-repeat; display:block; margin:0 auto; border:0; cursor:pointer;}
.inputtext{text-indent:10px; line-height:26px;font-size:12px;}
.pro-top{width:100%; height:313px; margin:20px 0;}
.pro-left{width:537px; height:313px; float:left;}
.pro-right{width:266px; height:313px; float:right}
.pro-rg-top{width:266px; height:237px; background:url(../images/pro_rg_bg.png) no-repeat; }
.pro-rg-top h1{font-size:15px;}
.inquired{width:265px; height:65px;margin-top:12px; }
.inquired a{ display:block;}
.pro-center{width:100%; height:157px; background:#f0f0f0;}
.pro-center-lf{float:left;width:560px; height:87px; padding:40px 0 30px 0;}
.row1{width:100%; height:32px; margin-bottom:15px;}
.row1 span{width:77px; height:30px; padding-right:10px; font-size:12px; text-align:right; display:block; float:left;line-height:30px;}
.row1 select{width:413px; height:35px; line-height:35px;font-size:14px; padding:0; margin:0; color:#000; border:1px solid #ccc;display:block; float:left; text-indent:4px;}
.row1 .qty{width:413px; height:30px; border:1px solid #ccc;font-size:12px; color:#000; line-height:30px;display:block; float:left; text-indent:10px;}
.pro-center-rg{width:270px;padding-top:40px; float:right;}
.add{width:171px; height:71px; display:block; background:url(../images/add.png) no-repeat; margin:0 auto; border:0; cursor:pointer; }

.pro-bottom{width:100%; height:auto; margin:15px 0px;}
.pro-bottom-lf{float:left;width:394px; height:284px;position:relative;}
.pro-bottom-lf img{width:394px; height:284px;}
.pro-bottom-rg{width:415px; float:right; padding-top:20px;}
.page-header{margin-bottom:15px; height:27px; width:100%;}
.yes{width:55px; height:27px; background:url(../images/y.png) no-repeat; display:block; float:left; }
.no{width:55px; height:27px; background:url(../images/n.png) no-repeat; margin-left:8px; display:block; float:left; }
.pro-bottom-rg span{width:65px; height:27px; float:left; display:block; line-height:27px; text-align:right; padding-right:7px;}
.pro-bottom-rg select{width:190px; height:26px; border:1px solid #ccc; float:left;  display:block;}
.color{padding:7px 6px; background:#f0f0f0; min-height:200px;}
.color ul li{margin:7px 3px; display:block; width:94px; height:65px; display:inline-block; float:left;}
.color ul li a{ background:#c9c9c9; display:inline-block; width:94px; height:65px;}
.color a.formore{ color:#aa0808; font-size:14px; line-height:30px; text-align:center; width:70px; height:30px; margin:10px auto; display:block; }

.bigtitle{ font-size:20px; color:#666; line-height:35px; text-align:center;}
.smalltitle{ font-size:12px; color:#666; line-height:15px; text-align:center;}
.news_info{font-size:12px; color:#666; line-height:25px; padding:20px 0px 100px 0px; position:relative;}
.next{width:100%; position:absolute; bottom:0px; left:0px; }
.next a{font-size:12px; color:#666; line-height:25px;}
.next a:hover{text-decoration:underline;}
.pro-rg-top{width:266px; height:237px; background:url(../images/pro_rg_bg.png) no-repeat; overflow:auto;}
.pro-rg-top ul{padding:15px; display:block;width:210px;}
.pro-rg-top ul li{margin-bottom:20px;;width:210px; color:#000;}
.carinfo{width:210px; height:auto; }
.carinfo h1{ display:block;width:210px;}
.carinfo h2{font-size:12px; color:#000; line-height:20px; float:left; width:115px; display:block; }
.carinfo h5{font-size:12px; color:#000; line-height:20px; float:left; width:95px; text-align:center; display:block; }

#drag {
    display: none;
    height: 450px;
    left: 40%;
    position: absolute;
    top: 505px;
    width: 500px;
    z-index: 9999;
}
#drag .title {
    height: 450px;
    width: 450px;
	 background-color: #ccc;
}
#bg {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.deldete{width:16px; height:16px; display:block; background:url(../images/delete.png) no-repeat; float:left;}
.number{width:74px; height:16px; display:block;float:left; margin-left:5px;}
.alert{width:425px; height:405px;  padding:25px 35px; background:#ccc;}
.alert div{width:425px; height:35px; margin:2px 0px; }
.alert div span{width:74px; height:35px; display:block; font-size:14px; color:#666666; line-height:35px; float:left;}
.alert div div.input-enquiry2{width:280px; height:28px; float:left; border:0px solid #666666; margin:0px 0px; line-height:32px; color:#666666;}
.alert div div.input-enquiry{width:280px; height:28px; float:left; border:1px solid #666666; margin:0px 0px;}
.alert div div.input-enquiry input{width:280px; height:28px;font-size:14px; color:#666666; line-height:28px; text-indent:5px;border:0;}
.alert div h6{width:15px; height:35px; display:block; float:left;font-size:14px; text-align:center; color:#8f4fa6; line-height:35px;}
.alert div.message{width:425px; height:120px;}

.alert div.message span{width:74px; height:120px; display:block; font-size:14px; color:#666666; line-height:35px; float:left;}
.alert div.message div.input-enquiry1{width:278px; height:105px; float:left; border:1px solid #666666; margin:0px 0px;}
.alert div.message div.input-enquiry1 textarea{text-indent:5px;width:276px; height:105px;display:block; border:0;}
.alert div.submit1{padding-left:74px; width:180px; height:30px;}
.alert div.submit1 input{width:74px; height:28px; border:1px solid #666666; display:block;  font-size:14px; color:#666666; line-height:28px; text-align:center; float:left;margin-right:5px;block;  }


.menu_list{width:217px;}
.menu_head {background:url(../images/li_bg.png) no-repeat; width:217px;  display:block; text-indent:10px; margin-bottom:0px;display:block; font-size:16px; color:#414141; line-height:39px;}
.menu_list .current{background:url(../images/li_bg.png) no-repeat;color:#aebe5b;}
.menu_body{width:217px;height:auto;overflow:hidden;line-height:38px; display:none;}
.menu_body a{background:url(../images/liiii.png) no-repeat 29px center #f1f1f1; width:180px;  display:block; margin-bottom:0; padding:0px 0px 0 37px; margin-bottom:0px; border-bottom:1px  dashed #626262;}
.menu_body a:hover{text-decoration:none;}

.list{padding:25px 0;}
.list li{width:90%;margin:10px auto auto;overflow: hidden;}
.list li strong{width:30%;float:left;display:inline-block;margin-right:10px;text-align: right;}
.list .fl{width:60%;float:left;}
.ipt{width:100%;text-indent:5px;border:1px solid #ccc;padding:5px 0;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow:0 0 3px #ddd inset;}
.ipt:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);}
.submitBtn{width:100%;height:32px; margin-right:20px; border:0;line-height:30px;cursor:pointer;margin-top:10px;display:inline-block;text-align:center;background-color:#428bca;color:#fff;padding:0;}
.submitBtn:hover,.submitBtn:disabled{opacity: .8;-webkit-opacity: 0.8;}