﻿/*全局定义*/
*{margin: 0px; padding: 0px;}
body{font-family:"宋体", Arial, Helvetica, sans-serif; font-size: 12px; color: #555;}
a:link,a:visited,a:active{color: #323232; text-decoration: none;}
a:hover{text-decoration: underline;}
.clear{clear: both; height: 0;}
img{border:none;}
h1,h2,strong{font-family:"微软雅黑";}
dl,dt,dd,ul,li{margin: 0; padding: 0; list-style-type:none;}

a{outline:none;}


h2.h2title,#secondary h1,p.bt{ text-align:left;
height:32px;
line-height:25px;
color: #0559b3;
font-size: 14px;
padding-left: 20px;
background:url(h2title_index.gif) no-repeat left center;
}
p.bt{
font-weight:bold;
}


/*首页产品分类，新闻列表，联系我们*/
ul.prolist_index{
float:left;
width:205px;
padding-top:15px;
padding-bottom:20px;
background:url(prolist_index.jpg) no-repeat left top;
}

ul.prolist_index li{ text-align:left;}

/*网页头部*/
.header{width:1000px; margin: 0px auto; position: relative;}
.logo{float: left;}

#top_right{position: absolute; top:50px; right:30px;}
.index_h1 {font-size: 12px;float: left; font-weight: normal;height: 15px;line-height: 13px;padding-right: 8px;color: #555;} 
#top_right a{
float:left;
padding-left:10px;
margin-right:10px;
background:url(dian_index.jpg) no-repeat left center;
}
/*导航条*/
#navbar{ clear:both; margin:auto; width:100%; background: url(menu_bg.jpg) repeat-x; margin-top:14px; overflow:hidden;}
#navbar ul{list-style: none; margin:auto; width:1000px;}
#navbar li{float: left;width:80px;
margin-left:30px;}
#navbar li a{height: 35px; line-height: 35px; display: block; margin-right: 8px; text-align: center; color: #fff; font-size: 13px; font-weight: bold; font-family:"微软雅黑";}
#navbar li a:hover{color: #c60210; text-decoration: none;}

#banner{width:100%;
margin:auto;
text-align:center;}

/* qqshop focus */
#focus {width:980px; height:326px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left;width:980px; height:326px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:980px; height:25px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

/*主体内容*/
#container_index{width:100%; margin: auto; overflow: hidden; padding-top: 12px;
background:url(container_bg.jpg) repeat-x left top;}
#container{
margin:auto;
width:1000px;
margin-bottom:20px;
overflow:hidden;
}
#wrapper{width:100%; float:left;}
#content{float:left; width:756px;
margin-left:15px; 
_margin-left:10px; }
/*关于我们首页*/
#company{
float:left;
width:497px;
}
#company p{
margin-left:30px;
}

/*更多（首页）*/

span.more,span.more_index,span.more01{float: right; margin-right:20px;}
span.more01{
margin-top:-20px;
}
span.more a:link,span.more a:visited{
color:#555;
text-decoration:underline;
}

.intro_index p{line-height: 24px; margin-top: 15px; font-size:14px;}

.intro_index img{
float:left;
margin-right:10px;
margin-top:8px;
}

/*产品推荐首页*/
.commend_index{
float:left;
width:756px;
margin-bottom:10px;
}
.tuijian{
margin-left:30px;float:left; width:665px;
padding-top:20px;
_margin-left:10px;
}
td.scrollpic{
padding:0px 8px;
}
td.scrollpic img {
display:block; width:150px;
 border:1px solid #BFBFBF;
 margin-bottom:5px;
 }
td.scrollpic h3{
margin:0px; 
padding:0px; 
font-size:12px; 
font-weight:normal; 
line-height:20px; 
text-align:center;
}
td.scrollpic a:link, td.scrollpic a:visited,td.scrollpic a:active{
color:#333; 
text-decoration:none;
}
td.scrollpic a:hover{
text-decoration:underline;
}

.quick{
float:right;
width:250px;
}
.quick table{
margin-left:15px;
margin-top:10px;
}
.quick td{
line-height:30px;
text-align:center;
}
.quick h4{
margin:0px;
padding:0px;
font-size:14px;
text-align:center;
float:left;
margin-right:10px;
margin-left:10px;
}
.quick table td h4 a{
}

/*首页右侧内容*/
#siderbox{width:205px; float:right;}

/*产品分类首页*/


ul.prolist_index li a{
margin-bottom:5px;
float:left;
width:167px;
padding-left:35px;
font-size:14px;
font-weight:bold;
line-height:25px;
margin-left:18px;
}
ul.prolist_index li a:link,ul.prolist_index li a:visited{
background:url(nav_list.jpg) no-repeat left center;
}
/*新闻资讯首页*/
#news{
margin:auto;
width:100%;
border-top:1px solid #dce1e3;
border-bottom:1px solid #dfdfdf;
background:url(new_bg.jpg) repeat-x left top;
height:36px;
}
.news_index{
margin:auto;
width:980px;
line-height:36px;
} 
#news li{background: url(new_img.jpg) no-repeat left center; text-align:left;}
#news li a{height:25px; line-height:25px; padding-left: 38px;}


h2.h2title_nav{
background:url(h2title_nav.jpg) no-repeat left center;
height:32px;
font-size:14px;
color:#fff;
line-height:28px;
padding-left:25px;
}

#contact_us{
float:left;
width:200px;
margin-top:18px;
}

#contact_us p{ text-align:left; clear:both;
margin-left:15px; font-size:14px;
margin-top:10px;
line-height:25px;}

#footer_top,#footer_inside{
background:url(footer_bg.jpg) repeat-x left top;
height:70px; padding-bottom:49px;
}
#footer_inside p{
margin:auto;
width:1000px;
margin-top:20px;
text-align:center;
}
#footer_top ul{
margin:auto;
width:1000px;
}
#footer_top ul li{
float:left;
margin-right:40px;
margin-left:20px;
margin-top:10px;
}
#footer_top ul li.add_index{
background:url(add_img.jpg) no-repeat left top;
padding-left:60px;
font-family:"微软雅黑";
color:#2c4b8c;
line-height:25px;
}
#footer_top ul li.tel_index{
background:url(tel_index.jpg) no-repeat left 10px;
padding-left:40px;
font-family:"微软雅黑";
color:#2c4b8c;
line-height:50px;
}
#footer_top ul li.tel_index span{
font-size:30px;
font-weight:bold;
}
#footer_top ul li.online_index{
background:url(message_img.jpg) no-repeat left 10px;
padding-left:40px;
font-family:"微软雅黑";
color:#2c4b8c;
font-size:14px;
line-height:20px;
}
/*内页主要部分*/
#secondary,#default_inside{width:756px; float:left;
margin-left:15px;}
/*所在位置*/
span.fast{margin-bottom: 12px; color: #908f8f; float:right;
margin-top:-22px}
span.fast a:link,span.fast a:visited,span.fast a:active{color: #908f8f; font-size: 12px; font-weight: normal; text-decoration: none;}
span.fast a:hover{color: #c60210; text-decoration: underline;}

.mydefaut_content{ text-align:left; margin-bottom:25px;
float:left;
width:700px;
padding-top:20px;
}
.mydefaut_content p{
margin-bottom:10px;
line-height:25px;
}
/*内页左侧内容*/
#sidebar{width: 220px; float:right; background: url(left_bg.jpg) no-repeat left top; padding-left:20px;}
/*右侧产品列表*/
ul.left_prolist li a{height: 30px; line-height: 30px; margin:0px auto; margin-top: 6px; padding-left: 40px; display:block; color:#3a3a3a;font-family:"微软雅黑";}
ul.left_prolist li a:link,ul.left_prolist li a:visited{
background: url(list_current.jpg) no-repeat;
}
/*ul.left_prolist li a:hover{
color:#fff;
background: url(list_line.jpg) no-repeat;
}
#navbar li.current a{color: #fff; text-decoration: none; background: url(nav_line.jpg) no-repeat center top;}

*/

ul.left_prolist li a.shover{
color:#fff;
background: url(list_line.jpg) no-repeat left center;
}
h2.title_03{height: 40px; line-height: 40px; font-size: 15px; color: #fff; padding-left: 20px; background: url(title_03.jpg) no-repeat;
}

/*左侧联系我们列表*/
#left-conact{
width: 220px; margin-top:20px
}
#left-conact p{
padding:5px;
line-height:25px}
/*全部产品页面*/
#chanpin{padding-top: 20px;}
#chanpin ul.imglist li{float: left; margin-left:12px; padding-right:10px; list-style-type: none;}
#chanpin ul.imglist li img{margin-bottom: 5px; display: block; text-align: center; border: solid 1px #e6e5e5; padding: 3px; background-color: #fff;}
#chanpin ul.imglist h3{margin: 0px; margin-bottom: 10px; padding: 0px; font-size:12px; font-weight: normal; line-height: 20px}
#chanpin li a:link,#chanpin li a:visited,##chanpin li a:active{font-size: 12px; color:#323232; font-weight: normal; text-decoration: none;}
#chanpin li a:hover{color:#c60210; text-decoration: underline;}


/*新闻列表详细页面*/
#news-content,#default_conter{width: 700px; float: left;
background:url(title_01.jpg) repeat-x left top;
margin-left:10px;}
#news-content{
padding-top:10px;
}
#news-content ul{list-style: none;}
#news-content li{line-height: 30px; padding-left: 12px; text-align:left;}
#news-content span{float: right; padding-right: 10px;}

#news_concern{margin:auto; padding: 10px 28px 0px 28px; line-height:26px; font-size:12px; margin-bottom: 30px; text-align: left;}
#news_concern p{line-height: 24px;}

/*上下分页*/
#several{float: left; width: 90%; margin: 20px 0px; text-align:center;}
#several span.current,#several a:link,#several span.current,#several a:visited{line-height: 42px;border:1px solid #555; text-decoration:none; padding: 3px 5px; margin-left:5px;color: #323232;}
#several span.current,#several a:hover{color: #323232; border:1px solid #323232; text-decoration:none;}
/*新闻内容页*/
#default_conter h1{padding-top: 20px; padding-bottom:10px; text-align: center; font-size: 16px; font-weight: bold;  background: none;}
/*标题下的信息，如发布时间、点击次数等*/
#title_extra{display:block; text-align:center; margin:auto;}
#up_down{width:90%; clear: both; margin: 15px auto 25px auto; padding-left: 20px; line-height: 32px; text-align: left; border: solid 1px #e6e5e5;}
#up_down span a{fong-size: 12px; font-weight: normal; color: #323232; text-decoration: underline;}
#up_down span a:hover{color: #c60210; text-decoration:underline;}
#cp_lr table{
margin:auto;
width:100%;
margin:5px 0px;
}
#cp_lr table,table.rc{word-wrap: break-word; table-layout: fixed; word-break: break-all; border: solid 1px #e6e5e5; border-width:1px 0px 0px 1px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 15px;}
#cp_lr table td,table.rc td{border: solid 1px #e6e5e5; border-width:0px 1px 1px 0px; padding: 5px; text-align:center;}

#cp_lr p{
margin-top:5px;
line-height:20px;
}
/*底部内容*/
#footer{ margin:auto; width:1000px; margin-top:10px; padding-bottom:10px;}
#footer p{text-align:center;}
#footer a{text-decoration: none; padding-bottom: 20px;}
#footer a:hover{color: #323232; text-decoration: underline;}
#footer span{float: left; padding-top: 15px;}

.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;}



@media (max-width: 1000px) {           
.header{ width:100%;}
#navbar ul{ width:100%;}
.swiper-slide img{ width:100%;}
#navbar li{ width:12.5%; margin-left:0px;}
.news_index{ width:100%;}
#container{ width:100%;}
#footer_top ul{ width:100%;}
#footer{ width:100%;}
#content{ width:76%; margin-left:1%;}
#secondary, #default_inside{ width:76%; margin-left:1%;}
#siderbox{ width:22%;}
.commend_index{ width:100%;}
#company{ width:100%;}
.quick{ display:none;  }
.tuijian{ width:95%; margin-left:2.5%;}
#demo_demo{ width:100% !important;}
ul.prolist_index{ width:100%;}
#contact_us{ width:100%;}
#contact_us p{ margin-left:0px;}
ul.prolist_index li a:link, ul.prolist_index li a:visited{ background-size:100% 100%;}
ul.prolist_index li a{ width:77%; margin:5px 4%; padding-left:15%;}
#footer_top, #footer_inside{ height:auto; background-size:100% 100%; overflow:hidden; padding:15px 0px;}
.mydefaut_content{ width:100%; }
.mydefaut_content img{ max-width:100%; height:auto;}
#news-content, #default_conter{ width:100%; margin-left:0px;}
#news_concern{padding: 1% 3% 0px 3%;}
#chanpin ul.imglist li{ width:31.3%; padding-left:1%; padding-right:1%; margin:0px;}
#chanpin ul.imglist li img{ width:100%; height:auto;}
#chanpin ul.imglist h3{ height:20px; overflow:hidden;}
#chanpin ul.imglist li img{ padding:0px;}
#cp_lr img{ max-width:100%; height:auto;}

}

@media (max-width: 767px) {           
#content{ width:100%; margin-left:0; margin-bottom:20px;}
#siderbox{ width:100%;}
#prolist_index{ width:50%;}
#contact_us{ width:50%;}
h2.h2title_nav{ background-size:100% 100%;}
ul.prolist_index{ background-size:100% 100%;}
#secondary, #default_inside{ width:100%; margin-left:0; margin-bottom:20px;}



}

@media (max-width: 425px) {           
#top_right{ display:none;}
#navbar li{ width:25%;}
#navbar{ background-size:100% 100%;}
#footer_top ul li{ margin-left:5%; margin-right:5%;}
#footer_top ul li.tel_index span{ font-size:27px;}
#prolist_index{ width:100%;}
#contact_us{ width:100%;}
#chanpin ul.imglist li{ width:48%;}
span.fast{ float:none;}
#company p{ margin-left:2%; margin-right:2%;}
#contact_us p{ margin-left:2%; margin-right:2%;}




.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;}
.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;}
}

.news2 {margin: 0 auto;overflow: hidden;padding: 0px 0px 20px 0px; clear:both;}
.news2 li {font-size: 17px;  width: 480px;  float: left; margin-right: 40px;margin-top: 10px; margin-left:0px;}
.news2 li:nth-child(2n) { margin-right: 0px;}
.news2 span {float:right;color:#897878;font-size: 14px;}
.news2 a {color:#4d4746;font-weight: normal;font-size: 14px;}
.news_index {width: 1000px;margin: 0 auto;    padding-top: 37px;}
.p_1{ clear:both;}
.p_1 h2{font-size: 18px;color: #0559b3;font-weight: bold; float:left;}
.news_miaoshu { font-size: 13px;line-height: 18px;color: #8e8e8e;}
.a_1 { font-size: 13px;padding: 0px 10px;color: #666; float:right; font-weight: normal;}

@media (max-width: 1200px) {
.news2 li {width: 48%;margin-right: 10px;}
.news_index {width: 95%;    padding: 20px 10px;}
.news_miaoshu {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_miaoshu {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news2 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
 }

@media (max-width:730px) {
.news2 li {width: 100%;}
.news_index {width: 95%;    padding: 20px 10px;}

 }

.facebook_page{ clear:both; text-align:center;} 
.facebook_page table{ width:100%;}
#facebook{width:100%;}
#facebook #name{ width:96%; line-height:35px; height:35px; font-size:15px; margin-bottom:15px; padding-left:15px;}
#facebook #youxiang{ width:100%; line-height:35px; height:35px; font-size:15px; margin-bottom:15px; padding-left:15px;}
#facebook #tel{ width:96%; line-height:35px; height:35px; font-size:15px; margin-bottom:15px; padding-left:15px;}
#facebook #ydtel{ width:100%; line-height:35px; height:35px; font-size:15px; margin-bottom:15px; padding-left:15px;}
#facebook #content{ width:100%; line-height:35px; height:100px; font-size:15px; margin-left:0px; margin-bottom:15px; padding-left:15px;}
.anniu_lxfs{ width:125px; line-height:35px; background:#d0000e; color:#FFF; border:none; margin:0 auto; text-align:center;} 
.zxly_r{ padding-right:15px;}
 
.youhua_cp{ width:100%; clear:both; overflow:hidden;}
.youhua_cp h2{ font-size:28px; color:#333; line-height:38px; text-align:center; margin-bottom:10px;}
.youhua_cp h3{ font-size:23px; color:#333; line-height:32px; margin-bottom:10px;}
.youhua_cp p{ font-size:18px; line-height:25px; margin-bottom:10px;}
.youhua_cp li{ font-size:16px; line-height:24px; width:25%; }
.youhua_cp ul{ margin-bottom:10px; overflow:hidden;display: flex;flex-wrap: wrap;}
 
.youhua_news{ width:100%; clear:both; overflow:hidden;}
.youhua_news h2{ font-size:28px; color:#333; line-height:38px; text-align:center; margin-bottom:10px;}
.youhua_news h3{ font-size:23px; color:#333; line-height:32px; margin-bottom:10px;}
.youhua_news p{ font-size:18px; line-height:25px; margin-bottom:10px;}
.youhua_news li{ font-size:16px; line-height:24px; width:50%; }
.youhua_news ul{ margin-bottom:10px; overflow:hidden;display: flex;flex-wrap: wrap;}
 

.hit {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    color: #333;
}

#page {
    text-align: center;
    clear: both;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}