@charset "utf-8";
*{ margin:0; padding:0;}
img,a{border:none;}
ul,ol,li{list-style:none;}
body { background-color:#FFFFFF; font-size:12px;font-family:"Microsoft Yahei Light","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;font-smooth:never;}
img,a{border:none; text-decoration:none;}
.clear{ clear:both; height:1px; line-height:1px;}
a{ font-size:12px; color:#111;}
a:hover{ text-decoration:none; color:#bf191f;}

/*------------------------------------------navigation*/	

.top{ width:100%; background-color: #000; border-bottom:1px solid #555;color: #fff;}
.top h1{ width:1004px; line-height:30px; height: 30px; margin: 0 auto; font-size:12px; font-weight: normal; padding-left: 20px;color: #fff;}
.top p{ width:1004px; line-height:30px; height: 30px; margin: 0 auto; font-size:12px;  padding-left: 20px;color: #fff;}
.headbg{ width: 100%; margin: 0 auto;background-color: #000; height: 73px;} 
.head{ width: 1024px; margin: 0 auto;background-color: #000;} 
.headleft{ width: 246px; height: 73px; float: left;background-color: #000;} 
.headright{ width: 778px; height: 73px; float: right; background-color: #000;} 
.headright ul{ width: 778px;height: 73px; line-height: 74px} 
.headright ul li{ width: 120px; float: left; text-align: center; height: 73px; line-height: 73px;} 
.headright ul li a{ width: 120px;font-size: 20px;height: 73px;line-height: 73px; padding: 19px 6px;color: #ffffff; font-family: impact;} 
.headright ul li a:hover{ width: 120px; font-size: 20px; text-decoration: none; color: #000; height: 73px;line-height: 73px;background-color: #fff; padding: 19px 6px; border-bottom:2px solid #bf191f;font-family: impact;} 
.kongge{ height: 30px; width: 1000px; float: left;}


/*banner效果切换代码*/	
.banner{ width:100%; height:565px; padding-top: 1px;}
.www51buycom { width:100%; height:550px; position: relative; overflow:hidden; margin-bottom: 15px; }
.www51buycom .num { overflow:hidden; height:20px; position: absolute; bottom:0px; padding-bottom:12px; padding-left:25px;background:url(../images/banner.png) bottom center no-repeat; width:100%;zoom:1; z-index:3 }
.www51buycom a.prev:hover {background-position:0px 0px;background-position: left; }
.www51buycom a.next:hover {background-position:0px 0px;background-position: right; }
.www51buycom .num ul{ width:80px; margin:0 auto;}
.www51buycom .num li { width: 10px; height: 10px; line-height:10px; text-align: center; font-family:Tahoma, trebuchetMS; color: #336699; font-size:0px; background:#336699; margin-right:5px; border-radius:50%; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #FF7700; } 
.www51buycom .prev,
.www51buycom .next { display: none; width: 40px; height:85px; background: url(../images/btn.png) no-repeat; position: absolute; top:220px;}
.www51buycom .prev { left: 50px; background-position: left; }
.www51buycom .next { right:50px; background-position: right; }

/*-------company brief*/
.aboutus{ width: 800px; height: 55px; margin: 0 auto; text-align: center; font-size: 42px; line-height: 55px;font-family: impact; padding-bottom: 10px;}
.stript { width: 160px; height: 2px; margin: 0 auto; background-color: #666666;}
.striptleft { width: 80px; height: 2px; float: left; background-color: #bf191f;}
.aboutusbrief{ width: 1024px; height: 190px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 30px; color: #424141;}
.circle{ width:480px; height: 120px; margin: 0 auto; text-align: center;}
.circle ul { width:480px; height: 120px;text-align: center; margin-left: 1px;}
.circle ul li { width:120px; height: 120px; float: right;text-align: center;}
.ring{ width: 110px; height: 110px; border-radius: 180px;border:1px solid #bf191f; font-size: 35px; color: #bf191f; line-height: 110px;}
.ring h6{ font-size: 10px; padding-top: 5px; color: #4A4747; width: 50px; margin: 0 auto; font-weight: none; height: 10px; line-height: 10px;}

.more{ width:800px; height: 35px; margin: 0 auto; text-align: center; }
.more a{ width:300px; height: 35px; margin: 0 auto; border:1px solid #666666;  line-height: 35px; font-size: 16px; color: #7f7e86;  background-color: #edebeb; padding: 6px 80px;border-radius: 2px;}
.more a:hover{ width:300px; height: 35px; margin: 0 auto; border:1px solid #222222;  line-height: 35px; font-size: 16px; color: #bf191f;  background-color: #edebeb; padding: 6px 80px;border-radius: 2px;}

.yearsad { width: 100%; height: 135px;background:url(../images/20years2.jpg) top center no-repeat; margin-top: 1px;margin-bottom: 10px;}
.abouttus { width: 1024px; height: 420px; margin: 0 auto;}
.abouttusleft { width: 480px; height: 384px; float: left; font-size: 13px; line-height: 26px;}
.abouttusright { width: 480px; height: 384px; float: right;}
/*-------company brief neiye*/
.brieftitle{ width: 800px; height: 60px; margin: 0 auto; text-align: center; font-size: 42px; line-height: 60px; padding-top: 10px; color: #000000;font-family: impact; margin-bottom: 10px; text-transform:Uppercase;}
.briefsubtitle{ width: 1024px; height: 30px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 30px; color: #555555; margin-bottom: 10px; margin-top: 10px;}
.briefslide { width: 100%; height: 180px;background:url(../images/productshow.jpg) top center no-repeat; margin-top: 1px;margin-bottom: 10px;}
.briefcontent{ width: 1024px; height: auto; margin: 0 auto; font-size: 14px; line-height: 30px; color: #333; margin-bottom: 10px;}
.aboutusslide { width: 100%; height: 200px;background:url(../images/aboutus.jpg) top center no-repeat;margin-bottom: 10px;}

/*-------product*/
.product{ width:100%; height: 870px; background-color: #201F1F; margin-top: 20px;}
.producttitle{ width: 800px; height: 60px; margin: 0 auto; text-align: center; font-size: 42px; line-height: 60px; padding-top: 20px; color: #ffffff;font-family: impact; padding-bottom: 10px; }
.productsubtitle { width: 1024px; height: 60px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 30px; color: #ddd; margin-bottom: 10px; padding-top: 10px;}
.productsubtitle h2{ width: 1024px; height: 60px;text-align: center; font-size: 14px; line-height: 30px; color: #ccc;  font-weight: normal;}
.product ul{ width: 1100px; height: 650px; margin: 0 auto; padding-left:110px;}
.product ul li{ width: 260px; height: 320px; float: left; margin-right: 100px;}
.product ul li p{ width: 260px; height: 50px; color: #fff; font-size: 13px;  margin: 0 auto; line-height: 25px; text-align: center;}

/*-------product Detail*/
.productcontent{ width: 1024px; height: auto; margin: 0 auto; font-size: 14px; line-height: 30px; color: #333; margin-bottom: 10px;}
.productdetail{ width:1024px; height: 452px;}
.productdetailleft{ width:452px; height: 452px; float: left;}
.productdetailleft img{border:1px solid #eee;}
.productdetailright{ width:540px; height: 452px; float:right;}
.productdetailright h2{ width:540px; line-height: 35px; font-size: 25px; color: #bf191f;font-family: impact; height: 70px;}
.productdetailright h1{ width:540px; line-height: 30px; font-size: 14px; color: 000000;font-family: impact; height: 60px;font-weight: normal; margin-top: 15px;}
.productdetailright3{ width:540px; height: 80px; line-height: 40px;}
.productdetailright4{ width:540px; height: 95px;}
.productdetailright5{ width:540px; height: 40px; line-height: 40px;}
.productdetail2 { width:1024px; margin-top: 20px;}
/*-------news more 页面*/
.productmore { width: 1024px; height: 800px;; margin: 0 auto; font-size: 14px; line-height: 30px; color: #333; margin-bottom: 10px;}
.productmoreleft { width: 230px; float:left;border:1px solid #e5e5e5; height: auto;border-radius: 4px; padding-bottom: 90px;}
.productmoreleft h6{ width: 220px; float:left;border-bottom:1px solid #e5e5e5; height: 40px; line-height: 40px; font-size: 18px; font-weight: none; text-decoration: none; padding-left: 10px; margin-bottom: 10px;}
.productmoreleft span{ font-size: 12px; color: #bf191f; padding-top: 20px; font-weight: normal;}
.productmoreleft ul{ width: 210px; padding-left: 12px;}
.productmoreleft h5{ width: 210px; font-size: 15px;border-bottom:1px solid #e5e5e5; font-weight: none;}
.productmoreleft h5 a{ width: 210px; font-size: 15px; font-weight: none;}
.productmoreleft ul li { width: 210px; font-size: 14px;}
.productmoreleft ul li a{ width: 210px; font-size: 14px; font-weight: normal;}
.productmoreright { width: 760px; height: auto; float:right;}
.productmorerightt { width: 760px; height: 350px; float:right;border-bottom:1px solid #e5e5e5; margin-top: 20px;}
.productmorerightl { width: 320px; height: auto; float:left;}
.productmorerightr { width: 430px; height: auto; float:right; margin-top: 1px;}
.productmorerightr1 { width: 430px; line-height: 35px; font-size: 20px;}
.productmorerightr2 { width: 430px; line-height: 25px; margin-top: 10px;color:#444444; }
.productmorerightr2 p{color: #EE0B0F;}
.productmorerightr3 { width: 430px; height: 95px; line-height: 120px; }
.productmorerightr4 { width: 430px;  }
.productslide { width: 100%; height: 200px;background:url(../images/productcenter.jpg) top center no-repeat;margin-bottom: 10px;}
.relatedproduct{ width: 1024px; height: 350px; margin: 0 auto;}
.relatedproduct2 { width: 1024px; height: 40px;border-bottom:1px solid #eee; padding-left: 10px;}
.relatedproduct2l{ width: 200px; height: 40px; float: left; line-height: 40px; font-size: 20px;font-family: impact;}
.relatedproduct2r{ width: 150px; height: 40px; float: right; line-height: 40px; margin-bottom: 10px; text-align: right;}
.relatedproduct ul{ width:1024px; margin: 0 auto; margin-top: 10px;}
.relatedproduct ul li{ width:240px; float: left; margin-left: 14px;}
.relatedproduct ul li p{ width:240px; text-align: center; height: 60px; line-height: 25px;}
/*-------company news*/
.news { width:1024px; height: 590px; margin: 0 auto;}
.newstitle{ width: 800px; height: 60px; margin: 0 auto; text-align: center; font-size: 42px; line-height: 60px; padding-top: 20px;font-family: impact; padding-bottom: 10px;}
.newssubtitle{ width: 1024px; height: 60px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 30px; color: #757474; margin-bottom: 10px; margin-top: 10px;}
.newssubtitle h2{ width: 1024px; height: 60px;text-align: center; font-size: 14px; line-height: 30px; color: #707070;  font-weight: normal;}
.news ul{ width:1024px; height: 350px; margin-left: 28px;}
.news ul li{ width:460px; height: 100px; float: left;border-bottom:1px solid #eee; margin-right: 44px; margin-bottom: 10px;}
.news h5{ width:460px; height: 30px; line-height: 30px; font-size: 15px; font-weight: normal;}
.news h6{ width:460px; height: 50px; line-height: 25px; color: #757474; font-size:6px; font-weight: normal;}
.news p{ width:100px; height: 20px; float: right; text-align: right; color: #aaa; padding-right: 10px;}
.newsbigtitle{ width: 1024px; line-height: 60px; color: #bf191f; margin: 0 auto; text-align: center; font-size: 32px; margin-bottom: 20px; height: 70px;}
.newsbigtitle h1{ width: 1024px; line-height: 60px; color: #bf191f; margin: 0 auto; text-align: center; font-size: 32px; margin-bottom: 20px;border-bottom:1px solid #e5e5e5; height: 70px;font-family: impact;}
.newsmore{ width: 1024px; height: auto; margin: 0 auto; font-size: 14px; line-height: 30px; color: #333; margin-bottom: 10px;}
.newsmorescript{ width: 900px; height: 130px;border-bottom:1px solid #e5e5e5; margin: 0 auto; margin-bottom: 17px;}
.newsslide { width: 100%; height: 200px;background:url(../images/newscenter.jpg) top center no-repeat;margin-bottom: 10px;}
.newsmorescripttitle{ width: 900px; height: 40px; line-height: 40px; font-size: 16px;}
.newsmorescriptsubtitle{ width: 900px; height: 60px; line-height: 30px; font-size: 13px;}
.newsmorescript p{ width: 100px; height: 30px; float: right;}
.newsnext{ width:1024px; height: 80px; line-height: 40px; margin: 0 auto; font-size: 16px;}
.newsnextleft{ width:900; height: 20px; line-height: 20px; float: left; color: #bf191f;}
.newsnextright{ width:900; height: 20px; line-height: 20px; float: left;color: #bf191f;}
.newsnext a{font-size: 16px; overflow: hidden;}
.newsnext a:hover{font-size: 16px; overflow: hidden;}
/*-------bottom*/
.bottom { width: 100%; height: 140px; background-color: #000000;border-top:1px solid #e5e5e5; text-align: center;}
.bottomcontent { width: 800px; height: 90px; margin: 0 auto; text-align: center; padding-top: 20px; font-size: 13px;color: #ffffff; line-height: 28px;}
.bottom a{ color: #ffffff;}
/*-------contact us*/
.contactus{ width: 1024px; height: 400px;; margin: 0 auto; font-size: 14px; line-height: 30px; color: #333; }
.contactusleft{ width: 400px; height: 400px; float: left; margin-left: 100px; line-height: 35px;}
.contactusright{ width: 400px; height: 400px; float: right;border:1px solid #e5e5e5; margin-right: 100px;}
.contactusslide { width: 100%; height: 200px;background:url(../images/contactus.jpg) top center no-repeat; margin-bottom: 10px;}
/*-------fanye*/
.fff { width:300px; height:30px; margin:0 auto; padding-bottom:5px; margin-bottom: 20px; text-align: center; margin: 0 auto;!important; margin-top: 20px;}
.fanye{ margin-top:8px;   height:30px; text-align:center; margin-bottom:10px; padding-bottom: 20px; margin: 0 auto;!important;}
.current{width:16px; height:25px; line-height:25px; border:1px #ddd solid; color:#000; font-size:18px; background:#cccccc; padding:0px 10px; margin:10px 5px 0px 5px; float:left; border-radius: 2px; background-color: #B8090C;}
.current a{ background-color: #cccccc;}
.current a:hover{ background-color: #cccccc;}
.disabled{width:16px; height:25px; line-height:25px; border:1px #ddd solid; color:#000; font-size:18px; background:#ffffff; padding:0px 5px; margin:5px 5px 0px 5px; float:left; border-radius: 2px;}
.fanye span{width:16px; height:25px; line-height:25px;  font-size:18px; background:#ffffff; padding:0px 5px; margin:10px 5px 0px 5px; float:left; color:#888888;border-radius: 2px;border:1px solid #ccc;}
.fanye a{width:16px; height:25px; line-height:25px; border:1px #ddd solid; color:#888; font-size:18px; background:#ffffff; padding:0px 5px; margin:10px 5px 0px 5px; float:left; border-radius: 2px;}
.fanye a:hover{ background:#000; color:#fff; border:1px #336699 solid;border-radius: 2px;} 


.spec-box{position:relative;margin-top:10px;}
.spec-box.line{padding-top:10px;}
.spec-box:after{clear:none;content:"";display:block;height:0;visibility:hidden;}
.spec-box dl{clear:both;display:block;}
.spec-box dl:after{clear:none;content:"";display:block;height:0;visibility:hidden;}
.spec-box dl dt{float:left;width:50px;line-height:38px;min-height:38px;color:#333333;}
.spec-box dl dd{position:relative;padding:5px 0;line-height:26px;min-height:26px;color:#6c6c6c;}
.spec-box dl dd s{display:inline-block;text-decoration:line-through;}
.spec-box dl dd .price{display:inline-block;margin-right:5px;color:#f40;font-size:24px;font-weight:700;}
.spec-box dl dd .items li{position:relative;float:left;margin:0 5px 8px 0;padding:1px;line-height:20px;vertical-align:middle;}
.spec-box dl dd .items li a{display:block;padding:1px;color:#666;min-width:10px;width:auto !important;text-align:center;text-decoration:none;border:1px solid #eee;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.spec-box dl dd .items li a span{display:inline-block;padding:5px 9px;font-style:normal;line-height:20px;}
.spec-box dl dd .items li a img{width:45px;height:55px;vertical-align:middle;}
.spec-box dl dd .items li a.selected{margin:-1px;color:#333;border:2px solid #f40;color:#f40;}
.spec-box dl dd .stock-box{display:block;float:left;margin-right:10px;width:64px;}
.spec-box dl dd .stock-box input{float:left;margin-right:3px;width:42px;height:30px;line-height:30px;text-align:center;border:1px solid #e8e8e8;}
.spec-box .stock-box a{display:block;float:left;margin-bottom:4px;width:15px;height:12px;line-height:12px;color:#333;font-size:11px;text-align:center;border:1px solid #e8e8e8;cursor:pointer;overflow:hidden;}
.spec-box .stock-txt{float:left;line-height:32px;}
.spec-box .btn-buy{margin-top:15px;}
.spec-box .btn-buy .buy{display:inline-block;margin-right:10px;padding:0 30px;color:#e5511d;font-size:16px;line-height:38px;background:#ffe4d0;border:1px solid #f0cab6;border-radius:2px;cursor:pointer;}
.spec-box .btn-buy .add{display:inline-block;padding:0 30px;color:#fff;font-size:16px;line-height:38px;background:#f40;border:1px solid #f40;border-radius:2px;cursor:pointer;}
.spec-box .btn-buy button.over{color:#999;background:#f7f7f7;border-color:#e8e8e8;cursor:default;}