﻿/*全局定义*/
*{margin: 0px; padding: 0px; SCROLLBAR-FACE-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #ccc; SCROLLBAR-3DLIGHT-COLOR: #ccc;  SCROLLBAR-ARROW-COLOR: #ccc; SCROLLBAR-DARKSHADOW-COLOr: #fff; SCROLLBAR-BASE-COLOR: #fff;}
body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4b4b; background: url(../images/body_bg.jpg) no-repeat center top;}
.bg{background: url(../images/bo_bg.jpg) no-repeat center top;}
.clear{clear: both; height: 0px;}
img{border:none;}
h1,h2{font-family: "微软雅黑";}
ul,li{margin: 0px; padding: 0px;}
a:link,a:visited,a:active{font-size: 12px; color: #4d4b4b; text-decoration: none;}
a:hover{color: #b2080e; text-decoration: underline;}
a{blur:expression(this.blur());}
a{outline:none;}

/*网页头部*/
#header{width: 996px; margin: 0px auto; overflow: hidden;}
#logo{float: left; height: 68px; padding-top: 22px; overflow: hidden;}

/*导航条*/
#navbar{width: 750px; float: right; padding-top: 42px;}
#navbar ul{list-style: none; padding-left: 35px;}
#navbar li{float: left; border-right: solid 1px #ebebeb;}
#navbar li.current{border: none; background: url(../images/nav_current.jpg) no-repeat center top;}
#navbar li.current a,#navbar li.current a:hover{color: #fff;}
#navbar li.end{border: none;}
#navbar li a{width: 98px; height: 60px; line-height: 60px; padding-right: 1px; display: block; text-align: center; font-size: 14px; color: #404040; font-family: "微软雅黑";}
#navbar li a:hover{text-decoration: none; color: #b2080e; }

#banner{width: 100%; margin: 0 auto; text-align: center; background: url(../images/ban_bg.jpg) no-repeat center top;}
#flash{width: 996px; margin: 0 auto; text-align: center;}

/*主体内容*/
#zuti{width: 100%; margin: 0 auto; *margin-top: -4px; background: url(../images/zuti_bg.jpg) no-repeat center top;}
#container{width: 996px; margin: 0 auto; overflow: hidden;}
#table-h1{
float: right;
width:618px
}
#container h1{
font-size: 13px; color: #B7080D;
text-align:center;
margin:0px;
padding-left:0px
}





#mainbox{width: 100%; float:left; margin: 0px auto;}
#content{/*margin: 0 272px 0 406px;*/ width: 994px; margin: 0 auto;}
#wrapper{width: 994px; margin: 0 auto; margin-top: 1px; *margin-top: -4px; padding-bottom: 30px; border-left: solid 1px #dbdbdb; border-right: solid 1px #dbdbdb; overflow: hidden;}
#bjd{width: 100%; margin: 0px auto; text-align: center;}

/*首页产品推荐*/
.tupian{float: left; margin: 0px auto; margin-top: 15px; margin-right: 26px; text-align: center;}
.tupian img{margin-bottom: 3px; border: solid 1px #dbdbdb;}
.tupian h3{font-size: 12px; font-weight: normal; line-height: 24px;}
.tupian h3 a:hover{text-decoration: none;}

/*首页产品列表*/
#product_list{height:180px;padding-top:30px;margin-left:50px;}
#product_list h2{line-height:40px; font-size:20px; color: #fff; font-weight: normal;}
#product_list span{padding-left: 8px; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
#product_list ul{list-style: none;}
#product_list li{width:220px; float: left;background: url(../images/prol_bg.gif) no-repeat 0 5px;}
#product_list a{height: 22px; line-height: 22px; display: block; padding-left: 18px; color: #fff;}
#product_list a:hover{color: #fed600; text-decoration: none; background: url(../images/prol_line.gif) no-repeat 0 5px;}

/*首页新闻*/
#news{width: 100%; margin: 0 auto; padding-top: 15px; margin-bottom:30px; clear:both; overflow:hidden;}
#news h2{padding-left: 10px; font-size: 13px; font-weight: normal;}
span.en{padding-left: 8px; color: #8f8e8e; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
span.more{float: right; margin-top: -12px;}
#news ul{list-style: none; padding-top: 10px;}
#news li{height: 28px; line-height: 28px; background: url(../images/nlist_bg.gif) no-repeat 0 10px; width:48%; margin: 0 1%; float:left;}
#news li a{display: block;}
#news li h3{ padding-left: 10px;}
#news li a:hover{background: url(../images/nlist_line.gif) no-repeat 0 10px;}
#news span{float: right; margin: 0; color: #8f8e8e; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

/*首页左侧内容*/
#submainbox{width: 50%; float: left; margin-right:2%;}
#company{width: 100%;float: left; margin: 0 auto; padding-top: 15px; background: url(../images/company_bg.gif) no-repeat right 30px;}
#company h2{padding-left: 20px; font-size: 13px; font-weight: normal;}
#company img{float: left;}
#company p{line-height: 18px; padding-top: 5px; padding-right: 10px; text-indent: 20px;}

/*首页右侧内容*/
#siderbox{width: 48%; float: right; }
#contact_us{ margin: 0 auto; padding-top: 35px;}
#contact_us p{ float:left; font-size:13px; line-height:25px;}
#contact_us a{ float: right;}
#contact_us img{float: left;}

/*内页左侧内容*/
#sidebar{width: 244px; float: left; margin-top: 24px;}
#plist{width: 225px; float: left; padding-left: 19px;}
#plist h2{height: 36px; line-height: 36px; padding-left: 27px; color: #fff; font-size: 15px; font-weight: bold; background: url(../images/title.jpg) no-repeat;}
#plist span{padding-left: 8px; color: #fff; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
#plist ul{list-style: none; padding-top: 5px;}
#plist li{background: url(../images/plist_bg.jpg) no-repeat #e3e3e3;}
#plist li a{height: 30px; line-height: 30px; margin-top: 2px; display: block; padding-left: 50px; font-size: 13px;}
#plist li a:hover{color: #fff; text-decoration: none; background: url(../images/plist_line.jpg);}

#contact{width: 225px; float: left; margin-top: 30px; padding-left: 19px;}

/*其它页面主要部分*/
#secondary,#default_inside{width: 695px; float: right; margin: 0 auto; margin-top: 22px; padding-right: 26px;}
#secondary h1,#default_inside p.title{height: 30px; line-height: 30px; font-size: 15px; color: #b2080e; font-weight: bold; border-bottom: solid 1px #dfdfdf; font-family: "微软雅黑";}
#secondary p{line-height: 26px; padding-top: 15px; text-indent: 20px;}

#default_conter h1{padding: 20px 0px; text-align: center; font-size: 16px; font-weight: bold; color: #b2080e; background: none;}
span.fast{height: 25px; line-height: 25px; float:right; margin-top: -25px; color: #8e8e8e;}
span.fast a:link,span.fast a:visited,span.fast a:active{color: #8e8e8e; font-weight: normal; text-decoration: none;}
span.fast a:hover{color: #b2080e; text-decoration: underline;}

/*全部产品页面*/
#chanpin{width: 695px; margin: auto; padding-top: 10px;}
ul.imglist{list-style-type: none; text-align: center;}
ul.imglist li{  width: 172px;float: left;height: 180px;}
ul.imglist li a{display: block; margin-right: 15px;}
ul.imglist li img{margin: 8px 0; text-align: center; padding: 3px; border: solid 1px #dbdbdb;}
ul.imglist h3{font-size: 12px; font-weight: normal;}

/*上下分页*/
#several{float: left; width: 90%; margin: 20px 0px; text-align:center; color: #4d4b4b;}
#several span.current,#several a:link,#several span.current,#several a:visited{line-height: 42px; color:#4d4b4b; border:1px solid #dbdbdb; text-decoration:none; padding: 3px 5px; margin-left:5px;}
#several span.current,#several a:hover{color: #b2080e; border:1px solid #b2080e; text-decoration:none;}

/*产品详细页面及上一个下一个*/
#cp_lr{width: 95%; margin: 0px auto; padding-top: 15px; padding-bottom: 10px; text-align:center;}
#cp_lr img{float: none; margin: 10px auto 20px auto;}
#cp_lr p{text-align: left; padding-left: 0; padding-bottom: 15px; line-height: 24px;}
#cp_lr td.title{font-weight: bold;}
#cp_lr table,table.rc{word-wrap: break-word; table-layout: fixed; word-break: break-all; border: solid 1px #dbdbdb; border-width:1px 0px 0px 1px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 15px;}
#cp_lr table th,table.rc th,#cp_lr table td,table.rc td{border: solid 1px #dbdbdb; border-width:0px 1px 1px 0px; padding: 5px; text-align:center;}

#up_down{width: 90%; margin: 15px auto 25px auto; padding-left: 15px; line-height: 32px; text-align: left; border: dashed 1px #dbdbdb;}
#up_down span a{fong-size: 12px; font-weight: normal; color: #4d4b4b; text-decoration: underline;}
#up_down span a:hover{color: #b2080e; text-decoration:underline;}

/*产品详细页-相关产品*/
h3.chanpin-title{width: 650px; height: 30px; line-height: 30px; margin: 20px 20px 15px 8px; padding-left: 20px; font-size: 14px; border: solid 1px #dbdbdb;}
#related_product{margin-left: 15px;}
#related_product li img{width: 150px; height: 130px; margin-bottom: 8px; border: solid 1px #dbdbdb; text-align: center;}
#related_product h4{margin:0px; padding: 0px; font-size:12px; font-weight: normal; line-height:22px;}
#related_product li{float:left; width: 150px; padding-right: 18px; _padding-right: 16px; list-style: none; text-align:center}

/*新闻列表详细页面*/
#news-content{width: 695px; float: left; margin: auto;}
#news-content ul{list-style: none; padding-top: 10px;}
#news-content li{line-height: 30px;}
#news-content span{float: right; padding-right: 15px; color: #858585; font-size: 11px;}

#news_concern{margin:auto; padding: 10px 28px 0px 30px; line-height:26px; font-size:12px; margin-bottom: 30px; text-align: left;}
#news_concern p{line-height: 26px;}
#news_concern img{margin: 10px 0;}

/*标题下的信息，如发布时间、点击次数等*/
#title_extra{display:block; line-height: 24px; text-align:center; margin:auto;}
p#help{width:92%; margin: 10px auto; line-height: 30px; padding-left: 10px; padding-right: 10px; font-weight: bold; text-align: left; border: dotted 1px #68d805;}

/*底部内容*/
#footer{    width: 100%;clear: both;margin-top: 31px;background-color: #000;overflow: hidden;}
#footer p{width: 996px; line-height: 24px; margin: 0 auto; padding-top: 12px; color: #fff;}
#footer p a{color: #fff;}
#footer p a:hover{color: #fed600;}
.tab{border:none;}
.tab tr{border:none;}
.tab td{border:none;}

#sj{width:160px;
position:fixed;
top:100px;
right:10px;}
#sj img{width:160px; height:160px;}
#sj p{width:160px;
font-size:12px;
line-height:20px;
background:red;
color:#fff;
text-align:center;
}



.ul_index{list-style: none;width: 1000px;margin: auto;overflow: hidden;margin-top: 20px;}
.ul_index li{ float:left;width: 194px;text-align: center;margin-bottom: 20px;}
.ul_index li img{border: 1px solid; }
.ul_index li h3{ text-align: center;  }
.ul_index li h3 a{line-height: 30px; display:block; height:30px; overflow:hidden;}

.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;}

.home_sm{ clear:both; overflow:hidden; margin-bottom:35px;}
.home_sm_left{ float:left; width:300px;}
.home_sm_left img{ max-width:100%;}
.home_sm a{ display:block;}
.home_sm a:hover{ color:inherit; text-decoration: none;}
.home_sm_right{ float:right; width:660px;}
.home_sm_right h1{ margin-bottom:10px;}
.home_sm_right p{ line-height:20px; font-size:12px;}



@media (max-width: 1000px) {  
#header{ width:100%;}
#flash{ width:100%;}
#container{ width:100%;}
#chanpin2{ width:100% !important;}
#footer p{ width:96%; padding:0 2%;}
#sj{ display:none;}
#flash img{width:100%;}
#navbar{ width:75%;}
#navbar ul{ padding-left:0px;}
#navbar li{ width:14.2%; margin-left:-1px;}
#navbar li a{ width:100%;}
#logo{ width:25%;}
#logo img{ width:100%; height:auto;}
#product_list{ padding-left:5%; margin-left:0px; width:95%;background: url(../images/prolist_bg.jpg) no-repeat center top; background-size:100% 100%; height:auto; overflow:hidden; padding-bottom:30px; }
#product_list li{ width:25%;}
#siderbox a{ display:none;}
#contact_us p{  clear:both;}
#content{ width:100%;  }
#submainbox{ width:70%; margin:0 1%; }
#siderbox{ width:25%; margin:0 1%; }
#news{ width:100%;}
#news li{ width:98%; }
#company p{ padding-right:3%;}
.ul_index{ width:100%;}
.ul_index li{ width:23%; margin:0 1%;}
.ul_index li img{ width:100%; height:auto;}
#wrapper{ width:100%;}
#secondary, #default_inside{ width:71%; padding-right:1%;}
#sidebar{ width:25%; padding-left:1%;}
#plist{ padding-left:0px; width:100%;}
#plist h2{ background-size:100% 100%;}
#bjd img{ width:100%;}
#plist h2{ padding-left:10px;}
#contact{ display:none;}
#secondary embed, #default_inside embed{ max-width:100%; width:auto !important; height:auto !important; }
#news-content{ width:100%;}
#news_concern{padding: 10px 3% 0px 3%;}
#cp_lr img{ max-width:100%;}
ul.imglist{ display: flex;flex-wrap: wrap;}
ul.imglist li{ width:23%; margin:0 1%; height:auto;}
ul.imglist li img{ width:100%; height:auto; padding:0px; margin:0px; border:none; } 
ul.imglist li a{ margin-right:0px;}    
#chanpin{ width:100%;}

}

@media (max-width: 767px) {           
#product_list li{ width:31.3%;}
#navbar{ width:100%; padding-top:0px;}
#logo{ width:100%; text-align:center;}
#logo img{ width:auto; }
.bg{ background:#FFF;}
body{ background: none;}
#mainbox{ width:98%; }
#submainbox{ width:100%; }
#company{ background:none;}
.ul_index li{ width:31.3%;}
#secondary, #default_inside{ width:98%; padding-right:1%; padding-left:1%;}
#sidebar{ width:98%; padding-right:1%; padding-left:1%;}
#plist li{ width:33.3%; float:left;}
#siderbox{ display:none;}
#company p{ padding-right:0;}
span.more{ padding-right:0px !important; }
}

@media (max-width: 425px) {           
#product_list li{ width:50%;}
#navbar li{ width:25%;}
.ul_index li{ width:48%;}
#plist li{ width:50%;}
ul.imglist li{ width:48%; }
#navbar li a{ line-height:30px; height:30px;}
#news ul{ padding-left:1%; padding-right:1%;}
#company p{ padding-right:0px;}
#submainbox{ width:96%; margin:0 2%;}
#logo{ padding-top:0px;}

#chanpin2 h1{ font-size:18px !important;}

.footerDiv{display: block;}

.footer_phonebai{display: block;}
.footerDiv{background: #1e60b9;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}
.footerWrap li{text-align: center;margin-top: 6px; list-style:none;}
.footerWrap li a{color: #fff;font-size: 15px;display: block;}
.footerWrap li i{display: block;}
.footerWrap li a img{display: block;margin: 0 auto;}
.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}
.footer_phonebai a{font-size: 16px;color: #5d5d5d;}

.chanpin_xs{display: block;}
.product_tui{display: none;}

.huoban{background: #4c4c4c;}
.form2{width: 100%;}
.huoban_right{background: none;}

.honor_bg{display: none;}
.new_tit{display: none;}
.new_tits{display: block;}
.youshi_bg .container{padding-left: 4px;padding-right: 4px;}
.footerDiv ul{margin-bottom: 0px;}
}

