@charset "utf-8";
/**
 * 基本样式
 * @author lizhigao(lizhigao@021.com)
 */
/*====================== reset =======================*/
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll}
html,body {background-image: none;background-attachment: fixed;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td, footer {margin: 0; padding: 0; outline: 0;} /* 清除内外边距 */
:focus{outline: 0 none; font-weight: normal;}
body{min-width: 960px; min-height: 100%; color: #333;}
body, button, input, select, textarea {font: 12px/1.5 \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei",arial,sans-serif;} /* 设置默认字体 */
/*body, button, input, select, textarea {font: 14px/100% \5b8b\4f53,"宋体","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft Yahei",arial,sans-serif;} !* 设置默认字体 *!*/
iframe,img {border: 0 none;}
em,i,ins {font-style: normal; text-decoration: none}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
ul, li, ol { list-style: none; } /* 重置列表元素 */
/* 重置表格元素 */
table {border-collapse: collapse; border-spacing: 0;}
/* 重置文本格式元素 */
a{text-decoration: none; outline: none; color: #333; /* -webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;-ms-transition:all 0.15s linear;-o-transition:all 0.15s linear; */ cursor: pointer;}
a:hover {color: #ee4b4b; text-decoration: none; }
a:focus{font-weight: inherit;}
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help;} /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
q:before, q:after { content: ''; }
/* 重置表单元素 */
input {outline: none}
input::-ms-clear {display: none}
legend { color: #333; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit} /* 使得表单元素在 ie 下能继承字体大小 */
textarea {overflow:auto; resize:vertical;}
label {cursor:pointer;}
/* 重置 hr */
hr {border: none; height: 1px; background-color: #eee;}
/* 解决IE6 a标签外框虚线问题 */
*html a {outline: none;}
/**html a:active {star:expression(this.onFocus=this.blur());}*/
button{cursor: pointer;}
.clearfix:before, .clearfix:after{content: ""; display: table; width: 100%;}
.clearfix:after{ clear: both;  }
.clearfix{zoom:1;}
.wrap{  width: 1000px;margin: 0 auto;}

/*-----------------------------------------全局样式开始--------------------------*/
/*top*/
#top_all{ width: 100%; background: url("../images/top_bj.jpg") repeat-x; }
.top{ line-height: 30px;  height: 30px; }
.top_left{ float: left;}
.top_right{ float:right;}

/*logo*/
.logo{ height: 120px;overflow: hidden;}
.logo_l{ float: left; }
.logo_l h1{ margin: 0;padding: 0;}
.logo_l h1 a{ display: block; background: url("../images/logo.jpg") no-repeat; text-indent: -2000em; width: 500px; height: 120px;}

.logo_r{ float: right;  margin-top: 10px;}
.tel { background: url("../images/tel.png") no-repeat left center;  padding-left: 80px; font-size: 14px; height: 105px; padding-top: 30px;}
.tel em{ padding-left: 20px;}
.tel span{ font-size: 20px;  color: #f60;   overflow: hidden ;display: block; }

/*导航*/
.nav-box {
    background-image: url(../images/index_14.jpg);
    background-repeat: repeat-x;
    height: 40px;
    overflow: hidden;
}
.nav-box ul {
    height: 40px;
    width: 1000px;
    overflow: hidden;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: left;
}
.nav-box ul li {
    line-height: 40px;
    float: left;
    height: 40px;
    width: 125px;
    font-size: 16px;
    background-image: url(../images/index_16.jpg);
    background-repeat: no-repeat;
    background-position: right;
    text-align: center;
}
.nav-box ul li a{
    color: #FFF;
    display: block;
    height: 40px;
    width: 125px;
}
.nav-box ul li a:hover{
    color: #FFF;
    background-image: url(../images/index_17.jpg);
    background-repeat: no-repeat;
}

/*banner*/
.banner{ width: 1000px; margin: 0 auto; }
.banner img{ width: 1000px; height: 380px; overflow: hidden; }

/*search*/
.search{  border: 1px solid #D9EFFB; height: 40px;line-height: 40px; margin-top: 5px; margin-bottom: 5px;}
.keywords{ float:left; padding-left: 10px; font-size: 12px;}
.keywords span{ margin:  0 5px;}
.sousuo{ float: right;}
.sousuo .input-box{ height: 28px; line-height: 28px; padding: 5px;}


/*main*/
.main{ }
.main_l{ float: left; width: 230px;}
.main_r{ float: right; width: 760px;}
.main_pro{ width: 100%; height: auto; border: 1px  solid #ddd; background: url("../images/icon_title.jpg") repeat-x;}
.main_pro h2{ width: 100%; height:39px;padding-left: 20px;line-height: 39px; color: #fff; font-size: 18px; }
.main_pro .main_pro_list{ padding: 10px 0;}
.main_pro .main_pro_list >li { background: url("../images/icon_1.jpg") repeat-x; padding-left: 20px; line-height: 37px; margin-bottom: 5px;  border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;  cursor: pointer;}
.main_pro .main_pro_list >li:hover{ border-bottom: 1px solid #ee4b4b; display: block; width: 100%; }
.main_r_tile{ width: 100%;  border: 1px  solid #ddd; background: url("../images/icon_1.jpg") repeat-x;  position: relative; line-height: 39px; height: 38px;}
.main_r_tile h2 { width: 160px;  position: absolute; left: 0;height: 39px;  padding-left: 20px; color: #fff; font-size: 18px; background: url("../images/icon_3.jpg") repeat-x; line-height: 39px;}
.main_r_tile .more{ position: absolute;right: 10px; top:13px; display: block; width: 53px; height: 13px; background: url("../images/more.jpg") no-repeat; text-indent: -2000em;}

/*index_product_show*/
.show{ width: 100%; border: 1px solid #ddd; border-top: 0;}
.show li{ float: left; width: 170px; margin: 9px; height: auto;}
.show li img{ width: 170px; height: 200px; padding: 3px; border: 1px solid #ddd; overflow: hidden;}
.show li img:hover{ border: #ee4b4b  1px solid; opacity: 0.8;}

.show li> p{ font-size: 12px; padding: 5px 0;}
.show_info{ display: block; width: 100%;font-size: 12px;  height: 35px; overflow: hidden;}

/*index_product_show end*/
/*首页广告*/
.ad{ height: 140px; margin-top: 10px; margin-bottom: 10px;}
.ad img { width: 1000px; height: 140px; overflow: hidden;}

/*新闻 联系方式*/
.lianxi{ width: 245px; float: left; }
.xw{ float: right; width: 745px; }

.lianxi .lianxi_p { padding: 15px   10px; border: 1px solid #ddd; line-height: 26px; border-top: 0; font-size: 12px; }


.xw .xw_l{ width: 367px; border: 1px solid #ddd; float: left;}
.xw .xw_r{ width: 367px;border: 1px solid #ddd; float: right;}

.news_title{ width: 100%; height: 48px;line-height: 48px; background: url("../images/news_title.jpg") repeat-x;  position: relative; }
.news_title i{ display: block; background: url("../images/news_title_2.jpg") 5px center no-repeat; width: 23px; height: 50px;  position: absolute;}
.news_title h2 { padding-left: 30px; line-height: 48px; height: 48px; font-size: 20px; }
.news_title span   { float: right; display: block;  }
.news_title span a {display: block; background: url("../images/more.jpg") no-repeat 0 center; text-indent: -2000em;  width: 53px; height: 48px;padding-right: 10px; }
.news_list{  width: 100%; margin: 0;padding: 10px; }
.news_list >li { background: url("../images/news_list.jpg") 5px no-repeat; padding-left: 20px; height: 30px; line-height: 30px; border-bottom:1px dashed #ddd;  position: relative; }
.news_list >li span{  position: absolute;right: 0; color: #777; }

/*links*/
.link{ margin-top: 10px; margin-bottom: 20px;}
.link ul { margin: 0;  border:1px solid #BAD7F0;border-top: 0; padding: 10px; }
.link ul li { float: left; margin-right: 10px; height: 28px; line-height: 28px;}
.content_union{ border: 1px solid #BAD7F0; width: 100%;  position: relative;background: url("../images/icon_2.jpg") repeat-x;
}
.content_union h2{  background: url("../images/item_bj.png") no-repeat; height: 35px; line-height:35px; color:#0F68CC; font-size: 18px;padding-left: 18px;  }


/*footer*/
#foot{ border-top: 2px solid #0F68CC; height: 2px;  width: 100%; }
.bottom{ padding: 10px 0; }
.logo_bottom{ float: left;  margin: 0;padding: 0; overflow: hidden;}
.logo_bottom a{ display: block;text-indent: -2000em; height: 78px; overflow: hidden; width: 270px;}
.logo_bottom a img  { display: block; width: 270px; height: 78px; overflow: hidden;}
.bottom_right{ width: 700px; height: auto; float:right;}
.bottom_right p { line-height: 24px; }

/*--------------------------------------------内页样式展示-------------------------------------------------------*/

/*about.htm*/
.position{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #ddd; background: url("../images/icon_1.jpg") repeat-x; padding-left: 20px;}
.position em{  }
.lianxi .lianxi_p2 { padding: 15px   10px; border: 1px solid #ddd; line-height: 24px; border-top: 0; font-size: 12px; }
.lianxi .lianxi_p2 >img { width: 210px;  overflow: hidden;}

.wenzhang{ width: 100%; border: 1px solid #ddd; border-top: 0; padding: 20px 10px;}
.wenzhang h2{ padding: 10px; font-size: 24px;}
.wenzhang p { line-height: 24px; vertical-align: middle; padding-top: 10px;}
.wenzhang #lanmu_about{ font-size: 14px; line-height: 28px; text-indent: 2em;padding: 0 }
.wenzhang p img{ margin: 0 auto; vertical-align: middle; }

/*article_article.htm*/
.up_down{ width: 100%; padding: 20px  10px;}
.fenye{ width: 100%; text-align: center; margin-top: 10px; }
.fenye a{ display:  inline-block;  border: 1px solid #ddd;  padding: 5px 10px; border-radius: 5px; }
.tuijian{ width: 100%;  padding-bottom:10PX;  line-height: 50px; color: #EC4B4B; margin-top: 10px;position: relative;}
.tuijian span { font-size: 20px;  font-weight: normal;  color: #0173BC;  border-bottom: 2px solid #666;  display: block;  width: 100%;  height: 30px;  line-height: 30px;   }

.tuijian i {position: absolute;
    display: block;
    width: 80px;
    height: 2px;
    background-color: #005EA8;
    left: 0;
    bottom: 10px;
    overflow: hidden;}

.recomend_content li {
    position: relative;
    list-style: none;
    float: left;
    height: 28px;
    line-height: 28px;
    overflow: hidden;

    width: 50%;
    text-indent: 20px;
}

.recomend_content li span {
    position: absolute;
    left: 10px;
    top: 13px;
    z-index: 99;
    display: block;
    width: 4px;
    height: 4px;
    font-size: 0;
    background-color: #333;
}

.recomend_content li a {
    color: #333;
}

.recomend_content li a:hover {
    color: #ee4b4b;
    text-decoration: underline;
}

/*article_product.htm*/

.tuijian_pro{ padding: 0;margin: 0 -10px 0 0;}
.tuijian_pro li{ width: 177px; margin-right: 10px; margin-bottom: 10px; float: left;}
.tuijian_pro li img { width: 177px; height: 133px; overflow: hidden;border: 1px solid #ddd; padding: 5px; }
.tuijian_pro li img:hover{ border: 1px solid #ee4b4b;}
.tuijian_pro li span{ display: block; height: 30px; line-height: 30px;width: 100%; text-align: center; background: #eee;}

/*list_arcticle.htm*/
.list{ margin: 0; padding: 15px 10px; border: 1px solid #ddd; border-top: 0;}
.list li {  border-bottom: 1px dotted #ddd; padding: 10px 0;}
.list li .list_title{ background: url("../images/news_list.jpg") 5px no-repeat; padding-left: 20px;  width: 100%;  height: 30px;  line-height: 30px;  font-size: 18px;  margin: 0;    color: #333;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  font-weight: normal;
 position: relative;}
.list li .list_title span{ position: absolute;right: 0; font-size: 12px; color: #666; }
.list li p { width: 100%;  word-break: break-all;  font-size: 12px;  color: #666;  line-height: 19px;  margin-top: 4px; height: 57px; overflow: hidden;
}

/*list_product.htm*/
.pro_list{ border: 1px solid #ddd; padding:5px; border-top: 0;}

.pro_list li { float: left; width: 242px; margin-right: 7px; margin-bottom: 5px; }
.pro_list li img{ width: 242px; height: 182px; overflow: hidden; vertical-align: middle; border: 1px solid #ddd;  padding: 5px;}
.pro_list li img:hover{ border: 1px solid #ee4b4b;}
.pro_list li span{ display: inline-block;width: 100%; background: #e5e5e5; height: 30px; line-height: 30px; text-align: center;  overflow: hidden;}
/*订货须知*/
.xuzhi{ line-height: 28px; padding-top: 10px; }

/*news_style*/
.pro_new_style{ }
.style_dd{ margin-top: 10px;}
.pro_new_style .line{ height: 170px;border: #ddd solid 1px;border-bottom: #CCC solid 1px;float: none;padding: 5px;}
.style_dd li{ line-height: 27px;text-indent: 5px; }
.pro_new_style .line:hover{ border: 1px solid #f60;}
.pro_new_style .page_pro_img{height: 150px;display: block;float: left;margin-right: 8px;}
.pro_new_style .page_pro_img img{ height: 148px; width:120px;border: 1px solid #ddd;}
.pro_new_style dd li a {color: #494747; }
.pro_new_style .page_pro_ms{ width: 530px;overflow: hidden;color: #494747}
.pro_new_style .line p{ margin: 0 0 3px}
.pro_new_style .line p a:hover{color: #ee4b4b;}
.pro_new_style .line p .xinghao{ #999;}
.pro_new_style .line .fred{ color: red; margin-right: 5px;}
.pro_new_style .pro_dis{ display: block;width: 100px;height: 28px;background:url(../images/viewproduct.png) no-repeat; overflow: hidden;float: left;text-indent: -4000px;}

/*news_info  list_product.htm*/
.news_info{ border: 1px solid #ddd; padding: 20px; border-top: 0;}
.news_info .news_info_img{ float: left; width: 255px; }
.news_info .news_info_img img{ width: 100%; overflow: hidden; border: 1px solid #ddd; padding: 3px;}
.news_info .news_info_title{ float: right; width: 430px;}
.news_info .news_info_title p{ line-height: 35px; color: #666; }
.news_info .news_info_title p em{ color: #0690DB; font-style: normal;}
.news_info .news_info_title p i{ margin: 0 5px; font-style: normal; color: #f60;}
.news_info .news_info_title p a img{ display: inline-block;}
.news_info_biaoti{ height: 35px;line-height: 35px;  background: #E8E8E8; font-size: 16px; padding-left: 10px;}
.news_info_wenzhang{ padding: 20px 10px; border: 1px solid #ddd;}
.news_info_wenzhang hr{ margin: 10px 0; }
.news_info_wenzhang h3{ margin-bottom: 15px;}
.news_info_wenzhang p{line-height: 28px; vertical-align: middle; font-size: 14px;}
.news_info_wenzhang p img {margin: 0 auto; vertical-align: middle; }

/*news_gototop*/
.gototop{ position: fixed; left: 50%; bottom: 20px; margin-left: 500px; width: 30px; word-break: break-word; z-index: 9999;}
.gototop_union{ }
.gototop a{ display:block;width:30px;margin-bottom:2px;padding:12px 5px;text-align:center;line-height:16px; background:#f3f3f3; color:#3399e0;border:1px solid #e4e4e4; border-left: 0;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;}